mirror of
https://git.sindominio.net/estibadores/wordpress.git
synced 2024-09-20 15:24:00 +02:00
3508 lines
89 KiB
CSS
3508 lines
89 KiB
CSS
|
/*
|
||
|
|
Theme Name: Hive Lite
|
||
|
|
Theme URI: https://github.com/pixelgrade/hive-lite
|
||
|
|
Author: Pixelgrade
|
||
|
|
Author URI: https://pixelgrade.com
|
||
|
|
Description: An effortless tool for publishers of all kind, cherished for its clean masonry-style layout, modern typography and flexibility. Whether you're looking to share your own thoughts, write about your latest findings or just have a scrapbook of photos, videos, quotes or other stuff, HIVE Lite is designed to fulfill these and a lot more.
|
||
|
|
Version: 1.3.3
|
||
|
|
License: GNU General Public License v2 or later
|
||
|
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||
|
|
Requires at least: 4.9.9
|
||
|
|
Tested up to: 5.4.0
|
||
|
|
Text Domain: hive-lite
|
||
|
|
Domain Path: /languages/
|
||
|
|
Tags: one-column, two-columns, three-columns, grid-layout, right-sidebar, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, blog, news, custom-menu, threaded-comments, post-formats, custom-logo, custom-colors, block-styles
|
||
|
|
|
||
|
|
Hive Lite WordPress Theme, Copyright (C) 2016-2019, Pixelgrade.
|
||
|
|
Hive Lite is distributed under the terms of the GNU GPL v2 or later.
|
||
|
|
|
||
|
|
This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
|
||
|
|
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
|
||
|
|
You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
|
||
|
|
https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html
|
||
|
|
|
||
|
|
Hive Lite is based on Underscores http://underscores.me/, (C) 2012-2018 Automattic, Inc.
|
||
|
|
Underscores is distributed under the terms of the GNU GPL v2 or later.
|
||
|
|
|
||
|
|
Resetting and rebuilding styles have been helped along thanks to the fine work of
|
||
|
|
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
|
||
|
|
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
|
||
|
|
and Blueprint http://www.blueprintcss.org/
|
||
|
|
*/
|
||
|
|
/**
|
||
|
|
*
|
||
|
|
* Table of Contents
|
||
|
|
* --------------------------------------------------
|
||
|
|
* 1.0 - Normalize
|
||
|
|
* 2.0 - Reset
|
||
|
|
* 3.0 - Base Styles
|
||
|
|
* 3.1 - Typography
|
||
|
|
* 3.2 - Images
|
||
|
|
* 3.3 - Forms
|
||
|
|
* 4.0 - Helpers
|
||
|
|
* 4.1 - WordPress Core Elements
|
||
|
|
* 5.0 - Patterns
|
||
|
|
* 6.0 - Basic Structure
|
||
|
|
* 6.1 - Page
|
||
|
|
* 7.0 - Header
|
||
|
|
* 8.0 - Navigation
|
||
|
|
* 9.0 - Content
|
||
|
|
* 9.1 - Archives
|
||
|
|
* 9.2 - Pagination
|
||
|
|
* 9.3 - Singular
|
||
|
|
* 9.4 - Post Formats
|
||
|
|
* 9.5 - Comments
|
||
|
|
* 9.6 - Search Form
|
||
|
|
* 10.0 - Sidebar
|
||
|
|
* 10.1 - Widgets
|
||
|
|
* 11.0 - Footer
|
||
|
|
* 12.0 - Toolbar
|
||
|
|
* 13.0 - Jetpack's plugins styling
|
||
|
|
* 14.0 - Overwrites
|
||
|
|
* 15.0 - Hive Lite
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
/**
|
||
|
|
* 1.0 - Normalize
|
||
|
|
*/
|
||
|
|
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
|
||
|
|
html {
|
||
|
|
font-family: sans-serif;
|
||
|
|
-ms-text-size-adjust: 100%;
|
||
|
|
-webkit-text-size-adjust: 100%; }
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0; }
|
||
|
|
|
||
|
|
article,
|
||
|
|
aside,
|
||
|
|
details,
|
||
|
|
figcaption,
|
||
|
|
figure,
|
||
|
|
footer,
|
||
|
|
header,
|
||
|
|
hgroup,
|
||
|
|
main,
|
||
|
|
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: transparent; }
|
||
|
|
|
||
|
|
a:active,
|
||
|
|
a:hover {
|
||
|
|
outline: 0; }
|
||
|
|
|
||
|
|
abbr[title] {
|
||
|
|
border-bottom: 1px dotted; }
|
||
|
|
|
||
|
|
b,
|
||
|
|
strong {
|
||
|
|
font-weight: bold; }
|
||
|
|
|
||
|
|
dfn {
|
||
|
|
font-style: italic; }
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
font-size: 2em;
|
||
|
|
margin: 0.67em 0; }
|
||
|
|
|
||
|
|
mark {
|
||
|
|
background: #ff0;
|
||
|
|
color: #000; }
|
||
|
|
|
||
|
|
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; }
|
||
|
|
|
||
|
|
img {
|
||
|
|
border: 0; }
|
||
|
|
|
||
|
|
svg:not(:root) {
|
||
|
|
overflow: hidden; }
|
||
|
|
|
||
|
|
figure {
|
||
|
|
margin: 1em 40px; }
|
||
|
|
|
||
|
|
hr {
|
||
|
|
-webkit-box-sizing: content-box;
|
||
|
|
box-sizing: content-box;
|
||
|
|
height: 0; }
|
||
|
|
|
||
|
|
pre {
|
||
|
|
overflow: auto; }
|
||
|
|
|
||
|
|
code,
|
||
|
|
kbd,
|
||
|
|
pre,
|
||
|
|
samp {
|
||
|
|
font-family: monospace, monospace;
|
||
|
|
font-size: 1em; }
|
||
|
|
|
||
|
|
button,
|
||
|
|
input,
|
||
|
|
optgroup,
|
||
|
|
select,
|
||
|
|
textarea {
|
||
|
|
color: inherit;
|
||
|
|
font: inherit;
|
||
|
|
margin: 0; }
|
||
|
|
|
||
|
|
button {
|
||
|
|
overflow: visible; }
|
||
|
|
|
||
|
|
button,
|
||
|
|
select {
|
||
|
|
text-transform: none; }
|
||
|
|
|
||
|
|
button,
|
||
|
|
html input[type="button"],
|
||
|
|
input[type="reset"],
|
||
|
|
input[type="submit"] {
|
||
|
|
-webkit-appearance: button;
|
||
|
|
cursor: pointer; }
|
||
|
|
|
||
|
|
button[disabled],
|
||
|
|
html input[disabled] {
|
||
|
|
cursor: default; }
|
||
|
|
|
||
|
|
button::-moz-focus-inner,
|
||
|
|
input::-moz-focus-inner {
|
||
|
|
border: 0;
|
||
|
|
padding: 0; }
|
||
|
|
|
||
|
|
input {
|
||
|
|
line-height: normal; }
|
||
|
|
|
||
|
|
input[type="checkbox"],
|
||
|
|
input[type="radio"] {
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
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-appearance: textfield;
|
||
|
|
-webkit-box-sizing: content-box;
|
||
|
|
box-sizing: content-box; }
|
||
|
|
|
||
|
|
input[type="search"]::-webkit-search-cancel-button,
|
||
|
|
input[type="search"]::-webkit-search-decoration {
|
||
|
|
-webkit-appearance: none; }
|
||
|
|
|
||
|
|
fieldset {
|
||
|
|
border: 1px solid #c0c0c0;
|
||
|
|
margin: 0 2px;
|
||
|
|
padding: 0.35em 0.625em 0.75em; }
|
||
|
|
|
||
|
|
legend {
|
||
|
|
border: 0;
|
||
|
|
padding: 0; }
|
||
|
|
|
||
|
|
textarea {
|
||
|
|
overflow: auto; }
|
||
|
|
|
||
|
|
optgroup {
|
||
|
|
font-weight: bold; }
|
||
|
|
|
||
|
|
table {
|
||
|
|
border-collapse: collapse;
|
||
|
|
border-spacing: 0; }
|
||
|
|
|
||
|
|
td,
|
||
|
|
th {
|
||
|
|
padding: 0; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 2.0 - Reset
|
||
|
|
*/
|
||
|
|
body,
|
||
|
|
h1, h2, h3, h4, h5, h6,
|
||
|
|
p, blockquote, pre,
|
||
|
|
dl, dd, ol, ul,
|
||
|
|
form, fieldset, legend,
|
||
|
|
table, th, td, caption,
|
||
|
|
hr {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0; }
|
||
|
|
|
||
|
|
*, *:before, *:after {
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box; }
|
||
|
|
|
||
|
|
abbr[title],
|
||
|
|
dfn[title] {
|
||
|
|
cursor: help; }
|
||
|
|
|
||
|
|
u,
|
||
|
|
ins {
|
||
|
|
text-decoration: none; }
|
||
|
|
|
||
|
|
ins {
|
||
|
|
border-bottom: 1px solid; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 3.0 - Base Styles
|
||
|
|
* 3.1 - Typography
|
||
|
|
*/
|
||
|
|
body {
|
||
|
|
line-height: 1.6;
|
||
|
|
color: #3d3e40; }
|
||
|
|
|
||
|
|
h1, h2, h3, blockquote, .dropcap, .single .entry-content:before, .page .entry-content:before {
|
||
|
|
font-family: "Playfair Display", serif;
|
||
|
|
font-weight: normal;
|
||
|
|
color: #171617; }
|
||
|
|
|
||
|
|
body, blockquote cite, .widget, div.sharedaddy .sd-social h3.sd-title {
|
||
|
|
font-family: "Noto Serif", serif; }
|
||
|
|
|
||
|
|
/* Headings */
|
||
|
|
h1 {
|
||
|
|
font-size: 3.375em;
|
||
|
|
line-height: 1.11111;
|
||
|
|
-webkit-transform: translateY(0.22006em);
|
||
|
|
transform: translateY(0.22006em);
|
||
|
|
margin-top: 0.88889em;
|
||
|
|
margin-bottom: 0.44444em; }
|
||
|
|
|
||
|
|
h2 {
|
||
|
|
font-size: 2.25em;
|
||
|
|
line-height: 1.33333;
|
||
|
|
-webkit-transform: translateY(0.33117em);
|
||
|
|
transform: translateY(0.33117em);
|
||
|
|
margin-top: 1.33333em;
|
||
|
|
margin-bottom: 0.66667em; }
|
||
|
|
|
||
|
|
h3 {
|
||
|
|
font-size: 1.5em;
|
||
|
|
line-height: 1.5;
|
||
|
|
-webkit-transform: translateY(0.4145em);
|
||
|
|
transform: translateY(0.4145em);
|
||
|
|
margin-top: 2em;
|
||
|
|
margin-bottom: 1em; }
|
||
|
|
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
h1 {
|
||
|
|
font-size: 1.875em;
|
||
|
|
line-height: 1.2;
|
||
|
|
-webkit-transform: translateY(0.2645em);
|
||
|
|
transform: translateY(0.2645em); }
|
||
|
|
h2 {
|
||
|
|
font-size: 1.5em;
|
||
|
|
line-height: 1.5;
|
||
|
|
-webkit-transform: translateY(0.4145em);
|
||
|
|
transform: translateY(0.4145em); }
|
||
|
|
h3 {
|
||
|
|
font-size: 1.3125em;
|
||
|
|
line-height: 1.14286;
|
||
|
|
-webkit-transform: translateY(0.23593em);
|
||
|
|
transform: translateY(0.23593em); } }
|
||
|
|
|
||
|
|
/* Paragraphs */
|
||
|
|
p {
|
||
|
|
margin-top: 0;
|
||
|
|
font-size: 1em;
|
||
|
|
line-height: 1.5;
|
||
|
|
-webkit-transform: translateY(0.4145em);
|
||
|
|
transform: translateY(0.4145em);
|
||
|
|
margin-bottom: 1.5em; }
|
||
|
|
|
||
|
|
.entry-content {
|
||
|
|
-webkit-font-smoothing: antialiased; }
|
||
|
|
|
||
|
|
/* Links */
|
||
|
|
a {
|
||
|
|
text-decoration: none;
|
||
|
|
color: #afafaf; }
|
||
|
|
a:hover {
|
||
|
|
color: #000; }
|
||
|
|
|
||
|
|
/* Lists */
|
||
|
|
acronym {
|
||
|
|
border-bottom: 1px dotted #3d3e40; }
|
||
|
|
|
||
|
|
/* Blockquotes */
|
||
|
|
blockquote {
|
||
|
|
position: relative;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 1.5625em;
|
||
|
|
line-height: 1.44;
|
||
|
|
margin-top: 2.57143em;
|
||
|
|
margin-bottom: 2.14286em;
|
||
|
|
padding-top: 1.71429em;
|
||
|
|
padding-bottom: 1.71429em; }
|
||
|
|
blockquote blockquote {
|
||
|
|
font-size: 1em;
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding-bottom: 0; }
|
||
|
|
blockquote blockquote:after {
|
||
|
|
border-bottom: 0; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
blockquote {
|
||
|
|
font-size: 1.125em;
|
||
|
|
line-height: 1.33333;
|
||
|
|
margin-top: 2.66667em;
|
||
|
|
margin-bottom: 2em;
|
||
|
|
padding: 0.66667em;
|
||
|
|
padding-top: 1.33333em;
|
||
|
|
padding-bottom: 1.33333em; } }
|
||
|
|
blockquote:before {
|
||
|
|
content: '\201C';
|
||
|
|
position: absolute;
|
||
|
|
top: -0.5em;
|
||
|
|
right: 50%;
|
||
|
|
padding: 0 0.857em;
|
||
|
|
color: black;
|
||
|
|
background: white;
|
||
|
|
-webkit-transform: translateX(50%);
|
||
|
|
transform: translateX(50%); }
|
||
|
|
blockquote:after {
|
||
|
|
content: '';
|
||
|
|
display: block;
|
||
|
|
width: 9em;
|
||
|
|
margin-right: -4.5em;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
right: 50%;
|
||
|
|
z-index: -1;
|
||
|
|
border: 1px solid #c3c3c3;
|
||
|
|
border-right: 0;
|
||
|
|
border-left: 0; }
|
||
|
|
.is--ancient-android .archive__grid blockquote:after {
|
||
|
|
border-bottom: 0;
|
||
|
|
bottom: calc(100% - 4px);
|
||
|
|
bottom: 99%; }
|
||
|
|
blockquote cite {
|
||
|
|
display: block;
|
||
|
|
margin-top: 1.5em;
|
||
|
|
font-size: 0.57143em;
|
||
|
|
line-height: 1.5;
|
||
|
|
font-style: normal; }
|
||
|
|
blockquote a:hover {
|
||
|
|
color: #ffeb00; }
|
||
|
|
|
||
|
|
/* Tables */
|
||
|
|
table {
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
margin-bottom: 1.5em;
|
||
|
|
width: 100%;
|
||
|
|
border-top: 0;
|
||
|
|
table-layout: fixed; }
|
||
|
|
table th {
|
||
|
|
text-align: right; }
|
||
|
|
table tr {
|
||
|
|
border-bottom: 1px solid #d7d7d7; }
|
||
|
|
table th, table td {
|
||
|
|
padding: 12px;
|
||
|
|
vertical-align: middle;
|
||
|
|
font-family: inherit;
|
||
|
|
font-size: inherit; }
|
||
|
|
|
||
|
|
/* Code */
|
||
|
|
pre {
|
||
|
|
position: relative;
|
||
|
|
padding-right: 2.25em;
|
||
|
|
padding-left: 2.25em;
|
||
|
|
padding-top: 1.5em;
|
||
|
|
padding-bottom: 1.5em;
|
||
|
|
margin-bottom: 1.5em;
|
||
|
|
border: 1px solid #d7d7d7; }
|
||
|
|
pre:before {
|
||
|
|
content: "\f121";
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
display: block;
|
||
|
|
padding: 3px;
|
||
|
|
font-family: FontAwesome;
|
||
|
|
font-size: 14px;
|
||
|
|
color: white;
|
||
|
|
background: #d7d7d7; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 3.2 - Images
|
||
|
|
*/
|
||
|
|
img {
|
||
|
|
max-width: 100%;
|
||
|
|
height: auto; }
|
||
|
|
|
||
|
|
/* Figures and Captions */
|
||
|
|
.wp-caption {
|
||
|
|
width: auto; }
|
||
|
|
.wp-caption img {
|
||
|
|
display: block; }
|
||
|
|
|
||
|
|
.wp-caption-text, .single .entry-featured__caption, .page .entry-featured__caption {
|
||
|
|
font-size: 0.72222em;
|
||
|
|
margin-top: 0.92308em;
|
||
|
|
color: #8c888c; }
|
||
|
|
|
||
|
|
/* Galleries */
|
||
|
|
.gallery {
|
||
|
|
margin-right: -0.75em; }
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.gallery {
|
||
|
|
margin-right: -4.5em;
|
||
|
|
margin-left: -3.75em; }
|
||
|
|
.entry-featured .gallery {
|
||
|
|
margin-right: -0.75em;
|
||
|
|
margin-left: 0; } }
|
||
|
|
.gallery .gallery-item {
|
||
|
|
margin: 0;
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: top;
|
||
|
|
text-align: center;
|
||
|
|
border: 0 solid transparent;
|
||
|
|
border-top-width: 0.75em;
|
||
|
|
border-right-width: 0.75em; }
|
||
|
|
|
||
|
|
.gallery-columns-1 .gallery-item {
|
||
|
|
width: 100%; }
|
||
|
|
|
||
|
|
.gallery-columns-2 .gallery-item {
|
||
|
|
width: 50%; }
|
||
|
|
|
||
|
|
.gallery-columns-3 .gallery-item {
|
||
|
|
width: 33.33333%; }
|
||
|
|
|
||
|
|
.gallery-columns-4 .gallery-item {
|
||
|
|
width: 25%; }
|
||
|
|
|
||
|
|
.gallery-columns-5 .gallery-item {
|
||
|
|
width: 20%; }
|
||
|
|
|
||
|
|
.gallery-columns-6 .gallery-item {
|
||
|
|
width: 16.66667%; }
|
||
|
|
|
||
|
|
.gallery-columns-7 .gallery-item {
|
||
|
|
width: 14.28571%; }
|
||
|
|
|
||
|
|
.gallery-columns-8 .gallery-item {
|
||
|
|
width: 12.5%; }
|
||
|
|
|
||
|
|
.gallery-columns-9 .gallery-item {
|
||
|
|
width: 11.11111%; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 3.3 - Forms
|
||
|
|
*/
|
||
|
|
select,
|
||
|
|
textarea,
|
||
|
|
input[type="text"],
|
||
|
|
input[type="password"],
|
||
|
|
input[type="datetime"],
|
||
|
|
input[type="datetime-local"],
|
||
|
|
input[type="date"],
|
||
|
|
input[type="month"],
|
||
|
|
input[type="time"],
|
||
|
|
input[type="week"],
|
||
|
|
input[type="number"],
|
||
|
|
input[type="email"],
|
||
|
|
input[type="url"],
|
||
|
|
input[type="search"],
|
||
|
|
input[type="tel"],
|
||
|
|
input[type="color"],
|
||
|
|
.form-control {
|
||
|
|
display: block;
|
||
|
|
vertical-align: middle;
|
||
|
|
width: 100%;
|
||
|
|
padding: 12px;
|
||
|
|
outline: 0 !important;
|
||
|
|
-webkit-appearance: none; }
|
||
|
|
select:focus,
|
||
|
|
textarea:focus,
|
||
|
|
input[type="text"]:focus,
|
||
|
|
input[type="password"]:focus,
|
||
|
|
input[type="datetime"]:focus,
|
||
|
|
input[type="datetime-local"]:focus,
|
||
|
|
input[type="date"]:focus,
|
||
|
|
input[type="month"]:focus,
|
||
|
|
input[type="time"]:focus,
|
||
|
|
input[type="week"]:focus,
|
||
|
|
input[type="number"]:focus,
|
||
|
|
input[type="email"]:focus,
|
||
|
|
input[type="url"]:focus,
|
||
|
|
input[type="search"]:focus,
|
||
|
|
input[type="tel"]:focus,
|
||
|
|
input[type="color"]:focus,
|
||
|
|
.form-control:focus {
|
||
|
|
outline: 1px solid #ffeb00; }
|
||
|
|
|
||
|
|
.radio,
|
||
|
|
.checkbox {
|
||
|
|
display: block;
|
||
|
|
margin-top: 6px;
|
||
|
|
margin-bottom: 6px;
|
||
|
|
padding-right: 12px;
|
||
|
|
vertical-align: middle; }
|
||
|
|
.radio label,
|
||
|
|
.checkbox label {
|
||
|
|
display: inline;
|
||
|
|
margin-bottom: 0;
|
||
|
|
font-weight: normal;
|
||
|
|
cursor: pointer; }
|
||
|
|
|
||
|
|
.radio input[type="radio"],
|
||
|
|
.radio-inline input[type="radio"],
|
||
|
|
.checkbox input[type="checkbox"],
|
||
|
|
.checkbox-inline input[type="checkbox"] {
|
||
|
|
float: right;
|
||
|
|
margin-right: 12px; }
|
||
|
|
|
||
|
|
.radio + .radio,
|
||
|
|
.checkbox + .checkbox {
|
||
|
|
margin-top: -6px; }
|
||
|
|
|
||
|
|
.radio-inline,
|
||
|
|
.checkbox-inline {
|
||
|
|
display: inline-block;
|
||
|
|
padding-right: 12px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
vertical-align: middle;
|
||
|
|
font-weight: normal;
|
||
|
|
cursor: pointer; }
|
||
|
|
|
||
|
|
.radio-inline + .radio-inline,
|
||
|
|
.checkbox-inline + .checkbox-inline {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-right: 6px; }
|
||
|
|
|
||
|
|
@media (min-width: 768px) {
|
||
|
|
.form-inline .form-group {
|
||
|
|
display: inline-block;
|
||
|
|
margin-bottom: 0;
|
||
|
|
vertical-align: middle; }
|
||
|
|
.form-inline .form-control {
|
||
|
|
display: inline-block; }
|
||
|
|
.form-inline .radio,
|
||
|
|
.form-inline .checkbox {
|
||
|
|
display: inline-block;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding-right: 0; }
|
||
|
|
.form-inline .radio input[type="radio"],
|
||
|
|
.form-inline .checkbox input[type="checkbox"] {
|
||
|
|
float: none;
|
||
|
|
margin-right: 0; } }
|
||
|
|
|
||
|
|
.input-group {
|
||
|
|
position: relative;
|
||
|
|
display: table;
|
||
|
|
border-collapse: separate; }
|
||
|
|
.input-group.col {
|
||
|
|
float: none;
|
||
|
|
padding-right: 0;
|
||
|
|
padding-left: 0; }
|
||
|
|
.input-group .form-control {
|
||
|
|
width: 100%;
|
||
|
|
margin-bottom: 0; }
|
||
|
|
|
||
|
|
.input-group-addon,
|
||
|
|
.input-group-btn,
|
||
|
|
.input-group .form-control {
|
||
|
|
display: table-cell; }
|
||
|
|
.input-group-addon:not(:first-child):not(:last-child),
|
||
|
|
.input-group-btn:not(:first-child):not(:last-child),
|
||
|
|
.input-group .form-control:not(:first-child):not(:last-child) {
|
||
|
|
border-radius: 0; }
|
||
|
|
|
||
|
|
.input-group-addon,
|
||
|
|
.input-group-btn {
|
||
|
|
width: 1%;
|
||
|
|
white-space: nowrap;
|
||
|
|
vertical-align: middle; }
|
||
|
|
|
||
|
|
input, textarea {
|
||
|
|
font-weight: 300;
|
||
|
|
border-radius: 0;
|
||
|
|
border: 1px solid #d7d7d7;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
font-size: 16px;
|
||
|
|
padding: 12px; }
|
||
|
|
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 300; }
|
||
|
|
input:-moz-placeholder, textarea:-moz-placeholder {
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 300; }
|
||
|
|
input::-moz-placeholder, textarea::-moz-placeholder {
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 300; }
|
||
|
|
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 300; }
|
||
|
|
|
||
|
|
.contact-form label {
|
||
|
|
margin-top: 1.125em; }
|
||
|
|
|
||
|
|
label.checkbox {
|
||
|
|
padding-right: 0; }
|
||
|
|
label.checkbox input[type=checkbox] {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: middle;
|
||
|
|
margin-right: 0;
|
||
|
|
margin-top: -3px;
|
||
|
|
margin-bottom: 0; }
|
||
|
|
|
||
|
|
label.radio {
|
||
|
|
padding-right: 0; }
|
||
|
|
label.radio input[type=radio] {
|
||
|
|
display: inline-block;
|
||
|
|
margin-right: 0;
|
||
|
|
margin-top: -3px;
|
||
|
|
margin-bottom: 0; }
|
||
|
|
|
||
|
|
form.contact-form label.checkbox,
|
||
|
|
form.contact-form label.radio {
|
||
|
|
margin-top: 5px;
|
||
|
|
margin-bottom: 5px; }
|
||
|
|
|
||
|
|
.grunion-field-label.select + select {
|
||
|
|
margin-top: 8px; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 4.0 - Helpers
|
||
|
|
*/
|
||
|
|
/* Clearfix */
|
||
|
|
.clearfix:after,
|
||
|
|
.grid:after,
|
||
|
|
.comment-form:after,
|
||
|
|
.widget_categories > ul:after,
|
||
|
|
.widget_pages > ul:after,
|
||
|
|
.widget_meta > ul:after,
|
||
|
|
.widget_archive > ul:after,
|
||
|
|
.nav:after,
|
||
|
|
.nav--main ul:after,
|
||
|
|
.media:after,
|
||
|
|
.main-navigation:after,
|
||
|
|
.single .entry-content:after,
|
||
|
|
.page .entry-content:after,
|
||
|
|
.comments-area-title:after,
|
||
|
|
.comment-reply-title:after,
|
||
|
|
.comment-navigation:after,
|
||
|
|
.has_sidebar .site-content .container:after,
|
||
|
|
form.contact-form .contact-submit:after {
|
||
|
|
content: "";
|
||
|
|
display: table;
|
||
|
|
clear: both; }
|
||
|
|
|
||
|
|
.pa, .stretch, .cover, .quote-wrapper, .center, .site-description:after, .archive__grid .entry-footer:before {
|
||
|
|
position: absolute; }
|
||
|
|
|
||
|
|
.pr, .site-branding, .site-description, .site-description-text, .archive__grid .entry-footer, .entry-meta {
|
||
|
|
position: relative; }
|
||
|
|
|
||
|
|
.stretch {
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
right: 0; }
|
||
|
|
|
||
|
|
.fill, .cover, .quote-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%; }
|
||
|
|
|
||
|
|
.cover, .quote-wrapper {
|
||
|
|
top: 0;
|
||
|
|
right: 0; }
|
||
|
|
|
||
|
|
.center {
|
||
|
|
top: 50%;
|
||
|
|
right: 50%;
|
||
|
|
-webkit-transform: translate(50%, -50%);
|
||
|
|
transform: translate(50%, -50%); }
|
||
|
|
|
||
|
|
.center--vertical {
|
||
|
|
-webkit-transform: translateY(-50%);
|
||
|
|
transform: translateY(-50%); }
|
||
|
|
|
||
|
|
.center--horizontal {
|
||
|
|
-webkit-transform: translateX(50%);
|
||
|
|
transform: translateX(50%); }
|
||
|
|
|
||
|
|
.text--center {
|
||
|
|
text-align: center; }
|
||
|
|
|
||
|
|
.text--left {
|
||
|
|
text-align: right; }
|
||
|
|
|
||
|
|
.text--right {
|
||
|
|
text-align: left; }
|
||
|
|
|
||
|
|
.text--justify {
|
||
|
|
text-align: justify; }
|
||
|
|
|
||
|
|
.list--unstyled, .widget ul {
|
||
|
|
list-style: none; }
|
||
|
|
|
||
|
|
.flexbox {
|
||
|
|
display: table;
|
||
|
|
width: 100%; }
|
||
|
|
.flexbox > .flexbox__item {
|
||
|
|
display: table-cell;
|
||
|
|
vertical-align: middle; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 4.1 - Theme specific classes
|
||
|
|
*/
|
||
|
|
.intro {
|
||
|
|
margin-bottom: 2.25em;
|
||
|
|
font-size: 1.27778em;
|
||
|
|
-webkit-font-smoothing: auto; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.intro {
|
||
|
|
font-size: 1em;
|
||
|
|
color: #000000; } }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1000px) {
|
||
|
|
.twocolumn {
|
||
|
|
-webkit-column-count: 2;
|
||
|
|
-moz-column-count: 2;
|
||
|
|
column-count: 2;
|
||
|
|
-webkit-column-gap: 50px;
|
||
|
|
-moz-column-gap: 50px;
|
||
|
|
column-gap: 50px; } }
|
||
|
|
|
||
|
|
.dropcap {
|
||
|
|
float: right;
|
||
|
|
font-size: 5.125em;
|
||
|
|
line-height: 1.02439;
|
||
|
|
font-weight: bold;
|
||
|
|
line-height: 1;
|
||
|
|
margin-top: -.1em;
|
||
|
|
margin-bottom: -0.14634em;
|
||
|
|
margin-left: 0.07317em; }
|
||
|
|
|
||
|
|
.highlight {
|
||
|
|
background: #ffeb00; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 4.2 - Alignments
|
||
|
|
*/
|
||
|
|
.alignleft,
|
||
|
|
.alignright {
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
margin-top: 1.125em;
|
||
|
|
margin-bottom: 1.125em;
|
||
|
|
max-width: 50%; }
|
||
|
|
@media not screen and (min-width: 640px) {
|
||
|
|
.alignleft,
|
||
|
|
.alignright {
|
||
|
|
max-width: 100%;
|
||
|
|
display: block; } }
|
||
|
|
|
||
|
|
.alignleft {
|
||
|
|
float: right;
|
||
|
|
margin-left: 1.5em; }
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.alignleft {
|
||
|
|
margin-left: 3em; } }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.alignleft.wp-caption, .alignleft.gallery-caption {
|
||
|
|
margin-right: 0; } }
|
||
|
|
.blog .alignleft, .archive .alignleft {
|
||
|
|
margin-right: 0; }
|
||
|
|
|
||
|
|
.alignright {
|
||
|
|
float: left;
|
||
|
|
margin-right: 1.5em; }
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.alignright {
|
||
|
|
margin-right: 3em; } }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.alignright.wp-caption, .alignright.gallery-caption {
|
||
|
|
margin-left: 0; } }
|
||
|
|
.blog .alignright, .archive .alignright {
|
||
|
|
margin-left: 0; }
|
||
|
|
|
||
|
|
.aligncenter,
|
||
|
|
.alignnone {
|
||
|
|
margin-top: 1.5em;
|
||
|
|
margin-bottom: 1.125em;
|
||
|
|
display: block;
|
||
|
|
width: auto !important; }
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.aligncenter,
|
||
|
|
.alignnone {
|
||
|
|
margin-top: 3em;
|
||
|
|
margin-bottom: 2.25em; } }
|
||
|
|
.aligncenter img,
|
||
|
|
.alignnone img {
|
||
|
|
max-width: 100%;
|
||
|
|
height: auto; }
|
||
|
|
|
||
|
|
.aligncenter img,
|
||
|
|
.alignnone img {
|
||
|
|
margin: 0 auto; }
|
||
|
|
|
||
|
|
.alignnone .wp-caption-text {
|
||
|
|
text-align: center; }
|
||
|
|
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
figure.aligncenter, figure.alignnone {
|
||
|
|
margin-right: 0;
|
||
|
|
margin-left: 0; } }
|
||
|
|
|
||
|
|
.aligncenter {
|
||
|
|
text-align: center; }
|
||
|
|
.blog .aligncenter, .archive .aligncenter {
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto; }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.alignnone,
|
||
|
|
.aligncenter {
|
||
|
|
margin-right: -3.75em;
|
||
|
|
margin-left: -3.75em; }
|
||
|
|
.alignleft {
|
||
|
|
margin-right: -3.75em; }
|
||
|
|
.alignright {
|
||
|
|
margin-left: -3.75em; } }
|
||
|
|
|
||
|
|
.widget .aligncenter,
|
||
|
|
.widget .alignleft,
|
||
|
|
.widget .alignright,
|
||
|
|
.widget .alignnone {
|
||
|
|
margin: 0; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 5.0 - Patterns
|
||
|
|
*/
|
||
|
|
.grid, .comment-form, .widget_categories > ul,
|
||
|
|
.widget_pages > ul,
|
||
|
|
.widget_meta > ul,
|
||
|
|
.widget_archive > ul {
|
||
|
|
list-style: none;
|
||
|
|
margin-right: -2.25em; }
|
||
|
|
|
||
|
|
.comment-form p, .comment-form-comment,
|
||
|
|
.logged-in-as, .widget_categories > ul > li,
|
||
|
|
.widget_pages > ul > li,
|
||
|
|
.widget_meta > ul > li,
|
||
|
|
.widget_archive > ul > li {
|
||
|
|
float: right;
|
||
|
|
width: 100%;
|
||
|
|
padding-right: 2.25em; }
|
||
|
|
|
||
|
|
.grid > li,
|
||
|
|
.grid > .grid__item {
|
||
|
|
padding-right: 2.25em; }
|
||
|
|
|
||
|
|
.grid > li,
|
||
|
|
.grid > .grid__item,
|
||
|
|
.rtl .grid--rev > li,
|
||
|
|
.rtl .grid--rev > .grid__item {
|
||
|
|
float: right; }
|
||
|
|
|
||
|
|
.grid--rev > li,
|
||
|
|
.grid--rev > .grid__item,
|
||
|
|
.rtl .grid > li,
|
||
|
|
.rtl .grid > .grid__item {
|
||
|
|
direction: ltr;
|
||
|
|
float: left; }
|
||
|
|
|
||
|
|
.nav, .nav--main ul {
|
||
|
|
list-style: none;
|
||
|
|
margin-right: 0; }
|
||
|
|
.nav > li, .nav--main ul > li,
|
||
|
|
.nav > li > a,
|
||
|
|
.nav--main ul > li > a {
|
||
|
|
display: inline-block;
|
||
|
|
*display: inline;
|
||
|
|
zoom: 1; }
|
||
|
|
|
||
|
|
.media {
|
||
|
|
display: block; }
|
||
|
|
|
||
|
|
.media__img {
|
||
|
|
float: right;
|
||
|
|
margin-left: 24px; }
|
||
|
|
.media__img > img {
|
||
|
|
display: block; }
|
||
|
|
|
||
|
|
.media__body {
|
||
|
|
overflow: hidden;
|
||
|
|
display: block; }
|
||
|
|
.media__body,
|
||
|
|
.media__body > :last-child {
|
||
|
|
margin-bottom: 0; }
|
||
|
|
|
||
|
|
.btn, input[type="submit"], div#infinite-handle button {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: middle;
|
||
|
|
font: inherit;
|
||
|
|
text-align: center;
|
||
|
|
border: none;
|
||
|
|
margin: 0;
|
||
|
|
cursor: pointer;
|
||
|
|
overflow: visible;
|
||
|
|
padding: 11px 23px;
|
||
|
|
background-color: #171617;
|
||
|
|
border: 1px solid #171617; }
|
||
|
|
.btn, input[type="submit"], div#infinite-handle button, .btn:hover, input:hover[type="submit"], div#infinite-handle button:hover, .btn:active, input:active[type="submit"], div#infinite-handle button:active, .btn:focus, input:focus[type="submit"], div#infinite-handle button:focus {
|
||
|
|
text-decoration: none;
|
||
|
|
color: #fff; }
|
||
|
|
|
||
|
|
.btn::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, div#infinite-handle button::-moz-focus-inner {
|
||
|
|
border: 0;
|
||
|
|
padding: 0; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 6.0 - Basic Structure
|
||
|
|
* 6.1 - Page
|
||
|
|
*/
|
||
|
|
html {
|
||
|
|
height: 100%;
|
||
|
|
background: white;
|
||
|
|
overflow-x: hidden; }
|
||
|
|
|
||
|
|
body {
|
||
|
|
border: 0 solid #000;
|
||
|
|
min-height: 100%; }
|
||
|
|
@media only screen and (min-width: 1000px) {
|
||
|
|
body {
|
||
|
|
border-right-width: 3em;
|
||
|
|
border-top-width: 0.75em; }
|
||
|
|
body:before, body:after {
|
||
|
|
content: "";
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
z-index: 100;
|
||
|
|
background: #171617; }
|
||
|
|
body:before {
|
||
|
|
width: 100%;
|
||
|
|
height: 0.75em; }
|
||
|
|
body.admin-bar:before {
|
||
|
|
top: 32px;
|
||
|
|
height: 3em;
|
||
|
|
margin-top: -2.25em; } }
|
||
|
|
@media only screen and (min-width: 1000px) and (max-width: 782px) {
|
||
|
|
body.admin-bar:before {
|
||
|
|
top: 46px; } }
|
||
|
|
@media only screen and (min-width: 1000px) {
|
||
|
|
body:after {
|
||
|
|
width: 3em;
|
||
|
|
height: 100%; } }
|
||
|
|
|
||
|
|
.site-content {
|
||
|
|
padding-top: 2.25em;
|
||
|
|
padding-bottom: 5.25em; }
|
||
|
|
|
||
|
|
.site-header,
|
||
|
|
.site-content,
|
||
|
|
.site-footer {
|
||
|
|
padding-right: 1.125em;
|
||
|
|
padding-left: 1.125em; }
|
||
|
|
|
||
|
|
#infinite-footer {
|
||
|
|
padding-right: 2.25em;
|
||
|
|
padding-left: 2.25em; }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1000px) {
|
||
|
|
.site-header,
|
||
|
|
.site-content,
|
||
|
|
.site-footer {
|
||
|
|
padding-right: 4.5em;
|
||
|
|
padding-left: 4.5em; }
|
||
|
|
#infinite-footer {
|
||
|
|
padding-right: 7.5em;
|
||
|
|
padding-left: 8.25em; }
|
||
|
|
.site-footer {
|
||
|
|
padding-left: 8.25em; } }
|
||
|
|
|
||
|
|
.container {
|
||
|
|
max-width: 85em;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto; }
|
||
|
|
|
||
|
|
.single .site-content .container, .post .site-content .container {
|
||
|
|
max-width: 80em; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 7.0 - Header
|
||
|
|
*/
|
||
|
|
.site-header {
|
||
|
|
text-align: center; }
|
||
|
|
|
||
|
|
.site-logo-link {
|
||
|
|
display: block; }
|
||
|
|
|
||
|
|
.site-branding {
|
||
|
|
max-width: 100%;
|
||
|
|
line-height: 1;
|
||
|
|
display: inline-block;
|
||
|
|
margin-top: 3.75em;
|
||
|
|
margin-bottom: 5.25em; }
|
||
|
|
.site-branding.logo-image-only:after {
|
||
|
|
display: none; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.site-branding {
|
||
|
|
margin-top: 5.25em;
|
||
|
|
margin-bottom: 0; } }
|
||
|
|
|
||
|
|
.site-title {
|
||
|
|
margin: 0;
|
||
|
|
font-size: 2.5em;
|
||
|
|
line-height: 1.2;
|
||
|
|
-webkit-transform: translateY(0.2645em);
|
||
|
|
transform: translateY(0.2645em);
|
||
|
|
font-weight: 900;
|
||
|
|
text-transform: uppercase;
|
||
|
|
max-width: 100%; }
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.site-title {
|
||
|
|
letter-spacing: -.055em;
|
||
|
|
padding-left: .025em;
|
||
|
|
font-size: 5em;
|
||
|
|
line-height: 1.05;
|
||
|
|
-webkit-transform: translateY(0.0395em);
|
||
|
|
transform: translateY(0.0395em); } }
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.site-title {
|
||
|
|
font-size: 7.6875em;
|
||
|
|
line-height: 1.07317;
|
||
|
|
-webkit-transform: translateY(0.00596em);
|
||
|
|
transform: translateY(0.00596em); } }
|
||
|
|
.site-title a {
|
||
|
|
text-decoration: none;
|
||
|
|
color: #171617; }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.site-title--small {
|
||
|
|
font-size: 3.375em;
|
||
|
|
line-height: 1.11111;
|
||
|
|
-webkit-transform: translateY(0.22006em);
|
||
|
|
transform: translateY(0.22006em); } }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.site-title--small {
|
||
|
|
font-size: 5em;
|
||
|
|
line-height: 1.05;
|
||
|
|
-webkit-transform: translateY(0.0395em);
|
||
|
|
transform: translateY(0.0395em); } }
|
||
|
|
|
||
|
|
.site-title--large {
|
||
|
|
font-size: 3.375em;
|
||
|
|
line-height: 1.11111;
|
||
|
|
-webkit-transform: none;
|
||
|
|
transform: none; }
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.site-title--large {
|
||
|
|
font-size: 7.6875em;
|
||
|
|
line-height: 1.07317;
|
||
|
|
-webkit-transform: translateY(0.00596em);
|
||
|
|
transform: translateY(0.00596em); } }
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.site-title--large {
|
||
|
|
font-size: 10.375em;
|
||
|
|
line-height: 1.01205;
|
||
|
|
-webkit-transform: translateY(0.02595em);
|
||
|
|
transform: translateY(0.02595em); } }
|
||
|
|
|
||
|
|
.site-description {
|
||
|
|
display: block;
|
||
|
|
font-family: sans-serif;
|
||
|
|
font-weight: 300;
|
||
|
|
text-transform: uppercase;
|
||
|
|
word-wrap: break-word;
|
||
|
|
-webkit-transform: translateY(0.7em);
|
||
|
|
transform: translateY(0.7em);
|
||
|
|
font-size: 1.1875em;
|
||
|
|
line-height: 1.26316;
|
||
|
|
letter-spacing: .5em;
|
||
|
|
overflow: hidden; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.site-description {
|
||
|
|
font-size: 1em;
|
||
|
|
letter-spacing: .25em; } }
|
||
|
|
.site-description:after {
|
||
|
|
content: "";
|
||
|
|
width: 100%;
|
||
|
|
height: 1px;
|
||
|
|
background: #3d3e40;
|
||
|
|
bottom: 50%;
|
||
|
|
right: 0;
|
||
|
|
z-index: -1; }
|
||
|
|
|
||
|
|
.site-description-text {
|
||
|
|
z-index: 10;
|
||
|
|
max-width: 100%;
|
||
|
|
display: inline-block;
|
||
|
|
margin: 0;
|
||
|
|
padding-right: 1.25em;
|
||
|
|
padding-left: .75em;
|
||
|
|
background: white; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.site-description-text {
|
||
|
|
font-size: 1em;
|
||
|
|
letter-spacing: .25em;
|
||
|
|
padding-left: 1em; } }
|
||
|
|
.site-description-text:empty {
|
||
|
|
display: none; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 8.0 - Navigation
|
||
|
|
*/
|
||
|
|
.main-navigation {
|
||
|
|
position: relative;
|
||
|
|
z-index: 100; }
|
||
|
|
|
||
|
|
.navigation__trigger {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
padding: 1em 1em;
|
||
|
|
border: none;
|
||
|
|
border-top-left-radius: 3px;
|
||
|
|
border-bottom-left-radius: 3px;
|
||
|
|
background: transparent;
|
||
|
|
color: #8c888c;
|
||
|
|
-webkit-transition: background .5s ease;
|
||
|
|
transition: background .5s ease; }
|
||
|
|
@media only screen and (min-width: 1000px) {
|
||
|
|
.navigation__trigger {
|
||
|
|
display: none; } }
|
||
|
|
|
||
|
|
.nav--main {
|
||
|
|
background: white;
|
||
|
|
font-weight: bold;
|
||
|
|
border-top: 1px solid #afafaf;
|
||
|
|
margin-top: -1px;
|
||
|
|
z-index: 20;
|
||
|
|
text-align: center; }
|
||
|
|
.nav--main ul {
|
||
|
|
top: inherit;
|
||
|
|
right: 0;
|
||
|
|
z-index: 1;
|
||
|
|
width: 100%;
|
||
|
|
display: none; }
|
||
|
|
@media only screen and (min-width: 1000px) {
|
||
|
|
.nav--main ul {
|
||
|
|
position: absolute;
|
||
|
|
background: #171617; }
|
||
|
|
.nav--main ul a {
|
||
|
|
color: white; } }
|
||
|
|
.nav--main li {
|
||
|
|
display: inline-block; }
|
||
|
|
.nav--main li .menu-item-has-children:after {
|
||
|
|
color: white;
|
||
|
|
right: -1.5em; }
|
||
|
|
.nav--main li:hover > ul {
|
||
|
|
display: block; }
|
||
|
|
.nav--main li:hover.menu-item-has-children > a:after {
|
||
|
|
opacity: 1; }
|
||
|
|
.nav--main .menu-item-has-children > a {
|
||
|
|
position: relative; }
|
||
|
|
.nav--main .menu-item-has-children > a:after {
|
||
|
|
opacity: 0;
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
right: 50%;
|
||
|
|
margin-right: -.5em;
|
||
|
|
border: .5em solid transparent;
|
||
|
|
border-bottom-color: #171617; }
|
||
|
|
.nav--main .menu-item-has-children:after {
|
||
|
|
content: " +";
|
||
|
|
position: relative;
|
||
|
|
right: -2.25em; }
|
||
|
|
.nav--main .menu-item--home {
|
||
|
|
-webkit-transform: none;
|
||
|
|
transform: none;
|
||
|
|
text-transform: uppercase; }
|
||
|
|
.fs-28px, .nav--main .menu-item--home {
|
||
|
|
font-size: 1.75em;
|
||
|
|
line-height: 1.28571; }
|
||
|
|
.nav--main .menu-item--home > a {
|
||
|
|
padding: 0;
|
||
|
|
padding-right: 0.85714em;
|
||
|
|
padding-left: 0.85714em; }
|
||
|
|
.nav--main .menu-item--home > a:before {
|
||
|
|
display: none !important; }
|
||
|
|
.nav--main.hover-intent ul {
|
||
|
|
display: block;
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transition: opacity .1s ease-in-out;
|
||
|
|
transition: opacity .1s ease-in-out;
|
||
|
|
pointer-events: none; }
|
||
|
|
.ie10 .nav--main.hover-intent ul, .ie9 .nav--main.hover-intent ul {
|
||
|
|
display: none;
|
||
|
|
opacity: 1;
|
||
|
|
pointer-events: auto; }
|
||
|
|
@media not screen and (min-width: 1000px) {
|
||
|
|
.nav--main.hover-intent ul {
|
||
|
|
pointer-events: auto;
|
||
|
|
opacity: 1; } }
|
||
|
|
.nav--main.hover-intent li.menu-item-has-children > a:after {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transition: opacity .1s ease-in-out;
|
||
|
|
transition: opacity .1s ease-in-out;
|
||
|
|
pointer-events: none; }
|
||
|
|
.ie10 .nav--main.hover-intent li.menu-item-has-children > a:after, .ie9 .nav--main.hover-intent li.menu-item-has-children > a:after {
|
||
|
|
opacity: 1;
|
||
|
|
display: none;
|
||
|
|
pointer-events: auto; }
|
||
|
|
.nav--main.hover-intent li.menu-item-has-children.hover > a:after,
|
||
|
|
.nav--main.hover-intent li.menu-item-has-children.hover > ul, .nav--main.hover-intent li.menu-item-has-children:focus-within > a:after,
|
||
|
|
.nav--main.hover-intent li.menu-item-has-children:focus-within > ul {
|
||
|
|
opacity: 1; }
|
||
|
|
.ie10 .nav--main.hover-intent li.menu-item-has-children.hover > a:after, .ie9 .nav--main.hover-intent li.menu-item-has-children.hover > a:after, .ie10
|
||
|
|
.nav--main.hover-intent li.menu-item-has-children.hover > ul, .ie9
|
||
|
|
.nav--main.hover-intent li.menu-item-has-children.hover > ul, .ie10 .nav--main.hover-intent li.menu-item-has-children:focus-within > a:after, .ie9 .nav--main.hover-intent li.menu-item-has-children:focus-within > a:after, .ie10
|
||
|
|
.nav--main.hover-intent li.menu-item-has-children:focus-within > ul, .ie9
|
||
|
|
.nav--main.hover-intent li.menu-item-has-children:focus-within > ul {
|
||
|
|
display: block; }
|
||
|
|
.nav--main.hover-intent li.menu-item-has-children.hover > ul, .nav--main.hover-intent li.menu-item-has-children:focus-within > ul {
|
||
|
|
pointer-events: auto; }
|
||
|
|
.nav--main a {
|
||
|
|
display: block;
|
||
|
|
padding: 24px;
|
||
|
|
text-decoration: none;
|
||
|
|
color: #171617;
|
||
|
|
max-width: 30em;
|
||
|
|
text-overflow: ellipsis; }
|
||
|
|
.nav--main > li > a {
|
||
|
|
padding-right: 2.25em;
|
||
|
|
padding-left: 2.25em;
|
||
|
|
position: relative; }
|
||
|
|
.nav--main > li > a:before {
|
||
|
|
content: "";
|
||
|
|
width: 100%;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
height: 0;
|
||
|
|
background: #171617;
|
||
|
|
pointer-events: none;
|
||
|
|
-webkit-transition: height .2s ease-in-out;
|
||
|
|
transition: height .2s ease-in-out; }
|
||
|
|
.ie10 .nav--main > li > a:before, .ie9 .nav--main > li > a:before {
|
||
|
|
pointer-events: auto; }
|
||
|
|
.nav--main > li:hover > a, .nav--main > li:focus > a {
|
||
|
|
color: #171617; }
|
||
|
|
.nav--main > li:hover > a:before, .nav--main > li:focus > a:before {
|
||
|
|
height: 6px; }
|
||
|
|
.nav--main > li.current-menu-item, .nav--main > li.current-menu-parent, .nav--main > li.current-menu-ancestor {
|
||
|
|
border-color: #171617; }
|
||
|
|
|
||
|
|
@media not screen and (min-width: 1000px) {
|
||
|
|
.main-navigation {
|
||
|
|
text-align: right;
|
||
|
|
position: fixed;
|
||
|
|
top: 0 !important;
|
||
|
|
right: 0;
|
||
|
|
z-index: 110; }
|
||
|
|
.admin-bar .main-navigation {
|
||
|
|
top: 32px !important; }
|
||
|
|
.is--ancient-android .nav--is-open .main-navigation {
|
||
|
|
right: 70%; }
|
||
|
|
.main-navigation:before {
|
||
|
|
content: "";
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
z-index: -1;
|
||
|
|
display: block;
|
||
|
|
width: 70%;
|
||
|
|
height: 100%;
|
||
|
|
-webkit-box-shadow: rgba(0, 0, 0, 0.19) 0 0 2em, rgba(0, 0, 0, 0.23) 0 0 0.6em;
|
||
|
|
box-shadow: rgba(0, 0, 0, 0.19) 0 0 2em, rgba(0, 0, 0, 0.23) 0 0 0.6em;
|
||
|
|
opacity: 0;
|
||
|
|
pointer-events: none;
|
||
|
|
-webkit-transition: opacity .10s ease-in-out;
|
||
|
|
transition: opacity .10s ease-in-out; }
|
||
|
|
.main-navigation.shadow:before {
|
||
|
|
opacity: 1; }
|
||
|
|
.nav--main {
|
||
|
|
border-top: 0;
|
||
|
|
position: fixed;
|
||
|
|
top: 0 !important;
|
||
|
|
left: 100% !important;
|
||
|
|
right: auto !important;
|
||
|
|
width: 70% !important;
|
||
|
|
height: 100%;
|
||
|
|
overflow-y: auto;
|
||
|
|
-webkit-overflow-scrolling: touch; }
|
||
|
|
.nav--main .menu-item--home {
|
||
|
|
display: none !important; }
|
||
|
|
.is--ancient-android .nav--is-open .nav--main {
|
||
|
|
right: 0 !important;
|
||
|
|
left: auto !important; }
|
||
|
|
.nav--main li, .nav--main ul > li {
|
||
|
|
text-align: right;
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
overflow: hidden; }
|
||
|
|
.nav--main li > a, .nav--main ul > li > a {
|
||
|
|
display: block;
|
||
|
|
padding: 1em 2em; }
|
||
|
|
.nav--main li:before, .nav--main li:after, .nav--main li > a:before, .nav--main li > a:after, .nav--main ul > li:before, .nav--main ul > li:after, .nav--main ul > li > a:before, .nav--main ul > li > a:after {
|
||
|
|
display: none; }
|
||
|
|
.nav--main li ul, .nav--main ul > li ul {
|
||
|
|
background: white;
|
||
|
|
display: block;
|
||
|
|
padding-right: 2em; }
|
||
|
|
.nav--main ul ul ul {
|
||
|
|
padding-right: 0; } }
|
||
|
|
|
||
|
|
@media screen and (max-width: 782px) {
|
||
|
|
.admin-bar .main-navigation {
|
||
|
|
top: 46px !important; } }
|
||
|
|
|
||
|
|
.c-burger {
|
||
|
|
position: relative;
|
||
|
|
display: block;
|
||
|
|
width: 1em;
|
||
|
|
margin-top: 0.34211em;
|
||
|
|
margin-bottom: 0.34211em;
|
||
|
|
font-size: 19px; }
|
||
|
|
|
||
|
|
.c-burger__slice {
|
||
|
|
display: block;
|
||
|
|
width: 1em;
|
||
|
|
height: .158em;
|
||
|
|
background-color: #171617; }
|
||
|
|
|
||
|
|
.c-burger__slice--top,
|
||
|
|
.c-burger__slice--bottom {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0; }
|
||
|
|
|
||
|
|
.c-burger__slice--top {
|
||
|
|
-webkit-transform: translateY(-0.34211em);
|
||
|
|
transform: translateY(-0.34211em); }
|
||
|
|
|
||
|
|
.c-burger__slice--bottom {
|
||
|
|
-webkit-transform: translateY(0.34211em);
|
||
|
|
transform: translateY(0.34211em); }
|
||
|
|
|
||
|
|
/*
|
||
|
|
Provides a simple transition where the slice in the middle fades out
|
||
|
|
and the top and bottom ones rotate to form an X
|
||
|
|
*/
|
||
|
|
.c-burger--fade .c-burger__slice {
|
||
|
|
-webkit-transition: all 0.4s ease-in-out;
|
||
|
|
transition: all 0.4s ease-in-out; }
|
||
|
|
|
||
|
|
.c-burger--close .c-burger__slice--top, .nav--is-open .c-burger--fade .c-burger__slice--top {
|
||
|
|
-webkit-transform: rotate(-45deg);
|
||
|
|
transform: rotate(-45deg); }
|
||
|
|
|
||
|
|
.c-burger--close .c-burger__slice--middle, .nav--is-open .c-burger--fade .c-burger__slice--middle {
|
||
|
|
opacity: 0; }
|
||
|
|
|
||
|
|
.c-burger--close .c-burger__slice--bottom, .nav--is-open .c-burger--fade .c-burger__slice--bottom {
|
||
|
|
-webkit-transform: rotate(45deg);
|
||
|
|
transform: rotate(45deg); }
|
||
|
|
|
||
|
|
.nav--is-open .site-content {
|
||
|
|
opacity: 0.6; }
|
||
|
|
|
||
|
|
@media only screen and (min-width: small) {
|
||
|
|
.c-burger {
|
||
|
|
font-size: 24px; } }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 9.0 - Content
|
||
|
|
*/
|
||
|
|
/**
|
||
|
|
* 9.1 - Archive
|
||
|
|
*/
|
||
|
|
.page-title {
|
||
|
|
margin-bottom: 0.88889em;
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: center; }
|
||
|
|
|
||
|
|
.page-title--search {
|
||
|
|
font-weight: normal; }
|
||
|
|
.page-title--search span {
|
||
|
|
display: block;
|
||
|
|
font-weight: bold; }
|
||
|
|
|
||
|
|
.archive__grid {
|
||
|
|
/* Hide posts loaded with jetpack on scroll
|
||
|
|
So we can arrange them and then fade them in accordingly */ }
|
||
|
|
.archive__grid .post {
|
||
|
|
width: 100%;
|
||
|
|
-webkit-transform: translateZ(0);
|
||
|
|
transform: translateZ(0);
|
||
|
|
margin-bottom: 2.25em; }
|
||
|
|
.archive__grid .post > * {
|
||
|
|
opacity: 0; }
|
||
|
|
.archive__grid .post figure {
|
||
|
|
max-width: 100%; }
|
||
|
|
.archive__grid .post img {
|
||
|
|
max-width: 100%;
|
||
|
|
height: auto; }
|
||
|
|
.archive__grid .entry-title {
|
||
|
|
margin-top: 0em;
|
||
|
|
margin-bottom: 0.66667em; }
|
||
|
|
.fs-36px, .archive__grid .entry-title {
|
||
|
|
font-size: 2.25em;
|
||
|
|
line-height: 1.33333; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.archive__grid .entry-title {
|
||
|
|
font-size: 1.75em;
|
||
|
|
line-height: 1.28571;
|
||
|
|
-webkit-transform: translateY(0.30736em);
|
||
|
|
transform: translateY(0.30736em); } }
|
||
|
|
.archive__grid .entry-title a {
|
||
|
|
color: #171617; }
|
||
|
|
.archive__grid .entry-title a:hover {
|
||
|
|
color: #3d3e40; }
|
||
|
|
.archive__grid .entry-content {
|
||
|
|
margin-bottom: 1.5em; }
|
||
|
|
.archive__grid .alignleft {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-left: 1.125em;
|
||
|
|
margin-bottom: 0.375em; }
|
||
|
|
.archive__grid .alignright {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-right: 1.125em;
|
||
|
|
margin-bottom: 0.375em; }
|
||
|
|
.archive__grid .aligncenter {
|
||
|
|
margin-top: 1.125em;
|
||
|
|
margin-bottom: 0.75em; }
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.archive__grid .alignnone,
|
||
|
|
.archive__grid .aligncenter {
|
||
|
|
margin-right: 0;
|
||
|
|
margin-left: 0; }
|
||
|
|
.archive__grid .post .alignleft,
|
||
|
|
.archive__grid .post .alignright {
|
||
|
|
max-width: 50%; }
|
||
|
|
.archive__grid .alignleft {
|
||
|
|
margin-right: 0; }
|
||
|
|
.archive__grid .alignright {
|
||
|
|
margin-left: 0; } }
|
||
|
|
.archive__grid .accent-box {
|
||
|
|
padding-top: 1.875em;
|
||
|
|
padding-bottom: 1.875em;
|
||
|
|
padding-right: 1.5em;
|
||
|
|
padding-left: 1.5em;
|
||
|
|
background: #ffeb00; }
|
||
|
|
.archive__grid .accent-box a {
|
||
|
|
color: #3d3e40; }
|
||
|
|
.archive__grid .entry-permalink {
|
||
|
|
display: block; }
|
||
|
|
.archive__grid .format-image {
|
||
|
|
margin-top: 1.5em; }
|
||
|
|
.archive__grid .format-image .hover__handler {
|
||
|
|
background: #171617;
|
||
|
|
padding: 0.66667em; }
|
||
|
|
.archive__grid .format-image .entry-permalink, .archive__grid .format-image .entry-permalink:hover {
|
||
|
|
color: white; }
|
||
|
|
.archive__grid .format-image .entry-title {
|
||
|
|
font-size: 1.125em;
|
||
|
|
line-height: 1.33333;
|
||
|
|
margin: 0.66667em;
|
||
|
|
margin-bottom: 1.33333em;
|
||
|
|
color: inherit; }
|
||
|
|
.archive__grid .format-image .entry-thumbnail {
|
||
|
|
margin: 0; }
|
||
|
|
.archive__grid .format-image .edit-link {
|
||
|
|
bottom: 0.75em;
|
||
|
|
left: 0.75em;
|
||
|
|
color: #3d3e40; }
|
||
|
|
.archive__grid .format-quote {
|
||
|
|
margin-top: 1.5em; }
|
||
|
|
.archive__grid .format-quote.sticky {
|
||
|
|
margin-top: 0; }
|
||
|
|
@media not screen and (min-width: 768px) {
|
||
|
|
.archive__grid .format-quote {
|
||
|
|
width: auto;
|
||
|
|
left: 0; }
|
||
|
|
.archive__grid .format-quote blockquote {
|
||
|
|
font-size: 1.125em;
|
||
|
|
line-height: 1.33333;
|
||
|
|
padding-right: 0;
|
||
|
|
padding-left: 0; } }
|
||
|
|
@media not screen and (min-width: 540px) {
|
||
|
|
.archive__grid .format-quote {
|
||
|
|
margin-left: -1.125em;
|
||
|
|
margin-right: -1.125em; } }
|
||
|
|
.archive__grid .format-quote .more-link {
|
||
|
|
color: white; }
|
||
|
|
.archive__grid .format-quote .entry-permalink {
|
||
|
|
display: block;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative; }
|
||
|
|
.archive__grid .format-quote .entry-thumbnail {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%; }
|
||
|
|
.archive__grid .format-quote .entry-thumbnail:first-child {
|
||
|
|
margin: 0; }
|
||
|
|
.archive__grid .format-quote .content-quote {
|
||
|
|
padding-right: 1.5em;
|
||
|
|
padding-left: 1.5em;
|
||
|
|
color: white; }
|
||
|
|
.archive__grid .format-quote .entry-content {
|
||
|
|
margin: 0; }
|
||
|
|
.archive__grid .format-quote .entry-content blockquote {
|
||
|
|
padding-top: 1.875em;
|
||
|
|
margin-top: 2.25em;
|
||
|
|
margin-bottom: 2.25em; }
|
||
|
|
.archive__grid .format-quote .entry-content blockquote:before {
|
||
|
|
font-size: 1.5em;
|
||
|
|
top: -.35em; }
|
||
|
|
.archive__grid .format-quote .entry-content blockquote cite {
|
||
|
|
margin-top: 2.25em; }
|
||
|
|
.archive__grid .format-quote .entry-footer {
|
||
|
|
margin-top: 0.75em; }
|
||
|
|
.archive__grid .format-gallery {
|
||
|
|
width: 100%; }
|
||
|
|
.archive__grid .format-gallery > .entry-gallery {
|
||
|
|
margin-bottom: 1.5em; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.archive__grid .format-gallery > .entry-gallery {
|
||
|
|
margin-bottom: 0.75em; } }
|
||
|
|
.archive__grid .format-status {
|
||
|
|
margin-top: 1.5em; }
|
||
|
|
.archive__grid .format-status .entry-content, .archive__grid .format-status .entry-summary {
|
||
|
|
font-size: 1.5em;
|
||
|
|
line-height: 1.5;
|
||
|
|
-webkit-transform: translateY(0.4145em);
|
||
|
|
transform: translateY(0.4145em);
|
||
|
|
margin-top: -1em; }
|
||
|
|
.archive__grid .format-status .entry-footer {
|
||
|
|
margin-top: 0.75em; }
|
||
|
|
.archive__grid .entry-media {
|
||
|
|
overflow: hidden; }
|
||
|
|
.archive__grid .entry-thumbnail {
|
||
|
|
margin-bottom: 1.5em;
|
||
|
|
position: relative; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.archive__grid .entry-thumbnail {
|
||
|
|
margin-bottom: 0.75em; } }
|
||
|
|
.archive__grid .entry-thumbnail img {
|
||
|
|
margin: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
display: block; }
|
||
|
|
.archive__grid .entry-thumbnail .article__featured-image-meta {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background-color: rgba(0, 0, 0, 0.4);
|
||
|
|
-webkit-transition: background-color .3s ease-out;
|
||
|
|
transition: background-color .3s ease-out;
|
||
|
|
color: white; }
|
||
|
|
.archive__grid .entry-thumbnail .article__featured-image-meta:hover {
|
||
|
|
background-color: rgba(0, 0, 0, 0.7); }
|
||
|
|
.archive__grid .entry-thumbnail .article__featured-image-meta .flexbox {
|
||
|
|
height: 100%;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 6em; }
|
||
|
|
.archive__grid .entry-thumbnail .hover {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
text-align: center;
|
||
|
|
color: white;
|
||
|
|
-webkit-transform: translateZ(0);
|
||
|
|
transform: translateZ(0);
|
||
|
|
opacity: 1;
|
||
|
|
overflow: hidden; }
|
||
|
|
.archive__grid .entry-thumbnail .hover .flexbox {
|
||
|
|
height: 100%; }
|
||
|
|
.archive__grid .entry-thumbnail .hover__more {
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
right: 50%;
|
||
|
|
-webkit-transform: translateX(50%) translateY(-50%);
|
||
|
|
transform: translateX(50%) translateY(-50%);
|
||
|
|
white-space: nowrap; }
|
||
|
|
.archive__grid .entry-thumbnail .hover__bg {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background-color: black;
|
||
|
|
opacity: 0.5; }
|
||
|
|
.archive__grid .entry-thumbnail .hover__letter, .archive__grid .entry-thumbnail .hover__letter-mask {
|
||
|
|
font-size: 12em;
|
||
|
|
opacity: 0.2;
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
right: 50%;
|
||
|
|
-webkit-transform: translate(50%, -50%);
|
||
|
|
transform: translate(50%, -50%);
|
||
|
|
font-weight: 500;
|
||
|
|
text-transform: uppercase; }
|
||
|
|
.archive__grid .entry-thumbnail .hover__letter-mask {
|
||
|
|
opacity: 1;
|
||
|
|
overflow: hidden;
|
||
|
|
-webkit-transform: translate(50%, 50%);
|
||
|
|
transform: translate(50%, 50%);
|
||
|
|
display: block; }
|
||
|
|
.archive__grid .entry-thumbnail .hover__letter-mask > span {
|
||
|
|
display: block;
|
||
|
|
-webkit-transform: translateY(-100%);
|
||
|
|
transform: translateY(-100%); }
|
||
|
|
.archive__grid .entry-thumbnail .hover__line {
|
||
|
|
position: absolute;
|
||
|
|
right: 50%;
|
||
|
|
width: 1px;
|
||
|
|
background: white;
|
||
|
|
height: 25%;
|
||
|
|
-webkit-transform: rotate(45deg);
|
||
|
|
transform: rotate(45deg); }
|
||
|
|
.archive__grid .entry-thumbnail .hover__line--top {
|
||
|
|
bottom: 50%;
|
||
|
|
-webkit-transform-origin: 50% 100%;
|
||
|
|
transform-origin: 50% 100%;
|
||
|
|
margin-bottom: 2em;
|
||
|
|
margin-right: -2em; }
|
||
|
|
.archive__grid .entry-thumbnail .hover__line--bottom {
|
||
|
|
top: 50%;
|
||
|
|
-webkit-transform-origin: 50% 0;
|
||
|
|
transform-origin: 50% 0;
|
||
|
|
margin-top: 2em;
|
||
|
|
margin-right: 2em; }
|
||
|
|
.archive__grid .entry-footer {
|
||
|
|
margin-top: 0; }
|
||
|
|
.archive__grid .entry-footer:before {
|
||
|
|
bottom: 0;
|
||
|
|
right: 0;
|
||
|
|
content: "";
|
||
|
|
width: 100%;
|
||
|
|
height: 1px;
|
||
|
|
background: #afafaf; }
|
||
|
|
.archive__grid .more-link {
|
||
|
|
display: block;
|
||
|
|
margin-bottom: 1.5em; }
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.archive__grid .post {
|
||
|
|
margin-bottom: 3.75em; } }
|
||
|
|
.archive__grid .posts--jetpack {
|
||
|
|
display: none; }
|
||
|
|
.archive__grid .jetpack-video-wrapper,
|
||
|
|
.archive__grid .entry-media [class^="embed-"] {
|
||
|
|
margin-bottom: 1.5em; }
|
||
|
|
|
||
|
|
.touch .entry-thumbnail .hover .hover__bg, .touch .entry-thumbnail .hover .flexbox {
|
||
|
|
display: none; }
|
||
|
|
|
||
|
|
.entry-meta {
|
||
|
|
display: inline-block;
|
||
|
|
background: white;
|
||
|
|
padding-left: .75em; }
|
||
|
|
.fs-14px, .entry-meta, #recentcomments, .widget_blog_subscription.widget {
|
||
|
|
font-size: 0.875em;
|
||
|
|
line-height: 1.71429; }
|
||
|
|
.entry-meta .cat-links:before {
|
||
|
|
content: "/"; }
|
||
|
|
.entry-meta .posted-by:after {
|
||
|
|
content: "/"; }
|
||
|
|
.grid__item .entry-meta {
|
||
|
|
margin-left: 2.25em; }
|
||
|
|
|
||
|
|
.entry-format:before {
|
||
|
|
content: "/"; }
|
||
|
|
|
||
|
|
.archive__grid {
|
||
|
|
-webkit-transition: height .3s ease-in-out;
|
||
|
|
transition: height .3s ease-in-out; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.archive__grid {
|
||
|
|
margin-top: 1.5em; } }
|
||
|
|
@media only screen and (min-width: 768px) {
|
||
|
|
.archive__grid > .grid__item {
|
||
|
|
width: 50%; } }
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.archive__grid > .grid__item {
|
||
|
|
width: 33.3333%; } }
|
||
|
|
|
||
|
|
@media not screen and (min-width: 1359px) {
|
||
|
|
.home .site-content .container, .blog .site-content .container, .archive .site-content .container {
|
||
|
|
max-width: 60em; } }
|
||
|
|
|
||
|
|
@media not screen and (min-width: 768px) {
|
||
|
|
.home .site-content .container.container, .blog .site-content .container.container, .archive .site-content .container.container {
|
||
|
|
max-width: 30em; } }
|
||
|
|
|
||
|
|
.home.has_sidebar, .blog.has_sidebar, .archive.has_sidebar {
|
||
|
|
/* overwrite previous restrains when we have a sidebar involved */ }
|
||
|
|
.home.has_sidebar .container, .blog.has_sidebar .container, .archive.has_sidebar .container {
|
||
|
|
max-width: 85em; }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.home .gallery, .blog .gallery, .archive .gallery {
|
||
|
|
margin-right: -0.75em;
|
||
|
|
margin-left: 0; } }
|
||
|
|
|
||
|
|
.has_sidebar .archive__grid > .grid__item {
|
||
|
|
width: 50%; }
|
||
|
|
|
||
|
|
body {
|
||
|
|
word-wrap: break-word;
|
||
|
|
text-overflow: ellipsis; }
|
||
|
|
|
||
|
|
/* Sticky Post */
|
||
|
|
.sticky:not(.format-quote) {
|
||
|
|
padding-bottom: 1.875em;
|
||
|
|
color: #3d3e40; }
|
||
|
|
.sticky:not(.format-quote) .entry-title {
|
||
|
|
color: inherit; }
|
||
|
|
.sticky:not(.format-quote).post {
|
||
|
|
padding-left: 1.5em;
|
||
|
|
padding-right: 3.75em; }
|
||
|
|
@media not screen and (min-width: 768px) {
|
||
|
|
.sticky:not(.format-quote).post {
|
||
|
|
padding-right: 2.25em;
|
||
|
|
padding-left: 0;
|
||
|
|
padding-bottom: 1.5em; } }
|
||
|
|
.sticky:not(.format-quote) + .sticky:not(.format-quote) {
|
||
|
|
margin-top: 0; }
|
||
|
|
.sticky:not(.format-quote):after {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
right: 1.125em;
|
||
|
|
left: -1.125em;
|
||
|
|
z-index: -1;
|
||
|
|
background-color: #ffeb00;
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transition: opacity 1s ease-out;
|
||
|
|
transition: opacity 1s ease-out; }
|
||
|
|
@media only screen and (min-width: 768px) {
|
||
|
|
.sticky:not(.format-quote):after {
|
||
|
|
right: 1.875em;
|
||
|
|
left: -0.375em; } }
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.sticky:not(.format-quote):after {
|
||
|
|
right: 2.25em;
|
||
|
|
left: 0; } }
|
||
|
|
.sticky:not(.format-quote).sticky--bg:after {
|
||
|
|
opacity: 1; }
|
||
|
|
.sticky:not(.format-quote) .entry-title {
|
||
|
|
margin-top: 0.375em; }
|
||
|
|
.sticky:not(.format-quote) .entry-meta {
|
||
|
|
background: none; }
|
||
|
|
.sticky:not(.format-quote) .entry-footer:before {
|
||
|
|
content: none; }
|
||
|
|
.sticky:not(.format-quote) a {
|
||
|
|
color: inherit; }
|
||
|
|
.sticky:not(.format-quote) a[rel*='category'], .sticky:not(.format-quote) a[rel*='tag'] {
|
||
|
|
border-bottom: 1px solid; }
|
||
|
|
|
||
|
|
/* Edit Link */
|
||
|
|
.archive__grid .edit-link {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: 1;
|
||
|
|
font-size: 0.875em;
|
||
|
|
line-height: 1.71429;
|
||
|
|
opacity: 0 !important;
|
||
|
|
-webkit-transition: opacity 0.2s;
|
||
|
|
transition: opacity 0.2s; }
|
||
|
|
|
||
|
|
.touch .archive__grid .post--visible .edit-link, .post:hover .edit-link {
|
||
|
|
opacity: 1 !important; }
|
||
|
|
|
||
|
|
.sticky .edit-link {
|
||
|
|
bottom: 1.875em;
|
||
|
|
left: 1.5em; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.sticky .edit-link {
|
||
|
|
left: 0.75em; } }
|
||
|
|
@media not screen and (min-width: 768px) {
|
||
|
|
.sticky .edit-link {
|
||
|
|
left: 0; } }
|
||
|
|
|
||
|
|
.format-quote .edit-link {
|
||
|
|
bottom: 0.75em;
|
||
|
|
left: 0.75em; }
|
||
|
|
.format-quote .edit-link a:hover {
|
||
|
|
color: #ffeb00; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 9.2 - Pagination
|
||
|
|
*/
|
||
|
|
.pagination {
|
||
|
|
position: relative;
|
||
|
|
margin: 48px 0;
|
||
|
|
padding-right: 0;
|
||
|
|
border: none;
|
||
|
|
font-size: 0;
|
||
|
|
text-align: center; }
|
||
|
|
.pagination:after {
|
||
|
|
content: none; }
|
||
|
|
.pagination a, .pagination span {
|
||
|
|
display: inline-block;
|
||
|
|
zoom: 1;
|
||
|
|
padding: 6px 16px;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
font-size: 18px;
|
||
|
|
color: #8c888c;
|
||
|
|
background: white;
|
||
|
|
-webkit-transition: all .15s linear;
|
||
|
|
transition: all .15s linear; }
|
||
|
|
.pagination a:after {
|
||
|
|
content: none; }
|
||
|
|
.pagination a:hover {
|
||
|
|
color: #171617; }
|
||
|
|
.pagination span.current {
|
||
|
|
color: #171617;
|
||
|
|
border: 1px solid #d7d7d7; }
|
||
|
|
.neverending .pagination {
|
||
|
|
display: none; }
|
||
|
|
|
||
|
|
.page-numbers.prev, .page-numbers.next {
|
||
|
|
color: #171617; }
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.page-numbers.prev, .page-numbers.next {
|
||
|
|
position: absolute;
|
||
|
|
top: 0; } }
|
||
|
|
.page-numbers.prev.disabled, .page-numbers.next.disabled {
|
||
|
|
color: #F0F0F0;
|
||
|
|
pointer-events: none; }
|
||
|
|
.page-numbers.prev i, .page-numbers.next i {
|
||
|
|
margin: 0 12px; }
|
||
|
|
|
||
|
|
.page-numbers.prev {
|
||
|
|
right: 0; }
|
||
|
|
|
||
|
|
.page-numbers.next {
|
||
|
|
left: 0; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 9.3 - Singular
|
||
|
|
*/
|
||
|
|
.single .post, .page .post {
|
||
|
|
margin-bottom: 2.25em; }
|
||
|
|
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.single .entry-header, .page .entry-header {
|
||
|
|
margin-top: 1.5em; } }
|
||
|
|
|
||
|
|
.single .entry-featured, .page .entry-featured {
|
||
|
|
margin-top: 2.625em;
|
||
|
|
margin-bottom: 1.5em; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.single .entry-featured, .page .entry-featured {
|
||
|
|
margin-right: -1.125em;
|
||
|
|
margin-left: -1.125em;
|
||
|
|
margin-top: 1.5em; } }
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.single .entry-featured, .page .entry-featured {
|
||
|
|
margin-bottom: 3.75em;
|
||
|
|
margin-right: -3.75em;
|
||
|
|
margin-left: -3.75em; } }
|
||
|
|
.single .entry-featured img, .page .entry-featured img {
|
||
|
|
width: 100%;
|
||
|
|
height: auto; }
|
||
|
|
.single .entry-featured .slideshow-slide img, .page .entry-featured .slideshow-slide img {
|
||
|
|
width: auto; }
|
||
|
|
|
||
|
|
.single .entry-featured__caption, .page .entry-featured__caption {
|
||
|
|
font-size: 0.81em;
|
||
|
|
-webkit-font-smoothing: antialiased; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.single .entry-featured__caption, .page .entry-featured__caption {
|
||
|
|
padding-right: 1.125em;
|
||
|
|
padding-left: 1.125em; } }
|
||
|
|
|
||
|
|
.single .entry-title, .page .entry-title {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0.88889em; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.single .entry-title, .page .entry-title {
|
||
|
|
margin-bottom: 0.8em; } }
|
||
|
|
|
||
|
|
.single .entry-meta, .page .entry-meta {
|
||
|
|
font-size: 0.875em;
|
||
|
|
line-height: 1.71429;
|
||
|
|
-webkit-transform: translateY(0.52164em);
|
||
|
|
transform: translateY(0.52164em); }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1150px) {
|
||
|
|
.single .featured-portrait .entry-header, .page .featured-portrait .entry-header {
|
||
|
|
float: right;
|
||
|
|
max-width: 65%;
|
||
|
|
margin-left: -100%;
|
||
|
|
margin-top: 1.5em;
|
||
|
|
margin-bottom: 0.75em; }
|
||
|
|
.single .featured-portrait .entry-header h1, .page .featured-portrait .entry-header h1 {
|
||
|
|
font-size: 2.25em;
|
||
|
|
line-height: 1.33333;
|
||
|
|
-webkit-transform: translateY(0.33117em);
|
||
|
|
transform: translateY(0.33117em); }
|
||
|
|
.single .featured-portrait .entry-title, .page .featured-portrait .entry-title {
|
||
|
|
position: relative;
|
||
|
|
background: white;
|
||
|
|
padding-left: 0.44444em;
|
||
|
|
padding-top: 0.22222em;
|
||
|
|
padding-bottom: 0.22222em; }
|
||
|
|
.single .featured-portrait .entry-featured, .page .featured-portrait .entry-featured {
|
||
|
|
float: left;
|
||
|
|
max-width: 60%;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-right: 1.5em;
|
||
|
|
margin-bottom: 0.75em; }
|
||
|
|
.single .featured-portrait .entry-content, .page .featured-portrait .entry-content {
|
||
|
|
clear: right; } }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.single .featured-portrait .entry-header, .page .featured-portrait .entry-header {
|
||
|
|
max-width: 90%;
|
||
|
|
margin-right: -7.5em;
|
||
|
|
margin-bottom: 1.5em; }
|
||
|
|
.single .featured-portrait .entry-header h1, .page .featured-portrait .entry-header h1 {
|
||
|
|
font-size: 3.375em;
|
||
|
|
line-height: 1.11111;
|
||
|
|
-webkit-transform: translateY(0.22006em);
|
||
|
|
transform: translateY(0.22006em); } }
|
||
|
|
|
||
|
|
.single .entry-content, .page .entry-content {
|
||
|
|
position: relative; }
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.single .entry-content, .page .entry-content {
|
||
|
|
font-size: 1.125em;
|
||
|
|
line-height: 1.33333; }
|
||
|
|
.single .entry-content p, .page .entry-content p {
|
||
|
|
margin-bottom: 2.25em; } }
|
||
|
|
.single .entry-content > :last-child, .page .entry-content > :last-child {
|
||
|
|
margin-bottom: 0; }
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.single .entry-content:before, .page .entry-content:before {
|
||
|
|
font-weight: bold;
|
||
|
|
content: attr(data-first_letter);
|
||
|
|
position: absolute;
|
||
|
|
top: -0.21818em;
|
||
|
|
right: -0.45818em;
|
||
|
|
display: block;
|
||
|
|
font-size: 15.27778em;
|
||
|
|
line-height: 1;
|
||
|
|
color: #171617;
|
||
|
|
opacity: .1; } }
|
||
|
|
.single .entry-content blockquote p, .page .entry-content blockquote p {
|
||
|
|
margin-bottom: 0;
|
||
|
|
-webkit-transform: none;
|
||
|
|
transform: none; }
|
||
|
|
.single .entry-content .wp-embedded-content, .page .entry-content .wp-embedded-content {
|
||
|
|
max-width: 100%; }
|
||
|
|
|
||
|
|
.single .entry-footer, .page .entry-footer {
|
||
|
|
margin-top: 2.25em; }
|
||
|
|
.single .entry-footer a, .page .entry-footer a {
|
||
|
|
color: #8c888c; }
|
||
|
|
|
||
|
|
.single .comments-area, .page .comments-area {
|
||
|
|
margin-top: 2.25em;
|
||
|
|
padding-bottom: 2.25em; }
|
||
|
|
|
||
|
|
.entry-content dt, .comment dt {
|
||
|
|
font-weight: bold; }
|
||
|
|
|
||
|
|
.entry-content dd, .comment dd {
|
||
|
|
padding-right: 3em; }
|
||
|
|
|
||
|
|
.entry-content dd + dt, .comment dd + dt {
|
||
|
|
margin-top: 1.5em; }
|
||
|
|
|
||
|
|
.entry-content li:not([class]) > ul:not([class]) > ol:not([class]), .comment li:not([class]) > ul:not([class]) > ol:not([class]) {
|
||
|
|
padding-right: 3em; }
|
||
|
|
|
||
|
|
.entry-content ul, .entry-content ol, .comment ul, .comment ol {
|
||
|
|
margin-right: 1.5em; }
|
||
|
|
.entry-content ul li, .entry-content ol li, .comment ul li, .comment ol li {
|
||
|
|
margin-bottom: 0.75em; }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.has_sidebar .entry-featured {
|
||
|
|
margin-right: -7.5em; } }
|
||
|
|
|
||
|
|
.posted-on a, .posted-by a, .entry-title a {
|
||
|
|
color: #171617; }
|
||
|
|
|
||
|
|
.single .post-edit-link {
|
||
|
|
margin: 0 12px;
|
||
|
|
text-decoration: underline; }
|
||
|
|
|
||
|
|
.post-password-form input {
|
||
|
|
margin-bottom: 1.5em; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 10.4 POST FORMATS
|
||
|
|
*/
|
||
|
|
.format-quote .entry-featured {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
-webkit-filter: grayscale(100%);
|
||
|
|
-moz-filter: grayscale(100%);
|
||
|
|
filter: grayscale(100%);
|
||
|
|
overflow: hidden; }
|
||
|
|
|
||
|
|
.format-quote .entry-content {
|
||
|
|
position: relative; }
|
||
|
|
|
||
|
|
.single .format-quote .sharedaddy {
|
||
|
|
margin-bottom: 3em; }
|
||
|
|
.single .format-quote .sharedaddy .sd-title {
|
||
|
|
color: white; }
|
||
|
|
|
||
|
|
.content-quote {
|
||
|
|
background: rgba(0, 0, 0, 0.7); }
|
||
|
|
|
||
|
|
.quote-wrapper {
|
||
|
|
width: auto;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
z-index: 1;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center center;
|
||
|
|
background-size: cover; }
|
||
|
|
|
||
|
|
.content-quote {
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
padding-right: 7.5em;
|
||
|
|
padding-left: 7.5em; }
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.single .content-quote {
|
||
|
|
margin-right: -7.5em;
|
||
|
|
margin-left: -3.75em; } }
|
||
|
|
.content-quote .flexbox {
|
||
|
|
height: 100%; }
|
||
|
|
.content-quote blockquote {
|
||
|
|
margin: 0;
|
||
|
|
color: white;
|
||
|
|
padding-bottom: 0;
|
||
|
|
padding-top: 2.25em;
|
||
|
|
margin-top: 3em;
|
||
|
|
margin-bottom: 3em;
|
||
|
|
font-size: 28px;
|
||
|
|
text-align: center; }
|
||
|
|
.content-quote blockquote:before {
|
||
|
|
top: -22px;
|
||
|
|
font-size: 54px;
|
||
|
|
color: #ffeb00;
|
||
|
|
background: transparent; }
|
||
|
|
.content-quote blockquote:after {
|
||
|
|
height: 1px;
|
||
|
|
background: #ffeb00;
|
||
|
|
-webkit-box-shadow: currentColor -5.5em 0 0;
|
||
|
|
box-shadow: currentColor -5.5em 0 0;
|
||
|
|
width: 3em;
|
||
|
|
margin-right: -2.75em;
|
||
|
|
-webkit-transform: translateX(50%);
|
||
|
|
transform: translateX(50%);
|
||
|
|
border: 0; }
|
||
|
|
.is--ancient-android .content-quote blockquote:after {
|
||
|
|
width: 9em;
|
||
|
|
margin-right: -4.5em;
|
||
|
|
-webkit-transform: none;
|
||
|
|
transform: none;
|
||
|
|
height: auto;
|
||
|
|
background: none;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
border-right: 0;
|
||
|
|
border-left: 0;
|
||
|
|
-o-border-image: linear-gradient(to right, currentColor 0%, currentColor 40%, transparent 40.1%, transparent 50%, transparent 59.9%, currentColor 60%, currentColor 100%) 20%;
|
||
|
|
border-image: -webkit-gradient(linear, left top, right top, from(currentColor), color-stop(40%, currentColor), color-stop(40.1%, transparent), color-stop(50%, transparent), color-stop(59.9%, transparent), color-stop(60%, currentColor), to(currentColor)) 20%;
|
||
|
|
border-image: linear-gradient(to right, currentColor 0%, currentColor 40%, transparent 40.1%, transparent 50%, transparent 59.9%, currentColor 60%, currentColor 100%) 20%;
|
||
|
|
border-bottom: 0; }
|
||
|
|
.content-quote p {
|
||
|
|
-webkit-transform: none;
|
||
|
|
transform: none; }
|
||
|
|
.content-quote cite {
|
||
|
|
display: block;
|
||
|
|
margin-top: 3em;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: bold;
|
||
|
|
font-style: normal;
|
||
|
|
-webkit-transform: none;
|
||
|
|
transform: none; }
|
||
|
|
|
||
|
|
.error404 .page-content, .search-no-results .page-content {
|
||
|
|
text-align: center; }
|
||
|
|
|
||
|
|
.error404 .site-content, .search-no-results .site-content {
|
||
|
|
margin-bottom: 4.5em; }
|
||
|
|
|
||
|
|
.entry-media iframe,
|
||
|
|
.entry-content [class^="embed-"] > iframe {
|
||
|
|
display: block;
|
||
|
|
max-width: 100%; }
|
||
|
|
|
||
|
|
.entry-media iframe:not[src*="videopress"] {
|
||
|
|
height: auto; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 9.4 - Comments
|
||
|
|
*/
|
||
|
|
.comments-area {
|
||
|
|
position: relative;
|
||
|
|
margin-top: 1.5em;
|
||
|
|
padding-top: 3em;
|
||
|
|
border-top: 1px solid #afafaf; }
|
||
|
|
.comments-area:before {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
right: 1.5em;
|
||
|
|
top: 3em;
|
||
|
|
bottom: 0;
|
||
|
|
border-right: 1px solid #afafaf; }
|
||
|
|
.comments-area:after {
|
||
|
|
content: '\00b7';
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 100%;
|
||
|
|
font-size: 1.75em;
|
||
|
|
line-height: 1.8; }
|
||
|
|
.comments-area.no-comments:after {
|
||
|
|
display: none; }
|
||
|
|
|
||
|
|
.comment-number, .comments-area:after, .comment-number--dark, .comment-reply-title:before, .add-comment .add-comment__button {
|
||
|
|
width: 3em;
|
||
|
|
height: 3em;
|
||
|
|
line-height: 3em;
|
||
|
|
border: 1px solid #afafaf;
|
||
|
|
text-align: center;
|
||
|
|
color: #afafaf;
|
||
|
|
background: white; }
|
||
|
|
|
||
|
|
.comment-number--dark, .comments-area:after, .comment-reply-title:before, .add-comment .add-comment__button {
|
||
|
|
display: inline-block;
|
||
|
|
width: 1.71429em;
|
||
|
|
height: 1.71429em;
|
||
|
|
line-height: 1.62857em;
|
||
|
|
margin-left: 0.85714em;
|
||
|
|
font-size: 28px;
|
||
|
|
border: 0;
|
||
|
|
background-color: #171617;
|
||
|
|
color: white; }
|
||
|
|
|
||
|
|
.comment-number.no-comments {
|
||
|
|
position: relative;
|
||
|
|
z-index: 1; }
|
||
|
|
|
||
|
|
.comments-area-title .comments-title, .comments-area-title a, .comment-reply-title .comments-title, .comment-reply-title a {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: middle; }
|
||
|
|
|
||
|
|
.comments-area-title .comments-title, .comment-reply-title .comments-title {
|
||
|
|
margin: 0;
|
||
|
|
margin-left: 6px;
|
||
|
|
font-size: 1.75em;
|
||
|
|
line-height: 1.28571;
|
||
|
|
text-transform: none;
|
||
|
|
-webkit-transform: none;
|
||
|
|
transform: none; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.comments-area-title .comments-title, .comment-reply-title .comments-title {
|
||
|
|
font-size: 21px; }
|
||
|
|
.comments-area-title .comments-title .comment-number, .comment-reply-title .comments-title .comment-number {
|
||
|
|
font-size: 28px; } }
|
||
|
|
|
||
|
|
.comments-area-title .total, .comment-reply-title .total {
|
||
|
|
position: relative;
|
||
|
|
z-index: 1; }
|
||
|
|
|
||
|
|
.comments-area-title {
|
||
|
|
padding-right: 72px; }
|
||
|
|
.comments-area-title .comment-number {
|
||
|
|
position: relative;
|
||
|
|
right: -72px;
|
||
|
|
margin-left: -48px; }
|
||
|
|
|
||
|
|
.commentlist > .comment, .commentlist > .pingback, .commentlist > .trackback {
|
||
|
|
padding-right: 3em; }
|
||
|
|
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.depth-1 > .comment-article > .comment-number {
|
||
|
|
right: 0; } }
|
||
|
|
|
||
|
|
.comments_add-comment {
|
||
|
|
margin-top: 3px; }
|
||
|
|
|
||
|
|
.commentlist {
|
||
|
|
list-style: none;
|
||
|
|
margin: 0;
|
||
|
|
border-right: 0;
|
||
|
|
padding-right: 0; }
|
||
|
|
|
||
|
|
li.comment, li.pingback, li.trackback {
|
||
|
|
position: relative;
|
||
|
|
display: block;
|
||
|
|
margin-bottom: 0;
|
||
|
|
margin-top: 3em;
|
||
|
|
margin-bottom: 3em; }
|
||
|
|
li.comment .comment-number, li.pingback .comment-number, li.trackback .comment-number {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
z-index: 1; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
li.comment .comment-number, li.pingback .comment-number, li.trackback .comment-number {
|
||
|
|
right: -3em; } }
|
||
|
|
li.comment:last-child, li.pingback:last-child, li.trackback:last-child {
|
||
|
|
margin-bottom: 0; }
|
||
|
|
li.comment .children, li.pingback .children, li.trackback .children {
|
||
|
|
position: relative;
|
||
|
|
margin-top: 24px; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
li.comment .children, li.pingback .children, li.trackback .children {
|
||
|
|
margin-right: 0; } }
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
li.comment .children li, li.pingback .children li, li.trackback .children li {
|
||
|
|
padding-right: 3em; }
|
||
|
|
li.comment .children li:before, li.pingback .children li:before, li.trackback .children li:before {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
top: 24px;
|
||
|
|
border-top: 1px solid #afafaf; } }
|
||
|
|
li.comment .children li .comment-number, li.pingback .children li .comment-number, li.trackback .children li .comment-number {
|
||
|
|
border: 1px solid #afafaf;
|
||
|
|
background: #afafaf;
|
||
|
|
color: white; }
|
||
|
|
|
||
|
|
li.depth-2:before {
|
||
|
|
right: -48px;
|
||
|
|
width: 60px; }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
li.depth-3:before {
|
||
|
|
right: -120px;
|
||
|
|
width: 120px; }
|
||
|
|
li.depth-4:before {
|
||
|
|
right: -192px;
|
||
|
|
width: 192px; }
|
||
|
|
li.depth-5:before {
|
||
|
|
right: -264px;
|
||
|
|
width: 264px; }
|
||
|
|
li.depth-6:before {
|
||
|
|
right: -336px;
|
||
|
|
width: 336px; }
|
||
|
|
li.depth-7:before {
|
||
|
|
right: -408px;
|
||
|
|
width: 408px; }
|
||
|
|
li.depth-8:before {
|
||
|
|
right: -480px;
|
||
|
|
width: 480px; }
|
||
|
|
li.depth-9:before {
|
||
|
|
right: -552px;
|
||
|
|
width: 552px; }
|
||
|
|
li.depth-10:before {
|
||
|
|
right: -624px;
|
||
|
|
width: 624px; } }
|
||
|
|
|
||
|
|
.comment__author-name {
|
||
|
|
font-size: 14px; }
|
||
|
|
.comment__author-name a {
|
||
|
|
font-size: 16px;
|
||
|
|
color: black; }
|
||
|
|
|
||
|
|
.bypostauthor {
|
||
|
|
color: inherit; }
|
||
|
|
|
||
|
|
.comment-article {
|
||
|
|
margin-bottom: 0;
|
||
|
|
margin-right: 1.5em; }
|
||
|
|
.comment-article:hover .comment-edit-link, .comment-article:hover .comment-reply-link {
|
||
|
|
opacity: 1; }
|
||
|
|
|
||
|
|
.comment__avatar {
|
||
|
|
margin-left: 0.75em; }
|
||
|
|
.comment__avatar img {
|
||
|
|
width: 3.75em;
|
||
|
|
height: auto; }
|
||
|
|
.comment__avatar:empty {
|
||
|
|
display: none; }
|
||
|
|
|
||
|
|
.comment__timestamp {
|
||
|
|
color: #3d3e40; }
|
||
|
|
|
||
|
|
.comment__avatar {
|
||
|
|
margin-bottom: 24px; }
|
||
|
|
|
||
|
|
.comment__content {
|
||
|
|
position: relative;
|
||
|
|
margin-bottom: 1.71429em;
|
||
|
|
font-size: 0.875em;
|
||
|
|
line-height: 1.71429;
|
||
|
|
color: #8c888c; }
|
||
|
|
|
||
|
|
.comment__links {
|
||
|
|
display: inline-block;
|
||
|
|
margin-right: 1.71429em;
|
||
|
|
font-size: 0.875em;
|
||
|
|
line-height: 1.71429; }
|
||
|
|
|
||
|
|
.comment-edit-link, .comment-reply-link {
|
||
|
|
color: #3d3e40;
|
||
|
|
opacity: 0;
|
||
|
|
margin-left: 0.85714em;
|
||
|
|
-webkit-transition: opacity .15s ease-in-out;
|
||
|
|
transition: opacity .15s ease-in-out;
|
||
|
|
-webkit-transform: translateZ(0);
|
||
|
|
transform: translateZ(0); }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.comment-edit-link, .comment-reply-link {
|
||
|
|
opacity: 1; } }
|
||
|
|
|
||
|
|
.comment-reply-link {
|
||
|
|
color: #8c888c; }
|
||
|
|
|
||
|
|
p.comment-likes {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: -28px;
|
||
|
|
width: auto; }
|
||
|
|
|
||
|
|
.comment-form p.logged-in-as {
|
||
|
|
margin-bottom: 0.75em; }
|
||
|
|
|
||
|
|
.comment-reply-title {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 24px;
|
||
|
|
font-size: 1.75em;
|
||
|
|
line-height: 1.28571;
|
||
|
|
-webkit-transform: none;
|
||
|
|
transform: none; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.comment-reply-title {
|
||
|
|
font-size: 21px; } }
|
||
|
|
.comment-reply-title:before {
|
||
|
|
content: "+"; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.comment-reply-title:before {
|
||
|
|
font-size: 1.33333em; } }
|
||
|
|
.comment .comment-reply-title:before {
|
||
|
|
display: none; }
|
||
|
|
.comment-reply-title .comment-number {
|
||
|
|
line-height: 44px; }
|
||
|
|
.comment-reply-title a {
|
||
|
|
margin-top: -7px; }
|
||
|
|
|
||
|
|
.comment-respond {
|
||
|
|
position: relative;
|
||
|
|
margin-bottom: 1.5em; }
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.comment .comment-respond {
|
||
|
|
padding-right: 0;
|
||
|
|
margin-left: 0; } }
|
||
|
|
.comment .comment-respond {
|
||
|
|
margin-right: 1.5em; }
|
||
|
|
|
||
|
|
#cancel-comment-reply-link {
|
||
|
|
text-decoration: underline; }
|
||
|
|
|
||
|
|
/* Comments Form */
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.comment-form {
|
||
|
|
padding-right: 4.5em; } }
|
||
|
|
|
||
|
|
.comment .comment-form {
|
||
|
|
padding-right: 0; }
|
||
|
|
|
||
|
|
.comment-form input, .comment-form textarea {
|
||
|
|
font-weight: 300;
|
||
|
|
border-radius: 0;
|
||
|
|
border: 1px solid #afafaf;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none; }
|
||
|
|
|
||
|
|
.comment-form iframe {
|
||
|
|
padding-right: 36px; }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.comment-form > .comment-subscription-form {
|
||
|
|
width: 70%; } }
|
||
|
|
|
||
|
|
.comment-form-author,
|
||
|
|
.comment-form-email,
|
||
|
|
.comment-form-url {
|
||
|
|
margin-bottom: 0; }
|
||
|
|
.comment-form-author input,
|
||
|
|
.comment-form-email input,
|
||
|
|
.comment-form-url input {
|
||
|
|
width: 100%;
|
||
|
|
margin-bottom: 1.5em; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.comment-form-author input,
|
||
|
|
.comment-form-email input,
|
||
|
|
.comment-form-url input {
|
||
|
|
margin-bottom: 0.75em; } }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
p.comment-form-author,
|
||
|
|
p.comment-form-email {
|
||
|
|
width: 50%; } }
|
||
|
|
|
||
|
|
.comment-form-comment,
|
||
|
|
.logged-in-as {
|
||
|
|
width: 100%; }
|
||
|
|
|
||
|
|
.comment-form-comment textarea,
|
||
|
|
.comment-subscription-form textarea {
|
||
|
|
width: 100%;
|
||
|
|
max-width: 100%;
|
||
|
|
padding: 0.75em;
|
||
|
|
border: 1px solid #afafaf;
|
||
|
|
font-size: 1em;
|
||
|
|
line-height: 1.5; }
|
||
|
|
|
||
|
|
.form-submit {
|
||
|
|
margin-top: 0.75em;
|
||
|
|
margin-bottom: 0;
|
||
|
|
text-align: left; }
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.form-submit.form-submit {
|
||
|
|
float: left;
|
||
|
|
width: 30%; } }
|
||
|
|
.form-submit #submit {
|
||
|
|
border: 0; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.form-submit #submit {
|
||
|
|
width: 100%; } }
|
||
|
|
|
||
|
|
.comment-subscription-form {
|
||
|
|
float: right;
|
||
|
|
clear: right;
|
||
|
|
margin-top: 0.75em;
|
||
|
|
margin-bottom: 0.375em; }
|
||
|
|
.comment-subscription-form + .comment-subscription-form {
|
||
|
|
margin-top: 0; }
|
||
|
|
.comment-subscription-form input[type="checkbox"] {
|
||
|
|
margin-left: 0.75em;
|
||
|
|
position: relative;
|
||
|
|
top: -0.05em; }
|
||
|
|
|
||
|
|
.add-comment {
|
||
|
|
margin-top: 3em; }
|
||
|
|
.add-comment .add-comment__button {
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
margin-left: 0.5em;
|
||
|
|
font-size: 1.5em;
|
||
|
|
line-height: 1.5; }
|
||
|
|
.add-comment .add-comment__text {
|
||
|
|
font-size: 1.25em;
|
||
|
|
line-height: 1.2;
|
||
|
|
font-weight: bold; }
|
||
|
|
|
||
|
|
/* Comments Navigation */
|
||
|
|
.comment-navigation {
|
||
|
|
position: relative;
|
||
|
|
padding-right: 3.75em;
|
||
|
|
margin-top: 3em;
|
||
|
|
margin-bottom: 3em; }
|
||
|
|
.comment-navigation .comment-number {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
line-height: 30px; }
|
||
|
|
.comment-navigation .assistive-text {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-right: 8px;
|
||
|
|
font-size: 28px;
|
||
|
|
-webkit-transform: none;
|
||
|
|
transform: none; }
|
||
|
|
.comment-navigation .nav-previous a, .comment-navigation .nav-next a {
|
||
|
|
font-size: 18px; }
|
||
|
|
.comment-navigation .nav-previous {
|
||
|
|
float: right; }
|
||
|
|
.comment-navigation .nav-previous a:before {
|
||
|
|
content: "\2190 "; }
|
||
|
|
.comment-navigation .nav-previous a:after {
|
||
|
|
content: ""; }
|
||
|
|
.comment-navigation .nav-next {
|
||
|
|
float: left; }
|
||
|
|
.comment-navigation .nav-next a:before {
|
||
|
|
content: ""; }
|
||
|
|
.comment-navigation .nav-next a:after {
|
||
|
|
content: " \2192"; }
|
||
|
|
|
||
|
|
.nocomments {
|
||
|
|
-webkit-transform: none;
|
||
|
|
transform: none; }
|
||
|
|
.nocomments span {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: middle;
|
||
|
|
font-size: 1.75em;
|
||
|
|
line-height: 1.28571;
|
||
|
|
line-height: 48px; }
|
||
|
|
|
||
|
|
.no-comments-box {
|
||
|
|
position: relative;
|
||
|
|
z-index: 1; }
|
||
|
|
|
||
|
|
div#respond {
|
||
|
|
padding-top: 0; }
|
||
|
|
div#respond #reply-title {
|
||
|
|
margin-top: 0; }
|
||
|
|
div#respond p.comment-subscription-form label {
|
||
|
|
color: #999; }
|
||
|
|
|
||
|
|
.comment-form-cookies-consent input[type="checkbox"] {
|
||
|
|
margin-left: 0.75em; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 9.5 - Search Form
|
||
|
|
*/
|
||
|
|
.search-form {
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
height: 44px; }
|
||
|
|
.search-form > label, .search-form .search-field {
|
||
|
|
display: block;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 44px; }
|
||
|
|
.search-form .search-field {
|
||
|
|
padding: 8px 12px;
|
||
|
|
padding-left: 60px;
|
||
|
|
line-height: 44px;
|
||
|
|
border-radius: 0; }
|
||
|
|
.search-form .search-submit {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
padding: 6px;
|
||
|
|
height: 44px;
|
||
|
|
font-size: 14px;
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 0; }
|
||
|
|
.error404 .content-area .search-form, .search-no-results .content-area .search-form {
|
||
|
|
max-width: 500px;
|
||
|
|
margin: 0 auto; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 10.0 - Sidebar
|
||
|
|
*/
|
||
|
|
.has_sidebar .site-content .container {
|
||
|
|
position: relative; }
|
||
|
|
|
||
|
|
.single-post .has_sidebar .site-main, .page .has_sidebar .site-main {
|
||
|
|
max-width: none; }
|
||
|
|
|
||
|
|
.has_sidebar .content-area {
|
||
|
|
width: 100%; }
|
||
|
|
|
||
|
|
.has_sidebar .sidebar {
|
||
|
|
padding-top: 1.5em; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.has_sidebar .sidebar {
|
||
|
|
border-top: 1px solid #3d3e40;
|
||
|
|
padding-top: 3em; } }
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.has_sidebar .sidebar {
|
||
|
|
padding-bottom: 3em; } }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.has_sidebar .content-area {
|
||
|
|
float: right;
|
||
|
|
margin-left: -30%; }
|
||
|
|
.has_sidebar .site-main {
|
||
|
|
margin-left: 30%;
|
||
|
|
padding-left: 1.875em; }
|
||
|
|
.has_sidebar .site-main:before {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 30%;
|
||
|
|
border-left: 1px solid #afafaf; }
|
||
|
|
.has_sidebar .sidebar {
|
||
|
|
z-index: 5;
|
||
|
|
float: left;
|
||
|
|
width: 30%;
|
||
|
|
padding-right: 1.875em; } }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.has_sidebar .content-area {
|
||
|
|
margin-left: -22.5em; }
|
||
|
|
.has_sidebar .site-main {
|
||
|
|
margin-left: 22.5em;
|
||
|
|
padding-left: 3.75em; }
|
||
|
|
.has_sidebar .site-main:before {
|
||
|
|
left: 22.5em; }
|
||
|
|
.has_sidebar .sidebar {
|
||
|
|
width: 22.5em;
|
||
|
|
padding-right: 3.75em; } }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1359px) {
|
||
|
|
.single .site-main, .page .site-main {
|
||
|
|
padding-left: 7.5em;
|
||
|
|
padding-right: 7.5em; } }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 10.1 - Widgets
|
||
|
|
*/
|
||
|
|
.widget {
|
||
|
|
padding-bottom: 3.75em; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.widget {
|
||
|
|
padding-bottom: 2.25em; } }
|
||
|
|
.widget img {
|
||
|
|
max-width: 100%; }
|
||
|
|
.widget + .widget {
|
||
|
|
padding-top: 2.25em;
|
||
|
|
border-top: 1px solid #afafaf;
|
||
|
|
margin-top: -1px; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.widget + .widget {
|
||
|
|
padding-top: 1.5em; } }
|
||
|
|
.widget a {
|
||
|
|
color: black; }
|
||
|
|
.widget a:hover {
|
||
|
|
color: #ffeb00; }
|
||
|
|
.fs-16px, .widget ul, .widget_blog_subscription input {
|
||
|
|
font-size: 1em;
|
||
|
|
line-height: 1.5; }
|
||
|
|
.widget li {
|
||
|
|
margin-bottom: 1.5em; }
|
||
|
|
.widget li:last-child {
|
||
|
|
margin-bottom: 0; }
|
||
|
|
.widget img {
|
||
|
|
max-width: 100%;
|
||
|
|
height: auto; }
|
||
|
|
.widget select {
|
||
|
|
max-width: 100%; }
|
||
|
|
.widget .post-date {
|
||
|
|
display: block;
|
||
|
|
margin-top: 0.375em;
|
||
|
|
font-style: italic;
|
||
|
|
color: #afafaf; }
|
||
|
|
.fs-13px, .widget .post-date, .widget_recent_entries .post-date {
|
||
|
|
font-size: 0.8125em;
|
||
|
|
line-height: 1.84615; }
|
||
|
|
|
||
|
|
.widget .widget-title {
|
||
|
|
font-size: 1.5em;
|
||
|
|
line-height: 1.5;
|
||
|
|
-webkit-transform: translateY(0.4145em);
|
||
|
|
transform: translateY(0.4145em);
|
||
|
|
margin-bottom: 1.25em;
|
||
|
|
margin-top: 0; }
|
||
|
|
|
||
|
|
/* Widget - Calendar */
|
||
|
|
.widget_calendar table {
|
||
|
|
width: 100%;
|
||
|
|
color: #afafaf;
|
||
|
|
text-align: center; }
|
||
|
|
|
||
|
|
.widget_calendar th {
|
||
|
|
text-align: center;
|
||
|
|
padding-bottom: 0.75em; }
|
||
|
|
|
||
|
|
.widget_calendar tr {
|
||
|
|
border: 0; }
|
||
|
|
|
||
|
|
.widget_calendar tfoot {
|
||
|
|
padding: 0.75em; }
|
||
|
|
|
||
|
|
.widget_calendar caption {
|
||
|
|
color: #3d3e40;
|
||
|
|
padding-bottom: 0.75em;
|
||
|
|
padding-top: 0.75em; }
|
||
|
|
|
||
|
|
.widget_calendar a {
|
||
|
|
color: #000; }
|
||
|
|
.widget_calendar a:hover {
|
||
|
|
color: #000;
|
||
|
|
text-decoration: underline; }
|
||
|
|
|
||
|
|
.widget_calendar thead {
|
||
|
|
color: #000; }
|
||
|
|
|
||
|
|
.widget_calendar tfoot a {
|
||
|
|
color: #3d3e40; }
|
||
|
|
|
||
|
|
.widget_calendar tfoot td {
|
||
|
|
border-bottom: 0; }
|
||
|
|
|
||
|
|
/* Widget - Recent Comments */
|
||
|
|
.recentcomments {
|
||
|
|
color: #afafaf; }
|
||
|
|
.recentcomments a {
|
||
|
|
color: #000; }
|
||
|
|
.recentcomments a:hover {
|
||
|
|
text-decoration: underline; }
|
||
|
|
.recentcomments .comment-author-link {
|
||
|
|
font-weight: bold; }
|
||
|
|
|
||
|
|
#recentcomments {
|
||
|
|
font-weight: normal; }
|
||
|
|
|
||
|
|
.widget_recent_entries .post-date {
|
||
|
|
display: block;
|
||
|
|
margin-top: 0;
|
||
|
|
font-style: italic; }
|
||
|
|
|
||
|
|
/* Widget - RSS */
|
||
|
|
.widget_rss li {
|
||
|
|
margin-bottom: 24px; }
|
||
|
|
|
||
|
|
.widget_rss cite {
|
||
|
|
display: block;
|
||
|
|
margin-top: 6px; }
|
||
|
|
|
||
|
|
.rsswidget {
|
||
|
|
text-decoration: underline;
|
||
|
|
font-weight: bold; }
|
||
|
|
|
||
|
|
.rss-date:before {
|
||
|
|
content: '-';
|
||
|
|
display: inline-block;
|
||
|
|
margin: 0 3px; }
|
||
|
|
|
||
|
|
.widget_rss_links a {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: middle; }
|
||
|
|
|
||
|
|
.widget_categories > ul,
|
||
|
|
.widget_pages > ul,
|
||
|
|
.widget_meta > ul,
|
||
|
|
.widget_archive > ul {
|
||
|
|
margin-bottom: -0.75em; }
|
||
|
|
.widget_categories > ul > li,
|
||
|
|
.widget_pages > ul > li,
|
||
|
|
.widget_meta > ul > li,
|
||
|
|
.widget_archive > ul > li {
|
||
|
|
width: 50%;
|
||
|
|
white-space: nowrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
overflow: hidden; }
|
||
|
|
.widget_categories > ul > li a,
|
||
|
|
.widget_pages > ul > li a,
|
||
|
|
.widget_meta > ul > li a,
|
||
|
|
.widget_archive > ul > li a {
|
||
|
|
display: inline; }
|
||
|
|
.widget_categories > ul ul,
|
||
|
|
.widget_pages > ul ul,
|
||
|
|
.widget_meta > ul ul,
|
||
|
|
.widget_archive > ul ul {
|
||
|
|
display: none; }
|
||
|
|
|
||
|
|
.widget_categories li,
|
||
|
|
.widget_pages li,
|
||
|
|
.widget_meta li,
|
||
|
|
.widget_archive li {
|
||
|
|
margin-bottom: 0.75em; }
|
||
|
|
|
||
|
|
/* Widget - Subscription */
|
||
|
|
.widget_blog_subscription.widget {
|
||
|
|
padding: 1.5em;
|
||
|
|
background-color: #171617;
|
||
|
|
color: white;
|
||
|
|
margin-top: 0em;
|
||
|
|
margin-bottom: 0em;
|
||
|
|
border-top: 0; }
|
||
|
|
|
||
|
|
.widget_blog_subscription p:first-of-type {
|
||
|
|
margin-top: 2.25em;
|
||
|
|
margin-bottom: 2.25em; }
|
||
|
|
|
||
|
|
.widget_blog_subscription .widget-title {
|
||
|
|
color: white; }
|
||
|
|
|
||
|
|
.widget_blog_subscription input {
|
||
|
|
margin-top: 0em;
|
||
|
|
margin-bottom: 0em;
|
||
|
|
-webkit-transform: none;
|
||
|
|
transform: none; }
|
||
|
|
|
||
|
|
.widget_blog_subscription input#subscribe-field {
|
||
|
|
padding: 0.375em;
|
||
|
|
width: 100%;
|
||
|
|
border: 1px solid #d7d7d7;
|
||
|
|
background: transparent;
|
||
|
|
color: white; }
|
||
|
|
|
||
|
|
.widget_blog_subscription input[type='submit'] {
|
||
|
|
border: 1px solid #ffeb00;
|
||
|
|
color: #ffeb00;
|
||
|
|
padding: 6px 12px; }
|
||
|
|
|
||
|
|
.widget_blog_subscription a {
|
||
|
|
color: white; }
|
||
|
|
.widget_blog_subscription a:hover {
|
||
|
|
color: #ffeb00; }
|
||
|
|
|
||
|
|
/* Widget - Milestone */
|
||
|
|
.milestone-content.milestone-content {
|
||
|
|
max-width: none; }
|
||
|
|
|
||
|
|
.milestone-content .milestone-header,
|
||
|
|
.milestone-content .milestone-countdown,
|
||
|
|
.milestone-content .milestone-message {
|
||
|
|
color: white; }
|
||
|
|
|
||
|
|
.milestone-content .milestone-header,
|
||
|
|
.milestone-content .milestone-countdown {
|
||
|
|
padding: 1.5em; }
|
||
|
|
|
||
|
|
.milestone-content .event {
|
||
|
|
margin-bottom: 0.75em; }
|
||
|
|
|
||
|
|
.widget_top-posts .widget-grid-view-image {
|
||
|
|
width: 50%; }
|
||
|
|
|
||
|
|
.widget_top-posts .widgets-list-layout .widgets-list-layout-blavatar {
|
||
|
|
width: 20%; }
|
||
|
|
|
||
|
|
.widget_top-posts .widgets-list-layout .widgets-list-layout-links {
|
||
|
|
width: 80%; }
|
||
|
|
|
||
|
|
.widget_recent_comments td {
|
||
|
|
padding-top: 12px !important;
|
||
|
|
padding-bottom: 12px !important; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 11.0 - Footer
|
||
|
|
*/
|
||
|
|
.site-footer {
|
||
|
|
padding-top: 1.5em;
|
||
|
|
padding-bottom: 2.25em;
|
||
|
|
background: #171617;
|
||
|
|
color: #8c888c;
|
||
|
|
overflow: hidden;
|
||
|
|
-webkit-font-smoothing: auto;
|
||
|
|
position: relative;
|
||
|
|
z-index: 100; }
|
||
|
|
.site-footer a {
|
||
|
|
color: white; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.site-footer .site-info {
|
||
|
|
margin-bottom: 0.75em; } }
|
||
|
|
.site-footer .footer-navigation {
|
||
|
|
text-align: left; }
|
||
|
|
.site-footer .site-info, .site-footer .footer-navigation {
|
||
|
|
width: 50%;
|
||
|
|
font-size: 0.875em;
|
||
|
|
line-height: 1.71429;
|
||
|
|
-webkit-transform: translateY(0.52164em);
|
||
|
|
transform: translateY(0.52164em); }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.site-footer .site-info, .site-footer .footer-navigation {
|
||
|
|
width: 100%;
|
||
|
|
text-align: center; } }
|
||
|
|
|
||
|
|
/* Footer Navigation */
|
||
|
|
.nav--footer {
|
||
|
|
margin-right: 2em; }
|
||
|
|
.nav--footer li {
|
||
|
|
padding-right: 1em; }
|
||
|
|
.nav--footer li:before {
|
||
|
|
content: "\2022";
|
||
|
|
font-family: monospace;
|
||
|
|
position: relative;
|
||
|
|
top: -0.1em;
|
||
|
|
margin-left: 1.2em;
|
||
|
|
pointer-events: none;
|
||
|
|
color: white; }
|
||
|
|
.nav--footer li:first-child {
|
||
|
|
padding-right: 0; }
|
||
|
|
.nav--footer li:first-child:before {
|
||
|
|
display: none; }
|
||
|
|
.nav--footer ul {
|
||
|
|
display: none; }
|
||
|
|
|
||
|
|
/* Footer logged-out-follow-blog-widget-input color */
|
||
|
|
#loggedout-follow input#loggedout-follow-field {
|
||
|
|
color: black; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 12.0 - Toolbar
|
||
|
|
*/
|
||
|
|
.toolbar {
|
||
|
|
padding-right: 0.75em;
|
||
|
|
padding-left: 0.75em;
|
||
|
|
width: 3.75em;
|
||
|
|
position: fixed;
|
||
|
|
top: 0.75em;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
display: block; }
|
||
|
|
.admin-bar .toolbar {
|
||
|
|
margin-top: 32px; }
|
||
|
|
@media screen and (max-width: 782px) {
|
||
|
|
.admin-bar .toolbar {
|
||
|
|
margin-top: 46px; } }
|
||
|
|
.is--ancient-android .nav--is-open .toolbar {
|
||
|
|
left: -100%; }
|
||
|
|
.toolbar i[class] {
|
||
|
|
display: table;
|
||
|
|
width: 2.25em;
|
||
|
|
height: 2.25em;
|
||
|
|
text-align: center; }
|
||
|
|
.toolbar i[class]:before {
|
||
|
|
display: table-cell;
|
||
|
|
vertical-align: middle; }
|
||
|
|
@media not screen and (min-width: 1000px) {
|
||
|
|
.toolbar {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
width: auto;
|
||
|
|
height: auto;
|
||
|
|
bottom: auto;
|
||
|
|
padding-top: 0;
|
||
|
|
z-index: 20;
|
||
|
|
border-bottom: 1px solid #afafaf; } }
|
||
|
|
@media only screen and (min-width: 1000px) {
|
||
|
|
.toolbar {
|
||
|
|
border-right: 1px solid #afafaf; } }
|
||
|
|
|
||
|
|
.toolbar__head {
|
||
|
|
padding-top: 1.5em;
|
||
|
|
padding-bottom: 1.5em;
|
||
|
|
min-height: 21em; }
|
||
|
|
@media not screen and (min-width: 1000px) {
|
||
|
|
.toolbar__head {
|
||
|
|
min-height: 0;
|
||
|
|
background: none;
|
||
|
|
border: 0;
|
||
|
|
padding-top: 6px;
|
||
|
|
padding-bottom: 0;
|
||
|
|
padding-right: 3em;
|
||
|
|
text-align: left; } }
|
||
|
|
|
||
|
|
.toolbar__body {
|
||
|
|
position: relative;
|
||
|
|
border-top: 1px solid #afafaf;
|
||
|
|
margin-top: -1px;
|
||
|
|
padding-top: 1.5em; }
|
||
|
|
.toolbar__body a {
|
||
|
|
color: #000; }
|
||
|
|
@media not screen and (min-width: 1000px) {
|
||
|
|
.toolbar__body {
|
||
|
|
display: none; } }
|
||
|
|
|
||
|
|
.nav--toolbar {
|
||
|
|
word-wrap: normal; }
|
||
|
|
.nav--toolbar a {
|
||
|
|
display: block;
|
||
|
|
font-size: 0.8125em;
|
||
|
|
line-height: 2.57143em;
|
||
|
|
margin-top: -1px;
|
||
|
|
margin-left: 0.85714em;
|
||
|
|
padding-right: 1.71429em;
|
||
|
|
position: relative;
|
||
|
|
left: 100%;
|
||
|
|
white-space: nowrap;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
border-left-width: 0;
|
||
|
|
color: transparent;
|
||
|
|
pointer-events: none; }
|
||
|
|
.nav--toolbar a:before {
|
||
|
|
content: "";
|
||
|
|
font-size: 1.35714em;
|
||
|
|
display: inline-block;
|
||
|
|
width: 2.52632em;
|
||
|
|
height: 1.89474em;
|
||
|
|
line-height: 1.89474em;
|
||
|
|
position: absolute;
|
||
|
|
left: -2.52632em;
|
||
|
|
font-family: FontAwesome;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
text-align: center;
|
||
|
|
pointer-events: auto;
|
||
|
|
color: #000; }
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
.nav--toolbar a:before {
|
||
|
|
padding-right: 0.63158em; } }
|
||
|
|
@media only screen and (min-width: 1000px) {
|
||
|
|
.nav--toolbar a:hover {
|
||
|
|
background: white;
|
||
|
|
border-color: #3d3e40;
|
||
|
|
color: #3d3e40;
|
||
|
|
visibility: visible;
|
||
|
|
pointer-events: auto; } }
|
||
|
|
.nav--toolbar a:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="mailto:"]:before, .nav--toolbar a[href*="mail"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="feed"]:before, .nav--toolbar a[href*="rss"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="behance"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="delicious"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="deviantart"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="digg"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="dribbble"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="facebook"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="flickr"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="foursquare"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="github"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="plus.google"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="instagram"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="linkedin"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="pinterest"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="reddit"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="skype"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="soundcloud"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="spotify"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="stumbleupon"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="tumblr"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="twitter"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="vimeo"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="vine"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="vk.com"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="weibo"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="xing"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="yahoo"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="youtube"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="angel.co"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="yelp"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="last.fm"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="slideshare"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar a[href*="twitch.tv"]:before {
|
||
|
|
content: ""; }
|
||
|
|
.nav--toolbar .nav__item--search a:before {
|
||
|
|
content: ""; }
|
||
|
|
@media not screen and (min-width: 1000px) {
|
||
|
|
.nav--toolbar {
|
||
|
|
display: inline-block; }
|
||
|
|
.nav--toolbar a {
|
||
|
|
left: 0;
|
||
|
|
margin: 0;
|
||
|
|
width: 3em;
|
||
|
|
padding-right: 3em;
|
||
|
|
overflow: hidden;
|
||
|
|
pointer-events: auto; }
|
||
|
|
.nav--toolbar a:before {
|
||
|
|
visibility: visible;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
width: 3em; } }
|
||
|
|
|
||
|
|
.overlay--search {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
right: 100%;
|
||
|
|
z-index: 111;
|
||
|
|
display: table;
|
||
|
|
padding-left: 15em;
|
||
|
|
padding-right: 15em;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
border-right: 1px solid #afafaf;
|
||
|
|
background: white; }
|
||
|
|
@media not screen and (min-width: 1359px) {
|
||
|
|
.overlay--search {
|
||
|
|
padding-left: 6em;
|
||
|
|
padding-right: 6em; } }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.overlay--search.overlay--search {
|
||
|
|
padding-left: 3em;
|
||
|
|
padding-right: 3em; } }
|
||
|
|
.overlay--search .search-form > label {
|
||
|
|
position: static;
|
||
|
|
height: auto; }
|
||
|
|
.overlay--search .search-form, .overlay--search .search-field {
|
||
|
|
display: block;
|
||
|
|
height: auto; }
|
||
|
|
.overlay--search .search-field, .overlay--search .search-submit {
|
||
|
|
position: static; }
|
||
|
|
.overlay--search .search-submit {
|
||
|
|
display: none; }
|
||
|
|
.overlay--search .search-field {
|
||
|
|
border: 0;
|
||
|
|
padding: 0;
|
||
|
|
color: #000;
|
||
|
|
outline: 0;
|
||
|
|
height: auto;
|
||
|
|
-webkit-appearance: none; }
|
||
|
|
.fs-100px, .overlay--search .search-field {
|
||
|
|
font-size: 6.25em;
|
||
|
|
line-height: 1.08; }
|
||
|
|
.overlay--search .search-field::-webkit-input-placeholder {
|
||
|
|
color: #000; }
|
||
|
|
.overlay--search .search-field:-moz-placeholder {
|
||
|
|
color: #000; }
|
||
|
|
.overlay--search .search-field::-moz-placeholder {
|
||
|
|
color: #000; }
|
||
|
|
.overlay--search .search-field:-ms-input-placeholder {
|
||
|
|
color: #000; }
|
||
|
|
@media not screen and (min-width: 84.9375em) {
|
||
|
|
.fs-60px-below-1359px, .overlay--search .search-field {
|
||
|
|
font-size: 3.75em;
|
||
|
|
line-height: 1.2; } }
|
||
|
|
@media not screen and (min-width: 56.1875em) {
|
||
|
|
.fs-24px-below-899px {
|
||
|
|
font-size: 1.5em;
|
||
|
|
line-height: 1.5; } }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.fs-32px, .overlay--search .search-field {
|
||
|
|
font-size: 2em;
|
||
|
|
line-height: 1.125; } }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.overlay--search .search-field {
|
||
|
|
margin-bottom: 0.75em; } }
|
||
|
|
|
||
|
|
.overlay__wrapper {
|
||
|
|
display: table-cell;
|
||
|
|
vertical-align: middle; }
|
||
|
|
|
||
|
|
.overlay__close {
|
||
|
|
width: 3.75em;
|
||
|
|
height: 3.75em;
|
||
|
|
position: absolute;
|
||
|
|
top: 6em;
|
||
|
|
left: 3.75em;
|
||
|
|
cursor: pointer; }
|
||
|
|
.overlay__close:before, .overlay__close:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
background: #3d3e40;
|
||
|
|
-webkit-transform: rotate(-45deg);
|
||
|
|
transform: rotate(-45deg);
|
||
|
|
pointer-events: none; }
|
||
|
|
.overlay__close:before {
|
||
|
|
top: 50%;
|
||
|
|
width: 100%;
|
||
|
|
height: .16em;
|
||
|
|
margin-top: -.08em; }
|
||
|
|
.overlay__close:after {
|
||
|
|
right: 50%;
|
||
|
|
height: 100%;
|
||
|
|
width: .16em;
|
||
|
|
margin-right: -.08em; }
|
||
|
|
@media not screen and (min-width: 1359px) {
|
||
|
|
.overlay__close {
|
||
|
|
width: 2.25em;
|
||
|
|
height: 2.25em;
|
||
|
|
top: 3em;
|
||
|
|
left: 2.25em; } }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 13.0 - Jetpack's plugins styling
|
||
|
|
*/
|
||
|
|
/* Jetpack - ShareDaddy */
|
||
|
|
div.sd-content ul {
|
||
|
|
margin-bottom: 0 !important; }
|
||
|
|
|
||
|
|
.sd-social {
|
||
|
|
margin-bottom: -5px; }
|
||
|
|
|
||
|
|
div.sharedaddy .sd-social h3.sd-title {
|
||
|
|
font-size: 1em;
|
||
|
|
line-height: 1.5;
|
||
|
|
-webkit-transform: translateY(0.4145em);
|
||
|
|
transform: translateY(0.4145em); }
|
||
|
|
|
||
|
|
div.sharedaddy {
|
||
|
|
margin-bottom: 30px; }
|
||
|
|
|
||
|
|
/* Jetpack - Comment Form */
|
||
|
|
form.contact-form {
|
||
|
|
max-width: 30em; }
|
||
|
|
form.contact-form input[type='text'],
|
||
|
|
form.contact-form input[type='email'],
|
||
|
|
form.contact-form textarea {
|
||
|
|
width: 100%;
|
||
|
|
max-width: 100%;
|
||
|
|
padding: 0.75em;
|
||
|
|
border: 1px solid #d7d7d7; }
|
||
|
|
form.contact-form .pushbutton-wide {
|
||
|
|
float: left; }
|
||
|
|
.comment-respond.js form.contact-form input[type='text'],
|
||
|
|
.comment-respond.js form.contact-form input[type='email'],
|
||
|
|
.comment-respond.js form.contact-form textarea {
|
||
|
|
margin-bottom: 1.5em; }
|
||
|
|
|
||
|
|
/* Jetpack - Infinite Scroll */
|
||
|
|
#infinite-footer {
|
||
|
|
position: relative;
|
||
|
|
z-index: 99;
|
||
|
|
width: 100%;
|
||
|
|
background: #171617;
|
||
|
|
-webkit-font-smoothing: auto;
|
||
|
|
-webkit-transition: bottom .3s ease-in;
|
||
|
|
transition: bottom .3s ease-in; }
|
||
|
|
@media only screen and (min-width: 899px) {
|
||
|
|
#infinite-footer {
|
||
|
|
height: 50px;
|
||
|
|
position: fixed;
|
||
|
|
bottom: 0 !important; } }
|
||
|
|
#infinite-footer .container {
|
||
|
|
width: 100% !important;
|
||
|
|
min-height: 50px;
|
||
|
|
padding: 0;
|
||
|
|
border: 0;
|
||
|
|
background: none;
|
||
|
|
-webkit-transition: all .3s ease-in;
|
||
|
|
transition: all .3s ease-in; }
|
||
|
|
#infinite-footer .blog-info,
|
||
|
|
#infinite-footer .blog-credits {
|
||
|
|
display: inline-block;
|
||
|
|
width: auto;
|
||
|
|
font-size: 0.875em;
|
||
|
|
line-height: 1.71429;
|
||
|
|
line-height: 50px;
|
||
|
|
color: #8c888c; }
|
||
|
|
#infinite-footer .blog-info a,
|
||
|
|
#infinite-footer .blog-credits a {
|
||
|
|
color: white; }
|
||
|
|
#infinite-footer .blog-info a:hover,
|
||
|
|
#infinite-footer .blog-credits a:hover {
|
||
|
|
color: white;
|
||
|
|
text-decoration: none; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
#infinite-footer .blog-credits {
|
||
|
|
text-align: right; } }
|
||
|
|
#infinite-footer .blog-info {
|
||
|
|
float: right;
|
||
|
|
margin-left: 0.85714em; }
|
||
|
|
|
||
|
|
.infinite-loader {
|
||
|
|
position: absolute;
|
||
|
|
right: 50%;
|
||
|
|
bottom: 0; }
|
||
|
|
@media not screen and (min-width: 899px) {
|
||
|
|
.infinite-loader {
|
||
|
|
bottom: -50px;
|
||
|
|
z-index: 50; } }
|
||
|
|
|
||
|
|
.infinite-scroll .pagination {
|
||
|
|
display: none; }
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1000px) {
|
||
|
|
.infinite-scroll:not(.neverending) .site-content {
|
||
|
|
padding-bottom: 7.5em; } }
|
||
|
|
|
||
|
|
.infinite-scroll.neverending .site-footer {
|
||
|
|
display: none;
|
||
|
|
-webkit-transform: translateY(100%);
|
||
|
|
transform: translateY(100%);
|
||
|
|
-webkit-transition: .3s linear tansform;
|
||
|
|
transition: .3s linear tansform; }
|
||
|
|
|
||
|
|
.infinite-scroll.neverending.infinity-end .site-footer {
|
||
|
|
display: block;
|
||
|
|
-webkit-transform: none;
|
||
|
|
transform: none; }
|
||
|
|
|
||
|
|
.infinite-loader {
|
||
|
|
position: absolute;
|
||
|
|
right: 50%;
|
||
|
|
right: calc(50% + 1.125em);
|
||
|
|
top: 100%;
|
||
|
|
-webkit-transform: translateX(50%);
|
||
|
|
transform: translateX(50%);
|
||
|
|
display: inline-block; }
|
||
|
|
|
||
|
|
#infinite-handle {
|
||
|
|
position: absolute;
|
||
|
|
top: 100%;
|
||
|
|
right: 1.125em;
|
||
|
|
width: 100%;
|
||
|
|
text-align: center; }
|
||
|
|
|
||
|
|
.infinite-loader .spinner {
|
||
|
|
right: 0 !important; }
|
||
|
|
|
||
|
|
div#infinite-handle span {
|
||
|
|
cursor: pointer;
|
||
|
|
font-size: 20px;
|
||
|
|
background: transparent; }
|
||
|
|
div#infinite-handle span:hover {
|
||
|
|
background: transparent;
|
||
|
|
color: white; }
|
||
|
|
|
||
|
|
div#infinite-handle button {
|
||
|
|
position: relative;
|
||
|
|
z-index: 5;
|
||
|
|
border: none; }
|
||
|
|
div#infinite-handle button:hover {
|
||
|
|
padding: 11px 23px;
|
||
|
|
background: #171617;
|
||
|
|
color: white; }
|
||
|
|
|
||
|
|
/* Jetpack - Related Posts */
|
||
|
|
.jp-relatedposts {
|
||
|
|
clear: both; }
|
||
|
|
|
||
|
|
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
|
||
|
|
display: block; }
|
||
|
|
|
||
|
|
div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
|
||
|
|
div#jp-relatedposts div.jp-relatedposts-items p {
|
||
|
|
font-size: inherit;
|
||
|
|
line-height: inherit; }
|
||
|
|
|
||
|
|
div#jp-relatedposts div.jp-relatedposts-items p.jp-relatedposts-post-context,
|
||
|
|
div#jp-relatedposts div.jp-relatedposts-items span.jp-relatedposts-post-context {
|
||
|
|
font-size: 0.75em;
|
||
|
|
line-height: 2; }
|
||
|
|
|
||
|
|
.jp-relatedposts-post-img {
|
||
|
|
margin-bottom: 0.75em; }
|
||
|
|
|
||
|
|
div#jp-relatedposts h3.jp-relatedposts-headline {
|
||
|
|
font-size: 1.5em;
|
||
|
|
line-height: 1.5; }
|
||
|
|
|
||
|
|
/* Jetpack - Slideshow Galleries */
|
||
|
|
.jetpack-slideshow.slideshow-window {
|
||
|
|
border-radius: 0;
|
||
|
|
border-width: 0.66667em; }
|
||
|
|
|
||
|
|
/* Jetpack - Sharedaddy */
|
||
|
|
.sd-content ul li {
|
||
|
|
margin-bottom: 12px !important;
|
||
|
|
display: inline-block !important; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 14.0 - Overwrites
|
||
|
|
*/
|
||
|
|
/* Text meant only for screen readers. */
|
||
|
|
.screen-reader-text {
|
||
|
|
border: 0;
|
||
|
|
clip: rect(1px, 1px, 1px, 1px);
|
||
|
|
-webkit-clip-path: inset(50%);
|
||
|
|
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 {
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
border-radius: 3px;
|
||
|
|
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||
|
|
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||
|
|
clip: auto !important;
|
||
|
|
-webkit-clip-path: none;
|
||
|
|
clip-path: none;
|
||
|
|
color: #000;
|
||
|
|
display: block;
|
||
|
|
font-weight: bold;
|
||
|
|
height: auto;
|
||
|
|
right: 5px;
|
||
|
|
line-height: normal;
|
||
|
|
padding: 15px 23px 14px;
|
||
|
|
text-decoration: none;
|
||
|
|
top: 5px;
|
||
|
|
width: auto;
|
||
|
|
z-index: 100000;
|
||
|
|
/* Above WP toolbar. */ }
|
||
|
|
|
||
|
|
.toolbar .navigation.post-navigation .nav-links span {
|
||
|
|
display: block;
|
||
|
|
white-space: nowrap;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 10.5em;
|
||
|
|
-webkit-transform-origin: 1.875em 0 0;
|
||
|
|
transform-origin: 1.875em 0 0;
|
||
|
|
-webkit-transform: rotateZ(-90deg) translateZ(0);
|
||
|
|
transform: rotateZ(-90deg) translateZ(0);
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transition: opacity .2s ease-in-out;
|
||
|
|
transition: opacity .2s ease-in-out; }
|
||
|
|
.ie10 .toolbar .navigation.post-navigation .nav-links span, .ie9 .toolbar .navigation.post-navigation .nav-links span {
|
||
|
|
display: none; }
|
||
|
|
|
||
|
|
.toolbar .navigation.post-navigation .nav-links a:hover span {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transition: opacity .2s .2s ease-in-out;
|
||
|
|
transition: opacity .2s .2s ease-in-out; }
|
||
|
|
|
||
|
|
#wpstats {
|
||
|
|
position: fixed;
|
||
|
|
right: -9999px;
|
||
|
|
bottom: 0; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 15.0 - Hive Lite Specific Styles
|
||
|
|
*/
|
||
|
|
|
||
|
|
/*# sourceMappingURL=to.css.map */
|