2018-02-27 03:06:42 +00:00
@ 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
2018-12-03 18:36:55 +00:00
Version : 2 . 0 . 7-wpcom
2018-02-27 03:06:42 +00:00
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 ;
}
2019-02-05 21:01:12 +00:00
/* Follow Blog widget */
2019-02-08 18:00:07 +00:00
. sidebar-primary # subscribe-blog input [ type = "submit" ] {
2019-02-05 21:01:12 +00:00
color : # fff ;
}
# subscribe-blog input [ type = "submit" ] : focus ,
# subscribe-blog input [ type = "submit" ] : hover {
color : # 159ae7 ;
}
2018-02-27 03:06:42 +00:00
/* 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 ;
}
2018-10-19 04:45:50 +00:00
. site-footer . widget-area input . search-field {
margin : 0 auto ;
}
2018-02-27 03:06:42 +00:00
. 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 ,
2019-02-05 21:01:12 +00:00
. widget-area . sidebar-primary aside . widget-title ,
. widget-area . sidebar-primary aside . widget-title label {
2018-02-27 03:06:42 +00:00
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 */
}
2018-03-07 19:00:18 +00:00
/ * --------------------------------------------------------------
# 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 ;
}
2018-02-27 03:06:42 +00:00
/ * --------------------------------------------------------------
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 ;
}
}
