/* Theme Name: Avani Theme URI: https://www.premiumwp.com/avani/ Author: PremiumWP Author URI: https://www.premiumwp.com/ Description: Avani is a simple and minimal WordPress theme designed to enhance your personal blogging experience. Version: 1.1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: avani Tags: one-column, two-columns, right-sidebar, translation-ready, custom-header, custom-background, theme-options, custom-menu, post-formats, threaded-comments, editor-style, featured-images, post-formats, footer-widgets 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. Avani is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. */ /** * Table of Contents * * 1.0 HTML5 Reset * 1.1 Baseline Normalize * 1.2 Box Sizing * 1.3 Float Clearing * 2.0 Defaults * 2.1 Typographical Elements * 2.2 Headings * 2.3 Objects * 2.4 Forms * 2.5 Tables * 2.6 Screen Reader Text * 3.0 Media * 3.1 Smiley * 3.2 Captions * 3.3 Media Elements * 3.4 Gallery * 4.0 Font icon * 5.0 Alignment * 6.0 Widgets * 7.0 Navigation * 7.1 Menu and sub-menu toggle buttons * 7.2 Primary menu * 7.3 Post pagination and navigation * 7.4 Social Navigation menu * 8.0 Site Layout & Structure * 8.1 Site Header * 8.2 Site Content * 8.3 Author * 8.4 Comments * 8.5 Sidebar * 8.6 Footer * 9.0 Infinite scroll * 10.0 SVG Fallbacks */ /** * 1.0 HTML5 Reset */ /** * 1.1 Baseline Normalize * Based on normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */ img, legend { border: 0; } legend, td, th { padding: 0; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, optgroup, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre, textarea { overflow: auto; } code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; } button, input, optgroup, select, textarea { font: inherit; margin: 0; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; border: 1px solid silver; } table { border-spacing: 0; border-collapse: collapse; } [type='search'] { border-radius: 0; outline-offset: -2px; -webkit-appearance: none; } /** * 1.2 Box Sizing */ html, input[type='search'] { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /** * 1.3 Float Clearing */ .author-info:after, .footer-menu:after, .footer-widgets:after, .gallery:after, .header-menu:after, .header-items:after, .hentry:after, .main-navigation:after, .post-navigation:after, .site-content:after, .widget .search-form:after, .widget-title:after, .footer-widgets:after, .nav-links:after, .social-icons-menu:after { display: table; clear: both; content: ''; } /** * 2.0 Defaults */ /** * 2.1 Typographical Elements */ body { font: 400 16px/1.625 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1rem; margin: 0; word-wrap: break-word; color: #404040; background-color: #fff; } a, button, input:focus, input[type='button'], input[type='reset'], input[type='submit'], textarea:focus, .button, .gallery img { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } a { padding-bottom: 1px; text-decoration: none; color: #004d80; } a:hover, a:focus { border-bottom: 1px solid currentColor; } a:hover > img, a:focus > img { opacity: 0.7; border-bottom-width: 0; } address, p { margin: 0 0 1.625rem; } ul, ol { margin: 0 0 1.625rem; padding: 0 0 0 1.625em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 0.8125em; } hr { height: 1px; margin-bottom: 1.625rem; border: 0; background-color: #ccc; } b, strong { font-weight: 600; } dfn, cite, em, i { font-style: italic; } abbr, dfn[title], acronym { cursor: help; border-bottom: 1px dotted #666; } mark, ins { text-decoration: none; background: #fff9c0; } code, kbd, tt, var { font: 16px/1.625 Courier New, Courier, monospace; padding: 2px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; color: maroon; background-color: #f2f2f2; } pre { font: 16px/1.625 Courier New, Courier, monospace; overflow: auto; max-width: 100%; margin: 0 0 1.625rem; padding: 0 0.8125em; color: maroon; border: 1px solid #e6e6e6; border-left-width: 10px; background: #f2f2f2 -webkit-linear-gradient(#f2f2f2 50%, #fff 50%) repeat 0 0; background: #f2f2f2 linear-gradient(#f2f2f2 50%, #fff 50%) repeat 0 0; background-image: -webkit-linear-gradient(#f2f2f2 50%, #fff 50%); background-size: 52px 52px; } pre code { padding: 0; background-color: transparent; } blockquote { font: italic 400 18px/1.4445 Georgia, Serif; margin-bottom: 26px; padding-left: 0.7778em; color: rgba(51, 51, 51, 0.7); border-left: 4px solid rgba(51, 51, 51, 0.7); } blockquote p { margin-bottom: 26px; } blockquote > p:last-child { margin-bottom: 0; } blockquote cite, blockquote small { font-size: 16px; line-height: 1.625; color: #333; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } @media only screen and (min-width: 860px) { html { font-size: 112.5%; } code, kbd, samp, pre { font-family: monaco, Consolas, 'Lucida Console', monospace; } .entry-content, .entry-footer, .comment-content { font-size: 17px; } } /** * 2.2 Headings */ h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1.2; margin: 0 0 1.625rem; color: #404040; } h1 { font-size: 3rem; } h2 { font-size: 2rem; } h3 { font-size: 1.625rem; } h4 { font-size: 1.375rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1.125rem; } /** * 2.3 Objects */ embed, iframe, object, video { max-width: 100%; } figure { margin: 0; } img { max-width: 100%; height: auto; vertical-align: middle; border: 0; } /** * 2.4 Forms */ button, input, select, textarea { font-family: inherit; font-size: 16px; line-height: 1.625; width: 100%; margin: 0; padding: 0.8125em; color: inherit; border: 1px solid #e6e6e6; } input { line-height: normal; } input[type='checkbox'], input[type='image'], input[type='radio'], input[type='search'] { width: auto; } button, input[type='button'], input[type='reset'], input[type='submit'] { width: auto; cursor: pointer; background-color: #f2f2f2; -webkit-appearance: button; } button:hover, input:hover[type='button'], input:hover[type='reset'], input:hover[type='submit'] { color: #fff; border-color: #004d80; background-color: #004d80; } button:focus, input:focus[type='button'], input:focus[type='reset'], input:focus[type='submit'] { color: #fff; border-color: #004d80; outline: thin dotted; outline-offset: -4px; background-color: #004d80; } input:focus, textarea:focus { border-color: #004d80; background-color: #f9f9f9; } .post-password-form input[type='password'] { width: auto; } /** * 2.5 Tables */ table, th, td { border: 1px solid rgba(51, 51, 51, 0.1); } table { width: 100%; margin: 0 0 26px; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ border-spacing: 0; border-collapse: separate; border-width: 1px 0 0 1px; } caption, th, td { font-weight: normal; text-align: left; } th { font-weight: 700; border-width: 0 1px 1px 0; } td { border-width: 0 1px 1px 0; } th, td { padding: 0.5em; } /** * 2.6 Screen Reader Text * Text meant only for screen readers. */ .screen-reader-text { position: absolute !important; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; } .screen-reader-text:focus { font-size: 14px; font-size: 0.875rem; font-weight: bold; line-height: normal; z-index: 100000; /* Above WP toolbar. */ top: 5px; left: 5px; display: block; clip: auto !important; width: auto; height: auto; padding: 15px 23px 14px; text-decoration: none; color: #21759b; border-radius: 3px; background-color: #f1f1f1; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); } /* Do not show the outline on the skip link target. */ #content[tabindex='-1']:focus { outline: 0; } /** * 3.0 Media */ /** * 3.1 Smiley */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { margin-top: 0; margin-bottom: 0; padding: 0; border: none; } /** * 3.2 Captions */ .wp-caption { max-width: 100%; margin-bottom: 1.625rem; padding: 2px; border: 1px solid #e6e6e6; } .wp-caption img[class*='wp-image-'], .entry-content .gallery img { display: block; margin: 0; padding: 0; border: none; } .wp-caption-text { font-size: 14px; line-height: 1.8572; text-align: center; } /** * 3.3 Media Elements */ .mejs-container { margin-bottom: 1.5em; } /* Audio Player */ .mejs-controls a.mejs-horizontal-volume-slider, .mejs-controls a.mejs-horizontal-volume-slider:focus, .mejs-controls a.mejs-horizontal-volume-slider:hover { border: 0; background: transparent; } /** * 3.4 Gallery */ .gallery { margin-bottom: 1.625rem; } .gallery-item { line-height: 10px; position: relative; float: left; overflow: hidden; margin: 0 4px 4px 0; } .gallery-columns-1.gallery-size-thumbnail { display: table; margin: 0 auto 1.625rem; } .gallery-columns-1 .gallery-item { text-align: center; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; 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 { font-size: 12px; font-style: italic; line-height: 1.2; position: absolute; bottom: 0; left: 0; box-sizing: border-box; width: 100%; max-height: 50%; margin: 0; padding: 0.5em 0.6667em; text-align: left; opacity: 0; color: #fff; background-color: rgba(0, 0, 0, 0.7); } .gallery-caption:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 49px; content: ''; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } @media only screen and (min-width: 389px) { .gallery-columns-2.gallery-size-thumbnail { display: table; margin: 0 auto 1.625rem; } .gallery-columns-2 .gallery-item { text-align: center; } } @media only screen and (min-width: 540px) { .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 1.625rem; } .gallery-columns-3 .gallery-item { text-align: center; } } /** * 4.0 Font icon */ .icon { position: relative; /* Align more nicely with capital letters */ top: -0.0625em; display: inline-block; width: 1em; height: 1em; vertical-align: middle; stroke-width: 0; stroke: currentColor; fill: currentColor; } /** * 5.0 Alignment */ .alignleft { display: inline; float: left; margin-right: 13px; } .alignright { display: inline; float: right; margin-left: 13px; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } .alignnone { display: block; } /** * 6.0 Widgets */ .widget { font-size: 16px; line-height: 1.625; margin-bottom: 5%; padding: 30px; border: 1px solid #e6e6e6; background-color: #fcfcfc; } .widget-title { font-size: 16px; line-height: 1.625; text-transform: uppercase; border-bottom: 2px solid #e6e6e6; } .widget-title > span { position: relative; bottom: -2px; display: inline-block; padding-bottom: 0.8125em; border-bottom: 2px solid #004d80; } .widget a { color: #808080; } .widget ul { margin: 0; padding-left: 0; list-style: none; } .widget li, .widget li li:first-child { margin-top: 13px; padding-top: 0.8125em; border-top: 1px dotted #e6e6e6; } .widget li:first-child, .widget .nav-menu li, .widget .nav-menu li li { margin-top: 0; padding-top: 0; border-top: none; } .widget li li { margin-left: 13px; } .widget .search-form { position: relative; } .widget input[type='search'].search-field { width: calc(100% - 42px); border-radius: 2px 0 0 2px; } .widget .search-submit { position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; width: 42px; padding: 0; border-left-width: 0; border-radius: 0 2px 2px 0; } .widget_calendar table { border: 1px solid #e6e6e6; } .widget_calendar td, .widget_calendar th { text-align: center; border: none; } .widget select { max-width: 100%; } .widget .post-date { display: block; } @media only screen and (min-width: 540px) { .widget { margin-bottom: 40px; padding: 40px; } } /** * 7.0 Navigation */ /** * 7.1 Menu and sub-menu toggle buttons */ .menu-toggle { width: 100%; color: #333; border: 1px solid #e6e6e6; border-width: 1px 0 0 0; background-color: transparent; } .menu-toggle:focus, .menu-toggle:hover { color: #0067ac; border-color: #e6e6e6; outline: 0; background-color: transparent; } .toggled-on .menu-toggle { border-bottom-width: 1px; } .menu-toggle .icon { top: -0.0825em; margin-right: 5px; } .sub-menu-toggle { position: absolute; top: 0; right: 0; height: 56px; padding: 13px 10px; color: #333; border-width: 0; background-color: transparent; } .sub-menu-toggle:focus, .sub-menu-toggle:hover { color: #0067ac; outline: 0; background-color: transparent; } .sub-menu .sub-menu-toggle { padding: 12px 10px; } .sub-menu-toggle .icon { width: 24px; height: 24px; -webkit-transition: transform 0.25s ease-in-out; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; -webkit-transform: rotate( 0 ); transform: rotate( 0 ); } .sub-menu-toggle.toggled-on .icon { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } /** * 7.2 Primary menu */ .nav-menu, .nav-menu .sub-menu { display: none; margin: 0; padding-left: 0; list-style: none; } .no-js .nav-menu, .no-js .sub-menu, .toggled-on .nav-menu, .sub-menu.toggled-on { display: block; } .nav-menu .menu-item { position: relative; } .nav-menu .menu-item a { font-size: 15px; line-height: 1.733334; display: block; padding: 15px 0; text-transform: uppercase; color: #333; border: none; letter-spacing: 0.025em; } .nav-menu a:hover, .nav-menu a:focus { color: #0067ac; border-bottom: none; outline-offset: -2px; } .nav-menu .menu-item-has-children > a, .nav-menu .page_item_has_children > a { margin-right: 56px; } .nav-menu .menu-item-has-children > a .icon, .nav-menu .page_item_has_children > a .icon { display: none; } .nav-menu .sub-menu { margin-left: 0.9375em; } .sub-menu .menu-item a { font-size: 14px; line-height: 1.8571; } /** * 7.3 Post pagination and navigation */ .pagination { clear: both; margin: 0 auto 5%; } .page-numbers { display: inline-block; padding: 0.3125em 0.625em; border-top: 1px solid #e6e6e6; border-bottom: 3px solid #e6e6e6; } .page-numbers:focus, .page-numbers:hover, .page-numbers.current { text-decoration: none; border-bottom: 3px solid #333; } .dots { border: none; } .dots:hover { color: #333; border: none; background-color: #fcfcfc; } .post-navigation { margin-bottom: 5%; border-bottom: 1px solid #e6e6e6; } .nav-next a, .nav-previous a { display: block; padding: 1.625em 0; color: #333; background-color: transparent; } .nav-previous a, .nav-next a { border-top: 1px solid #e6e6e6; } .nav-next a:hover, .nav-previous a:hover, .nav-next a:focus, .nav-previous a:focus { color: #004d80; border-bottom: none; } .meta-nav { display: block; } .post-title { font-size: 28px; font-weight: 400; } /** * 7.4 Social Navigation menu */ .social-icons-menu ul { float: left; margin: 0; padding: 0; text-align: left; } .social-icons-menu .menu-item { float: left; padding: 0; list-style-type: none; border: none; } .widget .social-icons-menu .menu-item { margin: 6px; } .social-icons-menu a { font-size: 22px; line-height: 1em; display: inline-block; box-sizing: content-box; width: 1em; height: 1em; padding: 11px; text-align: center; color: #333; border-radius: 3px; background-color: #eee; } .social-icons-menu a:hover, .social-icons-menu a:focus { color: #fff; border-bottom: none; background-color: #333; } .social-icons-menu .icon { display: inline-block; width: 1em; height: 1em; } @media only screen and (min-width: 540px) { .pagination, .post-navigation { margin-bottom: 40px; } } @media only screen and (min-width: 1024px) { .site-navigation-fixed { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; border-bottom: 1px solid #e6e6e6; background-color: #fff; } .site-header .site-navigation-fixed .nav-menu { border-top-width: 0; } .admin-bar .site-navigation-fixed { top: 32px; } .nav-placeholder { min-height: 79px; } .menu-toggle, .sub-menu-toggle { display: none; } .nav-menu, .nav-menu .menu-item { display: inline-block; vertical-align: middle; } .nav-menu .menu-item a { padding: 26px 20px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: none } .nav-menu .menu-item-has-children > a, .nav-menu .page_item_has_children > a { margin-right: 0; } .nav-menu .menu-item:hover a, .nav-menu .menu-item.focus a { background-color: WhiteSmoke; } .nav-menu .menu-item-has-children > a .icon, .nav-menu .page_item_has_children > a .icon { display: inline; } .nav-menu .sub-menu .icon { position: absolute; top: 50%; right: 1em; left: auto; margin-top: -9px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .nav-menu .sub-menu { display: block; position: absolute; z-index: -1; top: 100%; visibility: hidden; margin-left: 0; -webkit-transition: all 0.2s ease-in-out 0.15s; transition: all 0.2s ease-in-out 0.15s; text-align: left; opacity: 0; } .nav-menu .sub-menu a { width: 200px; padding: 15px 20px; word-wrap: break-word; text-transform: capitalize; letter-spacing: 0.05em; border-bottom: 1px solid #e6e6e6; background-color: WhiteSmoke; } .nav-menu .sub-menu .sub-menu { top: -1px; left: 199px; } .nav-menu .menu-item:hover > .sub-menu, .nav-menu .menu-item.focus > .sub-menu { z-index: 99999; visibility: visible; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 1; } .nav-links { position: relative; } .post-navigation .nav-links:before { position: absolute; z-index: -1; top: 0; bottom: 0; display: block; width: 50%; content: ' '; border-right: 1px solid #e6e6e6; } .nav-next a, .nav-previous a { float: left; width: 50%; padding: 2.25em 1.625em; } .nav-next a { padding-right: 0; } .nav-previous a { padding-left: 0; } } /** * 8.0 Site Layout & Structure */ /** * 8.1 Site Header */ .site-header { margin-bottom: 5%; border-bottom: 1px solid #e6e6e6; background-color: #fcfcfc; } .header-items { text-align: center; } .custom-logo-link { line-height: 0; display: inline-block; margin-bottom: 13px; } .custom-logo-link:hover, .custom-logo-link:focus { border-bottom: none; } .custom-logo-link img { border-radius: 50%; } .site-branding { padding: 2.25em 0.75em 1.625em; } .site-title { font: 700 39px/1.2 'Oswald', serif; margin: 0; text-transform: uppercase; } .site-title a { color: #333; } .site-title a:hover, .site-title a:focus { border-bottom-width: 0; padding-bottom: 0; color: #888; } .site-description { font-style: italic; margin: 0; color: #707070; } .wp-custom-header { display: block; max-width: 1100px; height: auto; margin: 0 auto 5%; } @media only screen and (min-width: 540px) { .site-header, .wp-custom-header { margin-bottom: 40px; } } @media only screen and (min-width: 1024px) { .main-navigation { text-align: center; } .site-header .nav-menu { border-top: 1px solid #e6e6e6; } } /** * 8.2 Site Content */ .site-content { position: relative; margin: 0 auto; padding: 0 5%; } .wrap { padding: 0 5%; } .page-header { margin-bottom: 5%; padding: 1.625em; background-color: #f9f9f9; } .page-header .page-title, .page-header p, .home .entry-content p:last-child, .archive .entry-content p:last-child, .search .entry-content p:last-child { margin: 0; } .page-header h1 + p { margin-top: 1.625rem; } .home .hentry, .archive .hentry, .search .hentry, .page-content { margin-bottom: 5%; padding-bottom: 5%; border-bottom: 1px solid #e6e6e6; } .sticky { position: relative; } .post:not(.sticky) .icon-thumb-tack { display: none; } .sticky .icon-thumb-tack { position: absolute; top: 0.35em; left: -1.25em; display: block; width: 20px; height: 18px; } .sticky.has-post-thumbnail .icon-thumb-tack { top: 0; } .entry-header { margin-bottom: 4%; } .entry-title { margin-bottom: 5px; } .entry-title a { color: #333; } .entry-meta { font-size: 15px; font-style: italic; line-height: 1.73334; color: #909090; } .entry-meta a { font-style: normal; text-transform: uppercase; } .updated:not(.published) { display: none; } .posted-on, .byline { display: inline-block; margin-right: 0.3125em; } .edit-link { display: inline-block; } .comments-link { display: none; } .single-post .entry-content, .page .content-area { padding-bottom: 0.8125em; border-bottom: 1px solid #e6e6e6; } .entry-content li { margin-top: 0.5em; } .entry-content img, .single-thumb { margin-bottom: 1.625rem; } .entry-content p:last-child, .entry-summary p:last-child { margin: 0; } .post-thumbnail { line-height: 0; outline: 0; } .thumbnails { margin: 0 auto 1.625rem; } .more-link { font-size: 14px; line-height: 1.85715; display: inline-block; padding: 0.625em; -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; text-transform: uppercase; color: #333; border: 1px solid #606060; } .more-link:hover, .more-link:focus { color: #fff; border: 1px solid #111; background-color: #111; } .entry-footer { clear: both; padding: 1.625em 0; } .cat-links, .tags-links { display: block; } .page .content-area { margin-bottom: 5%; } @media only screen and (min-width: 540px) { .site-content, .wrap { padding: 0 40px; } .page-header, .page .content-area { margin-bottom: 40px; } .home .hentry, .archive .hentry, .search .hentry, .page-content { margin-bottom: 40px; padding-bottom: 40px; } .site-main, .pagination, .wrap { max-width: 720px; margin-right: auto; margin-left: auto; } .wrap { max-width: 800px; } .page-header { border-width: 1px; } .entry-header { margin-bottom: 20px; } } @media only screen and (min-width: 860px) { .page .content-area { padding-bottom: 0; border-bottom-width: 0; } .full-content .entry-title { font-size: 2rem; line-height: 1.625; } .comments-link { display: inline; } .edit-link { float: right; } .excerpt .entry-content p { text-align: left; } } @media only screen and (min-width: 1024px) { .site-content { max-width: 960px; padding: 0; } .only-content .site-content { max-width: 720px; } .content-sidebar .content-area { float: left; width: 620px; } .sidebar-content .content-area { float: right; width: 620px; } .author-info, .page-header { padding: 2.25em; } .wrap { max-width: none; } } @media only screen and (min-width: 1200px) { .site-content { max-width: 1100px; } .content-sidebar .content-area, .sidebar-content .content-area { width: 720px; } } /** * 8.3 Author */ .author-info { padding: 1.625em; border-bottom: 1px solid #e6e6e6; background-color: #fcfcfc; } .avatar { display: block; margin: 0 auto; border-radius: 100%; } .author-title { margin-bottom: 0; text-align: center; } .author-bio { margin: 0; } @media only screen and (min-width: 860px) { .avatar { float: left; width: 60px; height: auto; margin-right: 0.8125rem; margin-bottom: 0; } .author-title { text-align: left; } .author-bio { clear: both; text-align: left; } } /** * 8.4 Comments */ .comments-title { margin-bottom: 5%; padding: 5%; background-color: #fcfcfc; } .comment-list { margin: 0; padding-left: 0; list-style: none; } .comment-list .children { margin: 0; padding-left: 0.625em; list-style: none; } .comment-body, .comment-respond { margin-bottom: 5%; padding: 1.625em; border: 1px solid #e6e6e6; } .pingback p { margin: 0; } .comment-author .avatar { float: left; margin-right: 1.625rem; border-radius: 100%; } .bypostauthor .avatar { border-color: green; } .comment-content { clear: both; padding: 1em 0; } .comment-content a { border-bottom: 1px solid currentColor; } .comment-content a:hover, .comment-content a:focus { border-bottom: none; } .comment-content p:last-child { margin: 0; } .comment-respond { clear: both; border-bottom: 1px solid #e6e6e6; background-color: #fcfcfc; } .comment-reply-link { margin-right: 13px; } .comment-edit-link { display: inline-block; } .pingback .comment-edit-link { display: block; } .no-comments { margin-top: 1.625rem; padding-left: 0.8125em; } @media only screen and (min-width: 540px) { .comments-title, .comment-body, .pingback, .comment-respond { margin-bottom: 40px; } .no-comments { margin-top: 0; padding: 0; } .comment-list .children { padding-left: 1.625em; } .comment-reply-title { margin-top: 1.625rem; } } @media only screen and (min-width: 860px) { .comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 32%; } .comment-form-email, .comment-form-url { margin-left: 2%; } } /** * 8.5 Sidebar */ .sidebar-toggle { display: none; } @media only screen and (min-width: 860px) { .js .sidebar { position: absolute; top: 0; right: 0; background-color: #eaeaea; } .js .sidebar .widget { display: none; max-width: 340px; } .js .toggled.sidebar .widget { display: block; } .sidebar-toggle { position: absolute; top: 0; right: 100%; display: block; padding: 0.8125em; border-width: 0; } .sidebar-toggle:hover, .sidebar-toggle:focus, .toggled .sidebar-toggle { color: #fff; background-color: #909090; } .sidebar-toggle:before { font-family: georgia, serif; font-size: 32px; position: relative; top: -5px; content: '\00AB'; } .toggled .sidebar-toggle:before { content: '\00BB'; } } @media only screen and (min-width: 1024px) { .content-sidebar .sidebar { float: right; width: 300px; margin-left: 40px; } .sidebar-content .sidebar { float: left; width: 300px; margin-right: 40px; } .js .sidebar { position: static; background-color: transparent; } .js .sidebar .widget { display: block; max-width: none; } .sidebar-toggle { display: none; } } @media only screen and (min-width: 1200px) { .content-sidebar .sidebar, .sidebar-content .sidebar { width: 340px; } } /** * 8.6 Footer */ .footer-widgets { border-top: 1px solid #e6e6e6; } .footer-widgets .widget { margin-bottom: 0; border-width: 0; } .footer-widget { margin-right: auto; margin-left: auto; } .site-footer { font-size: 14px; line-height: 1.85715; padding: 1.625em; text-align: center; border-top: 1px solid #e6e6e6; background-color: #fcfcfc; } .site-footer p { margin: 0; } @media only screen and (min-width: 860px) { .footer-widgets { background-color: #fcfcfc; } .footer-widgets .widget { max-width: 720px; margin-right: auto; margin-left: auto; padding: 40px 0; } } @media only screen and (min-width: 1024px) { .footer-widgets { position: relative; margin: 0 auto; padding: 40px 0; background-color: #fff; } .wrapper { max-width: 960px; margin: 0 auto; } .footer-widgets .widget { margin-right: 40px; margin-bottom: 0; padding: 0; border: none; background-color: #fff; } .footer-widgets .widget:last-child { margin-right: 0; } .footer-widget { float: left; } .footer-widget-count-2 { width: 49%; } .footer-widget-count-3 { width: 32%; } .footer-widget + .footer-widget { margin-left: 2%; } .site-footer { padding: 1.625em 3.25em; text-align: center; } } @media only screen and (min-width: 1200px) { .wrapper { max-width: 1100px; } } /** * 9.0 Infinite scroll */ .infinite-scroll .pagination, .infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer { display: block; } /** * 10.0 SVG Fallbacks */ .svg-fallback { display: none; } .no-svg .svg-fallback { display: inline-block; } .no-svg .sub-menu-toggle { right: 0; width: 2em; padding: 0.5em 0 0; text-align: center; } .no-svg .sub-menu-toggle .svg-fallback.icon-angle-down { font-size: 20px; font-weight: 400; line-height: 1; -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } .no-svg .sub-menu-toggle.toggled-on .svg-fallback.icon-angle-down { -webkit-transform: rotate(0); /* Chrome, Safari, Opera */ transform: rotate(0); } .no-svg .sub-menu-toggle .svg-fallback.icon-angle-down:before { content: '\005E'; } /* Social Menu fallbacks */ .no-svg .social-icons-menu a { width: auto; height: auto; color: #222; background: transparent; } /* Show screen reader text in some cases */ .no-svg .social-icons-menu a .screen-reader-text { font-size: 16px; font-size: 1rem; font-weight: 400; position: relative !important; /* overrides previous !important styles */ clip: auto; width: auto; height: auto; }