|
@@ -0,0 +1,3219 @@
|
|
|
+@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.1-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.com"] .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;
|
|
|
+}
|
|
|
+
|
|
|
+/* 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 .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 {
|
|
|
+ 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 */
|
|
|
+}
|
|
|
+
|
|
|
+/*--------------------------------------------------------------
|
|
|
+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;
|
|
|
+ }
|
|
|
+}
|