3265 lines
60 KiB
CSS
3265 lines
60 KiB
CSS
@charset "UTF-8";
|
||
/*
|
||
Theme Name: Apostrophe 2
|
||
Theme URI: https://wordpress.com/themes/apostrophe-2
|
||
Author: Automattic
|
||
Author URI: https://wordpress.com/themes/
|
||
Description: A clean, no-nonsense magazine theme
|
||
Version: 2.0.7-wpcom
|
||
License: GNU General Public License v2 or later
|
||
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||
Text Domain: apostrophe-2
|
||
Tags: art, author-bio, black, blog, blue, bright, classic-menu, clean, contemporary, custom-background, custom-colors, custom-header, custom-menu, design, fashion, featured-images, food, gray, grid-layout, light, magazine, modern, one-column, professional, responsive-layout, right-sidebar, rtl-language-support, simple, site-logo, sticky-post, travel, two-columns, white
|
||
|
||
Apostrophe 2 WordPress Theme, Copyright 2017 Automattic, Inc.
|
||
Apostrophe 2 is distributed under the terms of the GNU GPL.
|
||
|
||
This theme, like WordPress, is licensed under the GPL.
|
||
Use it to make something cool, have fun, and share what you've learned with others.
|
||
|
||
Apostrophe is based on Underscores http://underscores.me/, (C) 2012-2017 Automattic, Inc.
|
||
|
||
Normalizing styles have been helped along thanks to the fine work of
|
||
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
|
||
*/
|
||
/*--------------------------------------------------------------
|
||
>>> TABLE OF CONTENTS:
|
||
----------------------------------------------------------------
|
||
0.0 Site-wide elements
|
||
1.0 Normalize
|
||
2.0 Typography
|
||
3.0 Elements
|
||
4.0 Forms
|
||
5.0 Navigation
|
||
5.1 Links
|
||
5.2 Menus
|
||
6.0 Accessibility
|
||
7.0 Alignments
|
||
8.0 Clearings
|
||
9.0 Widgets
|
||
10.0 Content
|
||
10.1 Posts and pages
|
||
10.2 Asides
|
||
10.3 Comments
|
||
11.0 Infinite scroll
|
||
12.0 Media
|
||
12.1 Captions
|
||
12.2 Galleries
|
||
13.0 Media Queries
|
||
13.1 Mobiles
|
||
13.2 Tablets
|
||
13.3 Desktops
|
||
13.4 Large Desktops
|
||
14.0 Print
|
||
|
||
--------------------------------------------------------------*/
|
||
|
||
/*--------------------------------------------------------------
|
||
0.0 Site-wide styles
|
||
--------------------------------------------------------------*/
|
||
.entry-meta .posted-on,
|
||
.entry-meta .byline,
|
||
.sticky .entry-meta,
|
||
.edit-link,
|
||
.comment-reply-link,
|
||
.entry-footer a[rel="tag"],
|
||
.entry-footer a[rel="category tag"],
|
||
#infinite-handle span {
|
||
background: #117bb8;
|
||
color: #fff;
|
||
display: inline-block;
|
||
font-family: "Open Sans", Arial, sans-serif;
|
||
font-size: 12px;
|
||
font-size: 1.2rem;
|
||
font-weight: 600;
|
||
letter-spacing: 1px;
|
||
line-height: 1.25;
|
||
margin: 0 0 1rem 0;
|
||
padding: 0.5rem 1rem;
|
||
text-decoration: none;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.sticky .entry-meta,
|
||
.blog .featured-content .entry-meta .posted-on {
|
||
background: #362e77;
|
||
}
|
||
|
||
.entry-meta {
|
||
display: inline-block;
|
||
}
|
||
|
||
.entry-meta a,
|
||
.edit-link a,
|
||
.comment-reply-link a,
|
||
.entry-footer a[rel="tag"] a,
|
||
.entry-footer a[rel="category tag"] a,
|
||
#infinite-handle span a {
|
||
color: #fff;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.entry-meta a:hover,
|
||
.edit-link a:hover,
|
||
.comment-reply-link a:hover,
|
||
.entry-footer a[rel="tag"] a:hover,
|
||
.entry-footer a[rel="category tag"] a:hover,
|
||
#infinite-handle span a:hover {
|
||
color: #fff;
|
||
}
|
||
|
||
.apostrophe-2-navigation .menu-item-has-children > a:after,
|
||
.apostrophe-2-navigation .dropdown-toggle:before,
|
||
.nav-previous .meta-nav:before,
|
||
.nav-next .meta-nav:before,
|
||
.sticky .entry-meta::before,
|
||
.entry-format::before,
|
||
.entry-footer a[rel="tag"]::before,
|
||
.entry-footer a[rel="category tag"]::before,
|
||
.archive .apostrophe-2-nothumb span:before,
|
||
.blog .apostrophe-2-nothumb span:before,
|
||
.search .apostrophe-2-nothumb span:before {
|
||
display: inline-block;
|
||
font-family: Genericons;
|
||
font-size: 16px;
|
||
font-size: 1.6rem;
|
||
font-weight: normal;
|
||
line-height: 1;
|
||
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
1.0 Normalize
|
||
--------------------------------------------------------------*/
|
||
html {
|
||
font-family: sans-serif;
|
||
|
||
-webkit-text-size-adjust: 100%;
|
||
-ms-text-size-adjust: 100%;
|
||
}
|
||
|
||
body {
|
||
margin: 0;
|
||
}
|
||
|
||
article,
|
||
aside,
|
||
details,
|
||
figcaption,
|
||
figure,
|
||
footer,
|
||
header,
|
||
main,
|
||
menu,
|
||
nav,
|
||
section,
|
||
summary {
|
||
display: block;
|
||
}
|
||
|
||
audio,
|
||
canvas,
|
||
progress,
|
||
video {
|
||
display: inline-block;
|
||
vertical-align: baseline;
|
||
}
|
||
|
||
audio:not([controls]) {
|
||
display: none;
|
||
height: 0;
|
||
}
|
||
|
||
[hidden],
|
||
template {
|
||
display: none;
|
||
}
|
||
|
||
a {
|
||
background-color: transparent;
|
||
}
|
||
|
||
a:active,
|
||
a:hover {
|
||
outline: 0;
|
||
}
|
||
|
||
abbr[title] {
|
||
border-bottom: 1px dotted;
|
||
}
|
||
|
||
b,
|
||
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: 1.5em 0;
|
||
}
|
||
|
||
hr {
|
||
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"] {
|
||
cursor: pointer;
|
||
|
||
-webkit-appearance: button;
|
||
}
|
||
|
||
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"] {
|
||
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"] {
|
||
box-sizing: content-box;
|
||
|
||
-webkit-appearance: textfield;
|
||
}
|
||
|
||
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 Typography
|
||
--------------------------------------------------------------*/
|
||
html {
|
||
font-size: 62.5%;
|
||
/* Sets up base font size so rems are equal to pixels */
|
||
}
|
||
|
||
body,
|
||
button,
|
||
input,
|
||
select,
|
||
textarea {
|
||
color: #404040;
|
||
font-family: "PT Serif", Georgia, "Times New Roman", serif;
|
||
font-size: 19px;
|
||
font-size: 1.9rem;
|
||
line-height: 1.75;
|
||
}
|
||
|
||
h1,
|
||
h2,
|
||
.widgettitle,
|
||
.widget-title,
|
||
.comments-title,
|
||
#reply-title,
|
||
h3,
|
||
h4,
|
||
h5,
|
||
h6 {
|
||
-ms-word-wrap: break-word;
|
||
clear: both;
|
||
font-family: "Open Sans", Arial, sans-serif;
|
||
line-height: 1.5;
|
||
margin: 1.13636% 0 0.50505%;
|
||
word-wrap: break-word;
|
||
}
|
||
h1 a,
|
||
h2 a,
|
||
.widgettitle a,
|
||
.widget-title a,
|
||
.comments-title a,
|
||
#reply-title a,
|
||
h3 a,
|
||
h4 a,
|
||
h5 a,
|
||
h6 a {
|
||
text-decoration: none;
|
||
}
|
||
|
||
h1 {
|
||
color: silver;
|
||
font-size: 42px;
|
||
font-size: 4.2rem;
|
||
font-weight: 300;
|
||
line-height: 1.25;
|
||
}
|
||
|
||
h2,
|
||
.widgettitle,
|
||
.widget-title,
|
||
.widget-title label,
|
||
.comments-title,
|
||
#reply-title {
|
||
color: #999;
|
||
font-size: 32px;
|
||
font-size: 3.2rem;
|
||
font-weight: 700;
|
||
line-height: 1.25;
|
||
}
|
||
|
||
h3 {
|
||
color: gray;
|
||
font-size: 28px;
|
||
font-size: 2.8rem;
|
||
font-weight: 300;
|
||
}
|
||
|
||
h4 {
|
||
color: gray;
|
||
font-size: 21px;
|
||
font-size: 2.1rem;
|
||
font-weight: 600;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
h5 {
|
||
color: #5a5a5a;
|
||
font-size: 19px;
|
||
font-size: 1.9rem;
|
||
font-weight: 400;
|
||
}
|
||
|
||
h6 {
|
||
color: #5a5a5a;
|
||
font-size: 17px;
|
||
font-size: 1.7rem;
|
||
font-weight: 600;
|
||
letter-spacing: 1px;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
p {
|
||
margin-bottom: 1.5em;
|
||
}
|
||
|
||
.emphasis {
|
||
color: #666;
|
||
font-size: 1.25em;
|
||
font-style: italic;
|
||
}
|
||
|
||
b,
|
||
strong {
|
||
font-weight: bold;
|
||
}
|
||
|
||
dfn,
|
||
cite,
|
||
em,
|
||
i {
|
||
font-style: italic;
|
||
}
|
||
|
||
address {
|
||
margin: 0 0 1.5em;
|
||
}
|
||
|
||
pre {
|
||
background: #eee;
|
||
font-family: "Courier 10 Pitch", Courier, monospace;
|
||
font-size: 0.85em;
|
||
line-height: 1.6;
|
||
margin-bottom: 1.6em;
|
||
max-width: 100%;
|
||
overflow: auto;
|
||
padding: 1.6em;
|
||
white-space: pre-wrap;
|
||
word-wrap: break-word;
|
||
}
|
||
|
||
code,
|
||
kbd,
|
||
tt,
|
||
var {
|
||
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
|
||
font-size: 0.85em;
|
||
}
|
||
|
||
abbr,
|
||
acronym {
|
||
border-bottom: 1px dotted #666;
|
||
cursor: help;
|
||
}
|
||
|
||
mark,
|
||
ins {
|
||
background: #fff9c0;
|
||
text-decoration: none;
|
||
}
|
||
|
||
small {
|
||
font-size: 75%;
|
||
}
|
||
|
||
big {
|
||
font-size: 125%;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
3.0 Elements
|
||
--------------------------------------------------------------*/
|
||
html {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
*,
|
||
*:before,
|
||
*:after {
|
||
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
|
||
box-sizing: inherit;
|
||
}
|
||
|
||
body {
|
||
background: #fff;
|
||
/* Fallback for when there is no custom background color defined. */
|
||
}
|
||
|
||
blockquote,
|
||
q {
|
||
quotes: "“" "”" "‘" "’";
|
||
}
|
||
|
||
blockquote:before,
|
||
blockquote:after {
|
||
content: "";
|
||
}
|
||
|
||
blockquote {
|
||
border-left: 4px solid #d9d9d9;
|
||
font-style: italic;
|
||
margin: 0 1.5em 1.5em 0;
|
||
padding-left: 1.5em;
|
||
}
|
||
|
||
cite {
|
||
color: gray;
|
||
display: block;
|
||
font-style: normal;
|
||
margin-top: 0.25em;
|
||
}
|
||
cite:before {
|
||
content: "—";
|
||
}
|
||
|
||
.pullquote {
|
||
border-bottom: 2px solid #a6a6a6;
|
||
border-left: 0;
|
||
border-top: 4px solid #d9d9d9;
|
||
color: #a6a6a6;
|
||
font-size: 1.2em;
|
||
margin: 4em auto;
|
||
max-width: 600px;
|
||
padding: 0;
|
||
}
|
||
|
||
.pullquote cite {
|
||
font-size: 0.8em;
|
||
}
|
||
|
||
q:before {
|
||
content: open-quote;
|
||
}
|
||
|
||
q:after {
|
||
content: close-quote;
|
||
}
|
||
|
||
hr {
|
||
background-color: #ccc;
|
||
border: 0;
|
||
height: 1px;
|
||
margin-bottom: 1.5em;
|
||
}
|
||
|
||
ul,
|
||
ol {
|
||
margin: 0 0 1.5em 0;
|
||
}
|
||
|
||
ul {
|
||
list-style: disc;
|
||
}
|
||
|
||
ol {
|
||
list-style: decimal;
|
||
}
|
||
|
||
li {
|
||
margin: 0.5em 0;
|
||
}
|
||
|
||
li > ul,
|
||
li > ol {
|
||
margin-bottom: 0;
|
||
margin-left: 1.5em;
|
||
}
|
||
|
||
ul ul,
|
||
ul ul ul ul {
|
||
list-style-type: circle;
|
||
}
|
||
|
||
ul ul ul {
|
||
list-style-type: disc;
|
||
}
|
||
|
||
ol ol,
|
||
ol ol ol ol {
|
||
list-style-type: lower-alpha;
|
||
}
|
||
|
||
ol ol ol {
|
||
list-style-type: decimal;
|
||
}
|
||
|
||
dt {
|
||
font-weight: bold;
|
||
}
|
||
|
||
dd {
|
||
margin: 0 1.5em 1.5em;
|
||
}
|
||
|
||
img {
|
||
height: auto;
|
||
/* Make sure images are scaled correctly. */
|
||
max-width: 100%;
|
||
/* Adhere to container width. */
|
||
}
|
||
|
||
table {
|
||
font-size: 0.85em;
|
||
/* A smidge smaller than body text */
|
||
margin: 0 0 1.5em;
|
||
width: 100%;
|
||
}
|
||
|
||
table caption {
|
||
font-style: italic;
|
||
margin-bottom: 0.25em;
|
||
}
|
||
|
||
table td,
|
||
table th {
|
||
padding: 8px 8px;
|
||
}
|
||
|
||
table thead th {
|
||
border-bottom: solid 3px;
|
||
}
|
||
|
||
table tbody th,
|
||
table td {
|
||
border-bottom: solid 1px;
|
||
}
|
||
|
||
table a {
|
||
text-decoration: none;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
4.0 Forms
|
||
--------------------------------------------------------------*/
|
||
button,
|
||
input[type="button"],
|
||
input[type="reset"],
|
||
input[type="submit"],
|
||
.button-primary,
|
||
.button,
|
||
.button-secondary {
|
||
background: rgba(255, 255, 255, 0.25);
|
||
border: 2px solid #117bb8;
|
||
color: #159ae7;
|
||
cursor: pointer;
|
||
display: inline-block;
|
||
font-family: "Open Sans", Arial, sans-serif;
|
||
font-size: 18px;
|
||
font-size: 1.8rem;
|
||
font-weight: 300;
|
||
line-height: 1;
|
||
margin: 5px 0;
|
||
padding: 12px 24px;
|
||
text-align: center;
|
||
text-decoration: none;
|
||
}
|
||
|
||
button:hover,
|
||
input[type="button"]:hover,
|
||
input[type="reset"]:hover,
|
||
input[type="submit"]:hover,
|
||
.button:hover {
|
||
background-color: #e5f4fd;
|
||
border-color: #159ae7;
|
||
}
|
||
|
||
button:focus,
|
||
input[type="button"]:focus,
|
||
input[type="reset"]:focus,
|
||
input[type="submit"]:focus,
|
||
.button:focus,
|
||
button:active,
|
||
input[type="button"]:active,
|
||
input[type="reset"]:active,
|
||
input[type="submit"]:active,
|
||
.button:active {
|
||
background-color: #ceeafa;
|
||
border-color: #0d5c89;
|
||
margin-top: 6px;
|
||
outline: none;
|
||
}
|
||
|
||
label {
|
||
color: silver;
|
||
font-family: "Open Sans", Arial, sans-serif;
|
||
font-size: 14px;
|
||
font-size: 1.4rem;
|
||
font-weight: 600;
|
||
letter-spacing: 1px;
|
||
margin: 0;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
input[type="text"],
|
||
input[type="email"],
|
||
input[type="url"],
|
||
input[type="password"],
|
||
input[type="search"],
|
||
textarea {
|
||
border: 2px solid #ccc;
|
||
box-sizing: border-box;
|
||
color: #666;
|
||
display: block;
|
||
font-size: 18px;
|
||
font-size: 1.8rem;
|
||
font-weight: normal;
|
||
line-height: 1;
|
||
padding: 12px 10px;
|
||
width: 100%;
|
||
}
|
||
|
||
input[type="text"]:focus,
|
||
input[type="email"]:focus,
|
||
input[type="url"]:focus,
|
||
input[type="password"]:focus,
|
||
input[type="search"]:focus,
|
||
textarea:focus {
|
||
border-color: #159ae7;
|
||
color: #159ae7;
|
||
outline: none;
|
||
}
|
||
|
||
textarea {
|
||
width: 100%;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
5.0 Navigation
|
||
--------------------------------------------------------------*/
|
||
/*--------------------------------------------------------------
|
||
5.1 Links
|
||
--------------------------------------------------------------*/
|
||
a {
|
||
color: #117bb8;
|
||
transition: 100ms all ease-in;
|
||
}
|
||
|
||
a:hover,
|
||
a:focus,
|
||
a:active {
|
||
color: #362e77;
|
||
}
|
||
|
||
a:focus {
|
||
outline: thin dotted;
|
||
}
|
||
|
||
a:hover,
|
||
a:active {
|
||
outline: 0;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
5.2 Menus
|
||
--------------------------------------------------------------*/
|
||
/* Main site navigation */
|
||
.main-navigation {
|
||
border-top: solid #d9d9d9 1px;
|
||
clear: both;
|
||
display: block;
|
||
font-family: "Open Sans", Arial, sans-serif;
|
||
width: 100%;
|
||
}
|
||
|
||
.main-navigation a {
|
||
border-top: solid 4px transparent;
|
||
color: #404040;
|
||
display: block;
|
||
font-size: 17px;
|
||
font-size: 1.7rem;
|
||
font-weight: 600;
|
||
line-height: 1.5;
|
||
position: relative;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.main-navigation a:hover {
|
||
color: #117bb8;
|
||
}
|
||
|
||
.main-navigation ul {
|
||
list-style: none;
|
||
margin: 0;
|
||
padding-left: 0;
|
||
}
|
||
|
||
.main-navigation ul li {
|
||
margin: 0;
|
||
}
|
||
|
||
/* Main navigation */
|
||
.apostrophe-2-navigation .dropdown-toggle {
|
||
background: transparent;
|
||
border: 0;
|
||
display: none;
|
||
margin: 0;
|
||
padding: 10px 10px 15px;
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
}
|
||
|
||
.apostrophe-2-navigation .menu-item-has-children > a:after {
|
||
content: "\f431";
|
||
padding-left: 0.5rem;
|
||
vertical-align: -0.1rem;
|
||
}
|
||
|
||
.apostrophe-2-navigation .dropdown-toggle:before {
|
||
content: "\f431";
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.apostrophe-2-navigation .dropdown-toggle.toggled-on:before {
|
||
content: "\f432";
|
||
}
|
||
|
||
.apostrophe-2-navigation .current_page_item a,
|
||
.apostrophe-2-navigation .current-menu-item a,
|
||
.apostrophe-2-navigation .current-post-ancestor a,
|
||
.apostrophe-2-navigation .current-menu-ancestor a,
|
||
.apostrophe-2-navigation .current-menu-parent a,
|
||
.apostrophe-2-navigation .current-post-parent a {
|
||
border-top-color: #117bb8;
|
||
}
|
||
|
||
/* Social menu */
|
||
.jetpack-social-navigation ul {
|
||
color: transparent;
|
||
float: right;
|
||
list-style: none;
|
||
padding: 3px 0;
|
||
}
|
||
|
||
.jetpack-social-navigation ul .dropdown-toggle {
|
||
display: none;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li a {
|
||
line-height: 1;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li a span {
|
||
left: -999em;
|
||
position: absolute;
|
||
}
|
||
|
||
.jetpack-social-navigation-svg ul .icon {
|
||
fill: silver;
|
||
width: 24px;
|
||
height: 32px;
|
||
transition: 200ms color ease-in;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover {
|
||
background: none;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a .icon {
|
||
fill: #117bb8;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="codepen.io"] .icon {
|
||
fill: #252527;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="digg.com"] .icon {
|
||
fill: #356aa0;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="dribbble.com"] .icon {
|
||
fill: #ea4c89;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="facebook.com"] .icon {
|
||
fill: #3b5998;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="flickr.com"] .icon {
|
||
fill: #ff0084;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="plus.google.com"] .icon {
|
||
fill: #dd4b39;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="github.com"] .icon {
|
||
fill: #f5f5f5;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="instagram.com"] .icon {
|
||
fill: #517fa4;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="linkedin.com"] .icon {
|
||
fill: #007bb6;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="pinterest."] .icon {
|
||
fill: #cb2027;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="polldaddy.com"] .icon {
|
||
fill: #bc0b0b;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="getpocket.com"] .icon {
|
||
fill: #ef4056;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="reddit.com"] .icon {
|
||
fill: #ff5700;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="skype.com"] .icon,
|
||
.jetpack-social-navigation ul li:hover a[href*="skype:"] .icon {
|
||
fill: #12a5f4;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="stumbleupon.com"] .icon {
|
||
fill: #eb4924;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="tumblr.com"] .icon {
|
||
fill: #32506d;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="twitter.com"] .icon {
|
||
fill: #00aced;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="vimeo.com"] .icon {
|
||
fill: #aad450;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="wordpress.org"] .icon,
|
||
.jetpack-social-navigation ul li:hover a[href*="wordpress.com"] .icon {
|
||
fill: #21759b;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href*="youtube.com"] .icon {
|
||
fill: #b00;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li:hover a[href$="/feed/"] .icon,
|
||
.jetpack-social-navigation ul li:hover a[href$="/feed"] .icon,
|
||
.jetpack-social-navigation ul li:hover a[href$="?feed=rss2"] .icon {
|
||
fill: #f60;
|
||
}
|
||
|
||
/* General navigation */
|
||
.navigation {
|
||
margin: 3.0303% 0;
|
||
}
|
||
|
||
.navigation:before,
|
||
.navigation:after {
|
||
content: "";
|
||
display: table;
|
||
}
|
||
|
||
.navigation:after {
|
||
clear: both;
|
||
}
|
||
|
||
/* In-page navigation */
|
||
.nav-previous,
|
||
.nav-next {
|
||
font-size: 17px;
|
||
font-size: 1.7rem;
|
||
line-height: 1.2;
|
||
width: 50%;
|
||
}
|
||
|
||
.nav-previous a,
|
||
.nav-next a {
|
||
display: block;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.nav-previous .meta-nav,
|
||
.nav-next .meta-nav {
|
||
color: silver;
|
||
display: block;
|
||
font-family: "Open Sans", Arial, sans-serif;
|
||
font-size: 28px;
|
||
font-size: 2.8rem;
|
||
font-weight: 100;
|
||
overflow: hidden;
|
||
padding-bottom: 6px;
|
||
position: relative;
|
||
}
|
||
|
||
.nav-previous .meta-nav:before,
|
||
.nav-next .meta-nav:before {
|
||
color: silver;
|
||
content: "\f432";
|
||
display: block;
|
||
font-size: 36px;
|
||
font-size: 3.6rem;
|
||
position: absolute;
|
||
}
|
||
|
||
.nav-previous {
|
||
float: left;
|
||
}
|
||
|
||
.nav-previous .meta-nav {
|
||
padding-left: 25px;
|
||
}
|
||
|
||
.nav-previous .meta-nav:before {
|
||
-moz-transform: rotate(-90deg);
|
||
-ms-transform: rotate(-90deg);
|
||
-o-transform: rotate(-90deg);
|
||
-webkit-transform: rotate(-90deg);
|
||
left: -10px;
|
||
top: -2px;
|
||
}
|
||
|
||
.nav-next {
|
||
float: right;
|
||
text-align: right;
|
||
}
|
||
|
||
.nav-next .meta-nav {
|
||
padding-right: 25px;
|
||
}
|
||
|
||
.nav-next .meta-nav:before {
|
||
-moz-transform: rotate(90deg);
|
||
-ms-transform: rotate(90deg);
|
||
-o-transform: rotate(90deg);
|
||
-webkit-transform: rotate(90deg);
|
||
right: -10px;
|
||
top: 2px;
|
||
}
|
||
|
||
/* Pagination */
|
||
.posts-navigation {
|
||
border-top: solid 1px;
|
||
clear: both;
|
||
display: block;
|
||
float: left;
|
||
text-align: center;
|
||
width: 100%;
|
||
}
|
||
|
||
.posts-navigation .nav-previous {
|
||
width: auto;
|
||
}
|
||
|
||
.posts-navigation a {
|
||
border-top: solid 4px transparent;
|
||
display: inline-block;
|
||
font-size: 20px;
|
||
font-weight: 400;
|
||
height: 48px;
|
||
line-height: 40px;
|
||
text-decoration: none;
|
||
}
|
||
|
||
/* Image navigation */
|
||
.image-navigation {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.attachment .post-navigation .nav-previous {
|
||
border-top: 2px solid #ccc;
|
||
margin-top: 1.51515%;
|
||
padding-top: 3.0303%;
|
||
text-align: center;
|
||
width: 100%;
|
||
}
|
||
|
||
.attachment .post-navigation .nav-previous .meta-nav {
|
||
display: inline-block;
|
||
position: relative;
|
||
}
|
||
|
||
.attachment .post-navigation .nav-previous .post-title {
|
||
display: block;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
6.0 Accessibility
|
||
--------------------------------------------------------------*/
|
||
/* Text meant only for screen readers. */
|
||
.screen-reader-text {
|
||
clip: rect(1px, 1px, 1px, 1px);
|
||
height: 1px;
|
||
overflow: hidden;
|
||
position: absolute !important;
|
||
width: 1px;
|
||
}
|
||
|
||
.screen-reader-text:focus {
|
||
background-color: #f1f1f1;
|
||
border-radius: 3px;
|
||
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||
clip: auto !important;
|
||
color: #21759b;
|
||
display: block;
|
||
font-size: 0.875px;
|
||
font-size: 0.0875rem;
|
||
font-weight: bold;
|
||
height: auto;
|
||
left: 5px;
|
||
line-height: normal;
|
||
padding: 15px 23px 14px;
|
||
text-decoration: none;
|
||
top: 5px;
|
||
width: auto;
|
||
z-index: 100000;
|
||
/* Above WP toolbar. */
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
7.0 Alignments
|
||
--------------------------------------------------------------*/
|
||
.alignleft {
|
||
display: inline;
|
||
float: left;
|
||
margin-right: 1.5em;
|
||
}
|
||
|
||
.alignright {
|
||
display: inline;
|
||
float: right;
|
||
margin-left: 1.5em;
|
||
}
|
||
|
||
.aligncenter {
|
||
display: block;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
8.0 Clearings
|
||
--------------------------------------------------------------*/
|
||
.clear:before:before,
|
||
.clear:before:after,
|
||
.clear:after:before,
|
||
.clear:after:after,
|
||
.entry-content:before:before,
|
||
.entry-content:before:after,
|
||
.entry-content:after:before,
|
||
.entry-content:after:after,
|
||
.comment-content:before:before,
|
||
.comment-content:before:after,
|
||
.comment-content:after:before,
|
||
.comment-content:after:after,
|
||
.site-header:before:before,
|
||
.site-header:before:after,
|
||
.site-header:after:before,
|
||
.site-header:after:after,
|
||
.site-content:before:before,
|
||
.site-content:before:after,
|
||
.site-content:after:before,
|
||
.site-content:after:after,
|
||
.site-footer:before:before,
|
||
.site-footer:before:after,
|
||
.site-footer:after:before,
|
||
.site-footer:after:after {
|
||
content: "";
|
||
display: table;
|
||
}
|
||
|
||
.clear:before:after,
|
||
.clear:after:after,
|
||
.entry-content:before:after,
|
||
.entry-content:after:after,
|
||
.comment-content:before:after,
|
||
.comment-content:after:after,
|
||
.site-header:before:after,
|
||
.site-header:after:after,
|
||
.site-content:before:after,
|
||
.site-content:after:after,
|
||
.site-footer:before:after,
|
||
.site-footer:after:after {
|
||
clear: both;
|
||
}
|
||
|
||
.clear:after,
|
||
.entry-content:after,
|
||
.comment-content:after,
|
||
.site-header:after,
|
||
.site-content:after,
|
||
.site-footer:after {
|
||
clear: both;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
9.0 Widgets
|
||
--------------------------------------------------------------*/
|
||
/* Make sure select elements fit in widgets. */
|
||
.widget select {
|
||
font-size: 16px;
|
||
font-size: 1.6rem;
|
||
max-width: 100%;
|
||
}
|
||
|
||
/* Form elements should span the full width. */
|
||
.widget input {
|
||
width: 100%;
|
||
}
|
||
|
||
/* Calendar widget */
|
||
.widget_calendar {
|
||
max-width: 500px;
|
||
}
|
||
.widget_calendar #next {
|
||
text-align: right;
|
||
}
|
||
|
||
/* Search widget */
|
||
.widget_search .search-form label {
|
||
float: none;
|
||
width: 100%;
|
||
}
|
||
|
||
.widget_search .search-submit {
|
||
display: none;
|
||
}
|
||
|
||
/* Facebook widget */
|
||
.widget_facebook_likebox iframe {
|
||
margin: 0;
|
||
}
|
||
|
||
/* Video widget */
|
||
.widget_media_video iframe {
|
||
margin: 0;
|
||
}
|
||
|
||
/* Follow Blog widget */
|
||
.sidebar-primary #subscribe-blog input[type="submit"] {
|
||
color: #fff;
|
||
}
|
||
|
||
#subscribe-blog input[type="submit"]:focus,
|
||
#subscribe-blog input[type="submit"]:hover {
|
||
color: #159ae7;
|
||
}
|
||
|
||
/* Remove exatra spacing below lists and other elements. */
|
||
.widget > ol,
|
||
.widget > ul,
|
||
.widget :last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
10.0 Content
|
||
--------------------------------------------------------------*/
|
||
/*--------------------------------------------------------------
|
||
10.0 Basic structure
|
||
--------------------------------------------------------------*/
|
||
#page {
|
||
background: #fff;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
max-width: 1140px;
|
||
}
|
||
|
||
#page:after {
|
||
clear: both;
|
||
content: " ";
|
||
display: block;
|
||
}
|
||
|
||
#main:before,
|
||
#main:after {
|
||
content: "";
|
||
display: table;
|
||
}
|
||
|
||
#main:after {
|
||
clear: both;
|
||
}
|
||
|
||
.custom-logo {
|
||
max-height: 125px;
|
||
width: auto;
|
||
}
|
||
|
||
.site-title,
|
||
.site-description {
|
||
font-family: "PT Serif", Georgia, "Times New Roman", serif;
|
||
font-size: 36px;
|
||
font-size: 3.6rem;
|
||
font-weight: 400;
|
||
line-height: 1;
|
||
margin: 0 0 1.51515%;
|
||
padding: 0;
|
||
}
|
||
|
||
.site-title a,
|
||
.site-description a {
|
||
color: #362e77;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.site-title a:hover,
|
||
.site-description a:hover {
|
||
color: #117bb8;
|
||
}
|
||
|
||
.site-description {
|
||
font-size: 21px;
|
||
font-size: 2.1rem;
|
||
font-style: italic;
|
||
}
|
||
|
||
.site-footer {
|
||
clear: both;
|
||
margin: 48px 0 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.site-footer .widget-area {
|
||
border-top: 4px solid #ccc;
|
||
text-align: center;
|
||
width: 100%;
|
||
}
|
||
|
||
.site-footer .widget-area #footer-sidebar {
|
||
clear: both;
|
||
line-height: 1.5;
|
||
margin: 0 auto;
|
||
max-width: 800px;
|
||
}
|
||
|
||
.site-footer .widget-area #footer-sidebar:before,
|
||
.site-footer .widget-area #footer-sidebar:after {
|
||
content: "";
|
||
display: table;
|
||
}
|
||
|
||
.site-footer .widget-area #footer-sidebar:after {
|
||
clear: both;
|
||
}
|
||
|
||
.site-footer .widget-area li {
|
||
display: inline-block;
|
||
padding-right: 5px;
|
||
/* Hierarchical lists look pretty funky in a sidebar footer with center alignment.
|
||
* Let's just display them inline for the time being.
|
||
*/
|
||
}
|
||
|
||
.site-footer .widget-area .widget_text li {
|
||
display: list-item;
|
||
}
|
||
|
||
.site-footer .widget-area li:after {
|
||
content: "|";
|
||
display: inline;
|
||
padding-left: 10px;
|
||
}
|
||
|
||
.site-footer .widget-area .widget_text li:after,
|
||
.site-footer .widget-area .jetpack_widget_social_icons li:after,
|
||
.site-footer .widget-area .widget_wpcom_social_media_icons_widget li:after {
|
||
content: '';
|
||
display: none;
|
||
}
|
||
|
||
.site-footer .widget-area li:last-child:after {
|
||
display: none;
|
||
}
|
||
|
||
.site-footer .widget-area li ul,
|
||
.site-footer .widget-area li ol {
|
||
display: inline;
|
||
}
|
||
|
||
.site-footer .widget-area .widget_text li ul,
|
||
.site-footer .widget-area .widget_text li ol {
|
||
display: block;
|
||
}
|
||
|
||
.site-footer .widget-area .widget {
|
||
border-top: none;
|
||
clear: left;
|
||
margin: 0;
|
||
padding: 0.75758% 0;
|
||
}
|
||
|
||
.site-footer .widget-area input {
|
||
width: auto;
|
||
}
|
||
|
||
.site-footer .widget-area input.search-field {
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.site-footer .site-info {
|
||
border-top: 2px solid #ccc;
|
||
font-size: 16px;
|
||
font-size: 1.6rem;
|
||
padding: 0.75758% 0 0;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
10.1 Posts and pages
|
||
--------------------------------------------------------------*/
|
||
/* Sticky posts */
|
||
.sticky .entry-meta::before {
|
||
content: "\f408";
|
||
display: inline;
|
||
margin: 0;
|
||
vertical-align: bottom;
|
||
}
|
||
|
||
/* Entry thumbnail */
|
||
figure.entry-thumbnail {
|
||
margin: 0 0 1.5em;
|
||
}
|
||
|
||
/* Entry/post headers */
|
||
.entry-format::before {
|
||
background: #e6e6e6;
|
||
border: 2px solid #fff;
|
||
border-radius: 50%;
|
||
color: #fff;
|
||
display: inline-block;
|
||
font-size: 24px;
|
||
height: 38px;
|
||
padding: 5px;
|
||
position: absolute;
|
||
right: 0;
|
||
top: 19%;
|
||
width: 38px;
|
||
}
|
||
|
||
.entry-format:hover::before {
|
||
background: #ccc;
|
||
}
|
||
|
||
.page-header {
|
||
margin: 0 0 3.0303% 0;
|
||
}
|
||
|
||
body:not(.single) .byline,
|
||
.updated:not(.published) {
|
||
display: none;
|
||
}
|
||
|
||
.page-title,
|
||
.entry-title {
|
||
margin-top: 0;
|
||
position: relative;
|
||
}
|
||
|
||
.edit-link,
|
||
.comment-reply-link {
|
||
background: #ccc;
|
||
}
|
||
|
||
.edit-link:hover,
|
||
.comment-reply-link:hover {
|
||
background: silver;
|
||
}
|
||
|
||
/* Entry/page content */
|
||
.page-content,
|
||
.entry-content,
|
||
.entry-summary {
|
||
margin: 1.5em 0 0;
|
||
}
|
||
|
||
.page-links {
|
||
clear: both;
|
||
font-family: "Open Sans", Arial, sans-serif;
|
||
font-size: 14px;
|
||
font-size: 1.4rem;
|
||
font-weight: 600;
|
||
margin: 0 0 1.5em;
|
||
}
|
||
|
||
.page-links a {
|
||
font-weight: 400;
|
||
padding: 0 2px;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.page-description {
|
||
margin: 0 0 48px 0;
|
||
padding: 12px 24px;
|
||
}
|
||
|
||
.page-description p {
|
||
margin-bottom: 0;
|
||
margin-top: 24px;
|
||
}
|
||
|
||
/* Entry/page footers */
|
||
.entry-footer:before,
|
||
.entry-footer:after {
|
||
content: "";
|
||
display: table;
|
||
}
|
||
|
||
.entry-footer:after {
|
||
clear: both;
|
||
}
|
||
|
||
.entry-footer .post-categories,
|
||
.entry-footer .post-tags {
|
||
float: left;
|
||
font-size: 0;
|
||
list-style: none;
|
||
margin: 0.2rem 0 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.entry-meta .posted-on,
|
||
.entry-meta .byline,
|
||
.entry-footer .post-categories li,
|
||
.entry-footer .post-tags li {
|
||
display: inline-block;
|
||
margin: 0 0.4rem 0.4rem 0;
|
||
}
|
||
|
||
.archive article .entry-meta .posted-on,
|
||
.blog article .entry-meta .posted-on,
|
||
.search article .entry-meta .posted-on{
|
||
display: inherit;
|
||
}
|
||
|
||
.entry-footer a[rel="tag"],
|
||
.entry-footer a[rel="category tag"] {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.entry-footer a[rel="tag"]::before,
|
||
.entry-footer a[rel="category tag"]::before {
|
||
margin: 0 0.2rem 0 -0.2rem;
|
||
vertical-align: -0.2rem;
|
||
}
|
||
|
||
.entry-footer a[rel="tag"]:hover,
|
||
.entry-footer a[rel="category tag"]:hover {
|
||
background-color: #5a5a5a;
|
||
}
|
||
|
||
.entry-footer a[rel="category tag"] {
|
||
background: #362e77;
|
||
}
|
||
|
||
.entry-footer a[rel="category tag"]::before {
|
||
content: "\f301";
|
||
}
|
||
|
||
.entry-footer a[rel="tag"]::before {
|
||
content: "\f302";
|
||
}
|
||
|
||
.entry-footer .apostrophe-2-tags::after {
|
||
clear: both;
|
||
content: "";
|
||
display: block;
|
||
}
|
||
|
||
/* Author panel */
|
||
.single .entry-author {
|
||
border-bottom: 4px solid #ddd;
|
||
clear: left;
|
||
margin: 125px 0 3.0303%;
|
||
padding: 3.0303% 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.single .entry-author:before {
|
||
clear: both;
|
||
display: block;
|
||
width: 100%;
|
||
}
|
||
|
||
.single .entry-author .author-title {
|
||
font-size: 28px;
|
||
font-size: 2.8rem;
|
||
font-weight: 300;
|
||
}
|
||
|
||
.single .entry-author .author-avatar {
|
||
border-top: 1px solid #ddd;
|
||
}
|
||
|
||
.single .entry-author .avatar {
|
||
border-radius: 50%;
|
||
height: 125px;
|
||
margin-top: -62.5px;
|
||
width: 125px;
|
||
}
|
||
|
||
.single .entry-author .author-bio {
|
||
clear: left;
|
||
font-size: 17px;
|
||
font-size: 1.7rem;
|
||
font-style: italic;
|
||
text-align: left;
|
||
}
|
||
|
||
.single .entry-author h3 a {
|
||
color: #a6a6a6;
|
||
}
|
||
|
||
.single .entry-author h3 a:hover {
|
||
color: #737373;
|
||
}
|
||
|
||
/* Archive pages */
|
||
|
||
/* Posts without featured images will show as a grey box in the panel.
|
||
* This hack sets the box's height to be equal to its width.
|
||
* http://www.mademyday.de/css-height-equals-width-with-pure-css.html
|
||
*/
|
||
.archive .entry-thumbnail,
|
||
.blog .entry-thumbnail,
|
||
.search .entry-thumbnail {
|
||
display: block;
|
||
line-height: 0;
|
||
/* This eradicates any unwanted bottom padding. */
|
||
}
|
||
|
||
.archive .entry-thumbnail img,
|
||
.blog .entry-thumbnail img,
|
||
.search .entry-thumbnail img {
|
||
transition: all 0.125s linear;
|
||
/* Fade out quickly */
|
||
}
|
||
|
||
.archive .entry-meta,
|
||
.blog .entry-meta,
|
||
.search .entry-meta {
|
||
display: table;
|
||
position: relative;
|
||
}
|
||
|
||
.single.date-hidden .entry-meta {
|
||
padding: 0;
|
||
}
|
||
|
||
.archive .entry-title,
|
||
.blog .entry-title,
|
||
.search .entry-title {
|
||
font-family: "PT Serif", Georgia, "Times New Roman", serif;
|
||
font-size: 21px;
|
||
font-size: 2.1rem;
|
||
font-weight: normal;
|
||
line-height: 1.2;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.archive .entry-title a,
|
||
.blog .entry-title a,
|
||
.search .entry-title a {
|
||
color: #117bb8;
|
||
}
|
||
|
||
.blog .featured-content .entry-title a,
|
||
.blog .sticky .entry-title a {
|
||
color: #362e77;
|
||
}
|
||
|
||
.archive article:hover .entry-thumbnail img,
|
||
.blog article:hover .entry-thumbnail img,
|
||
.search article:hover .entry-thumbnail img {
|
||
/* IE6-9 */
|
||
-webkit-filter: grayscale(100%);
|
||
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
|
||
/* Firefox 10+, Firefox on Android */
|
||
filter: gray;
|
||
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
|
||
filter: grayscale(100%);
|
||
transition: all 0.5s linear;
|
||
/* Fade in slowly */
|
||
}
|
||
|
||
.archive article:hover .entry-title a,
|
||
.blog article:hover .entry-title a,
|
||
.search article:hover .entry-title a {
|
||
color: #a6a6a6;
|
||
}
|
||
|
||
/* Articles without featured images */
|
||
.archive .apostrophe-2-nothumb,
|
||
.blog .apostrophe-2-nothumb,
|
||
.search .apostrophe-2-nothumb {
|
||
background: #ccc;
|
||
position: relative;
|
||
}
|
||
|
||
.archive .apostrophe-2-nothumb:before,
|
||
.blog .apostrophe-2-nothumb:before,
|
||
.search .apostrophe-2-nothumb:before {
|
||
content: "";
|
||
display: block;
|
||
padding-top: 100%;
|
||
}
|
||
|
||
.archive .apostrophe-2-nothumb span,
|
||
.blog .apostrophe-2-nothumb span,
|
||
.search .apostrophe-2-nothumb span {
|
||
bottom: 0;
|
||
left: 0;
|
||
position: absolute;
|
||
right: 0;
|
||
text-align: center;
|
||
top: 0;
|
||
}
|
||
|
||
.archive .apostrophe-2-nothumb span:before,
|
||
.blog .apostrophe-2-nothumb span:before,
|
||
.search .apostrophe-2-nothumb span:before {
|
||
color: #fff;
|
||
content: "\f100";
|
||
}
|
||
|
||
/* Featured content */
|
||
.archive .apostrophe-2-featured .entry-title,
|
||
.blog .apostrophe-2-featured .entry-title,
|
||
.search .apostrophe-2-featured .entry-title {
|
||
font-size: 3.6rem;
|
||
}
|
||
|
||
.archive .apostrophe-2-featured .apostrophe-2-nothumb:before,
|
||
.blog .apostrophe-2-featured .apostrophe-2-nothumb:before,
|
||
.search .apostrophe-2-featured .apostrophe-2-nothumb:before {
|
||
padding-top: 48.45%;
|
||
}
|
||
|
||
/* Inline controls for logged-in users on archive pages */
|
||
article {
|
||
position: relative;
|
||
}
|
||
|
||
.apostrophe-2-inline-controls {
|
||
background: #eee;
|
||
display: none;
|
||
line-height: 1;
|
||
position: absolute;
|
||
right: 10px;
|
||
top: 4px;
|
||
}
|
||
|
||
.apostrophe-2-inline-controls a {
|
||
color: #333;
|
||
display: inline-block;
|
||
font-size: 16px;
|
||
font-size: 1.6rem;
|
||
height: auto;
|
||
padding: 6px;
|
||
text-decoration: none;
|
||
width: auto;
|
||
}
|
||
|
||
article:hover .apostrophe-2-inline-controls {
|
||
display: block;
|
||
}
|
||
|
||
.apostrophe-2-featured .apostrophe-2-featured-toggle {
|
||
color: #eac31c;
|
||
}
|
||
|
||
.apostrophe-2-featured .apostrophe-2-featured-toggle:hover {
|
||
color: white !important;
|
||
}
|
||
|
||
.apostrophe-2-featured-toggle:hover {
|
||
color: #eac31c !important;
|
||
}
|
||
|
||
/* Password-protected posts */
|
||
.post-password-form input[type="submit"] {
|
||
margin-top: 12px;
|
||
}
|
||
|
||
/* Search form */
|
||
.search-form {
|
||
margin-bottom: 3.0303%;
|
||
}
|
||
|
||
.search-form:before,
|
||
.search-form:after {
|
||
content: "";
|
||
display: table;
|
||
}
|
||
|
||
.search-form:after {
|
||
clear: both;
|
||
}
|
||
|
||
.search-form input[type="submit"] {
|
||
width: 100%;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
10.2 Asides
|
||
--------------------------------------------------------------*/
|
||
/* General widget styles */
|
||
.widgettitle,
|
||
.widget-title,
|
||
.widget-title label {
|
||
color: #a6a6a6;
|
||
font-size: 18px;
|
||
font-size: 1.8rem;
|
||
line-height: 24px;
|
||
margin-bottom: 24px;
|
||
margin-top: 0;
|
||
padding-top: 0;
|
||
}
|
||
|
||
.widget-title label {
|
||
text-transform: none;
|
||
}
|
||
|
||
.widget {
|
||
border-top: 4px solid #d9d9d9;
|
||
margin-bottom: 7.57576%;
|
||
padding: 8.33333% 8.33333%;
|
||
word-wrap: break-word;
|
||
}
|
||
|
||
.widget li > ul,
|
||
.widget li > ol {
|
||
margin-left: 0.5em;
|
||
padding-left: 1em;
|
||
}
|
||
|
||
/* Specific widget areas */
|
||
.widget-area .sidebar-primary aside {
|
||
background: #117bb8;
|
||
border-top-color: #362e77;
|
||
color: #fff;
|
||
}
|
||
|
||
.widget-area .sidebar-primary aside .widgettitle,
|
||
.widget-area .sidebar-primary aside .widget-title,
|
||
.widget-area .sidebar-primary aside .widget-title label {
|
||
color: #fff;
|
||
}
|
||
|
||
.widget-area .sidebar-primary aside a,
|
||
.widget-area .sidebar-primary aside cite {
|
||
color: #ceeafa;
|
||
}
|
||
|
||
.widget-area .sidebar-primary aside ul {
|
||
font-size: 16px;
|
||
font-size: 1.6rem;
|
||
line-height: 1.2;
|
||
padding-left: 20px;
|
||
}
|
||
|
||
.widget-area .sidebar-primary aside.widget_text ul {
|
||
line-height: inherit;
|
||
}
|
||
|
||
.widget-area .sidebar-primary aside.jetpack_widget_social_icons ul {
|
||
padding-left: 0;
|
||
}
|
||
|
||
.widget-area .sidebar-primary aside.jetpack_widget_social_icons ul a:hover {
|
||
color: #fff;
|
||
}
|
||
|
||
.widget-area .sidebar-primary aside:last-child p:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.widget-area .sidebar-secondary aside {
|
||
background: #f8f8f8;
|
||
}
|
||
|
||
.widget-area .sidebar-secondary,
|
||
.widget-area .sidebar-tertiary {
|
||
font-size: 16px;
|
||
font-size: 1.6rem;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.widget-area .sidebar-tertiary .widget {
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
}
|
||
|
||
/* Adjust 404 page widgets a bit */
|
||
.error404 .page-content .widget {
|
||
font-size: 16px;
|
||
font-size: 1.6rem;
|
||
line-height: 1.2;
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
10.3 Comments
|
||
--------------------------------------------------------------*/
|
||
.comments-title,
|
||
#reply-title {
|
||
margin: 3.0303% 0 0;
|
||
}
|
||
|
||
.comment-list {
|
||
clear: both;
|
||
list-style: none;
|
||
padding-top: 2em;
|
||
}
|
||
|
||
.comment-list ul.children {
|
||
list-style: none;
|
||
margin-left: 20px;
|
||
}
|
||
|
||
.comment-meta {
|
||
font-family: "Open Sans", Arial, sans-serif;
|
||
padding: 0.25em;
|
||
}
|
||
|
||
.comment-meta .comment-author .avatar {
|
||
border-radius: 50%;
|
||
float: left;
|
||
height: 100px;
|
||
margin: 0 0.5em 0 0;
|
||
width: 100px;
|
||
}
|
||
|
||
.comment-meta .comment-author b {
|
||
color: #999;
|
||
display: inline-block;
|
||
font-size: 28px;
|
||
font-size: 2.8rem;
|
||
font-weight: 300;
|
||
line-height: 1.2;
|
||
max-width: calc(100% - 100px - 0.5em);
|
||
padding-top: 0.25em;
|
||
}
|
||
|
||
.comment-meta .comment-author b a {
|
||
color: #999;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.comment-meta .comment-author .says {
|
||
display: none;
|
||
}
|
||
|
||
.comment-meta .comment-metadata {
|
||
font-size: 14px;
|
||
font-size: 1.4rem;
|
||
font-weight: 600;
|
||
letter-spacing: 1px;
|
||
margin-top: 0;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.comment-meta .comment-metadata > a {
|
||
color: #737373;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.comment-content {
|
||
border-bottom: 1px solid #ccc;
|
||
}
|
||
|
||
.comment-content a {
|
||
word-wrap: break-word;
|
||
}
|
||
|
||
.reply {
|
||
margin-top: -1em;
|
||
text-align: center;
|
||
}
|
||
|
||
.comment-reply-link:hover {
|
||
color: #fff;
|
||
}
|
||
|
||
.bypostauthor .comment-meta {
|
||
background: rgba(58, 58, 58, 0.03);
|
||
}
|
||
|
||
#reply-title {
|
||
margin-top: 2em;
|
||
}
|
||
|
||
.form-allowed-tags {
|
||
background: #efefef;
|
||
border-radius: 1rem;
|
||
font-size: 16px;
|
||
font-size: 1.6rem;
|
||
padding: 1.5rem;
|
||
}
|
||
|
||
#comment-nav-above {
|
||
margin: 1.51515% 0 0;
|
||
}
|
||
|
||
#comment-nav-below {
|
||
margin: 0 0 1.51515%;
|
||
}
|
||
|
||
#respond label {
|
||
letter-spacing: 0;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
11.0 Infinite scroll
|
||
--------------------------------------------------------------*/
|
||
/* Globally hidden elements when Infinite Scroll is supported and in use. */
|
||
.infinite-scroll .posts-navigation,
|
||
.infinite-scroll.neverending .site-footer {
|
||
display: none;
|
||
}
|
||
|
||
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
|
||
.infinity-end.neverending .site-footer {
|
||
display: block;
|
||
}
|
||
|
||
/* Click-to-scroll button */
|
||
#infinite-handle {
|
||
clear: both;
|
||
text-align: center;
|
||
}
|
||
|
||
#infinite-handle span {
|
||
background: #333;
|
||
padding: 10px 20px;
|
||
}
|
||
|
||
#infinite-handle span:hover {
|
||
background: silver;
|
||
}
|
||
|
||
/* Loading icon */
|
||
.infinite-loader {
|
||
clear: both;
|
||
text-align: center;
|
||
margin: 10px 0 18px;
|
||
}
|
||
|
||
.infinite-loader .spinner {
|
||
left: 50% !important; /* ..because the Jetpack CSS is inline */
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
# Jetpack Contact Forms
|
||
--------------------------------------------------------------*/
|
||
|
||
body .contact-form input[type="radio"],
|
||
body .contact-form input[type="checkbox"] {
|
||
margin-bottom: 6px;
|
||
margin-right: .3em;
|
||
vertical-align: middle;
|
||
}
|
||
body .contact-form label.checkbox,
|
||
body .contact-form label.checkbox-multiple,
|
||
body .contact-form label.radio {
|
||
font-weight: normal;
|
||
margin-bottom: 4px;
|
||
letter-spacing: 0px;
|
||
text-transform: none;
|
||
color: inherit;
|
||
}
|
||
body .contact-form label.checkbox,
|
||
body .contact-form > div {
|
||
margin-bottom: 16px;
|
||
}
|
||
body .contact-form textarea,
|
||
body .contact-form input[type='text'],
|
||
body .contact-form input[type='email'],
|
||
body .contact-form input[type='url'],
|
||
body .contact-form select {
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
12.0 Media
|
||
--------------------------------------------------------------*/
|
||
.page-content .wp-smiley,
|
||
.entry-content .wp-smiley,
|
||
.comment-content .wp-smiley {
|
||
border: none;
|
||
margin-bottom: 0;
|
||
margin-top: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
img.size-full,
|
||
img.size-large {
|
||
display: block;
|
||
margin-bottom: 36px;
|
||
margin-top: 36px;
|
||
}
|
||
|
||
img.alignnone,
|
||
.wp-caption.alignnone img:not(.wp-smiley) {
|
||
display: block;
|
||
}
|
||
|
||
img.alignright,
|
||
img.alignleft,
|
||
.wp-caption.alignleft img,
|
||
.wp-caption.alignright img {
|
||
margin-top: 0;
|
||
}
|
||
|
||
/* Make sure embeds and iframes fit their containers. */
|
||
embed,
|
||
iframe,
|
||
object {
|
||
margin-bottom: 24px;
|
||
margin-top: 24px;
|
||
max-width: 100%;
|
||
}
|
||
|
||
/* Remove margins from sharing buttons using iframes. */
|
||
.sd-sharing-enabled iframe {
|
||
margin: 0;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
12.1 Captions
|
||
--------------------------------------------------------------*/
|
||
.wp-caption {
|
||
max-width: 100%;
|
||
}
|
||
|
||
.wp-caption img[class*="wp-image-"] {
|
||
display: block;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
.wp-caption img.size-full,
|
||
.wp-caption img.size-large {
|
||
clear: both;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.wp-caption-text {
|
||
display: block;
|
||
font-style: italic;
|
||
line-height: 1.2;
|
||
margin-bottom: 0.5em;
|
||
margin-top: 0.5em;
|
||
text-align: center;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
12.2 Galleries
|
||
--------------------------------------------------------------*/
|
||
.gallery {
|
||
margin-bottom: 1.5em;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
max-width: 1140px;
|
||
}
|
||
|
||
.gallery:after {
|
||
clear: both;
|
||
content: " ";
|
||
display: block;
|
||
}
|
||
|
||
.gallery-item {
|
||
margin: 0;
|
||
padding-bottom: 0.5em;
|
||
text-align: center;
|
||
}
|
||
|
||
.gallery-item a {
|
||
display: block;
|
||
line-height: 0;
|
||
}
|
||
|
||
.gallery-item a::before,
|
||
.gallery-item a::after {
|
||
display: block;
|
||
}
|
||
|
||
.gallery-item .wp-caption-text a {
|
||
line-height: 1.2;
|
||
}
|
||
|
||
.gallery-columns-2 {
|
||
margin-left: -0.25em;
|
||
margin-right: -0.25em;
|
||
}
|
||
|
||
.gallery-columns-2 .gallery-item {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
padding-left: 0.25em;
|
||
padding-right: 0.25em;
|
||
width: 50%;
|
||
}
|
||
|
||
.gallery-columns-2 .gallery-item:nth-child(2n + 1) {
|
||
clear: both;
|
||
margin-left: 0;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-2 .gallery-item:nth-child(2n + 2) {
|
||
clear: none;
|
||
margin-left: 50%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-3 {
|
||
margin-left: -0.25em;
|
||
margin-right: -0.25em;
|
||
}
|
||
|
||
.gallery-columns-3 .gallery-item {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
padding-left: 0.25em;
|
||
padding-right: 0.25em;
|
||
width: 33.33333%;
|
||
}
|
||
|
||
.gallery-columns-3 .gallery-item:nth-child(3n + 1) {
|
||
clear: both;
|
||
margin-left: 0;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-3 .gallery-item:nth-child(3n + 2) {
|
||
clear: none;
|
||
margin-left: 33.33333%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-3 .gallery-item:nth-child(3n + 3) {
|
||
clear: none;
|
||
margin-left: 66.66667%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-4 {
|
||
margin-left: -0.25em;
|
||
margin-right: -0.25em;
|
||
}
|
||
|
||
.gallery-columns-4 .gallery-item {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
padding-left: 0.25em;
|
||
padding-right: 0.25em;
|
||
width: 25%;
|
||
}
|
||
|
||
.gallery-columns-4 .gallery-item:nth-child(4n + 1) {
|
||
clear: both;
|
||
margin-left: 0;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-4 .gallery-item:nth-child(4n + 2) {
|
||
clear: none;
|
||
margin-left: 25%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-4 .gallery-item:nth-child(4n + 3) {
|
||
clear: none;
|
||
margin-left: 50%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-4 .gallery-item:nth-child(4n + 4) {
|
||
clear: none;
|
||
margin-left: 75%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-5 {
|
||
margin-left: -0.25em;
|
||
margin-right: -0.25em;
|
||
}
|
||
|
||
.gallery-columns-5 .gallery-item {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
padding-left: 0.25em;
|
||
padding-right: 0.25em;
|
||
width: 20%;
|
||
}
|
||
|
||
.gallery-columns-5 .gallery-item:nth-child(5n + 1) {
|
||
clear: both;
|
||
margin-left: 0;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-5 .gallery-item:nth-child(5n + 2) {
|
||
clear: none;
|
||
margin-left: 20%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-5 .gallery-item:nth-child(5n + 3) {
|
||
clear: none;
|
||
margin-left: 40%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-5 .gallery-item:nth-child(5n + 4) {
|
||
clear: none;
|
||
margin-left: 60%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-5 .gallery-item:nth-child(5n + 5) {
|
||
clear: none;
|
||
margin-left: 80%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-6 {
|
||
margin-left: -0.25em;
|
||
margin-right: -0.25em;
|
||
}
|
||
|
||
.gallery-columns-6 .gallery-item {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
padding-left: 0.25em;
|
||
padding-right: 0.25em;
|
||
width: 16.66667%;
|
||
}
|
||
|
||
.gallery-columns-6 .gallery-item:nth-child(6n + 1) {
|
||
clear: both;
|
||
margin-left: 0;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-6 .gallery-item:nth-child(6n + 2) {
|
||
clear: none;
|
||
margin-left: 16.66667%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-6 .gallery-item:nth-child(6n + 3) {
|
||
clear: none;
|
||
margin-left: 33.33333%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-6 .gallery-item:nth-child(6n + 4) {
|
||
clear: none;
|
||
margin-left: 50%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-6 .gallery-item:nth-child(6n + 5) {
|
||
clear: none;
|
||
margin-left: 66.66667%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-6 .gallery-item:nth-child(6n + 6) {
|
||
clear: none;
|
||
margin-left: 83.33333%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-7 {
|
||
margin-left: -0.25em;
|
||
margin-right: -0.25em;
|
||
}
|
||
|
||
.gallery-columns-7 .gallery-item {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
padding-left: 0.25em;
|
||
padding-right: 0.25em;
|
||
width: 14.28571%;
|
||
}
|
||
|
||
.gallery-columns-7 .gallery-item:nth-child(7n + 1) {
|
||
clear: both;
|
||
margin-left: 0;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-7 .gallery-item:nth-child(7n + 2) {
|
||
clear: none;
|
||
margin-left: 14.28571%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-7 .gallery-item:nth-child(7n + 3) {
|
||
clear: none;
|
||
margin-left: 28.57143%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-7 .gallery-item:nth-child(7n + 4) {
|
||
clear: none;
|
||
margin-left: 42.85714%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-7 .gallery-item:nth-child(7n + 5) {
|
||
clear: none;
|
||
margin-left: 57.14286%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-7 .gallery-item:nth-child(7n + 6) {
|
||
clear: none;
|
||
margin-left: 71.42857%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-7 .gallery-item:nth-child(7n + 7) {
|
||
clear: none;
|
||
margin-left: 85.71429%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-8 {
|
||
margin-left: -0.25em;
|
||
margin-right: -0.25em;
|
||
}
|
||
|
||
.gallery-columns-8 .gallery-item {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
padding-left: 0.25em;
|
||
padding-right: 0.25em;
|
||
width: 12.5%;
|
||
}
|
||
|
||
.gallery-columns-8 .gallery-item:nth-child(8n + 1) {
|
||
clear: both;
|
||
margin-left: 0;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-8 .gallery-item:nth-child(8n + 2) {
|
||
clear: none;
|
||
margin-left: 12.5%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-8 .gallery-item:nth-child(8n + 3) {
|
||
clear: none;
|
||
margin-left: 25%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-8 .gallery-item:nth-child(8n + 4) {
|
||
clear: none;
|
||
margin-left: 37.5%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-8 .gallery-item:nth-child(8n + 5) {
|
||
clear: none;
|
||
margin-left: 50%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-8 .gallery-item:nth-child(8n + 6) {
|
||
clear: none;
|
||
margin-left: 62.5%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-8 .gallery-item:nth-child(8n + 7) {
|
||
clear: none;
|
||
margin-left: 75%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-8 .gallery-item:nth-child(8n + 8) {
|
||
clear: none;
|
||
margin-left: 87.5%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-9 {
|
||
margin-left: -0.25em;
|
||
margin-right: -0.25em;
|
||
}
|
||
|
||
.gallery-columns-9 .gallery-item {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
padding-left: 0.25em;
|
||
padding-right: 0.25em;
|
||
width: 11.11111%;
|
||
}
|
||
|
||
.gallery-columns-9 .gallery-item:nth-child(9n + 1) {
|
||
clear: both;
|
||
margin-left: 0;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-9 .gallery-item:nth-child(9n + 2) {
|
||
clear: none;
|
||
margin-left: 11.11111%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-9 .gallery-item:nth-child(9n + 3) {
|
||
clear: none;
|
||
margin-left: 22.22222%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-9 .gallery-item:nth-child(9n + 4) {
|
||
clear: none;
|
||
margin-left: 33.33333%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-9 .gallery-item:nth-child(9n + 5) {
|
||
clear: none;
|
||
margin-left: 44.44444%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-9 .gallery-item:nth-child(9n + 6) {
|
||
clear: none;
|
||
margin-left: 55.55556%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-9 .gallery-item:nth-child(9n + 7) {
|
||
clear: none;
|
||
margin-left: 66.66667%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-9 .gallery-item:nth-child(9n + 8) {
|
||
clear: none;
|
||
margin-left: 77.77778%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-columns-9 .gallery-item:nth-child(9n + 9) {
|
||
clear: none;
|
||
margin-left: 88.88889%;
|
||
margin-right: -100%;
|
||
}
|
||
|
||
.gallery-caption {
|
||
font-size: 16px;
|
||
font-size: 1.6rem;
|
||
}
|
||
|
||
.gallery-columns-7 .gallery-caption,
|
||
.gallery-columns-8 .gallery-caption,
|
||
.gallery-columns-9 .gallery-caption {
|
||
display: none;
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
13.0 Media Queries
|
||
--------------------------------------------------------------*/
|
||
/*--------------------------------------------------------------
|
||
13.1 Small screens, under 768px wide.
|
||
Primarily mobile devices and super-small tablets.
|
||
--------------------------------------------------------------*/
|
||
@media (max-width: 767px) {
|
||
/* Page structure */
|
||
#page {
|
||
min-width: 280px;
|
||
padding: 3.0303%;
|
||
}
|
||
|
||
/* Center-align site branding and logo */
|
||
.site-branding {
|
||
text-align: center;
|
||
}
|
||
|
||
.site-logo {
|
||
margin: 30px auto 10px;
|
||
}
|
||
}
|
||
|
||
/* Small screen + portrait orientation = more space between title & description */
|
||
@media (max-width: 767px) and (orientation: portrait) {
|
||
.site-title,
|
||
.site-description {
|
||
margin-bottom: 6.06061%;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
/* Show menu toggle and hide menu by default */
|
||
.menu-toggle,
|
||
.main-navigation.toggled-on .nav-menu,
|
||
.main-navigation.toggled-on ul.toggled-on {
|
||
display: block;
|
||
}
|
||
|
||
.main-navigation ul,
|
||
.jetpack-social-navigation {
|
||
display: none;
|
||
}
|
||
|
||
/* Condensed mobile menu */
|
||
div.apostrophe-2-navigation ul,
|
||
ul.apostrophe-2-navigation {
|
||
display: none;
|
||
}
|
||
|
||
.main-navigation {
|
||
margin: 10px 0 20px;
|
||
}
|
||
|
||
.main-navigation .menu-toggle {
|
||
border-bottom: solid 1px;
|
||
border-top: solid 4px transparent;
|
||
cursor: pointer;
|
||
display: block;
|
||
height: 60px;
|
||
line-height: 52px;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.main-navigation .menu-toggle:before {
|
||
content: "\f419";
|
||
display: inline-block;
|
||
font-family: Genericons;
|
||
font-size: 16px;
|
||
font-weight: normal;
|
||
line-height: 52px;
|
||
padding-right: 10px;
|
||
vertical-align: top;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
|
||
.main-navigation.toggled-on .current_page_item a,
|
||
.main-navigation.toggled-on .current-menu-item a,
|
||
.main-navigation.toggled-on .current-post-ancestor a,
|
||
.main-navigation.toggled-on .current-menu-ancestor a,
|
||
.main-navigation.toggled-on .current-menu-parent a,
|
||
.main-navigation.toggled-on .current-post-parent a {
|
||
border-top-color: transparent;
|
||
}
|
||
|
||
.main-navigation.toggled-on .apostrophe-2-navigation,
|
||
.main-navigation.toggled-on .apostrophe-2-navigation > ul {
|
||
border-bottom: solid 1px;
|
||
display: block;
|
||
}
|
||
|
||
.main-navigation.toggled-on .apostrophe-2-navigation li {
|
||
clear: left;
|
||
display: block;
|
||
float: none;
|
||
position: relative;
|
||
}
|
||
|
||
.main-navigation.toggled-on .apostrophe-2-navigation li a {
|
||
margin-top: 0;
|
||
padding: 10px 25px 15px;
|
||
}
|
||
|
||
.main-navigation.toggled-on .apostrophe-2-navigation .toggled-on:not(.dropdown-toggle) {
|
||
border-bottom: 1px solid;
|
||
border-top: 2px solid;
|
||
}
|
||
|
||
.main-navigation.toggled-on .apostrophe-2-navigation .toggled-on > .sub-menu {
|
||
display: block;
|
||
}
|
||
|
||
.main-navigation ul li.menu-item-has-children > a:after {
|
||
display: none;
|
||
}
|
||
|
||
.main-navigation.toggled-on .apostrophe-2-navigation li.menu-item-has-children a {
|
||
padding-right: 60px;
|
||
}
|
||
|
||
.jetpack-social-navigation ul {
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li a {
|
||
line-height: 60px;
|
||
}
|
||
|
||
.apostrophe-2-navigation .dropdown-toggle {
|
||
display: block;
|
||
}
|
||
|
||
/* Use a slightly smaller font size for titles */
|
||
h1 {
|
||
font-size: 36px;
|
||
font-size: 3.6rem;
|
||
}
|
||
|
||
/* Arrange posts into grid structure on archive pages */
|
||
.archive .apostrophe-2-nothumb span:before,
|
||
.blog .apostrophe-2-nothumb span:before,
|
||
.search .apostrophe-2-nothumb span:before {
|
||
font-size: 64px;
|
||
font-size: 6.4rem;
|
||
margin-top: calc(50% - 32px);
|
||
}
|
||
|
||
.archive article,
|
||
.blog article,
|
||
.search article {
|
||
margin-bottom: 5.55556%;
|
||
}
|
||
|
||
.archive article:not(.apostrophe-2-featured):before,
|
||
.archive article:not(.apostrophe-2-featured):after,
|
||
.blog article:not(.apostrophe-2-featured):before,
|
||
.blog article:not(.apostrophe-2-featured):after,
|
||
.search article:not(.apostrophe-2-featured):before,
|
||
.search article:not(.apostrophe-2-featured):after {
|
||
content: "";
|
||
display: table;
|
||
}
|
||
|
||
.archive article:not(.apostrophe-2-featured):after,
|
||
.blog article:not(.apostrophe-2-featured):after,
|
||
.search article:not(.apostrophe-2-featured):after {
|
||
clear: both;
|
||
}
|
||
|
||
.archive article:not(.apostrophe-2-featured) .entry-thumbnail,
|
||
.blog article:not(.apostrophe-2-featured) .entry-thumbnail,
|
||
.search article:not(.apostrophe-2-featured) .entry-thumbnail {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
padding-left: 5.55556%;
|
||
padding-left: 0;
|
||
padding-right: 5.55556%;
|
||
padding-right: 0;
|
||
width: 33.33333%;
|
||
}
|
||
|
||
.archive article:not(.apostrophe-2-featured) .entry-header,
|
||
.blog article:not(.apostrophe-2-featured) .entry-header,
|
||
.search article:not(.apostrophe-2-featured) .entry-header {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: right;
|
||
padding-left: 5.55556%;
|
||
padding-right: 5.55556%;
|
||
padding-right: 0;
|
||
width: 66.66667%;
|
||
}
|
||
|
||
.archive article:not(.apostrophe-2-featured) .entry-meta,
|
||
.blog article:not(.apostrophe-2-featured) .entry-meta,
|
||
.search article:not(.apostrophe-2-featured) .entry-meta {
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.blog .apostrophe-2-featured .entry-meta {
|
||
margin-left: -5px;
|
||
margin-top: -33px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.blog .apostrophe-2-featured .apostrophe-2-nothumb span:before {
|
||
margin-top: calc(25% - 32px);
|
||
}
|
||
|
||
/* Hide post status icons */
|
||
.entry-format::before {
|
||
display: none;
|
||
}
|
||
|
||
/* Hide extra navigation text on smaller screens */
|
||
.nav-previous .apostrophe-2-post-title,
|
||
.nav-next .apostrophe-2-post-title {
|
||
display: none;
|
||
}
|
||
|
||
/* Make sure sidebar clears properly */
|
||
#secondary {
|
||
clear: both;
|
||
}
|
||
}
|
||
/*--------------------------------------------------------------
|
||
13.2 Slightly larger screens, between 768px and 1024px wide.
|
||
Primarily tablets and teensy desktops.
|
||
--------------------------------------------------------------*/
|
||
@media (min-width: 768px) {
|
||
#page {
|
||
padding: 3.0303%;
|
||
}
|
||
|
||
#masthead,
|
||
#colophon {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
padding-left: 0.75758%;
|
||
padding-right: 0.75758%;
|
||
width: 100%;
|
||
}
|
||
|
||
#masthead:before,
|
||
#masthead:after,
|
||
#colophon:before,
|
||
#colophon:after {
|
||
content: "";
|
||
display: table;
|
||
}
|
||
|
||
#masthead:after,
|
||
#colophon:after {
|
||
clear: both;
|
||
}
|
||
|
||
/* Site logo */
|
||
.site-branding {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.site-branding:before,
|
||
.site-branding:after {
|
||
content: "";
|
||
display: table;
|
||
}
|
||
|
||
.site-branding:after {
|
||
clear: both;
|
||
}
|
||
|
||
.custom-logo {
|
||
float: left;
|
||
margin-bottom: 1.51515%;
|
||
margin-right: 2.27273%;
|
||
}
|
||
|
||
.site-title,
|
||
.site-description,
|
||
.site-description {
|
||
clear: none;
|
||
}
|
||
|
||
.site-description {
|
||
padding-bottom: 1.51515%;
|
||
}
|
||
|
||
.custom-logo-link + .site-title,
|
||
.custom-logo-link + .site-description {
|
||
margin-top: 2.27273%;
|
||
}
|
||
|
||
/* Hide menu toggle */
|
||
.main-navigation .menu-toggle {
|
||
display: none;
|
||
}
|
||
|
||
/* Full-sized navigation bar; no need to be trendy */
|
||
.main-navigation {
|
||
margin: 0 0 3.0303%;
|
||
position: relative;
|
||
z-index: 100;
|
||
/* Sub-menus */
|
||
}
|
||
|
||
.main-navigation:before,
|
||
.main-navigation:after {
|
||
content: "";
|
||
display: table;
|
||
}
|
||
|
||
.main-navigation:after {
|
||
clear: both;
|
||
}
|
||
|
||
.main-navigation li {
|
||
float: left;
|
||
position: relative;
|
||
}
|
||
|
||
.main-navigation li :hover > a {
|
||
border-color: silver;
|
||
}
|
||
|
||
.main-navigation li a {
|
||
margin: -2px 3rem 0 0;
|
||
padding: 0.75rem 0 1.5rem;
|
||
}
|
||
|
||
.main-navigation ul ul {
|
||
background-color: #fff;
|
||
border-bottom: 4px solid #aaa;
|
||
border-top: 1px solid #eee;
|
||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
|
||
float: left;
|
||
left: -999em;
|
||
min-width: 100%;
|
||
position: absolute;
|
||
top: 2em;
|
||
z-index: 99999;
|
||
}
|
||
|
||
.main-navigation ul ul ul {
|
||
left: -999em;
|
||
top: 0;
|
||
}
|
||
|
||
.main-navigation ul ul li {
|
||
float: none;
|
||
white-space: nowrap;
|
||
/* Show sub-sub menus */
|
||
}
|
||
|
||
.main-navigation ul ul li.menu-item-has-children > a:after {
|
||
-moz-transform: rotate(-90deg);
|
||
-ms-transform: rotate(-90deg);
|
||
-o-transform: rotate(-90deg);
|
||
-webkit-transform: rotate(-90deg);
|
||
transform: rotate(-90deg);
|
||
vertical-align: -4px;
|
||
}
|
||
|
||
.main-navigation ul ul li a {
|
||
border-top-width: 0;
|
||
margin: 0;
|
||
padding: 0.5em 1em;
|
||
}
|
||
|
||
.main-navigation ul ul li:hover > ul,
|
||
.main-navigation ul ul li.focus > ul {
|
||
left: 100%;
|
||
}
|
||
|
||
.main-navigation ul ul :hover > a {
|
||
background-color: #eee;
|
||
border-color: transparent;
|
||
}
|
||
|
||
.main-navigation li:hover > ul,
|
||
.main-navigation li.focus > ul {
|
||
left: auto;
|
||
}
|
||
|
||
.jetpack-social-navigation ul li a {
|
||
margin-left: 20px;
|
||
margin-right: 0;
|
||
}
|
||
|
||
/* Arrange posts into grid structure on archive pages */
|
||
.archive article,
|
||
.blog article,
|
||
.search article,
|
||
.blog article.apostrophe-2-featured:nth-child(4n+2),
|
||
.blog article.apostrophe-2-featured:nth-child(4n+3) {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
margin-bottom: 3.33333%;
|
||
padding-left: 1.11111%;
|
||
padding-right: 1.11111%;
|
||
width: 33.33333%;
|
||
}
|
||
|
||
.featured-content,
|
||
.featured-content article:nth-child(2n+3) {
|
||
clear: both;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.archive article .entry-meta,
|
||
.blog article .entry-meta,
|
||
.search article .entry-meta {
|
||
margin: -33px 0 15px -5px;
|
||
}
|
||
|
||
.archive article.clear,
|
||
.blog article.clear,
|
||
.search article.clear {
|
||
clear: both;
|
||
}
|
||
|
||
.archive article .apostrophe-2-nothumb span:before,
|
||
.blog article .apostrophe-2-nothumb span:before,
|
||
.blog article.apostrophe-2-featured:nth-child(4n+3) .apostrophe-2-nothumb span:before,
|
||
.blog article.apostrophe-2-featured:nth-child(4n+2) .apostrophe-2-nothumb span:before,
|
||
.blog article .apostrophe-2-nothumb span:before,
|
||
.search article .apostrophe-2-nothumb span:before {
|
||
font-size: 128px;
|
||
font-size: 12.8rem;
|
||
margin-top: calc(50% - 64px);
|
||
}
|
||
|
||
.archive article.apostrophe-2-featured,
|
||
.blog article.apostrophe-2-featured,
|
||
.search article.apostrophe-2-featured {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
padding-left: 1.11111%;
|
||
padding-right: 1.11111%;
|
||
width: 66.66667%;
|
||
}
|
||
|
||
.archive article.apostrophe-2-featured .entry-header,
|
||
.blog article.apostrophe-2-featured .entry-header,
|
||
.search article.apostrophe-2-featured .entry-header {
|
||
display: inline-block;
|
||
margin-top: -1px;
|
||
/* Solves the 1px offset bug */
|
||
}
|
||
|
||
.archive article.apostrophe-2-featured .apostrophe-2-nothumb span:before,
|
||
.blog article.apostrophe-2-featured .apostrophe-2-nothumb span:before,
|
||
.search article.apostrophe-2-featured .apostrophe-2-nothumb span:before {
|
||
margin-top: calc(25% - 64px);
|
||
}
|
||
|
||
.blog .apostrophe-2-featured:nth-child(4n+2) .apostrophe-2-nothumb:before,
|
||
.blog .apostrophe-2-featured:nth-child(4n+3) .apostrophe-2-nothumb:before {
|
||
padding-top: 100%;
|
||
}
|
||
|
||
/* Use a two-column layout for the 404 page's widgets */
|
||
.error404 .page-content .apostrophe-2-widget-column:nth-of-type(odd) {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
padding-left: 1.11111%;
|
||
padding-left: 0;
|
||
padding-right: 1.11111%;
|
||
width: 46.66667%;
|
||
}
|
||
|
||
.error404 .page-content .apostrophe-2-widget-column:nth-of-type(even) {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: right;
|
||
padding-left: 1.11111%;
|
||
padding-right: 1.11111%;
|
||
padding-right: 0;
|
||
width: 46.66667%;
|
||
}
|
||
|
||
/* Show search input and button on a single line */
|
||
.search-form label {
|
||
float: left;
|
||
width: 75%;
|
||
}
|
||
|
||
.search-form input[type="submit"] {
|
||
float: left;
|
||
margin: 0 0 0 1%;
|
||
width: 24%;
|
||
}
|
||
|
||
/* Make sure sidebar clears properly */
|
||
#secondary {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
clear: both;
|
||
float: left;
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
/* Sidebar widgets should appear in two columns, since we've got the space */
|
||
@media (min-width: 768px) and (max-width: 1023px) {
|
||
#secondary .widget {
|
||
float: left;
|
||
margin-right: 1.53846%;
|
||
width: 49.23077%;
|
||
}
|
||
|
||
#secondary .widget:nth-of-type(even) {
|
||
margin-right: 0;
|
||
}
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
13.2 Still larger screens, 1024px wide and up.
|
||
Very large tablets in landscape mode and most desktops.
|
||
--------------------------------------------------------------*/
|
||
@media (min-width: 1024px) {
|
||
/* Use a two-column layout at this size (if we have an active sidebar) */
|
||
#primary {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
width: 68.18182%;
|
||
}
|
||
|
||
#primary:before,
|
||
#primary:after {
|
||
content: "";
|
||
display: table;
|
||
}
|
||
|
||
#primary:after {
|
||
clear: both;
|
||
}
|
||
|
||
#primary.full-width {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
float: left;
|
||
padding-left: 0.75758%;
|
||
padding-right: 0.75758%;
|
||
width: 100%;
|
||
}
|
||
|
||
/* Allow the primary panel to span full width. */
|
||
.single.apostrophe-2-no-sidebar #primary,
|
||
.page.apostrophe-2-no-sidebar #primary {
|
||
float: none;
|
||
margin: 0 auto;
|
||
width: 730px;
|
||
}
|
||
|
||
.blog.apostrophe-2-no-sidebar #primary,
|
||
.archive.apostrophe-2-no-sidebar #primary,
|
||
.search.apostrophe-2-no-sidebar #primary {
|
||
width: 100%;
|
||
}
|
||
|
||
.apostrophe-2-no-sidebar #secondary {
|
||
display: none;
|
||
}
|
||
|
||
#secondary {
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
clear: none;
|
||
float: right;
|
||
padding-left: 0.75758%;
|
||
padding-right: 0.75758%;
|
||
width: 27.27273%;
|
||
}
|
||
|
||
/* Out-dent emphasized elements */
|
||
.emphasis {
|
||
margin: 2em 1em 2em -1em;
|
||
}
|
||
|
||
/* Pullquotes should move to the (empty) right-hand column on sidebar-less layouts */
|
||
.apostrophe-2-no-sidebar .pullquote {
|
||
position: absolute;
|
||
right: -50%;
|
||
width: 40%;
|
||
}
|
||
|
||
/* Show post status icon at left of post title */
|
||
.entry-format::before {
|
||
left: -46px;
|
||
right: auto;
|
||
}
|
||
}
|
||
|
||
/*--------------------------------------------------------------
|
||
14.0 Print
|
||
--------------------------------------------------------------*/
|
||
@media print {
|
||
.entry-date {
|
||
display: block !important;
|
||
}
|
||
.entry-date > span,
|
||
.updated {
|
||
display: none !important;
|
||
}
|
||
}
|