/* Theme Name: Ave Lite Theme URI: https://avetheme.com/ave Author: The AveTheme Team Author URI: https://avetheme.com Description: Ave is a very easy to use theme for you to write fashion blog. When you start with an awesome fashion blog you can create amazing things! is a fully responsive Premium Blog Theme with a great design and extensive functionality. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: ave-lite Tags: one-column, two-columns, right-sidebar, custom-menu, editor-style, threaded-comments, translation-ready */ /* ----------------------------------------- 1 - Commons ------------------------------------------*/ @import "assets/css/uikit.min.css"; @import "assets/css/social.min.css"; @import "assets/css/ave-icons.min.css"; ::-moz-selection { text-shadow: none; } ::selection { text-shadow: none; } html { font-family: sans-serif; font-size: 125%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html, body { overflow: scroll; overflow-x: hidden; } a, a:hover, button, input, textarea, .uk-button { transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease; } a:hover, a:active, a:focus { outline: none; } a:hover { text-decoration: none; } :focus { outline: none; } img { max-width: 100%; height: auto; } input:not([type=button]), input:not([type=submit]), textarea { -webkit-box-shadow: none; -webkit-appearance: none; box-shadow: none; border-radius: 0; display: block; outline: 0; width: 100%; } button, input[type=button], input[type=submit] { -webkit-box-shadow: none; box-shadow: none; cursor: pointer; line-height: 1; outline: none; } table { width: 100%; } .not-scroll { overflow: hidden; } .not-scroll-x { overflow: scroll; overflow-x: hidden; } .not-scroll-y { overflow: scroll; overflow-y: hidden; } .fh { height: 100vh; } .fw { width: 100vw; } .hide { display: none; } .clear:before, .clear:after, p:before, p:after { content: ""; display: table; table-layout: fixed; } .clear:after, p:after { clear: both; } .view-fadein { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; } .view-fadein.in-view { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: -webkit-transform 1s, opacity 1.5s; transition: transform 1s, opacity 1.5s; } .reset-space { margin: 0; padding: 0; } .reset-list { list-style: none; margin: 0; padding: 0; } .reset-title { font-weight: normal; line-height: 1; margin: 0; padding: 0; text-transform: none; } .reset-text { font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1; margin: 0; padding: 0; text-transform: none; } .reset-link { text-decoration: none; } .reset-link a, .reset-link:hover, .reset-link a:hover { text-decoration: none; } .reset-scrollable { border: none; resize: none; } .reset-button, .reset-button:hover, .reset-button:active { background: none; border: none; height: auto; margin: 0; padding: 0; width: auto; } .reset-box-shadow { box-shadow: none; } .reset-border-radius { border-radius: 0; } .position-top, .position-bottom, .position-middle, .position-start, .position-end, .position-center { box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .position-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .position-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .position-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .position-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .position-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .position-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .uk-dropdown { box-shadow: none; } .uk-button-link:hover { text-decoration: none; } .sf-menu { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu li:hover > ul { display: block; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu a { display: block; position: relative; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #000; display: block; 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. */ } * + .gallery { margin-top: 1.5rem; } .gallery { display: flex; flex-wrap: wrap; margin: -0.75rem 0 0 -0.75rem; padding: 0; list-style: none; } .gallery-item { box-sizing: border-box; max-width: 100%; margin: 0.75rem 0 0; padding-left: 0.75rem; width: 100%; text-align: center; } .gallery-columns-2 .gallery-item { width: calc(100% / 2); } .gallery-columns-3 .gallery-item { width: calc(100% / 3); } .gallery-columns-4 .gallery-item { width: calc(100% / 4); } .gallery-columns-5 .gallery-item { width: calc(100% / 5); } .gallery-columns-6 .gallery-item { width: calc(100% / 6); } .gallery-columns-7 .gallery-item { width: calc(100% / 7); } .gallery-columns-8 .gallery-item { width: calc(100% / 8); } .gallery-columns-9 .gallery-item { width: calc(100% / 9); } .gallery-caption { display: block; line-height: 1.2; margin-top: 0.75rem; } .gallery-caption a { color: #1a1a1a; } .gallery-caption a:hover { color: #1a1a1a; opacity: 0.9; } .sticky, .bypostauthor { font-style: inherit; } .entry-content .alignleft, .comment-content .alignleft { float: left; max-width: calc(5 * (100vw / 12)); margin-top: 0; margin-left: 0; margin-right: 1.5rem; } .entry-content .aligncenter, .comment-content .aligncenter { margin-left: auto; margin-right: auto; max-width: 100%; } .entry-content .alignright, .comment-content .alignright { float: right; max-width: calc(5 * (100vw / 12)); margin-top: 0; margin-left: 1.5rem; margin-right: 0; } .entry-content .alignfull, .comment-content .alignfull { position: relative; left: -1rem; width: calc( 100% + (2 * 1rem)); max-width: calc( 100% + (2 * 1rem)); clear: both; } @media (max-width: 639px) { .entry-content .alignleft, .comment-content .alignleft { display: block; float: none; max-width: 100%; margin: 0 auto 1rem 0; } .entry-content .alignright, .comment-content .alignright { display: block; float: none; max-width: 100%; margin: 0 0 1rem auto; } } /* ----------------------------------------- 2 - Typography ------------------------------------------*/ body { background-color: #fff; color: #454545; } body, blockquote { line-height: 1.8; font-family: "Crimson Text"; font-size: 0.8rem; font-weight: 400; } a { color: #1a1a1a; } a:hover { color: #1a1a1a; opacity: 0.9; } h1, h2, h3, h4, h5, h6, .header .logo, .mobile-header .logo, .pagination, .page-links, .paginate-comments { font-family: "Poppins"; font-weight: 600; letter-spacing: 0.0125rem; text-transform: none; } * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top: 1.25rem; } h1 { font-size: 1.6rem; line-height: 1.2; } h2 { font-size: 1.5rem; line-height: 1.3; } h3 { font-size: 1.2rem; line-height: 1.4; } h4 { font-size: 1rem; line-height: 1.4; } h5 { font-size: 0.8rem; line-height: 1.4; } h6 { font-size: 0.7rem; line-height: 1.4; } @media (max-width: 639px) { h1 { font-size: 1rem; } h2 { font-size: 0.9rem; } h3 { font-size: 0.9rem; } h4 { font-size: 0.8rem; } h5 { font-size: 0.8rem; } h6 { font-size: 0.7rem; } } @media (max-width: 959px) { h1 { font-size: 1.2rem; } h2 { font-size: 1.1rem; } h3 { font-size: 1rem; } } p, ul, ol, dl, pre, code, address, fieldset, figure { margin: 0 0 1.25rem 0; } * + p, * + ul, * + ol, * + dl, * + pre, * + address, * + fieldset, * + figure { margin-top: 1.25rem; } hr { margin: 0 0 1.25rem 0; } * + hr { margin-top: 1.25rem; } blockquote { margin: 0 0 1.5rem 0; } * + blockquote { margin-top: 1.25rem; } pre { background-color: transparent; border-radius: 0.15rem; font-family: "Courier 10 Pitch", Courier, monospace; padding: 0.75rem; } blockquote { border-left: 0.15rem solid #1a1a1a; font-style: normal; padding-left: 1rem; } :not(pre) > code, :not(pre) > kbd, :not(pre) > samp { background-color: transparent; color: #1a1a1a; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 0.7rem; white-space: pre-wrap; word-break: break-word; } em { color: #454545; } dd { margin: 0 0.5rem 0.5rem; } table { border-collapse: collapse; margin: 0 0 1.5rem; width: 100%; } table thead th { border-bottom: 0.1rem solid; padding-bottom: 0.25rem; } table th { padding: 0.5rem; text-align: left; } table tr { border-bottom: 0.05rem solid; } table td { padding: 0.5rem; } table th:first-child, table tr:first-child { padding-left: 0; } table th:last-child, table tr:last-child { padding-right: 0; } input:not([type=button]), input:not([type=submit]), .uk-search-input, .uk-input, .uk-select:not([multiple]):not([size]) { height: 50px; } .uk-input:not(input), .uk-select:not(select) { line-height: 48px; } input:not([type=button]), input:not([type=submit]), .uk-search-input, .uk-input, .uk-select:not([multiple]):not([size]), textarea, .uk-textarea { border-radius: 0; border: 0.05rem solid #e5e5e5; color: #454545; } input:not([type=button]):focus, input:not([type=submit]):focus, .uk-search-input:focus, .uk-input:focus, .uk-select:not([multiple]):not([size]):focus, textarea:focus, .uk-textarea:focus { border-color: #1a1a1a; color: #1a1a1a; } .uk-button-link:focus, .uk-button-link:hover { text-decoration: none; } button:not(.uk-close, .uk-offcanvas-close, .uk-button-link), .uk-button-default { border-radius: 0; background-color: #1a1a1a; border-color: #1a1a1a; color: #fff; font-family: "Poppins"; font-weight: 600; font-size: 0.7rem; line-height: 2.5rem; letter-spacing: 0.025rem; text-transform: uppercase; transition: opacity 0.25s ease; } button:not(.uk-close, .uk-offcanvas-close, .uk-button-link):focus, button:not(.uk-close, .uk-offcanvas-close, .uk-button-link):hover, .uk-button-default:focus, .uk-button-default:hover { opacity: 0.9; } .post-password-form input[type=submit] { border-radius: 0; background-color: #1a1a1a !important; border: 0.05rem solid #1a1a1a !important; color: #fff !important; display: block; font-family: "Poppins" !important; font-weight: 600 !important; font-size: 0.7rem !important; line-height: 2.5rem !important; letter-spacing: 0.025rem !important; margin-top: 1rem; text-transform: uppercase !important; transition: opacity 0.25s ease !important; width: calc(100% + 4px); } .post-password-form input[type=submit]:focus, .post-password-form input[type=submit]:hover { opacity: 0.9; } .comment-submit { background-color: #1a1a1a !important; border-color: #1a1a1a !important; color: #fff !important; font-family: "Poppins"; font-weight: 600; font-size: 0.7rem; height: 2.5rem; line-height: 2.5rem; letter-spacing: 0.025rem; transition: opacity 0.25s ease; } .comment-submit:focus, .comment-submit:hover { opacity: 0.9; } .uk-input::-ms-input-placeholder { color: #bfbfbf !important; } .uk-input::placeholder { color: #bfbfbf; } .uk-textarea::-ms-input-placeholder { color: #bfbfbf !important; } .uk-textarea::placeholder { color: #bfbfbf; } .uk-alert-danger, .uk-alert-primary, .uk-alert-success, .uk-alert-warning { border-radius: 0.25rem; padding: 0.5rem 1rem; } .body-small-text { font-size: 0.7rem; font-weight: 400; } .entry-title { word-wrap: break-word; word-break: normal; } .entry-meta, .entry-sticky .badge { font-family: "Poppins"; font-size: 0.6rem; letter-spacing: 0.025rem; line-height: 1; text-transform: uppercase; } .post-title, .wp-caption-text, .pagination, .page-links { font-family: "Poppins"; } .wp-caption-text { font-size: 0.65rem; margin-top: 0.75rem; } .entry-content > :not(table, cite, code) a, .comment-content > :not(table, cite, code) a { border-bottom: 0.05rem solid #1a1a1a; transition: border-color 0.25s ease; } .entry-content > :not(table, cite, code) a:hover, .comment-content > :not(table, cite, code) a:hover { border-color: #fff; } /* ----------------------------------------- 3 - Components ------------------------------------------*/ @keyframes arrowShow { 0% { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes arrowShow { 0% { opacity: 0; } to { opacity: 1; } } @keyframes arrowElasticWidth { 0% { width: 46px; } to { width: 32px; } } @-webkit-keyframes arrowElasticWidth { 0% { width: 46px; } to { width: 32px; } } @keyframes arrowInFromLeft { 0% { right: 100%; } to { right: 0; } } @-webkit-keyframes arrowInFromLeft { 0% { right: 100%; } to { right: 0; } } @keyframes arrowInFromRight { 0% { left: 100%; } to { left: 0; } } @-webkit-keyframes arrowInFromRight { 0% { left: 100%; } to { left: 0; } } @keyframes arrowOutToLeft { 0% { right: 0; } to { right: 100%; } } @-webkit-keyframes arrowOutToLeft { 0% { right: 0; } to { right: 100%; } } @keyframes arrowOutToRight { 0% { left: 0; } to { left: 100%; } } @-webkit-keyframes arrowOutToRight { 0% { left: 0; } to { left: 100%; } } .mobile-burger-icon-line { background-color: #1a1a1a; display: block; height: 0.05rem; width: 1.2rem; } .mobile-burger-icon-line:not(:last-child) { margin-bottom: 0.25rem; } .mobile-burger.open.mobile-burger-toggle-close { display: block; height: 1.5rem; line-height: 1.5rem; width: 1.5rem; } .mobile-burger.open.mobile-burger-toggle-close .mobile-burger-icon { display: block; height: 1.5rem; position: relative; width: 1.5rem; z-index: 6; -webkit-transition: transform 0.2s ease; transition: transform 0.2s ease; } .mobile-burger.open.mobile-burger-toggle-close .mobile-burger-icon-line { background-color: #1a1a1a; display: block; height: 0.05rem; position: absolute; left: calc(50% - 8px); top: 50%; width: 1.2rem; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.2s ease; transition: transform 0.2s ease; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .mobile-burger.open.mobile-burger-toggle-close .mobile-burger-icon-line:first-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mobile-burger.open.mobile-burger-toggle-close .mobile-burger-icon-line:last-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mobile-content { height: 100vh; position: fixed; right: 0; top: 0; visibility: hidden; width: 70%; z-index: 1000; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .mobile-content.show { visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } .mobile-content.show .mobile-content-inner, .mobile-content.show .mobile-content-wrap .mobile-burger { opacity: 1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .mobile-content.show .mobile-content-search { opacity: 1; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .mobile-content.show .mobile-content-menus { opacity: 1; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .mobile-content-inner { background-color: #fff; box-shadow: -15px -15px 30px 0 rgba(0, 0, 0, 0.05); opacity: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); } .mobile-content-wrap-outer { height: 100vh; position: relative; } .mobile-content-wrap { padding: 0.5rem 1rem 1rem; } .mobile-content-wrap .mobile-burger { opacity: 0; position: absolute; right: 1.25rem; top: 0.75rem; -webkit-transition: opacity 0.05s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.05s cubic-bezier(0.645, 0.045, 0.355, 1); } .mobile-content-search { opacity: 0; } .mobile-content-search .uk-search { width: 100%; } .mobile-content-search .search-field-input { border: none; border-bottom: 0.05rem solid #e5e5e5; font-size: 0.9rem; height: 2.5rem; width: 100%; } .mobile-content-menus { margin-top: 1rem; } .mobile-content-menus ul { list-style: none; margin: 0; padding: 0; } .mobile-content-menus ul li { padding: 0.25rem 0; } .mobile-content-menus ul li a { color: #1a1a1a; font-family: "Poppins"; font-weight: normal; font-size: 0.7rem; letter-spacing: 0.025rem; text-transform: none; } .mobile-content-menus ul ul { padding-left: 0.75rem; } .mobile-content-menus { opacity: 0; -webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); } @media (max-width: 959px) { .mobile-content-wrap { padding-top: 42px; } } @media (max-width: 767px) { .mobile-content-wrap { padding-top: 56px; } } /* ----------------------------------------- 4 - Layout ------------------------------------------*/ #page { min-height: 100vh; position: relative; } #page .overlay { background-color: rgba(255, 255, 255, 0.8); bottom: 0; left: 0; opacity: 0; position: absolute; height: 100%; right: 0; top: 0; visibility: hidden; width: 100%; z-index: 999; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } #page .overlay.show { opacity: 1; visibility: visible; } .uk-container { max-width: 64rem; } #site-main { padding-bottom: 4rem; } #site-main .main #secondary { width: 100%; } @media (min-width: 960px) { #site-main .main #secondary { width: 280px; } } @media (min-width: 1200px) { #site-main .main #secondary { width: 380px; } } @media (max-width: 959px) { #site-main { padding-bottom: 3rem; } } @media (max-width: 639px) { #site-main { padding-bottom: 2rem; } } body.home #site-main, body.single-post-default #site-main { padding-top: 2rem; } /* ----------------------------------------- 5 - Header ------------------------------------------*/ @media (min-width: 960px) { .site-header .mobile-header { display: none; } } @media (max-width: 959px) { .site-header .header { display: none; } } .mobile-header .uk-navbar { height: 2.75rem; padding: 0 1.5rem; } .mobile-header .logo { font-size: 1rem; line-height: 1; margin: 0; padding: 0; } .mobile-header.uk-sticky-fixed { background-color: #fff; box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.05); } @media (max-width: 639px) { .mobile-header .uk-navbar { padding: 0 1rem; } } .header .uk-navbar { height: 4rem; } .header .logo { font-size: 1.2rem; line-height: 1; margin: 0; padding: 0; } .header.uk-sticky-fixed:after { position: absolute; right: 5%; bottom: 0; left: 5%; z-index: 1; height: 20px; border-radius: 100%; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.07); box-shadow: 0 0 40px rgba(0, 0, 0, 0.07); content: ""; width: 90%; } .header.uk-sticky-fixed .header-inner { background-color: #fff; position: relative; z-index: 3; } .header-style-default .top-menu { display: inline-flex; margin-left: -25px; } .header-style-default .top-menu li { list-style: none; margin: 0; padding: 0; } .header-style-default .top-menu li a { color: #1a1a1a; font-family: "Poppins"; font-weight: normal; font-size: 0.6rem; letter-spacing: 0.025rem; margin: 0; padding: 0; text-transform: none; } .header-style-default .top-menu li ul { background-color: #fff; left: 0; line-height: 1.6; padding: 1rem 1.5rem; width: 9rem; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); top: 100%; } .header-style-default .top-menu li ul ul { left: calc(100% + 30px); top: -20px; } .header-style-default .top-menu li ul li { padding: 0.4rem 0; } .header-style-default .top-menu li ul li a { font-family: "Poppins"; font-weight: normal; font-size: 0.6rem; letter-spacing: 0.025rem; text-transform: none; } .header-style-default .top-menu > li { margin-left: 25px; } .header-style-default .top-social-menu li { color: #1a1a1a; margin: 0; padding: 0; } .header-style-default .top-social-menu li a { color: #1a1a1a; margin: 0; padding: 0; } .header-style-default .top-social-menu li .icon { font-size: 0.5rem; } .header-style-default .top-social-menu li .icon-title { display: none; } .header-style-default .top-social-menu li:first-child { font-family: "Poppins"; font-weight: normal; font-size: 0.6rem; letter-spacing: 0.025rem; text-transform: none; } .header-style-default .top-social-menu li[class^=item-] { margin-left: 0.6rem; } .page-header-title { font-size: 1.6rem; font-weight: 600; line-height: 1; letter-spacing: 0.05rem; margin: 0; padding: 2rem 0; position: relative; text-align: center; text-transform: uppercase; } .page-header-title:after { background-color: #e5e5e5; content: ""; height: 0.05rem; left: 0; position: absolute; top: 50%; width: 100%; z-index: 1; } .page-header-title span { background-color: #fff; padding: 0 1.5rem; position: relative; z-index: 2; } /* ----------------------------------------- 6 - Footer ------------------------------------------*/ .footer-style-default .footer-wrap { border-top: 0.05rem solid #e5e5e5; padding-bottom: 1.5rem; padding-top: 1.5rem; } .footer-style-default .footer-socials ul { margin: 0; padding: 0; list-style: none; } .footer-style-default .footer-socials ul li { display: inline-flex; } .footer-style-default .footer-socials ul li .icon { padding: 0 0.5rem; font-size: 0.6rem; line-height: 1; } .footer-style-default .footer-socials ul li .icon-title { display: none; } @media (min-width: 960px) { .footer-style-default .footer-socials ul { text-align: right; } } .footer-style-default .footer-copyright { color: #1a1a1a; font-family: "Poppins"; font-size: 0.6rem; line-height: 1.4375; } @media (max-width: 959px) { .footer-style-default .footer-wrap { text-align: center; } .footer-style-default .footer-socials { margin-top: 0.5rem; } } /* ----------------------------------------- 7 - List Default & Single Default ------------------------------------------*/ .list-default [id^=post-]:not(:first-child) { margin-top: 4rem; } .list-default .entry-title, .single-post .entry-title { font-size: 1.6rem; line-height: 1.3125; margin: 0; padding: 0; } .list-default .entry-sticky, .single-post .entry-sticky { margin-bottom: 0.5rem; } .list-default .entry-sticky .badge, .single-post .entry-sticky .badge { background-color: #1a1a1a; border-radius: 0; font-size: 0.6rem; height: 1rem; line-height: 1rem; min-width: 1rem; padding: 0.25rem 0.5rem; text-transform: uppercase; } .list-default .entry-meta, .single-post .entry-meta { display: inline-flex; } .list-default .entry-meta-top, .single-post .entry-meta-top { margin-bottom: 0.5rem; } .list-default .entry-meta-top .entry-time a, .single-post .entry-meta-top .entry-time a { color: #999; } .list-default .entry-meta-top .entry-time a:hover, .single-post .entry-meta-top .entry-time a:hover { color: #1a1a1a; } .list-default .entry-meta-top .entry-edit, .single-post .entry-meta-top .entry-edit { margin-left: 0.75rem; } .list-default .entry-meta-top .entry-edit a, .single-post .entry-meta-top .entry-edit a { border-bottom: 0.05rem solid #1a1a1a; color: #1a1a1a; font-weight: bold; display: block; } .list-default .entry-meta-top .entry-edit a:hover, .single-post .entry-meta-top .entry-edit a:hover { border-color: #fff; } .list-default .entry-meta-bottom, .single-post .entry-meta-bottom { line-height: 1.4; margin-top: 0.75rem; } .list-default .entry-meta-bottom div:not(:last-child), .single-post .entry-meta-bottom div:not(:last-child) { position: relative; padding-right: 0.75rem; } .list-default .entry-meta-bottom .entry-edit a, .single-post .entry-meta-bottom .entry-edit a { border-bottom: 0.05rem solid #1a1a1a; color: #1a1a1a; font-weight: bold; display: block; } .list-default .entry-meta-bottom .entry-edit a:hover, .single-post .entry-meta-bottom .entry-edit a:hover { border-color: #fff; } .list-default .entry-content, .single-post .entry-content { margin-top: 1.15rem; } .list-default .entry-tags, .single-post .entry-tags { line-height: 1.5; margin-bottom: 0.5rem; } .list-default .entry-tags span, .single-post .entry-tags span { margin-right: 0.5rem; } .list-default .entry-share a, .single-post .entry-share a { margin-left: 0.5rem; } .list-default .entry-share .icon, .single-post .entry-share .icon { font-size: 0.6rem; } .list-default .entry-share .icon-title, .single-post .entry-share .icon-title { display: none; } @media (max-width: 639px) { .list-default .entry-title, .single-post .entry-title { font-size: 1rem; } } @media (max-width: 959px) { .list-default .entry-title, .single-post .entry-title { font-size: 1.2rem; } } .single-post-default .post-navigation { margin-top: 1.75rem; } @media (min-width: 640px) { .single-post-default .post-navigation .nav-links { display: flex; } .single-post-default .post-navigation .nav-links > * { width: calc(50% - 20px); } .single-post-default .post-navigation .nav-previous { padding-right: 1rem; text-align: left; } .single-post-default .post-navigation .nav-next { padding-left: 1rem; text-align: right; } .single-post-default .post-navigation .post-title { line-height: 1.2; } } .single-post-default .comments-area { margin-top: 3.5rem; } .single-post-default .comments-area #comments-title, .single-post-default .comments-area .comment-reply-title { font-size: 1rem; margin: 0; padding: 0; position: relative; } .single-post-default .comments-area #comments-title:before, .single-post-default .comments-area .comment-reply-title:before { background-color: #e5e5e5; content: ""; height: 0.05rem; left: 0; position: absolute; top: 50%; width: 100%; z-index: 1; } .single-post-default .comments-area #comments-title span, .single-post-default .comments-area .comment-reply-title span { background-color: #fff; padding-right: 0.5rem; position: relative; z-index: 2; } .single-post-default .comments-area .comment-reply-title .cancel-reply-link { border-bottom: 0.05rem solid #1a1a1a; font-size: 0.6rem; line-height: 1; margin-left: 0.5rem; padding: 0; text-transform: uppercase; transition: border-color 0.25s ease; } .single-post-default .comments-area .comment-reply-title .cancel-reply-link:hover { border-color: #fff; } .single-post-default .comments-area .comment { margin-top: 1.5rem; } .single-post-default .comments-area .comment-avatar { padding-top: 0.75rem; } .single-post-default .comments-area .comment-avatar img { border-radius: 100%; height: auto; width: 2.5rem; } .single-post-default .comments-area .comment-list > li:nth-child(n+2) { margin-top: 2rem; } .single-post-default .comments-area .comment-list ul.children { margin-top: 1.5rem; } .single-post-default .comments-area .comment-list ul.children li { margin-top: 2rem; } .single-post-default .comments-area .comment-list li .edit-link { margin-left: 0.5rem; } .single-post-default .comments-area .comment-title { color: #1a1a1a; font-size: 0.7rem; font-style: normal; } .single-post-default .comments-area .comment-content { padding-left: 3.25rem; } .single-post-default .comments-area .comment-date { color: #999; display: block; font-size: 0.7rem; line-height: 1; } .single-post-default .comments-area .comment-respond { margin-top: 3.5rem; } .single-post-default .comments-area .comment-form { margin-top: 1.5rem; } .single-post-default .comments-area .comment-field:not(:last-child) { margin-bottom: 0.5rem; } /* ----------------------------------------- 8 - Widgets ------------------------------------------*/ .widget:not(:last-child) { margin-bottom: 2.25rem; } .widget-title { font-size: 1rem; margin: 0; padding: 0; position: relative; } .widget-title:before { background-color: #e5e5e5; content: ""; height: 0.05rem; left: 0; position: absolute; top: 50%; width: 100%; z-index: 1; } .widget-title span { background-color: #fff; padding-right: 0.5rem; position: relative; z-index: 2; } .widget_recent_entries ul, .widget_recent_comments ul, .widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_pages ul, .widget_nav_menu ul { margin-left: -0.5rem; margin-top: 1.1rem; } .widget_recent_entries ul li, .widget_recent_comments ul li, .widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_pages ul li, .widget_nav_menu ul li { line-height: 1.4; } .widget_recent_entries ul li:not(:last-child), .widget_recent_comments ul li:not(:last-child), .widget_archive ul li:not(:last-child), .widget_categories ul li:not(:last-child), .widget_meta ul li:not(:last-child), .widget_pages ul li:not(:last-child), .widget_nav_menu ul li:not(:last-child) { margin-bottom: 0.5rem; } .widget_categories ul ul, .widget_pages ul ul, .widget_nav_menu ul ul { margin-top: 0.5rem; list-style: disc; } .widget_tag_cloud .tagcloud { margin-left: -0.75rem; margin-top: 0.75rem; } .widget_tag_cloud .tagcloud a { font-size: 0.7rem; margin-left: 0.75rem; } .widget_search .uk-search { width: 100%; } .widget_search .uk-search .search-field-input { font-size: 0.8rem; height: 2.6rem; } .widget_media_gallery .gallery { margin-top: 0.95rem; } .widget_calendar .calendar_wrap { margin-top: 0.95rem; } .widget_media_image img { margin-top: 1.35rem; } .widget_media_video .wp-video { margin-top: 1.35rem; } .widget_text .textwidget { margin-top: 1.35rem; } /* ----------------------------------------- 9 - Pagination ------------------------------------------*/ .pagination, .page-links, .paginate-comments { font-weight: 600; line-height: 1; } .pagination > *, .page-links > *, .paginate-comments > * { font-size: 0.8rem; } .pagination, .paginate-comments { margin-top: 4rem; } .pagination > *, .paginate-comments > * { padding: 0 0.75rem; } .page-links { margin-top: 2rem; } .page-links > * { padding: 0 0.25rem; } /* ----------------------------------------- 10 - 404 ------------------------------------------*/ .error-404 { text-align: center; } .error-404 .search { max-width: 30rem; margin: 0 auto; } .error-404 .search .uk-search { width: 100%; } .error-404 .search .uk-search .search-field-input { height: 2.5rem; } /*# sourceMappingURL=style.css.map */