wordpress/php-fpm/wordpress_files/themes/hive-lite/style-rtl.css
2020-05-22 01:40:23 +00:00

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 */