/* Theme Name: ActiveBlog Lite Theme URI: https://www.bloompixel.com/theme/activeblog/ Author: BloomPixel Author URI: https://www.bloompixel.com/ Description: WordPress theme for active bloggers. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags:right-sidebar, custom-menu, featured-images, two-columns, theme-options, custom-background, threaded-comments Text Domain: activeblog-lite */ /* ----------------------------------------- Table of Contents -------------------------------------------- .. 01. General .. 02. Main Navigation .. 03. Header .. 04. Modules .. 05. Footer .. 06. Comments .. 07. Widgets Styling .. 08. WordPress defaults .. 09. Mobile Menu .. 10. External Plugins .. 11. Global Mediaqueries */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; vertical-align: baseline; } *, *:before, *:after { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } input, select { -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; vertical-align: middle; } select { padding: 8px 6px; width: 100%; } input[type="submit"] { font-size: 13px; } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; } .clearfix:after { clear: both; content: ""; font-size: 0; height: 0; display: block; visibility: hidden; } body { background: #fff; line-height: 1; color: #1F1F26; font-family: "Latol", sans-serif; font-size: 14px; line-height: 1.6; } a { color: #ffb72f; outline: none; text-decoration: none; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; } a:hover { color: #ffb72f; } ::-moz-selection { background: #222; color: white; text-shadow: none; } ::selection { background: #222; color: white; text-shadow: none; } h1, h2, h3, h4, h5, h6 { color: #2A2D33; font-family: "Playfair Display", sans-serif; font-weight: 400; line-height: 1.3; margin-bottom: 20px; } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } p { margin-bottom: 20px; } blockquote { font-size: 14px; font-style: italic; padding: 20px 30px; } em, i, cite { font-style: italic; } strong { font-weight: 700; } img, video, object, embed { max-width: 100%; } img { height: auto; vertical-align: middle; } caption, th, td { text-align: left; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -3px; } sup { top: -4px; } .section-title { border-bottom: 2px solid rgba(0, 0, 0, 0.03); font-size: 14px; font-weight: 600; line-height: 24px; margin-bottom: 30px; padding: 0 0 6px; position: relative; text-transform: uppercase; } .section-title:before { content: ""; display: block; position: absolute; bottom: -2px; left: 0; background: #ffb72f; height: 2px; width: 100px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- # Helpers --------------------------------------------------------------*/ .left { float: left; } .right { float: right; } .clear { clear: both; } .hide { display: none; } .hidden { opacity: 0; visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .last { margin-right: 0 !important; } .center-width { margin: 0 auto; max-width: 1170px; width: 100%; } .f-normal { font-weight: normal; } .f-bold { font-weight: bold; } .f-italic { font-style: italic; } .t-strike { text-decoration: line-through; } .t-overline { text-decoration: overline; } .t-underline { text-decoration: underline; } .t-left { text-align: left; } .t-right { text-align: right; } .t-center { text-align: center; } .uppercase { text-transform: uppercase; } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 4. Header /*-----------------------------------------------------------------------------------*/ .main-header { background: #fff; margin: 0 auto; width: 100%; } .header { clear: both; margin: 0 auto; max-width: 100%; padding: 0; position: relative; width: 1170px; } .header a { color: #3F3F3F; } .logo { display: inline-block; font-family: "Playfair Display", cursive; font-size: 56px; font-weight: 700; line-height: 1.2; margin: 0; max-width: 100%; } .logo img { float: left; } .logo-wrap { display: inline-block; float: left; margin: 40px 0; } .tagline { display: block; font-size: 14px; } .social-links { float: right; margin: 48px 0; } .social-links a { background-color: #f5f5f5; border-radius: 50%; float: left; font-size: 18px; margin: 0px 3px; padding: 8px 0; text-align: center; width: 34px; } .social-links a:hover { color: #fff; } .social-links .twitter:hover { background: #1bb6ec; } .social-links .facebook:hover { background: #395aa1; } .social-links .instagram:hover { background: #854e3a; } .social-links .youtube:hover { background: #cc181e; } .social-links .gplus:hover { background: #c23322; } .social-links .pinterest:hover { background: #cc2127; } .social-links .flickr:hover { background: #ff0080; } .social-links .rss:hover { background: #ff8800; } .social-links .reddit:hover { background: #cee3f8; } .social-links .tumblr:hover { background: #2c4762; } .social-links .dribbble:hover { background: #f46899; } .social-links .git:hover { background: #333333; } .social-links .linkedin:hover { background: #017eb4; } .header-search { float: right; margin: 5px 0; position: relative; } .top-bar { background-color: #F5F5F5; } .main-menu ::-webkit-input-placeholder, .main-menu :-moz-placeholder, .main-menu ::-moz-placeholder, .main-menu :-ms-input-placeholder { color: #b8b8b8; } .header-2 .top-nav { float: left; } .header-2 .social-links { margin: 6px 0; } .header-2 .header-search { margin: 7px 0 7px 12px; } .header-2 .header-search .s { font-size: 12px; height: 31px; padding: 4px 15px; right: 31px; } .header-2 .search-button { height: 31px; width: 31px; } .header-2 .logo-wrap { float: none; } .header-2 .main-nav { text-align: center; } .header-2 .main-nav li { float: none; } .header-2 .main-nav .sub-menu { text-align: left; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 5. Menu /*-----------------------------------------------------------------------------------*/ .menu, .menu * { margin: 0; padding: 0; list-style: none; } .top-nav { float: right; max-width: 1170px; margin: 0 auto; } .top-nav li a { padding: 12px; } .top-nav a { color: #41433F; font-size: 14px; font-weight: 700; } .nav-menu { max-width: 100%; position: relative; width: 100%; } .menu a { display: block; padding: 21px 12px; position: relative; } .menu ul { background: #404040; border-bottom: 1px solid rgba(255, 255, 255, 0.09); position: absolute; top: -999em; width: 200px; /* left offset of submenus need to match (see below) */ } .menu ul li { width: 100%; } .menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .menu li:hover > ul { display: block; left: 0; top: 100%; /* match top ul list item height */ width: 200px; z-index: 1000; } .menu li { display: inline-block; float: left; list-style: none; position: relative; } .menu li ul { display: none; } .menu li ul li a:hover { background: rgba(255, 255, 255, 0.09); color: #fff; } .menu li li:hover ul { border: 0; left: 200px; /* match ul width */ top: 0; } .menu li li a { border-bottom: 1px solid rgba(255, 255, 255, 0.09); color: #ccc; padding: 12px 20px; } .menu .menu-item-has-children > a { padding-right: 24px; z-index: 20; } .menu .menu-item-has-children > a:after { content: ""; display: block; position: absolute; top: 22px; right: 10px; height: 0; width: 0; border: 4px solid transparent; border-top-color: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; } .menu ul .menu-item-has-children > a:after { top: 20px; right: 5px; border-color: transparent; border-left-color: rgba(255, 255, 255, 0.2); } .menu ul .menu-item-has-children > a:hover:after { border-left-color: rgba(255, 255, 255, 0.8); } .menu .fa { display: inline-block; margin-right: 5px; margin-top: -0.265em; vertical-align: middle; } .main-menu { background-color: #ffb72f; } .main-nav a { color: #fff; z-index: 1; } .main-nav a:hover { color: #41433f; } .main-nav .menu > li a:before { background: #fff; width: 100%; height: 0; content: ""; display: block; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; z-index: -1; } .main-nav .menu > li > a:hover:before { height: calc(100% - 5px); } .main-nav li li a:before { bottom: -1px; height: 1px; } .menu-btn.fa { display: none; } /* Menu One */ .menu-one { float: right; } .menu-one a { padding: 53px 12px; } /* Menu Two and Three */ .menu-two .center-width { border-top: 1px solid rgba(0, 0, 0, 0.08); } .menu-three .center-width { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .menu-two .menu li:hover ul, .menu-three .menu li:hover ul { top: 100%; } .menu-two .menu li li:hover ul, .menu-three .menu li li:hover ul { top: 0; } .main-nav .menu-item-has-children > a:after { top: 30px; } .menu-two .menu-item-has-children ul > a:after, .menu-three .menu-item-has-children ul > a:after { top: 16px; } .menu-item-description { display: none; } /* Responsive Menu */ .st-menu { display: none; } .side-sub-menu { display: none; } .close-button { display: none; padding: 15px 0; text-align: center; } .close-button .fa { color: #fff; cursor: pointer; font-size: 22px; } .menu-pusher { position: relative; height: 100%; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } .stickymenu { background: #454545; border-bottom: 1px solid rgba(0, 0, 0, 0.08); position: fixed; z-index: 100; left: 0; top: 0; width: 100%; } .stickymenu .nav-menu .menu-item-has-children > a:after { border-top-color: rgba(255, 255, 255, 0.3); } .stickymenu .nav-menu ul ul .menu-item-has-children > a:after { border-color: transparent transparent transparent rgba(255, 255, 255, 0.2); top: 15px; } /*-------------------------------------------------------------- ## Content --------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 3. Main Container /*-----------------------------------------------------------------------------------*/ .main-container { background: transparent; clear: both; overflow: hidden; width: 100%; } .main-wrapper { background: transparent; clear: both; margin: 0 auto 0; width: 1170px; } .container { margin: 0 auto; width: 1170px; } .boxed-layout { float: none; margin: 0 auto; width: 1170px; overflow: hidden; } .boxed-layout .header { padding-left: 2%; padding-right: 2%; width: 96%; } .boxed-layout .main-wrapper { max-width: 1170px; } .boxed-layout .header { width: 96%; } .boxed-layout .container { width: auto; } /*-----------------------------------------------------------------------------------*/ /* 6. Main Content /*-----------------------------------------------------------------------------------*/ .main-content { clear: both; margin: 60px auto 0; max-width: 100%; } .content-area { float: left; margin-left: 0; margin-right: 2.2%; margin-top: 0; width: 66.2%; } .content { padding: 0 0; } .post header, .attachment header { clear: both; overflow: hidden; position: relative; } .section-heading { color: #2A2D33; font-size: 18px; font-weight: 700; position: relative; text-transform: uppercase; } .cover-box { margin: -30px 0 30px; overflow: hidden; position: relative; } .cover-image { background-attachment: fixed; background-color: #f5f5f5; background-size: cover; background-repeat: no-repeat; position: relative; } .cover-content { background: #fff; border-top: 5px solid #ffb72f; float: left; margin-top: 90px; padding: 25px 30px 10px; width: 66.2%; } .cover-heading { position: absolute; top: 50%; left: 0; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .cover-heading .title { color: #fff; } .cover-text { float: left; padding: 0 0 20px; } .cover-text a { color: #ffffff; } .title { margin-bottom: 15px; } .title a { color: #000000; } .entry-title { margin-bottom: 10px; } .page-title { font-size: 26px; margin: 0 0 20px; } /*-----------------------*/ /* Archives Template /*-----------------------*/ .archive-col { float: left; margin-bottom: 20px; margin-right: 5%; width: 47.5%; } .archive-col:nth-child(2n) { margin-right: 0; } .archive-col ul { margin: 0; } .archive-col ul li { font-size: 14px; line-height: 28px; } .archive-col a { color: #555555; } /*-----------------------*/ /* Archive /*-----------------------*/ .archive-title { margin: 0 !important; padding: 15px 30px !important; } .cat-cover-box { border-bottom: 1px solid rgba(0, 0, 0, 0.08); margin-bottom: 40px; padding: 45px 10px; text-align: center; } .category-title-wrap { margin-bottom: 30px; } .category-title { margin-bottom: 10px; font-size: 32px; } .category-title span { color: #ffb72f; border-bottom: 2px solid #e7e7e7; font-weight: 700; } .taxonomy-description { margin-bottom: 10px; } /*-------------------------------------------------------------- ## Featured --------------------------------------------------------------*/ .featured-section { background: #fff; border-bottom: 1px solid #ebebeb; margin: 0 auto 30px; max-width: 100%; overflow: hidden; width: 100%; } .featured-slider { margin-top: 4px; max-width: 100%; padding-bottom: 30px; position: relative; width: 1170px; } .featured-slider .post { margin-bottom: 0; } .featured-slider .post-date { margin-bottom: 10px; } .featured-slider .featured-content { background: #fff; padding: 0; border-top: 4px solid #F6CC4C; position: absolute; bottom: 0; text-align: center; left: 15px; right: 15px; } .featured-slider .post-content { color: #fff; } .featured-slider.loading { background: #fff url(assets/images/loading.gif) no-repeat center center; border: 1px solid #e3e3e3; overflow: hidden; height: 100px; } .slider-post { border-left: 4px solid #fff; float: left; position: relative; width: 50%; } .featured-slider .featured-thumbnail { margin-right: 0; max-width: 100%; width: 100%; } .featured-slider .post-inner { padding: 15px; position: relative; bottom: 0; } .featured-section .post-inner { position: relative; } .slider-meta { color: #0C0D0E; } .featuredslider .post-type { display: inline-block; float: none; margin: 0 0 10px; position: static; } .f-title { color: #0C0D0E; font-size: 24px; line-height: 32px; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .featured-thumbnail, .featured-single { display: block; margin-bottom: 20px; position: relative; width: 100%; } .featured-thumbnail img, .featured-single img { width: 100%; height: auto; } .featured-thumbnail { float: left; margin-right: 35px; max-width: 348px; width: 45%; } .title { margin-bottom: 10px; } .title a { color: #333; } .entry-title { font-size: 24px; font-weight: 700; margin-bottom: 12px; } .page-title { font-size: 26px; margin: 20px 0 20px; } .post .featured-thumb-gallery { float: left; position: relative; width: 100%; } .post-inner { overflow: hidden; } .content-home .format-quote .post-inner { border: 0; } .post-content { font-size: 16px; line-height: 1.6; } .post header time, .attachment header time { float: left; padding: 25px 2%; text-align: center; } .post header .post-date, .attachment header .post-date { clear: both; color: #000; display: block; font-size: 36px; margin: 0 0 10px; } .post-meta { font-size: 14px; margin-bottom: 15px; } .post-meta span { display: inline-block; margin: 0 10px 0 0; padding-right: 12px; position: relative; } .post-meta span:after { content: ""; display: block; position: absolute; background: #2a2d33; width: 1px; height: 16px; margin-top: -8px; top: 50%; right: 0; } .post-meta span:last-child { margin-right: 0; padding-right: 0; } .post-meta span:last-child:after { display: none; } .post-meta a { color: #2A2D33; } .post-meta .post-comments span { border: none; margin: 0; padding: 0; } .post-date { color: #ffb72f; } .read-more { display: inline-block; margin: 0; } .read-more a { display: block; font-size: 16px; color: #ffb72f; text-transform: capitalize; } .read-more a:hover { color: #333; } .post-share { font-size: 18px; margin-top: 20px; } .post-share ul li { display: inline-block; margin-right: 20px; } .post-share ul li a { color: #4F5461; } .post-share ul li a:hover { color: #fb3; } /* Gallery */ .gallery { margin-bottom: 20px; } .gallery:after { clear: both; content: ""; display: block; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .loading { display: none; } .post { clear: both; margin-bottom: 45px; overflow: hidden; position: relative; } .content-home .post:nth-child(3n) .featured-thumbnail, .content-archive .post:nth-child(3n) .featured-thumbnail { margin-right: 0; max-width: 100%; width: 100%; } .content-home .post:nth-child(3n) .post-inner, .content-archive .post:nth-child(3n) .post-inner { overflow: visible; } .single .post { margin-bottom: 0; } .single .post-header { margin: 0 0 20px; padding: 0; position: relative; background: #fff; color: #000; } .content-home .post-box, .content-archive .post-box, .single-content, .author-box, .relatedposts, .norm-pagination, .author-desc-box, .comments-area, .comment-respond { background: #fff; } /*---[ Single ]---*/ .full-width { margin-top: 15px; } .full-width .content { margin: 0 0 30px; padding: 0; } .content-page, .content-single { float: left; margin: 0; padding: 0; width: 100%; } .single-content { margin-bottom: 20px; } .content-archive { float: left; margin: 0; width: 100%; } .article-area { background: #fff; } .article-area header { float: left; width: 100%; } .error404 .page-content header { margin: 0 3%; } .error-page-content { font-size: 16px; line-height: 28px; padding: 30px; text-align: center; } .error-head { border-bottom: 1px solid #CCCCCC; height: 1px; margin-top: 15px; margin-bottom: 20px; position: relative; } .error-head span { background: #fff; padding: 0 20px; position: relative; top: -14px; } .error-text { color: #ff8800; font-size: 230px; line-height: 200px; margin-bottom: 30px; } .single-title { font-size: 30px; margin: 0 0 15px; } .single-post-type { clear: both; margin: 0; width: 100%; } .single-post-type img { float: left; width: 100%; } .full-width .single-page-content { margin: 0; width: 96%; } .full-width header { margin: 0 2%; } #fullwidth-comments { background: #fff; margin: 0 0 30px; padding: 0; } .page-links { margin-bottom: 20px; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } article img.right, article img.alignright, .wp-caption.alignright { background: rgba(0, 0, 0, 0.027); border: 1px solid rgba(0, 0, 0, 0.08); display: block; float: right; margin: 5px 0 15px 25px; padding: 5px; } article img.aligncenter, article img.alignnone, .wp-caption.aligncenter, .wp-caption.alignnone { background: rgba(0, 0, 0, 0.027); border: 1px solid rgba(0, 0, 0, 0.08); display: block; clear: both; padding: 5px; } article img.left, article img.alignleft, .wp-caption.alignleft { background: rgba(0, 0, 0, 0.027); border: 1px solid rgba(0, 0, 0, 0.08); display: block; float: left; margin: 5px 25px 15px 0; padding: 5px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { color: #757575; font-size: 11px; font-style: italic; line-height: 20px; } .wp-caption { padding: 4px; max-width: 100%; } .wp-caption img { margin-bottom: 10px; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .post table, .content-page table { border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; width: 100%; } .post th, .content-page th { padding: 6px 10px 6px 0; text-transform: uppercase; } .post td, .content-page td, .post th, .content-page th { border-top: 1px solid #e5e5e5; padding: 8px 20px; } .post th, .content-page th { background: rgba(0, 0, 0, 0.04); } .post dl, .content-page dl { margin: 0 30px; } .post dt, .content-page dt { font-weight: 700; } .post dd, .content-page dd { margin: 0 0 20px; } .post ul, .content-page ul { list-style: disc; margin-bottom: 20px; margin-left: 20px; } .post ol, .content-page ol, .content-single .comment ol { list-style: decimal; margin-bottom: 20px; margin-left: 20px; } .post ul ul, .content-page ul ul, .content-single .comment ul ul, .post ul ol, .content-page ul ol, .content-single .comment ul ol, .post ol ul, .content-page ol ul, .content-single .comment ol ul, .post ol ol, .content-page ol ol, .content-single .comment ol ol { margin-bottom: 0; } .post-content li, .content-page li { position: relative; } .post address, .content-page address { margin-bottom: 20px; } .post code, .content-page code { font-family: Consolas, Monaco, Lucida Console, monospace; } .post pre, .content-page pre { border: 1px solid #e5e5e5; margin-bottom: 20px; padding: 20px; overflow: auto; } .post dl.gallery-item { margin: 0; } .post-content blockquote { border-left: 2px solid #91C842; font-size: 16px; margin: 10px 0 30px; padding: 0 30px; } .post-format-content { margin-bottom: 20px; } .post-format-content .wp-video { margin: 0 auto; } .post-password-form input[type="password"] { padding: 10px; } .post-password-form input[type="submit"] { background: #2a2d33; border: none; color: #fff; cursor: pointer; height: 38px; padding: 0 20px; } /*---[ Post Navigation ]---*/ .post-navigation .post-nav-links { float: left; position: relative; width: 50%; background-color: #fff; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; } .next-prev-title { font-size: 16px; color: #ffb72f; margin-top: 10px; margin-bottom: 8px; } .post-navigation a { font-size: 16px; line-height: 20px; font-weight: 700; color: #2A2D33; } .post-nav-link-bg { float: left; margin-right: 20px; } .alignright .post-nav-link-bg { float: right; margin-left: 20px; margin-right: 0; } .alignright.post-nav-links { text-align: right; } .post-navigation { border-top: 1px solid #EFEFEF; text-align: left; padding: 30px 0 0; } .post-navigation a:hover { color: #F8DA7C; } .post-tags { margin-bottom: 20px; } /*---[ Breadcrumbs ]---*/ .breadcrumbs { border-bottom: 1px solid rgba(0, 0, 0, 0.08); margin-bottom: 20px; padding: 0 0 15px; } .breadcrumbs a { color: #333; } .breadcrumbs .fa { margin-right: 4px; } /*---[ Social Share Buttons ]---*/ .social-fb a:hover { color: #395aa1; } .social-twitter a:hover { color: #17a8dd; } .social-gplus a:hover { color: #fc5656; } .social-stumble a:hover { color: #eb4924; } .social-pin a:hover { color: #BE202E; } .social-linkedin a:hover { color: #017EB4; } .social-pinterest a:hover { color: #cc2127; } .social-stumbleupon a:hover { color: #f04f23; } .social-reddit a:hover { color: #000; } .social-tumblr a:hover { color: #34465d; } .social-delicious a:hover { color: #3399ff; } /*---[ Author Box ]---*/ .author-box { border-top: 1px solid rgba(0, 0, 0, 0.09); margin-bottom: 40px; padding-top: 40px; } .author-box-avtar { float: left; margin-right: 20px; max-width: 100px; width: 14.2%; } .author-head { overflow: hidden; } .author-box h4 { margin: 0; } .author-box h5 { font-size: 16px; line-height: 22px; } .author-box img { float: left; margin: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .author-info-container { margin-left: 0; overflow: hidden; } .author-info { overflow: hidden; padding: 0 0 12px; } .author-desc-box { border-left: 1px solid rgba(0, 0, 0, 0.08); border-right: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); margin: 0 0 20px 0; padding: 0; overflow: hidden; } .author-box-title { border-bottom: 1px solid rgba(0, 0, 0, 0.08); font-size: 13px; padding: 15px 20px; } .author-box .widget-title:before { border: 0; } .author-desc-box .author-box-content { overflow: hidden; padding: 20px; } .author-desc-box h5 { float: left; font-size: 16px; margin-bottom: 10px; text-transform: capitalize; line-height: 22px; } /*---[ Related Posts ]---*/ .relatedposts { border-top: 1px solid rgba(0, 0, 0, 0.09); clear: both; margin: 0 0 40px; padding: 40px 0 0; position: relative; } .relatedposts .post { margin-bottom: 10px; } .related-inner { overflow: hidden; } /*---[ Sitemap ]---*/ .sitemap-col, .archive-col { float: left; margin-bottom: 20px; margin-right: 5%; width: 47.5%; } .sitemap-col:nth-child(2n), .archive-col:nth-child(2n) { margin-right: 0; } .sitemap-col:nth-child(3n) { clear: left; } .sitemap-col ul li, .archive-col ul li { font-size: 14px; line-height: 28px; list-style: disc; } .sitemap-col a, .archive-col a { color: #555; } /*-------------------------------------------------------------- ## Layouts --------------------------------------------------------------*/ /*-----------------------*/ /* Layout Styles /*-----------------------*/ .bclayout .content-area { float: right; margin-left: 2.2%; margin-right: 0; } /*-------------------------------------------------------------- ## Navigation --------------------------------------------------------------*/ /*---[ Post Navigation ]---*/ .navigation { clear: both; display: block; margin-bottom: 40px; max-width: 1170px; } /*---[ Pagination ]---*/ .pagination, .norm-pagination { clear: both; font-size: 14px; margin: 0 0 30px; overflow: hidden; } .single .pagination { margin: 15px 0 20px; } .single .pagination a { background: rgba(0, 0, 0, 0.04); } .single .pagination a:hover { color: #fff; } .norm-pagination { padding: 15px; } .norm-pagination .nav-previous a { float: left; } .norm-pagination .nav-next a { float: right; } .pagination span, .pagination a { color: #fff; display: inline-block; margin: 0 10px 0 0; padding: 5px 11px; } .pagination span:hover, .pagination a:hover { background: #ffb72f; border: 1px solid #ffb72f; color: #fff; } .pagination a { background: #fff; border: 1px solid #e3e3e3; color: #828282; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 7. Comments /*-----------------------------------------------------------------------------------*/ .comments-area { border-top: 1px solid rgba(0, 0, 0, 0.09); clear: both; margin: 0 0 40px; padding: 40px 0 0; } .comments-area .avatar { float: left; margin-bottom: 10px; margin-right: 2%; } .comments-count { margin: 0 0 20px; } .commentlist { margin: 0; padding: 0; position: relative; } .commentlist .comment, .commentlist .pingback { list-style: none; margin: 0; width: 100%; } .commentlist .pingback .comment-body { padding: 0 0 20px; } .commentlist .children { float: left; margin-left: 15%; margin-bottom: 0; width: 85%; } .comment-body { border-bottom: 1px solid rgba(0, 0, 0, 0.11); margin: 0 0 20px; } .commentlist > li:last-child .comment-body { border-bottom: 0; margin-bottom: 0; } .fn { color: #333; font-size: 16px; font-style: normal; } .fn a { color: inherit; } .comment-meta { color: #999; font-size: 12px; margin: 5px 0; } .comment-meta a { color: inherit; } .comment-text { overflow: hidden; } .bypostauthor .fn:after { content: "\f007"; font-family: 'FontAwesome'; left: 5px; position: relative; top: 0; } .reply { float: right; } .reply i { margin: 0 3px 0 0; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .comment-reply-link { color: #999; display: inline-block; float: right; font-size: 13px; } .comment-reply-link:hover { border-color: #ffb72f; color: #fff; } .comment-respond { border-top: 1px solid rgba(0, 0, 0, 0.09); margin: 0; padding: 40px 0 0; } .comment-reply-title { font-size: 16px; line-height: 20px; margin: 0; text-transform: uppercase; } .comment-form p { margin: 0 0 10px; position: relative; } .comment-form .form-submit { clear: both; } .comment-form .comment-form-author, .comment-form .comment-form-email { margin: 0 2.9% 0 0; } .comment-form input, .comment-form textarea { background: transparent; border: 1px solid rgba(0, 0, 0, 0.11); display: block; font-size: 14px; margin: 4px 0 0; padding: 10px 10px; } .comment-form label { color: #999; font-size: 12px; font-weight: 700; text-transform: uppercase; } .comment-form textarea { width: 100%; } .comment-form .required { color: #dc0413; } .comment-form .submit { background-color: #e74c3c; border: 0; color: #fff; font-size: 14px; font-family: 'Oswald', sans-serif; font-weight: 700; padding: 8px 32px; text-transform: uppercase; cursor: pointer; } .comment-form .submit:hover { background: #000; color: #fff; } .comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 31.4%; } .comment-form-author input, .comment-form-email input, .comment-form-url input { width: 100%; } .comment-form-comment { clear: both; overflow: hidden; width: 100%; } /*-------------------------------------------------------------- ## Sidebar --------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 8. Sidebar /*-----------------------------------------------------------------------------------*/ .sidebar { float: left; margin: 0 0 30px; width: 31.6%; } .sidebar a { color: #2A2D33; } /*-------------------------------------------------------------- ## Widgets --------------------------------------------------------------*/ .widget { margin-bottom: 20px; overflow: hidden; } .widget ul { margin: 0; } .widget li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); list-style: none; margin: 0 0 10px; padding: 0 0 10px; } .widget li li { border-bottom: none; margin-bottom: 0; margin-top: 10px; } .widget .children { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-left: 20px; margin-top: 10px; } .widget .children li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .widget .children li:last-child { border-bottom: 0; padding-bottom: 0; } .widget .menu li { display: block; float: none; } .widget-title { font-family: "Playfair Display", sans-serif; font-size: 24px; font-weight: 700; margin-bottom: 20px; text-transform: capitalize; } .sidebar-widget { background-color: #fff; border-top: 4px solid #2A2D33; outline: 1px solid #F5F5F5; list-style: none; margin-bottom: 45px; padding: 20px; position: relative; } .sidebar-widget a { color: #2A2D33; } .sidebar-widget a:hover { color: #ffb72f; } .sidebar-widget li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } /*-----------------------------------------------------------------------------------*/ /* 10. Widgets /*-----------------------------------------------------------------------------------*/ /*---[ Recent Posts ]---*/ .recent-posts-widget { clear: both; padding: 0; } .category-posts, .recent-posts, .random-posts, .popular-posts { margin: 0; padding: 0; } .category-posts li, .recent-posts li, .random-posts li, .popular-posts li { list-style: none; overflow: hidden; } /*---[ Search Form ]---*/ .searchform fieldset { float: left; color: #888; width: 85%; } .s { background: #fff; border: 0; color: #60656f; float: left; font-size: 14px; height: 55px; outline: 0; padding: 10px 0 9px; text-indent: 15px; width: 100%; } .search-button { background: #fff; border: 0; color: #6B6F79; cursor: pointer; display: block; float: left; font-family: 'Lato', sans-serif; font-size: 16px; height: 55px; min-width: 13px; text-transform: capitalize; width: 15%; } .search-button:hover { background: #000; } .sidebar-widget.widget_search { background: #f5f5f5; border: 0; } header .searchform { background: #fff; float: right; width: 100%; } header .searchform i { position: absolute; top: 18px; right: 10px; z-index: 10; } header .searchform fieldset { border: 0; margin: 0; } header .searchform .s { background: #222121; border-bottom: 2px solid rgba(255, 255, 255, 0.2); color: #b8b8b8; float: left; padding: 8px 30px 8px 0; text-align: right; width: 0; height: 54px; opacity: 0; position: absolute; right: 54px; z-index: 99; -webkit-transition: all 0.45s ease-in-out 0s; transition: all 0.45s ease-in-out 0s; } header .search-button { background-color: transparent; color: #41433F; position: relative; width: 54px; height: 54px; z-index: 999; } header .search-button:hover { background-color: transparent; } .header-search:hover .s, .header-search .s:focus { opacity: 1; width: 230px; } /*---[ Tags ]---*/ .sidebar .tagcloud { overflow: hidden; } .tagcloud a { background: rgba(0, 0, 0, 0.08); border: 0; color: #64676A !important; display: block; float: left; font-size: 12px !important; margin: 0 4px 4px 0; padding: 5px 12px 5px 12px; position: relative; text-transform: capitalize; } .tagcloud a:hover { background: #3a3a3a; color: #fff !important; } .footer .tagcloud a { background: #fff; } /*---[ Social Widget ]---*/ .social-widget li { border: 0; float: left; font-size: 14px; list-style-type: none; margin-bottom: 4px; margin-left: 2px; margin-right: 2px; padding: 0; } .social-widget ul li span { color: #fff; float: left; font-size: 16px; width: 40px; padding: 12px 0; text-align: center; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; } .social-widget .facebook span { background: #3b5999; } .social-widget .twitter span { background: #00aced; } .social-widget .gplus span { background: #ff4444; } .social-widget .rss span { background: #ff8800; } .social-widget .pinterest span { background: #cc2127; } .social-widget .linkedin span { background: #017eb4; } .social-widget .flickr span { background: #fe0084; } .social-widget .instagram span { background: #854e3a; } .social-widget .youtube span { background: #cc181e; } .social-widget .tumblr span { background: #274057; } .social-widget .dribble span { background: #ea4c89; } .social-widget .git span { background: #333333; } .social-widget .xing span { background: #015960; } /*---[ 125x125 Ads ]---*/ .ad-125-widget { clear: both; margin: 0; overflow: hidden; padding: 0; } .ad-125-widget ul, .ad-125-widget li { border: 0; list-style: none; margin: 0; } .ad-125-widget li { padding: 0; width: 42%; } .ad-125-widget .adleft { float: left; margin: 0 5% 10px 0; } .ad-125-widget .adright { float: right; margin: 0 0 10px; } /*---[ 300x250 Ads ]---*/ .ad-300-widget { clear: both; margin: 0 auto; max-width: 300px; width: 100%; } /*---[ Tabs ]---*/ .tabs-widget { margin-bottom: 0; } .tabs-widget .tabs { list-style: none; margin: 0 0 15px; overflow: hidden; } .tabs li { border: 0; float: left; font-family: 'PlayfairDisplay',sans-serif; margin: 0 20px 0 0; padding: 0; position: relative; } .tabs a { border-bottom: 3px solid #e0e0e0; color: #bebebe; display: block; font-size: 20px; font-weight: 700; line-height: 26px; padding: 8px 5px; text-transform: capitalize; } .tabs .active a { border-color: #ffb72f; color: #333; } .tabs-content ul { margin: 0; padding: 0; } .tabs-content li { margin: 0 0 10px; overflow: hidden; padding: 0 0 14px; } .tabs-content li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .tab-content { display: none; } /*---[ Popular Posts ]---*/ .widgetthumb { float: left; margin: 4px 10px 0 0; width: 100%; } .popular-posts { display: block; } .thumbnail { float: left; margin-right: 10px; position: relative; max-width: 27.5%; width: 65px; } .thumbnail-big { float: none; margin: 0 0 10px; max-width: 100%; width: 100%; } .widget .info { overflow: hidden; } .widgettitle { display: block; font-family: 'Playfair Display', sans-serif; font-size: 18px; font-weight: 700; line-height: 26px; margin-bottom: 6px; } .footer .info { overflow: hidden; } .side-meta, .r-meta { color: #999; display: block; font-size: 14px; } .side-meta a { color: inherit; } .side-meta .post-author, .side-meta .post-comments, .side-meta .post-cats, .side-meta time { margin-right: 10px; } /*---[ Author Widget ]---*/ .sidebar .widget_author_info_widget { border-top: 4px solid #F6CC4C; } .author-info-widget .author-avatar { margin-bottom: 15px; } .author-info-widget .author-avatar img { width: 100%; } .author-info-widget h4 { margin-bottom: 5px; text-transform: capitalize; } .author-info-widget .author-description { margin-bottom: 15px; } .author-info-widget .author-social span { font-size: 16px; color: #4F5461; margin-right: 10px; } /*---[ Flickr Widget ]---*/ .flickr_badge_image { display: inline; margin: 0; } .flickr_badge_image img { float: left; margin: 0 0 6px; padding: 0 3px; } /*---[ Calendar Widget ]---*/ .widget [id="wp-calendar"] { background: #f3f3f3; text-transform: capitalize; width: 100%; } .widget [id="wp-calendar"] caption, .widget [id="wp-calendar"] th, .widget [id="wp-calendar"] td { text-align: center; } .widget [id="wp-calendar"] th { background: #f3f3f3; padding: 10px 0; } .widget [id="wp-calendar"] td { background: #fafafa; padding: 5px 0; } .widget [id="wp-calendar"] caption { background: #ffb72f; color: #fff; font-size: 14px; padding: 10px 0; } .widget [id="wp-calendar"] tfoot a { font-weight: 700; } .widget [id="wp-calendar"] tfoot tr td { padding-left: 10px; text-align: left; } .widget [id="wp-calendar"] td[id="today"], .widget [id="wp-calendar"] td[id="today"] a { color: #fff; } /*---[ Subscribe Widget ]---*/ .widget_subscription_widget { color: #ffb72f; padding: 20px; } .subscribe-widget h3 { margin-bottom: 15px; } .subscribe-widget p { text-transform: capitalize; color: #2A2D33; } .subscribe-widget input { background-color: #fff; border: none; padding: 15px; float: left; width: 86%; } .subscribe-widget .submit-button { background: #2A2D33; border: none; cursor: pointer; float: left; color: #fff; padding: 10px 15px; font-size: 22px; width: 14%; } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 9. Footer /*-----------------------------------------------------------------------------------*/ .footer { background: #F5F5F5; color: #64676A; clear: both; } .footer a { color: #64676A; } .footer a:hover { color: #ffb72f; } .footer-widgets { border-bottom: 1px solid #DFDFDF; padding: 20px 0; width: 100%; } .boxed-layout .footer-widgets, .boxed-layout .copyright-inner { padding: 0 2%; width: 96%; } .footer-widget { float: left; } .footer-widget .widget { margin: 25px 0; } .footer-widget .widget li { border-bottom-color: rgba(0, 0, 0, 0.1); } .footer-widget .widget-title { color: #2A2D33; margin: 0 0 25px; } .footer-widget .textwidget img { margin-bottom: 20px; } .footer-widget .textwidget p { color: #64676A; font-size: 16px; } .footer-columns-4 .footer-widget { margin: 0 2% 0 0; width: 23.5%; } .footer-columns-3 .footer-widget { margin: 0 2% 0 0; width: 32%; } .footer-columns-2 .footer-widget { margin: 0 2% 0 0; width: 49%; } .footer-columns-1 .footer-widget { margin: 0; width: 100%; } .copyright { background: #F5F5F5; color: #64676A; width: 100%; } .copyright-text { padding: 15px 0; text-align: center; } .back-to-top { cursor: pointer; position: fixed; bottom: 8em; right: 25px; text-decoration: none; color: #000000; background-color: rgba(235, 235, 235, 0.8); font-size: 12px; padding: 10px 15px; display: none; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; -webkit-transition: background 0.25s linear 0s; transition: background 0.25s linear 0s; } .back-to-top:hover { background-color: rgba(135, 135, 135, 0.5); } .back-to-top .icon-angle-up { color: #000; font-size: 24px; } /*-------------------------------------------------------------- ## Ads --------------------------------------------------------------*/ .header-ad { float: right; margin: 25px 0; max-width: 70%; width: 728px; } .blog-ad { margin-bottom: 40px; } .ad-below-cs { margin: 0 auto 10px; max-width: 96%; } .main-content-ad { background: #f3f3f3; margin: 20px 0 0; padding: 20px; text-align: center; } .single-post-ad { clear: both; margin: 0 0 20px; } /*-------------------------------------------------------------- ## Plugins --------------------------------------------------------------*/ /*-----------------------*/ /* 11.1. Contact Form 7 /*-----------------------*/ .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="tel"], .wpcf7 input[type="date"], .wpcf7 input[type="number"], .wpcf7 textarea { background: #f2f2f2; border: 1px solid rgba(0, 0, 0, 0.1); padding: 8px 10px; } .wpcf7-submit { background: #262626; border: 0; color: #fff; cursor: pointer; font-weight: 700; padding: 8px 16px; text-transform: uppercase; } .wpcf7-submit:hover { background: #000000; } /*---[ JetPack Infinite Scroll ]---*/ /* Hides navigation links and site footer when infinite scroll is active */ .infinite-scroll .navigation, .infinite-scroll.neverending #footer { display: none; } /* Shows the footer again in case all posts have been loaded */ .infinity-end.neverending #footer { display: block; } #infinite-handle { margin-bottom: 30px; text-align: center; } #infinite-handle span { display: inline-block; } .infinite-loader { margin-bottom: 30px !important; } .infinite-loader .spinner { left: 50% !important; } .infinite-scroll .content { margin-bottom: 3px; } /*---[ JetPack Related Styles ]---*/ .post .sd-content ul li:before { content: ''; } #disqus_thread { border-top: 1px solid rgba(0, 0, 0, 0.09); padding: 20px; } /*# sourceMappingURL=style.css.map */