2017-05-30 23:21:43 +02:00
/ *
Theme Name : Twenty Sixteen
Theme URI : https : / / wordpress . org / themes / twentysixteen /
Author : the WordPress team
Author URI : https : / / wordpress . org /
Description : Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites . It has custom color options with beautiful default color schemes , a harmonious fluid grid using a mobile-first approach , and impeccable polish in every detail . Twenty Sixteen will make your WordPress look beautiful everywhere .
2018-05-17 19:07:22 +02:00
Version : 1 . 5
2017-05-30 23:21:43 +02:00
License : GNU General Public License v2 or later
License URI : http : / / www . gnu . org / licenses / gpl-2 . 0 . html
Tags : one-column , two-columns , right-sidebar , accessibility-ready , custom-background , custom-colors , custom-header , custom-menu , editor-style , featured-images , flexible-header , microformats , post-formats , rtl-language-support , sticky-post , threaded-comments , translation-ready , blog
Text Domain : twentysixteen
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 .
* /
/ * *
* Table of Contents
*
* 1 . 0 - Normalize
* 2 . 0 - Genericons
* 3 . 0 - Typography
* 4 . 0 - Elements
* 5 . 0 - Forms
* 6 . 0 - Navigation
* 6 . 1 - Links
* 6 . 2 - Menus
* 7 . 0 - Accessibility
* 8 . 0 - Alignments
* 9 . 0 - Clearings
* 10 . 0 - Widgets
* 11 . 0 - Content
* 11 . 1 - Header
* 11 . 2 - Posts and pages
* 11 . 3 - Post Formats
* 11 . 4 - Comments
* 11 . 5 - Sidebar
* 11 . 6 - Footer
* 12 . 0 - Media
* 12 . 1 - Captions
* 12 . 2 - Galleries
* 13 . 0 - Multisite
* 14 . 0 - Media Queries
* 14 . 1 - > = 710px
* 14 . 2 - > = 783px
* 14 . 3 - > = 910px
* 14 . 4 - > = 985px
* 14 . 5 - > = 1200px
* 15 . 0 - Print
* /
/ * *
* 1 . 0 - Normalize
*
* Normalizing styles have been helped along thanks to the fine work of
* Nicolas Gallagher and Jonathan Neal http : / / necolas . github . com / normalize . css /
* /
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 ;
}
abbr [ title ] {
border-bottom : 1px dotted ;
}
b ,
strong {
font-weight : 700 ;
}
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 : 0 ;
}
hr {
-webkit-box-sizing : content-box ;
-moz-box-sizing : content-box ;
box-sizing : content-box ;
}
code ,
kbd ,
pre ,
samp {
font-size : 1em ;
}
button ,
input ,
optgroup ,
select ,
textarea {
color : inherit ;
font : inherit ;
margin : 0 ;
}
select {
text-transform : none ;
}
button {
overflow : visible ;
}
button ,
input ,
select ,
textarea {
max-width : 100 % ;
}
button ,
html input [ type = "button" ] ,
input [ type = "reset" ] ,
input [ type = "submit" ] {
-webkit-appearance : button ;
cursor : pointer ;
}
button [ disabled ] ,
html input [ disabled ] {
cursor : default ;
opacity : . 5 ;
}
button :: -moz-focus-inner ,
input :: -moz-focus-inner {
border : 0 ;
padding : 0 ;
}
input [ type = "checkbox" ] ,
input [ type = "radio" ] {
-webkit-box-sizing : border-box ;
-moz-box-sizing : border-box ;
box-sizing : border-box ;
margin-right : 0 . 4375em ;
padding : 0 ;
}
input [ type = "date" ] :: -webkit-inner-spin-button ,
input [ type = "date" ] :: -webkit-outer-spin-button ,
input [ type = "time" ] :: -webkit-inner-spin-button ,
input [ type = "time" ] :: -webkit-outer-spin-button ,
input [ type = "datetime-local" ] :: -webkit-inner-spin-button ,
input [ type = "datetime-local" ] :: -webkit-outer-spin-button ,
input [ type = "week" ] :: -webkit-inner-spin-button ,
input [ type = "week" ] :: -webkit-outer-spin-button ,
input [ type = "month" ] :: -webkit-inner-spin-button ,
input [ type = "month" ] :: -webkit-outer-spin-button ,
input [ type = "number" ] :: -webkit-inner-spin-button ,
input [ type = "number" ] :: -webkit-outer-spin-button {
height : auto ;
}
input [ type = "search" ] {
-webkit-appearance : textfield ;
}
input [ type = "search" ] :: -webkit-search-cancel-button ,
input [ type = "search" ] :: -webkit-search-decoration {
-webkit-appearance : none ;
}
fieldset {
border : 1px solid # d1d1d1 ;
margin : 0 0 1 . 75em ;
min-width : inherit ;
padding : 0 . 875em ;
}
fieldset > : last-child {
margin-bottom : 0 ;
}
legend {
border : 0 ;
padding : 0 ;
}
textarea {
overflow : auto ;
vertical-align : top ;
}
optgroup {
font-weight : bold ;
}
/ * *
* 2 . 0 - Genericons
* /
. menu-item-has-children a : after ,
. social-navigation a : before ,
. dropdown-toggle : after ,
. bypostauthor > article . fn : after ,
. comment-reply-title small a : before ,
. pagination . prev : before ,
. pagination . next : before ,
. pagination . nav-links : before ,
. pagination . nav-links : after ,
. search-submit : before {
-moz-osx-font-smoothing : grayscale ;
-webkit-font-smoothing : antialiased ;
display : inline-block ;
font-family : "Genericons" ;
font-size : 16px ;
font-style : normal ;
font-variant : normal ;
font-weight : normal ;
line-height : 1 ;
speak : none ;
text-align : center ;
text-decoration : inherit ;
text-transform : none ;
vertical-align : top ;
}
/ * *
* 3 . 0 - Typography
* /
body ,
button ,
input ,
select ,
textarea {
color : # 1a1a1a ;
font-family : Merriweather , Georgia , serif ;
font-size : 16px ;
font-size : 1rem ;
line-height : 1 . 75 ;
}
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 {
clear : both ;
font-weight : 700 ;
margin : 0 ;
text-rendering : optimizeLegibility ;
}
p {
margin : 0 0 1 . 75em ;
}
dfn ,
cite ,
em ,
i {
font-style : italic ;
}
blockquote {
border : 0 solid # 1a1a1a ;
border-left-width : 4px ;
color : # 686868 ;
font-size : 19px ;
font-size : 1 . 1875rem ;
font-style : italic ;
line-height : 1 . 4736842105 ;
margin : 0 0 1 . 4736842105em ;
overflow : hidden ;
padding : 0 0 0 1 . 263157895em ;
}
blockquote ,
q {
quotes : none ;
}
blockquote : before ,
blockquote : after ,
q : before ,
q : after {
content : "" ;
}
blockquote p {
margin-bottom : 1 . 4736842105em ;
}
blockquote cite ,
blockquote small {
color : # 1a1a1a ;
display : block ;
font-size : 16px ;
font-size : 1rem ;
line-height : 1 . 75 ;
}
blockquote cite : before ,
blockquote small : before {
content : "\2014\00a0" ;
}
blockquote em ,
blockquote i ,
blockquote cite {
font-style : normal ;
}
blockquote strong ,
blockquote b {
font-weight : 400 ;
}
blockquote > : last-child {
margin-bottom : 0 ;
}
address {
font-style : italic ;
margin : 0 0 1 . 75em ;
}
code ,
kbd ,
tt ,
var ,
samp ,
pre {
font-family : Inconsolata , monospace ;
}
pre {
border : 1px solid # d1d1d1 ;
font-size : 16px ;
font-size : 1rem ;
line-height : 1 . 3125 ;
margin : 0 0 1 . 75em ;
max-width : 100 % ;
overflow : auto ;
padding : 1 . 75em ;
white-space : pre ;
white-space : pre-wrap ;
word-wrap : break-word ;
}
code {
background-color : # d1d1d1 ;
padding : 0 . 125em 0 . 25em ;
}
abbr ,
acronym {
border-bottom : 1px dotted # d1d1d1 ;
cursor : help ;
}
mark ,
ins {
background : # 007acc ;
color : # fff ;
padding : 0 . 125em 0 . 25em ;
text-decoration : none ;
}
big {
font-size : 125 % ;
}
/ * *
* 4 . 0 - Elements
* /
html {
-webkit-box-sizing : border-box ;
-moz-box-sizing : border-box ;
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/ */
-webkit-box-sizing : inherit ;
-moz-box-sizing : inherit ;
box-sizing : inherit ;
}
body {
background : # 1a1a1a ;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color : # d1d1d1 ;
border : 0 ;
height : 1px ;
margin : 0 0 1 . 75em ;
}
ul ,
ol {
margin : 0 0 1 . 75em 1 . 25em ;
padding : 0 ;
}
ul {
list-style : disc ;
}
ol {
list-style : decimal ;
margin-left : 1 . 5em ;
}
li > ul ,
li > ol {
margin-bottom : 0 ;
}
dl {
margin : 0 0 1 . 75em ;
}
dt {
font-weight : 700 ;
}
dd {
margin : 0 0 1 . 75em ;
}
img {
height : auto ;
/* Make sure images are scaled correctly. */
max-width : 100 % ;
/* Adhere to container width. */
vertical-align : middle ;
}
del {
opacity : 0 . 8 ;
}
table ,
th ,
td {
border : 1px solid # d1d1d1 ;
}
table {
border-collapse : separate ;
border-spacing : 0 ;
border-width : 1px 0 0 1px ;
margin : 0 0 1 . 75em ;
table-layout : fixed ;
/* Prevents HTML tables from becoming too wide */
width : 100 % ;
}
caption ,
th ,
td {
font-weight : normal ;
text-align : left ;
}
th {
border-width : 0 1px 1px 0 ;
font-weight : 700 ;
}
td {
border-width : 0 1px 1px 0 ;
}
th ,
td {
padding : 0 . 4375em ;
}
/* Placeholder text color -- selectors need to be separate to work. */
:: -webkit-input-placeholder {
color : # 686868 ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
}
: -moz-placeholder {
color : # 686868 ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
}
:: -moz-placeholder {
color : # 686868 ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
opacity : 1 ;
/* Since FF19 lowers the opacity of the placeholder by default */
}
: -ms-input-placeholder {
color : # 686868 ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
}
/ * *
* 5 . 0 - Forms
* /
input {
line-height : normal ;
}
button ,
button [ disabled ] : hover ,
button [ disabled ] : focus ,
input [ type = "button" ] ,
input [ type = "button" ] [ disabled ] : hover ,
input [ type = "button" ] [ disabled ] : focus ,
input [ type = "reset" ] ,
input [ type = "reset" ] [ disabled ] : hover ,
input [ type = "reset" ] [ disabled ] : focus ,
input [ type = "submit" ] ,
input [ type = "submit" ] [ disabled ] : hover ,
input [ type = "submit" ] [ disabled ] : focus {
background : # 1a1a1a ;
border : 0 ;
border-radius : 2px ;
color : # fff ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-weight : 700 ;
letter-spacing : 0 . 046875em ;
line-height : 1 ;
padding : 0 . 84375em 0 . 875em 0 . 78125em ;
text-transform : uppercase ;
}
button : hover ,
button : focus ,
input [ type = "button" ] : hover ,
input [ type = "button" ] : focus ,
input [ type = "reset" ] : hover ,
input [ type = "reset" ] : focus ,
input [ type = "submit" ] : hover ,
input [ type = "submit" ] : focus {
background : # 007acc ;
}
button : focus ,
input [ type = "button" ] : focus ,
input [ type = "reset" ] : focus ,
input [ type = "submit" ] : focus {
outline : thin dotted ;
outline-offset : -4px ;
}
input [ type = "date" ] ,
input [ type = "time" ] ,
input [ type = "datetime-local" ] ,
input [ type = "week" ] ,
input [ type = "month" ] ,
input [ type = "text" ] ,
input [ type = "email" ] ,
input [ type = "url" ] ,
input [ type = "password" ] ,
input [ type = "search" ] ,
input [ type = "tel" ] ,
input [ type = "number" ] ,
textarea {
background : # f7f7f7 ;
background-image : -webkit-linear-gradient ( rgba ( 255 , 255 , 255 , 0 ) , rgba ( 255 , 255 , 255 , 0 ) ) ;
border : 1px solid # d1d1d1 ;
border-radius : 2px ;
color : # 686868 ;
padding : 0 . 625em 0 . 4375em ;
width : 100 % ;
}
input [ type = "date" ] : focus ,
input [ type = "time" ] : focus ,
input [ type = "datetime-local" ] : focus ,
input [ type = "week" ] : focus ,
input [ type = "month" ] : focus ,
input [ type = "text" ] : focus ,
input [ type = "email" ] : focus ,
input [ type = "url" ] : focus ,
input [ type = "password" ] : focus ,
input [ type = "search" ] : focus ,
input [ type = "tel" ] : focus ,
input [ type = "number" ] : focus ,
textarea : focus {
background-color : # fff ;
border-color : # 007acc ;
color : # 1a1a1a ;
outline : 0 ;
}
. post-password-form {
margin-bottom : 1 . 75em ;
}
. post-password-form label {
color : # 686868 ;
display : block ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 13px ;
font-size : 0 . 8125rem ;
letter-spacing : 0 . 076923077em ;
line-height : 1 . 6153846154 ;
margin-bottom : 1 . 75em ;
text-transform : uppercase ;
}
. post-password-form input [ type = "password" ] {
margin-top : 0 . 4375em ;
}
. post-password-form > : last-child {
margin-bottom : 0 ;
}
. search-form {
position : relative ;
}
input [ type = "search" ] . search-field {
border-radius : 2px 0 0 2px ;
width : -webkit-calc ( 100 % - 42px ) ;
width : calc ( 100 % - 42px ) ;
}
. search-submit : before {
content : "\f400" ;
font-size : 24px ;
left : 2px ;
line-height : 42px ;
position : relative ;
width : 40px ;
}
. search-submit {
border-radius : 0 2px 2px 0 ;
bottom : 0 ;
overflow : hidden ;
padding : 0 ;
position : absolute ;
right : 0 ;
top : 0 ;
width : 42px ;
}
/ * *
* 6 . 0 - Navigation
* /
/ * *
* 6 . 1 - Links
* /
a {
color : # 007acc ;
text-decoration : none ;
}
a : hover ,
a : focus ,
a : active {
color : # 686868 ;
}
a : focus {
outline : thin dotted ;
}
a : hover ,
a : active {
outline : 0 ;
}
. entry-content a ,
. entry-summary a ,
. taxonomy-description a ,
. logged-in-as a ,
. comment-content a ,
. pingback . comment-body > a ,
. textwidget a ,
. entry-footer a : hover ,
. site-info a : hover {
box-shadow : 0 1px 0 0 currentColor ;
}
. entry-content a : hover ,
. entry-content a : focus ,
. entry-summary a : hover ,
. entry-summary a : focus ,
. taxonomy-description a : hover ,
. taxonomy-description a : focus ,
. logged-in-as a : hover ,
. logged-in-as a : focus ,
. comment-content a : hover ,
. comment-content a : focus ,
. pingback . comment-body > a : hover ,
. pingback . comment-body > a : focus ,
. textwidget a : hover ,
. textwidget a : focus {
box-shadow : none ;
}
/ * *
* 6 . 2 - Menus
* /
. site-header-menu {
display : none ;
-webkit-flex : 0 1 100 % ;
-ms-flex : 0 1 100 % ;
flex : 0 1 100 % ;
margin : 0 . 875em 0 ;
}
. site-header-menu . toggled-on ,
. no-js . site-header-menu {
display : block ;
}
. main-navigation {
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
}
. site-footer . main-navigation {
margin-bottom : 1 . 75em ;
}
. main-navigation ul {
list-style : none ;
margin : 0 ;
}
. main-navigation li {
border-top : 1px solid # d1d1d1 ;
position : relative ;
}
. main-navigation a {
color : # 1a1a1a ;
display : block ;
line-height : 1 . 3125 ;
outline-offset : -1px ;
padding : 0 . 84375em 0 ;
}
. main-navigation a : hover ,
. main-navigation a : focus {
color : # 007acc ;
}
. main-navigation . current-menu-item > a ,
. main-navigation . current-menu-ancestor > a {
font-weight : 700 ;
}
. main-navigation ul ul {
display : none ;
margin-left : 0 . 875em ;
}
. no-js . main-navigation ul ul {
display : block ;
}
. main-navigation ul . toggled-on {
display : block ;
}
. main-navigation . primary-menu {
border-bottom : 1px solid # d1d1d1 ;
}
. main-navigation . menu-item-has-children > a {
margin-right : 56px ;
}
. dropdown-toggle {
background-color : transparent ;
border : 0 ;
border-radius : 0 ;
color : # 1a1a1a ;
content : "" ;
height : 48px ;
padding : 0 ;
position : absolute ;
right : 0 ;
text-transform : none ;
top : 0 ;
width : 48px ;
}
. dropdown-toggle : after {
border : 0 solid # d1d1d1 ;
border-left-width : 1px ;
content : "\f431" ;
font-size : 24px ;
left : 1px ;
position : relative ;
width : 48px ;
}
. dropdown-toggle : hover ,
. dropdown-toggle : focus {
background-color : transparent ;
color : # 007acc ;
}
. dropdown-toggle : focus {
outline : thin dotted ;
outline-offset : -1px ;
}
. dropdown-toggle : focus : after {
border-color : transparent ;
}
. dropdown-toggle . toggled-on : after {
content : "\f432" ;
}
. site-header . main-navigation + . social-navigation {
margin-top : 1 . 75em ;
}
. site-footer . social-navigation {
margin-bottom : 1 . 75em ;
}
. social-navigation ul {
list-style : none ;
margin : 0 0 -0 . 4375em ;
}
. social-navigation li {
float : left ;
margin : 0 0 . 4375em 0 . 4375em 0 ;
}
. social-navigation a {
border : 1px solid # d1d1d1 ;
border-radius : 50 % ;
color : # 1a1a1a ;
display : block ;
height : 35px ;
position : relative ;
width : 35px ;
}
. social-navigation a : before {
content : "\f415" ;
height : 33px ;
line-height : 33px ;
text-align : center ;
width : 33px ;
}
. social-navigation a : hover : before ,
. social-navigation a : focus : before {
color : # 007acc ;
}
. social-navigation a [ href * = "codepen.io" ] : before {
content : "\f216" ;
}
. social-navigation a [ href * = "digg.com" ] : before {
content : "\f221" ;
}
. social-navigation a [ href * = "dribbble.com" ] : before {
content : "\f201" ;
}
. social-navigation a [ href * = "dropbox.com" ] : before {
content : "\f225" ;
}
. social-navigation a [ href * = "facebook.com" ] : before {
content : "\f203" ;
}
. social-navigation a [ href * = "flickr.com" ] : before {
content : "\f211" ;
}
. social-navigation a [ href * = "foursquare.com" ] : before {
content : "\f226" ;
}
. social-navigation a [ href * = "plus.google.com" ] : before {
content : "\f206" ;
}
. social-navigation a [ href * = "github.com" ] : before {
content : "\f200" ;
}
. social-navigation a [ href * = "instagram.com" ] : before {
content : "\f215" ;
}
. social-navigation a [ href * = "linkedin.com" ] : before {
content : "\f208" ;
}
. social-navigation a [ href * = "path.com" ] : before {
content : "\f219" ;
}
. social-navigation a [ href * = "pinterest.com" ] : before {
content : "\f210" ;
}
. social-navigation a [ href * = "getpocket.com" ] : before {
content : "\f224" ;
}
. social-navigation a [ href * = "polldaddy.com" ] : before {
content : "\f217" ;
}
. social-navigation a [ href * = "reddit.com" ] : before {
content : "\f222" ;
}
. social-navigation a [ href * = "skype.com" ] : before {
content : "\f220" ;
}
. social-navigation a [ href * = "stumbleupon.com" ] : before {
content : "\f223" ;
}
. social-navigation a [ href * = "tumblr.com" ] : before {
content : "\f214" ;
}
. social-navigation a [ href * = "twitter.com" ] : before {
content : "\f202" ;
}
. social-navigation a [ href * = "vimeo.com" ] : before {
content : "\f212" ;
}
. social-navigation a [ href * = "wordpress.com" ] : before ,
. social-navigation a [ href * = "wordpress.org" ] : before {
content : "\f205" ;
}
. social-navigation a [ href * = "youtube.com" ] : before {
content : "\f213" ;
}
. social-navigation a [ href ^ = "mailto:" ] : before {
content : "\f410" ;
}
. social-navigation a [ href * = "spotify.com" ] : before {
content : "\f515" ;
}
. social-navigation a [ href * = "twitch.tv" ] : before {
content : "\f516" ;
}
. social-navigation a [ href $ = "/feed/" ] : before {
content : "\f413" ;
}
. post-navigation {
border-top : 4px solid # 1a1a1a ;
border-bottom : 4px solid # 1a1a1a ;
clear : both ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
margin : 0 7 . 6923 % 3 . 5em ;
}
. post-navigation a {
color : # 1a1a1a ;
display : block ;
padding : 1 . 75em 0 ;
}
. post-navigation span {
display : block ;
}
. post-navigation . meta-nav {
color : # 686868 ;
font-size : 13px ;
font-size : 0 . 8125rem ;
letter-spacing : 0 . 076923077em ;
line-height : 1 . 6153846154 ;
margin-bottom : 0 . 5384615385em ;
text-transform : uppercase ;
}
. post-navigation . post-title {
display : inline ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 23px ;
font-size : 1 . 4375rem ;
font-weight : 700 ;
line-height : 1 . 2173913043 ;
text-rendering : optimizeLegibility ;
}
. post-navigation a : hover . post-title ,
. post-navigation a : focus . post-title {
color : # 007acc ;
}
. post-navigation div + div {
border-top : 4px solid # 1a1a1a ;
}
. pagination {
border-top : 4px solid # 1a1a1a ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 19px ;
font-size : 1 . 1875rem ;
margin : 0 7 . 6923 % 2 . 947368421em ;
min-height : 56px ;
position : relative ;
}
. pagination : before ,
. pagination : after {
background-color : # 1a1a1a ;
content : "" ;
height : 52px ;
position : absolute ;
top : 0 ;
width : 52px ;
z-index : 0 ;
}
. pagination : before {
right : 0 ;
}
. pagination : after {
right : 54px ;
}
. pagination a : hover ,
. pagination a : focus {
color : # 1a1a1a ;
}
. pagination . nav-links {
padding-right : 106px ;
position : relative ;
}
. pagination . nav-links : before ,
. pagination . nav-links : after {
color : # fff ;
font-size : 32px ;
line-height : 51px ;
opacity : 0 . 3 ;
position : absolute ;
width : 52px ;
z-index : 1 ;
}
. pagination . nav-links : before {
content : "\f429" ;
right : -1px ;
}
. pagination . nav-links : after {
content : "\f430" ;
right : 55px ;
}
/* reset screen-reader-text */
. pagination . current . screen-reader-text {
position : static ! important ;
}
. pagination . page-numbers {
display : none ;
letter-spacing : 0 . 013157895em ;
line-height : 1 ;
margin : 0 0 . 7368421053em 0 -0 . 7368421053em ;
padding : 0 . 8157894737em 0 . 7368421053em 0 . 3947368421em ;
text-transform : uppercase ;
}
. pagination . current {
display : inline-block ;
font-weight : 700 ;
}
. pagination . prev ,
. pagination . next {
background-color : # 1a1a1a ;
color : # fff ;
display : inline-block ;
height : 52px ;
margin : 0 ;
overflow : hidden ;
padding : 0 ;
position : absolute ;
top : 0 ;
width : 52px ;
z-index : 2 ;
}
. pagination . prev : before ,
. pagination . next : before {
font-size : 32px ;
height : 53px ;
line-height : 52px ;
position : relative ;
width : 53px ;
}
. pagination . prev : hover ,
. pagination . prev : focus ,
. pagination . next : hover ,
. pagination . next : focus {
background-color : # 007acc ;
color : # fff ;
}
. pagination . prev : focus ,
. pagination . next : focus {
outline : 0 ;
}
. pagination . prev {
right : 54px ;
}
. pagination . prev : before {
content : "\f430" ;
left : -1px ;
top : -1px ;
}
. pagination . next {
right : 0 ;
}
. pagination . next : before {
content : "\f429" ;
right : -1px ;
top : -1px ;
}
. image-navigation ,
. comment-navigation {
border-top : 1px solid # d1d1d1 ;
border-bottom : 1px solid # d1d1d1 ;
color : # 686868 ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 13px ;
font-size : 0 . 8125rem ;
line-height : 1 . 6153846154 ;
margin : 0 7 . 6923 % 2 . 1538461538em ;
padding : 1 . 0769230769em 0 ;
}
. comment-navigation {
margin-right : 0 ;
margin-left : 0 ;
}
. comments-title + . comment-navigation {
border-bottom : 0 ;
margin-bottom : 0 ;
}
. image-navigation . nav-previous : not ( : empty ) ,
. image-navigation . nav-next : not ( : empty ) ,
. comment-navigation . nav-previous : not ( : empty ) ,
. comment-navigation . nav-next : not ( : empty ) {
display : inline-block ;
}
. image-navigation . nav-previous : not ( : empty ) + . nav-next : not ( : empty ) : before ,
. comment-navigation . nav-previous : not ( : empty ) + . nav-next : not ( : empty ) : before {
content : "\002f" ;
display : inline-block ;
opacity : 0 . 7 ;
padding : 0 0 . 538461538em ;
}
/ * *
* 7 . 0 - Accessibility
* /
/* Text meant only for screen readers */
. says ,
. screen-reader-text {
clip : rect ( 1px , 1px , 1px , 1px ) ;
height : 1px ;
overflow : hidden ;
position : absolute ! important ;
width : 1px ;
/* many screen reader and browser combinations announce broken words as they would appear visually */
word-wrap : normal ! important ;
}
/* must have higher specificity than alternative color schemes inline styles */
. site . skip-link {
background-color : # f1f1f1 ;
box-shadow : 0 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 2 ) ;
color : # 21759b ;
display : block ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 14px ;
font-weight : 700 ;
left : -9999em ;
outline : none ;
padding : 15px 23px 14px ;
text-decoration : none ;
text-transform : none ;
top : -9999em ;
}
. logged-in . site . skip-link {
box-shadow : 0 0 2px 2px rgba ( 0 , 0 , 0 , 0 . 2 ) ;
font-family : "Open Sans" , sans-serif ;
}
. site . skip-link : focus {
clip : auto ;
height : auto ;
left : 6px ;
top : 7px ;
width : auto ;
z-index : 100000 ;
}
/ * *
* 8 . 0 - Alignments
* /
. alignleft {
float : left ;
margin : 0 . 375em 1 . 75em 1 . 75em 0 ;
}
. alignright {
float : right ;
margin : 0 . 375em 0 1 . 75em 1 . 75em ;
}
. aligncenter {
clear : both ;
display : block ;
margin : 0 auto 1 . 75em ;
}
blockquote . alignleft {
margin : 0 . 3157894737em 1 . 4736842105em 1 . 473684211em 0 ;
}
blockquote . alignright {
margin : 0 . 3157894737em 0 1 . 473684211em 1 . 4736842105em ;
}
blockquote . aligncenter {
margin-bottom : 1 . 473684211em ;
}
/ * *
* 9 . 0 - Clearings
* /
. clear : before ,
. clear : after ,
blockquote : before ,
blockquote : after ,
. entry-content : before ,
. entry-content : after ,
. entry-summary : before ,
. entry-summary : after ,
. comment-content : before ,
. comment-content : after ,
. site-content : before ,
. site-content : after ,
. site-main > article : before ,
. site-main > article : after ,
. primary-menu : before ,
. primary-menu : after ,
. social-links-menu : before ,
. social-links-menu : after ,
. textwidget : before ,
. textwidget : after ,
. content-bottom-widgets : before ,
. content-bottom-widgets : after {
content : "" ;
display : table ;
}
. clear : after ,
blockquote : after ,
. entry-content : after ,
. entry-summary : after ,
. comment-content : after ,
. site-content : after ,
. site-main > article : after ,
. primary-menu : after ,
. social-links-menu : after ,
. textwidget : after ,
. content-bottom-widgets : after {
clear : both ;
}
/ * *
* 10 . 0 - Widgets
* /
. widget {
border-top : 4px solid # 1a1a1a ;
margin-bottom : 3 . 5em ;
padding-top : 1 . 75em ;
}
. widget-area > : last-child ,
. widget > : last-child {
margin-bottom : 0 ;
}
. widget . widget-title {
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 16px ;
font-size : 1rem ;
letter-spacing : 0 . 046875em ;
line-height : 1 . 3125 ;
margin : 0 0 1 . 75em ;
text-transform : uppercase ;
}
. widget . widget-title : empty {
margin-bottom : 0 ;
}
. widget-title a {
color : # 1a1a1a ;
}
/* Calendar widget */
. widget . widget_calendar table {
margin : 0 ;
}
. widget_calendar td ,
. widget_calendar th {
line-height : 2 . 5625 ;
padding : 0 ;
text-align : center ;
}
. widget_calendar caption {
font-weight : 900 ;
margin-bottom : 1 . 75em ;
}
. widget_calendar tbody a {
background-color : # 007acc ;
color : # fff ;
display : block ;
font-weight : 700 ;
}
. widget_calendar tbody a : hover ,
. widget_calendar tbody a : focus {
background-color : # 686868 ;
color : # fff ;
}
/* Recent Posts widget */
. widget_recent_entries . post-date {
color : # 686868 ;
display : block ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 13px ;
font-size : 0 . 8125rem ;
line-height : 1 . 615384615 ;
margin-bottom : 0 . 538461538em ;
}
. widget_recent_entries li : last-child . post-date {
margin-bottom : 0 ;
}
/* RSS widget */
. widget_rss . rsswidget img {
margin-top : -0 . 375em ;
}
. widget_rss . rss-date ,
. widget_rss cite {
color : # 686868 ;
display : block ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 13px ;
font-size : 0 . 8125rem ;
font-style : normal ;
line-height : 1 . 615384615 ;
margin-bottom : 0 . 538461538em ;
}
. widget_rss . rssSummary : last-child {
margin-bottom : 2 . 1538461538em ;
}
. widget_rss li : last-child : last-child {
margin-bottom : 0 ;
}
/* Tag Cloud widget */
. tagcloud a {
border : 1px solid # d1d1d1 ;
border-radius : 2px ;
display : inline-block ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
line-height : 1 ;
margin : 0 0 . 1875em 0 . 4375em 0 ;
padding : 0 . 5625em 0 . 4375em 0 . 5em ;
}
2017-10-05 01:53:47 +02:00
. tagcloud ul {
list-style-type : none ;
margin-left : 0 ;
}
. tagcloud ul li {
display : inline-block ;
}
2017-05-30 23:21:43 +02:00
. tagcloud a : hover ,
. tagcloud a : focus {
border-color : # 007acc ;
color : # 007acc ;
outline : 0 ;
}
/ * *
* 11 . 0 - Content
* /
. site {
background-color : # fff ;
}
. site-inner {
margin : 0 auto ;
max-width : 1320px ;
position : relative ;
}
. site-content {
word-wrap : break-word ;
}
/* Do not show the outline on the skip link target. */
# content [ tabindex = "-1" ] : focus {
outline : 0 ;
}
. site-main {
margin-bottom : 3 . 5em ;
}
. site-main > : last-child {
margin-bottom : 0 ;
}
/ * *
* 11 . 1 - Header
* /
. site-header {
padding : 2 . 625em 7 . 6923 % ;
}
. site-header-main {
-webkit-align-items : center ;
-ms-flex-align : center ;
align-items : center ;
display : -webkit-flex ;
display : -ms-flexbox ;
display : flex ;
-webkit-flex-wrap : wrap ;
-ms-flex-wrap : wrap ;
flex-wrap : wrap ;
}
. site-branding {
margin : 0 . 875em auto 0 . 875em 0 ;
/* Avoid overflowing wide custom logo in small screens in Firefox and IEs */
max-width : 100 % ;
min-width : 0 ;
overflow : hidden ;
}
. custom-logo-link {
display : block ;
}
. custom-logo {
max-width : 180px ;
}
. site-title {
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 23px ;
font-size : 1 . 4375rem ;
font-weight : 700 ;
line-height : 1 . 2173913043 ;
margin : 0 ;
}
. site-branding . site-title a {
color : # 1a1a1a ;
}
. site-branding . site-title a : hover ,
. site-branding . site-title a : focus {
color : # 007acc ;
}
. wp-custom-logo . site-title {
margin-top : 0 . 608695652em ;
}
. site-description {
color : # 686868 ;
display : none ;
font-size : 13px ;
font-size : 0 . 8125rem ;
font-weight : 400 ;
line-height : 1 . 0769230769 ;
margin : 0 . 538461538em 0 0 ;
}
. menu-toggle {
background-color : transparent ;
border : 1px solid # d1d1d1 ;
color : # 1a1a1a ;
font-size : 13px ;
font-size : 0 . 8125rem ;
margin : 1 . 076923077em 0 ;
padding : 0 . 769230769em ;
}
. no-js . menu-toggle {
display : none ;
}
. menu-toggle : hover ,
. menu-toggle : focus {
background-color : transparent ;
border-color : # 007acc ;
color : # 007acc ;
}
. menu-toggle . toggled-on ,
. menu-toggle . toggled-on : hover ,
. menu-toggle . toggled-on : focus {
background-color : # 1a1a1a ;
border-color : # 1a1a1a ;
color : # fff ;
}
. menu-toggle : focus {
outline : 0 ;
}
. menu-toggle . toggled-on : focus {
outline : thin dotted ;
}
. header-image {
clear : both ;
margin : 0 . 875em 0 ;
}
. header-image a {
display : block ;
}
. header-image a : hover img ,
. header-image a : focus img {
opacity : 0 . 85 ;
}
/ * *
* 11 . 2 - Posts and pages
* /
. site-main > article {
margin-bottom : 3 . 5em ;
position : relative ;
}
. entry-header ,
. entry-summary ,
. entry-content ,
. entry-footer ,
. page-content {
margin-right : 7 . 6923 % ;
margin-left : 7 . 6923 % ;
}
. entry-title {
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 28px ;
font-size : 1 . 75rem ;
font-weight : 700 ;
line-height : 1 . 25 ;
margin-bottom : 1em ;
}
. entry-title a {
color : # 1a1a1a ;
}
. entry-title a : hover ,
. entry-title a : focus {
color : # 007acc ;
}
. post-thumbnail {
display : block ;
margin : 0 7 . 6923 % 1 . 75em ;
}
. post-thumbnail img {
display : block ;
}
. no-sidebar . post-thumbnail img {
margin : 0 auto ;
}
a . post-thumbnail : hover ,
a . post-thumbnail : focus {
opacity : 0 . 85 ;
}
. entry-content ,
. entry-summary {
border-color : # d1d1d1 ;
}
. entry-content h1 ,
. entry-summary h1 ,
. comment-content h1 ,
. textwidget h1 {
font-size : 28px ;
font-size : 1 . 75rem ;
line-height : 1 . 25 ;
margin-top : 2em ;
margin-bottom : 1em ;
}
. entry-content h2 ,
. entry-summary h2 ,
. comment-content h2 ,
. textwidget h2 {
font-size : 23px ;
font-size : 1 . 4375rem ;
line-height : 1 . 2173913043 ;
margin-top : 2 . 4347826087em ;
margin-bottom : 1 . 2173913043em ;
}
. entry-content h3 ,
. entry-summary h3 ,
. comment-content h3 ,
. textwidget h3 {
font-size : 19px ;
font-size : 1 . 1875rem ;
line-height : 1 . 1052631579 ;
margin-top : 2 . 9473684211em ;
margin-bottom : 1 . 4736842105em ;
}
. entry-content h4 ,
. entry-content h5 ,
. entry-content h6 ,
. entry-summary h4 ,
. entry-summary h5 ,
. entry-summary h6 ,
. comment-content h4 ,
. comment-content h5 ,
. comment-content h6 ,
. textwidget h4 ,
. textwidget h5 ,
. textwidget h6 {
font-size : 16px ;
font-size : 1rem ;
line-height : 1 . 3125 ;
margin-top : 3 . 5em ;
margin-bottom : 1 . 75em ;
}
. entry-content h4 ,
. entry-summary h4 ,
. comment-content h4 ,
. textwidget h4 {
letter-spacing : 0 . 140625em ;
text-transform : uppercase ;
}
. entry-content h6 ,
. entry-summary h6 ,
. comment-content h6 ,
. textwidget h6 {
font-style : italic ;
}
. entry-content h1 ,
. entry-content h2 ,
. entry-content h3 ,
. entry-content h4 ,
. entry-content h5 ,
. entry-content h6 ,
. entry-summary h1 ,
. entry-summary h2 ,
. entry-summary h3 ,
. entry-summary h4 ,
. entry-summary h5 ,
. entry-summary h6 ,
. comment-content h1 ,
. comment-content h2 ,
. comment-content h3 ,
. comment-content h4 ,
. comment-content h5 ,
. comment-content h6 ,
. textwidget h1 ,
. textwidget h2 ,
. textwidget h3 ,
. textwidget h4 ,
. textwidget h5 ,
. textwidget h6 {
font-weight : 900 ;
}
. entry-content h1 : first-child ,
. entry-content h2 : first-child ,
. entry-content h3 : first-child ,
. entry-content h4 : first-child ,
. entry-content h5 : first-child ,
. entry-content h6 : first-child ,
. entry-summary h1 : first-child ,
. entry-summary h2 : first-child ,
. entry-summary h3 : first-child ,
. entry-summary h4 : first-child ,
. entry-summary h5 : first-child ,
. entry-summary h6 : first-child ,
. comment-content h1 : first-child ,
. comment-content h2 : first-child ,
. comment-content h3 : first-child ,
. comment-content h4 : first-child ,
. comment-content h5 : first-child ,
. comment-content h6 : first-child ,
. textwidget h1 : first-child ,
. textwidget h2 : first-child ,
. textwidget h3 : first-child ,
. textwidget h4 : first-child ,
. textwidget h5 : first-child ,
. textwidget h6 : first-child {
margin-top : 0 ;
}
. post-navigation . post-title ,
. entry-title ,
. comments-title {
-webkit-hyphens : auto ;
-moz-hyphens : auto ;
-ms-hyphens : auto ;
hyphens : auto ;
}
body : not ( . search-results ) . entry-summary {
color : # 686868 ;
font-size : 19px ;
font-size : 1 . 1875rem ;
line-height : 1 . 4736842105 ;
margin-bottom : 1 . 4736842105em ;
}
body : not ( . search-results ) . entry-header + . entry-summary {
margin-top : -0 . 736842105em ;
}
body : not ( . search-results ) . entry-summary p ,
body : not ( . search-results ) . entry-summary address ,
body : not ( . search-results ) . entry-summary hr ,
body : not ( . search-results ) . entry-summary ul ,
body : not ( . search-results ) . entry-summary ol ,
body : not ( . search-results ) . entry-summary dl ,
body : not ( . search-results ) . entry-summary dd ,
body : not ( . search-results ) . entry-summary table {
margin-bottom : 1 . 4736842105em ;
}
body : not ( . search-results ) . entry-summary li > ul ,
body : not ( . search-results ) . entry-summary li > ol {
margin-bottom : 0 ;
}
body : not ( . search-results ) . entry-summary th ,
body : not ( . search-results ) . entry-summary td {
padding : 0 . 3684210526em ;
}
body : not ( . search-results ) . entry-summary fieldset {
margin-bottom : 1 . 4736842105em ;
padding : 0 . 3684210526em ;
}
body : not ( . search-results ) . entry-summary blockquote {
border-color : currentColor ;
}
body : not ( . search-results ) . entry-summary blockquote > : last-child {
margin-bottom : 0 ;
}
body : not ( . search-results ) . entry-summary . alignleft {
margin : 0 . 2631578947em 1 . 4736842105em 1 . 4736842105em 0 ;
}
body : not ( . search-results ) . entry-summary . alignright {
margin : 0 . 2631578947em 0 1 . 4736842105em 1 . 4736842105em ;
}
body : not ( . search-results ) . entry-summary . aligncenter {
margin-bottom : 1 . 4736842105em ;
}
. entry-content > : last-child ,
. entry-summary > : last-child ,
body : not ( . search-results ) . entry-summary > : last-child ,
. page-content > : last-child ,
. comment-content > : last-child ,
. textwidget > : last-child {
margin-bottom : 0 ;
}
. more-link {
white-space : nowrap ;
}
. author-info {
border-color : inherit ;
border-style : solid ;
border-width : 1px 0 1px 0 ;
clear : both ;
padding-top : 1 . 75em ;
padding-bottom : 1 . 75em ;
}
. author-avatar . avatar {
float : left ;
height : 42px ;
margin : 0 1 . 75em 1 . 75em 0 ;
width : 42px ;
}
. author-description > : last-child {
margin-bottom : 0 ;
}
. entry-content . author-title {
clear : none ;
font-size : 16px ;
font-size : 1rem ;
font-weight : 900 ;
line-height : 1 . 75 ;
margin : 0 ;
}
. author-bio {
color : # 686868 ;
font-size : 13px ;
font-size : 0 . 8125rem ;
line-height : 1 . 6153846154 ;
margin-bottom : 1 . 6153846154em ;
overflow : hidden ;
}
. author-link {
white-space : nowrap ;
}
. entry-footer {
color : # 686868 ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 13px ;
font-size : 0 . 8125rem ;
line-height : 1 . 6153846154 ;
margin-top : 2 . 1538461538em ;
}
. entry-footer : empty {
margin : 0 ;
}
. entry-footer a {
color : # 686868 ;
}
. entry-footer a : hover ,
. entry-footer a : focus {
color : # 007acc ;
}
. entry-footer > span : not ( : last-child ) : after {
content : "\002f" ;
display : inline-block ;
opacity : 0 . 7 ;
padding : 0 0 . 538461538em ;
}
. entry-footer . avatar {
height : 21px ;
margin : -0 . 1538461538em 0 . 5384615385em 0 0 ;
width : 21px ;
}
. sticky-post {
color : # 686868 ;
display : block ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 13px ;
font-size : 0 . 8125rem ;
letter-spacing : 0 . 076923077em ;
line-height : 1 . 6153846154 ;
margin-bottom : 0 . 5384615385em ;
text-transform : uppercase ;
}
/ * *
* IE8 and earlier will drop any block with CSS3 selectors .
* Do not combine these styles with the next block .
* /
. updated : not ( . published ) {
display : none ;
}
. sticky . posted-on ,
. byline {
display : none ;
}
. single . byline ,
. group-blog . byline {
display : inline ;
}
. page-header {
border-top : 4px solid # 1a1a1a ;
margin : 0 7 . 6923 % 3 . 5em ;
padding-top : 1 . 75em ;
}
body . error404 . page-header ,
body . search-no-results . page-header {
border-top : 0 ;
padding-top : 0 ;
}
. page-title {
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 23px ;
font-size : 1 . 4375rem ;
line-height : 1 . 2173913043 ;
}
. taxonomy-description {
color : # 686868 ;
font-size : 13px ;
font-size : 0 . 8125rem ;
line-height : 1 . 6153846154 ;
}
. taxonomy-description p {
margin : 0 . 5384615385em 0 1 . 6153846154em ;
}
. taxonomy-description > : last-child {
margin-bottom : 0 ;
}
. page-links {
clear : both ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
margin : 0 0 1 . 75em ;
}
. page-links a ,
. page-links > span {
border : 1px solid # d1d1d1 ;
border-radius : 2px ;
display : inline-block ;
font-size : 13px ;
font-size : 0 . 8125rem ;
height : 1 . 8461538462em ;
line-height : 1 . 6923076923em ;
margin-right : 0 . 3076923077em ;
text-align : center ;
width : 1 . 8461538462em ;
}
. page-links a {
background-color : # 1a1a1a ;
border-color : # 1a1a1a ;
color : # fff ;
}
. page-links a : hover ,
. page-links a : focus {
background-color : # 007acc ;
border-color : transparent ;
color : # fff ;
}
. page-links > . page-links-title {
border : 0 ;
color : # 1a1a1a ;
height : auto ;
margin : 0 ;
padding-right : 0 . 6153846154em ;
width : auto ;
}
. entry-attachment {
margin-bottom : 1 . 75em ;
}
. entry-caption {
color : # 686868 ;
font-size : 13px ;
font-size : 0 . 8125rem ;
font-style : italic ;
line-height : 1 . 6153846154 ;
padding-top : 1 . 0769230769em ;
}
. entry-caption > : last-child {
margin-bottom : 0 ;
}
. content-bottom-widgets {
margin : 0 7 . 6923 % ;
}
. content-bottom-widgets . widget-area {
margin-bottom : 3 . 5em ;
}
/ * *
* 11 . 3 - Post Formats
* /
. format-aside . entry-title ,
. format-image . entry-title ,
. format-video . entry-title ,
. format-quote . entry-title ,
. format-gallery . entry-title ,
. format-status . entry-title ,
. format-link . entry-title ,
. format-audio . entry-title ,
. format-chat . entry-title {
font-size : 19px ;
font-size : 1 . 1875rem ;
line-height : 1 . 473684211 ;
margin-bottom : 1 . 473684211em ;
}
. blog . format-status . entry-title ,
. archive . format-status . entry-title {
display : none ;
}
/ * *
* 11 . 4 - Comments
* /
. comments-area {
margin : 0 7 . 6923 % 3 . 5em ;
}
. comment-list + . comment-respond ,
. comment-navigation + . comment-respond {
padding-top : 1 . 75em ;
}
. comments-title ,
. comment-reply-title {
border-top : 4px solid # 1a1a1a ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 23px ;
font-size : 1 . 4375rem ;
font-weight : 700 ;
line-height : 1 . 3125 ;
padding-top : 1 . 217391304em ;
}
. comments-title {
margin-bottom : 1 . 217391304em ;
}
. comment-list {
list-style : none ;
margin : 0 ;
}
. comment-list article ,
. comment-list . pingback ,
. comment-list . trackback {
border-top : 1px solid # d1d1d1 ;
padding : 1 . 75em 0 ;
}
. comment-list . children {
list-style : none ;
margin : 0 ;
}
. comment-list . children > li {
padding-left : 0 . 875em ;
}
. comment-author {
color : # 1a1a1a ;
margin-bottom : 0 . 4375em ;
}
. comment-author . avatar {
float : left ;
height : 28px ;
margin-right : 0 . 875em ;
position : relative ;
width : 28px ;
}
. bypostauthor > article . fn : after {
content : "\f304" ;
left : 3px ;
position : relative ;
top : 5px ;
}
. comment-metadata ,
. pingback . edit-link {
color : # 686868 ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 13px ;
font-size : 0 . 8125rem ;
line-height : 1 . 6153846154 ;
}
. comment-metadata {
margin-bottom : 2 . 1538461538em ;
}
. comment-metadata a ,
. pingback . comment-edit-link {
color : # 686868 ;
}
. comment-metadata a : hover ,
. comment-metadata a : focus ,
. pingback . comment-edit-link : hover ,
. pingback . comment-edit-link : focus {
color : # 007acc ;
}
. comment-metadata . edit-link ,
. pingback . edit-link {
display : inline-block ;
}
. comment-metadata . edit-link : before ,
. pingback . edit-link : before {
content : "\002f" ;
display : inline-block ;
opacity : 0 . 7 ;
padding : 0 0 . 538461538em ;
}
. comment-content ul ,
. comment-content ol {
margin : 0 0 1 . 5em 1 . 25em ;
}
. comment-content li > ul ,
. comment-content li > ol {
margin-bottom : 0 ;
}
. comment-reply-link {
border : 1px solid # d1d1d1 ;
border-radius : 2px ;
color : # 007acc ;
display : inline-block ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 13px ;
font-size : 0 . 8125rem ;
line-height : 1 ;
margin-top : 2 . 1538461538em ;
padding : 0 . 5384615385em 0 . 5384615385em 0 . 4615384615em ;
}
. comment-reply-link : hover ,
. comment-reply-link : focus {
border-color : currentColor ;
color : # 007acc ;
outline : 0 ;
}
. comment-form {
padding-top : 1 . 75em ;
}
. comment-form label {
color : # 686868 ;
display : block ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 13px ;
font-size : 0 . 8125rem ;
letter-spacing : 0 . 076923077em ;
line-height : 1 . 6153846154 ;
margin-bottom : 0 . 5384615385em ;
text-transform : uppercase ;
}
. comment-list . comment-form {
padding-bottom : 1 . 75em ;
}
. comment-notes ,
. comment-awaiting-moderation ,
. logged-in-as ,
. form-allowed-tags {
color : # 686868 ;
font-size : 13px ;
font-size : 0 . 8125rem ;
line-height : 1 . 6153846154 ;
margin-bottom : 2 . 1538461538em ;
}
. no-comments {
border-top : 1px solid # d1d1d1 ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-weight : 700 ;
margin : 0 ;
padding-top : 1 . 75em ;
}
. comment-navigation + . no-comments {
border-top : 0 ;
padding-top : 0 ;
}
. form-allowed-tags code {
font-family : Inconsolata , monospace ;
}
. form-submit {
margin-bottom : 0 ;
}
. required {
color : # 007acc ;
font-family : Merriweather , Georgia , serif ;
}
. comment-reply-title small {
font-size : 100 % ;
}
. comment-reply-title small a {
border : 0 ;
float : right ;
height : 32px ;
overflow : hidden ;
width : 26px ;
}
. comment-reply-title small a : hover ,
. comment-reply-title small a : focus {
color : # 1a1a1a ;
}
. comment-reply-title small a : before {
content : "\f405" ;
font-size : 32px ;
position : relative ;
top : -5px ;
}
2018-05-03 00:00:49 +02:00
. comment-form # wp-comment-cookies-consent {
margin : 0 10px 0 0 ;
}
. comment-form . comment-form-cookies-consent label {
display : inline ;
font-family : Merriweather , Georgia , serif ;
letter-spacing : 0 ;
text-transform : none ;
}
2017-05-30 23:21:43 +02:00
/ * *
* 11 . 5 - Sidebar
* /
. sidebar {
margin-bottom : 3 . 5em ;
padding : 0 7 . 6923 % ;
}
/ * *
* 11 . 6 - Footer
* /
. site-footer {
padding : 0 7 . 6923 % 1 . 75em ;
}
. site-info {
color : # 686868 ;
font-size : 13px ;
font-size : 0 . 8125rem ;
line-height : 1 . 6153846154 ;
}
. site-info a {
color : # 686868 ;
}
. site-info a : hover ,
. site-info a : focus {
color : # 007acc ;
}
. site-footer . site-title {
font-family : inherit ;
font-size : inherit ;
font-weight : 400 ;
}
. site-footer . site-title : after {
content : "\002f" ;
display : inline-block ;
font-family : Montserrat , sans-serif ;
opacity : 0 . 7 ;
padding : 0 0 . 307692308em 0 0 . 538461538em ;
}
Bundled Themes: Add link to privacy policy page in footer.
If a privacy policy has been set, then a link to it will automatically be shown in the footer.
The element containing the "Proudly powered by WordPress" link was chosen for the new policy link, in order to minimize visual conflicts with custom CSS that was written before the new link existed. Unfortunately, some minor conflicts are expected and unavoidable. Adding this link is required as part of GDPR compliance, and the benefits outweigh the downsides.
To further mitigate the conflicts, a new `imprint` class was added to the "Proudly powered..." link, in order to facilitate targeting each link invididually with custom styles.
Props xkon, laurelfulford, birgire, azaozz, iandunn.
See #43715.
Built from https://develop.svn.wordpress.org/trunk@43051
git-svn-id: http://core.svn.wordpress.org/trunk@42880 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2018-05-01 08:28:21 +02:00
. site-footer span [ role = separator ] {
font-family : Montserrat , sans-serif ;
opacity : 0 . 7 ;
padding : 0 0 . 307692308em 0 0 . 538461538em ;
}
. site-footer span [ role = separator ] :: before {
content : '\002f' ;
}
2017-05-30 23:21:43 +02:00
/ * *
* 12 . 0 - Media
* /
. site . avatar {
border-radius : 50 % ;
}
. entry-content . wp-smiley ,
. entry-summary . wp-smiley ,
. comment-content . wp-smiley ,
. textwidget . wp-smiley {
border : none ;
margin-top : 0 ;
margin-bottom : 0 ;
padding : 0 ;
}
. entry-content a img ,
. entry-summary a img ,
. comment-content a img ,
. textwidget a img {
display : block ;
}
/* Make sure embeds and iframes fit their containers. */
embed ,
iframe ,
object ,
video {
margin-bottom : 1 . 75em ;
max-width : 100 % ;
vertical-align : middle ;
}
p > embed ,
p > iframe ,
p > object ,
p > video {
margin-bottom : 0 ;
}
. entry-content . wp-audio-shortcode a ,
. entry-content . wp-playlist a {
box-shadow : none ;
}
. wp-audio-shortcode ,
. wp-video ,
. wp-playlist . wp-audio-playlist {
margin-top : 0 ;
margin-bottom : 1 . 75em ;
}
. wp-playlist . wp-audio-playlist {
padding-bottom : 0 ;
}
. wp-playlist . wp-playlist-tracks {
margin-top : 0 ;
}
. wp-playlist-item . wp-playlist-caption {
border-bottom : 0 ;
padding : 0 . 7142857143em 0 ;
}
. wp-playlist-item . wp-playlist-item-length {
top : 0 . 7142857143em ;
}
/ * *
* 12 . 1 - Captions
* /
. wp-caption {
margin-bottom : 1 . 75em ;
max-width : 100 % ;
}
. wp-caption img [ class * = "wp-image-" ] {
display : block ;
margin : 0 ;
}
. wp-caption . wp-caption-text {
color : # 686868 ;
font-size : 13px ;
font-size : 0 . 8125rem ;
font-style : italic ;
line-height : 1 . 6153846154 ;
padding-top : 0 . 5384615385em ;
}
/ * *
* 12 . 2 - Galleries
* /
. gallery {
margin : 0 -1 . 1666667 % 1 . 75em ;
}
. gallery-item {
display : inline-block ;
max-width : 33 . 33 % ;
padding : 0 1 . 1400652 % 2 . 2801304 % ;
text-align : center ;
vertical-align : top ;
width : 100 % ;
}
. gallery-columns-1 . gallery-item {
max-width : 100 % ;
}
. gallery-columns-2 . gallery-item {
max-width : 50 % ;
}
. gallery-columns-4 . gallery-item {
max-width : 25 % ;
}
. gallery-columns-5 . gallery-item {
max-width : 20 % ;
}
. gallery-columns-6 . gallery-item {
max-width : 16 . 66 % ;
}
. gallery-columns-7 . gallery-item {
max-width : 14 . 28 % ;
}
. gallery-columns-8 . gallery-item {
max-width : 12 . 5 % ;
}
. gallery-columns-9 . gallery-item {
max-width : 11 . 11 % ;
}
. gallery-icon img {
margin : 0 auto ;
}
. gallery-caption {
color : # 686868 ;
display : block ;
font-size : 13px ;
font-size : 0 . 8125rem ;
font-style : italic ;
line-height : 1 . 6153846154 ;
padding-top : 0 . 5384615385em ;
}
. gallery-columns-6 . gallery-caption ,
. gallery-columns-7 . gallery-caption ,
. gallery-columns-8 . gallery-caption ,
. gallery-columns-9 . gallery-caption {
display : none ;
}
/ * *
* 13 . 0 - Multisites
* /
. widecolumn {
margin-bottom : 3 . 5em ;
padding : 0 7 . 6923 % ;
}
. widecolumn . mu_register {
width : auto ;
}
. widecolumn . mu_register . mu_alert {
background : transparent ;
border-color : # d1d1d1 ;
color : inherit ;
margin-bottom : 3 . 5em ;
padding : 1 . 75em ;
}
. widecolumn form ,
. widecolumn . mu_register form {
margin-top : 0 ;
}
. widecolumn h2 {
font-size : 23px ;
font-size : 1 . 4375rem ;
font-weight : 900 ;
line-height : 1 . 2173913043 ;
margin-bottom : 1 . 2173913043em ;
}
. widecolumn p {
margin : 1 . 75em 0 ;
}
. widecolumn p + h2 {
margin-top : 2 . 4347826087em ;
}
. widecolumn label ,
. widecolumn . mu_register label {
color : # 686868 ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : 13px ;
font-size : 0 . 8125rem ;
font-weight : 400 ;
letter-spacing : 0 . 076923077em ;
line-height : 1 . 6153846154 ;
text-transform : uppercase ;
}
. widecolumn . mu_register label {
margin : 2 . 1538461538em 0 . 7692307692em 0 . 5384615385em 0 ;
}
. widecolumn . mu_register label strong {
font-weight : 400 ;
}
. widecolumn # key ,
. widecolumn . mu_register # blog_title ,
. widecolumn . mu_register # user_email ,
. widecolumn . mu_register # blogname ,
. widecolumn . mu_register # user_name {
font-size : 16px ;
font-size : 1rem ;
width : 100 % ;
}
. widecolumn . mu_register # blogname {
margin : 0 ;
}
. widecolumn . mu_register # blog_title ,
. widecolumn . mu_register # user_email ,
. widecolumn . mu_register # user_name {
margin : 0 0 0 . 375em ;
}
. widecolumn # submit ,
. widecolumn . mu_register input [ type = "submit" ] {
font-size : 16px ;
font-size : 1rem ;
margin : 0 ;
width : auto ;
}
. widecolumn . mu_register . prefix_address ,
. widecolumn . mu_register . suffix_address {
font-size : inherit ;
}
. widecolumn . mu_register > : last-child ,
. widecolumn form > : last-child {
margin-bottom : 0 ;
}
/ * *
* 14 . 0 - Media Queries
* /
/ * *
* Does the same thing as < meta name = "viewport" content = "width=device-width" > ,
* but in the future W3C standard way . -ms- prefix is required for IE10 + to
* render responsive styling in Windows 8 "snapped" views ; IE10 + does not honor
* the meta tag . See https : / / core . trac . wordpress . org / ticket / 25888 .
* /
@ -ms-viewport {
width : device-width ;
}
@ viewport {
width : device-width ;
}
/ * *
* 14 . 1 - > = 710px
* /
@ media screen and ( min-width : 44 . 375em ) {
body : not ( . custom-background-image ) : before ,
body : not ( . custom-background-image ) : after {
background : inherit ;
content : "" ;
display : block ;
height : 21px ;
left : 0 ;
position : fixed ;
width : 100 % ;
z-index : 99 ;
}
body : not ( . custom-background-image ) : before {
top : 0 ;
}
body : not ( . custom-background-image ) . admin-bar : before {
top : 46px ;
}
body : not ( . custom-background-image ) : after {
bottom : 0 ;
}
. site {
margin : 21px ;
}
. site-main {
margin-bottom : 5 . 25em ;
}
. site-header {
padding : 3 . 9375em 7 . 6923 % ;
}
. site-branding {
margin-top : 1 . 3125em ;
margin-bottom : 1 . 3125em ;
}
. custom-logo {
max-width : 210px ;
}
. site-title {
font-size : 28px ;
font-size : 1 . 75rem ;
line-height : 1 . 25 ;
}
. wp-custom-logo . site-title {
margin-top : 0 . 5em ;
}
. site-description {
display : block ;
}
. menu-toggle {
font-size : 16px ;
font-size : 1 . 0rem ;
margin : 1 . 3125em 0 ;
padding : 0 . 8125em 0 . 875em 0 . 6875em ;
}
. site-header-menu {
margin : 1 . 3125em 0 ;
}
. site-header . main-navigation + . social-navigation {
margin-top : 2 . 625em ;
}
. header-image {
margin : 1 . 3125em 0 ;
}
. pagination {
margin : 0 23 . 0769 % 4 . 421052632em 7 . 6923 %
}
. post-navigation {
margin-bottom : 5 . 25em ;
}
. post-navigation . post-title {
font-size : 28px ;
font-size : 1 . 75rem ;
line-height : 1 . 25 ;
}
/* restore screen-reader-text */
. pagination . current . screen-reader-text {
position : absolute ! important ;
}
. pagination . page-numbers {
display : inline-block ;
}
. site-main > article {
margin-bottom : 5 . 25em ;
}
. entry-header ,
. post-thumbnail ,
. entry-content ,
. entry-summary ,
. entry-footer ,
. comments-area ,
. image-navigation ,
. post-navigation ,
. page-header ,
. page-content ,
. content-bottom-widgets {
margin-right : 23 . 0769 % ;
}
. entry-title {
font-size : 33px ;
font-size : 2 . 0625rem ;
line-height : 1 . 2727272727 ;
margin-bottom : 0 . 8484848485em ;
}
. entry-content blockquote . alignleft ,
. entry-content blockquote . alignright {
border-width : 4px 0 0 0 ;
padding : 0 . 9473684211em 0 0 ;
width : -webkit-calc ( 50 % - 0 . 736842105em ) ;
width : calc ( 50 % - 0 . 736842105em ) ;
}
. entry-content blockquote : not ( . alignleft ) : not ( . alignright ) ,
. entry-summary blockquote ,
. comment-content blockquote {
margin-left : -1 . 473684211em ;
}
. entry-content blockquote blockquote : not ( . alignleft ) : not ( . alignright ) ,
. entry-summary blockquote blockquote ,
. comment-content blockquote blockquote {
margin-left : 0 ;
}
. entry-content ul ,
. entry-summary ul ,
. comment-content ul ,
. entry-content ol ,
. entry-summary ol ,
. comment-content ol {
margin-left : 0 ;
}
. entry-content li > ul ,
. entry-summary li > ul ,
. comment-content li > ul ,
. entry-content blockquote > ul ,
. entry-summary blockquote > ul ,
. comment-content blockquote > ul {
margin-left : 1 . 25em ;
}
. entry-content li > ol ,
. entry-summary li > ol ,
. comment-content li > ol ,
. entry-content blockquote > ol ,
. entry-summary blockquote > ol ,
. comment-content blockquote > ol {
margin-left : 1 . 5em ;
}
. comment-author {
margin-bottom : 0 ;
}
. comment-author . avatar {
height : 42px ;
position : relative ;
top : 0 . 25em ;
width : 42px ;
}
. comment-list . children > li {
padding-left : 1 . 75em ;
}
. comment-list + . comment-respond ,
. comment-navigation + . comment-respond {
padding-top : 3 . 5em ;
}
. comments-area ,
. widget ,
. content-bottom-widgets . widget-area {
margin-bottom : 5 . 25em ;
}
. sidebar ,
. widecolumn {
margin-bottom : 5 . 25em ;
padding-right : 23 . 0769 % ;
}
body : not ( . search-results ) . entry-summary li > ul ,
body : not ( . search-results ) . entry-summary blockquote > ul {
margin-left : 1 . 157894737em ;
}
body : not ( . search-results ) . entry-summary li > ol ,
body : not ( . search-results ) . entry-summary blockquote > ol {
margin-left : 1 . 473684211em ;
}
}
/ * *
* 14 . 2 - > = 783px
* /
@ media screen and ( min-width : 48 . 9375em ) {
body : not ( . custom-background-image ) . admin-bar : before {
top : 32px ;
}
}
/ * *
* 14 . 3 - > = 910px
* /
@ media screen and ( min-width : 56 . 875em ) {
. site-header {
padding-right : 4 . 5455 % ;
padding-left : 4 . 5455 % ;
}
. site-header-main {
-webkit-align-items : flex-start ;
-ms-flex-align : start ;
align-items : flex-start ;
}
. wp-custom-logo . site-header-main {
-webkit-align-items : center ;
-ms-flex-align : center ;
align-items : center ;
}
. site-header-menu {
display : block ;
-webkit-flex : 0 1 auto ;
-ms-flex : 0 1 auto ;
flex : 0 1 auto ;
}
. main-navigation {
margin : 0 -0 . 875em ;
}
. main-navigation . primary-menu ,
. main-navigation . primary-menu > li {
border : 0 ;
}
. main-navigation . primary-menu > li {
float : left ;
}
. main-navigation a {
outline-offset : -8px ;
padding : 0 . 65625em 0 . 875em ;
white-space : nowrap ;
}
. main-navigation li : hover > a ,
. main-navigation li . focus > a {
color : # 007acc ;
}
. main-navigation ul ul {
border-bottom : 1px solid # d1d1d1 ;
display : block ;
left : -999em ;
margin : 0 ;
position : absolute ;
z-index : 99999 ;
}
. main-navigation ul ul ul {
top : -1px ;
}
. main-navigation ul ul ul : before ,
. main-navigation ul ul ul : after {
border : 0 ;
}
. main-navigation ul ul li {
background-color : # fff ;
border : 1px solid # d1d1d1 ;
border-bottom-width : 0 ;
}
. main-navigation ul ul a {
white-space : normal ;
width : 12 . 6875em ;
}
. main-navigation ul ul : before ,
. main-navigation ul ul : after {
border-style : solid ;
content : "" ;
position : absolute ;
}
. main-navigation ul ul : before {
border-color : # d1d1d1 transparent ;
border-width : 0 10px 10px ;
right : 9px ;
top : -9px ;
}
. main-navigation ul ul : after {
border-color : # fff transparent ;
border-width : 0 8px 8px ;
right : 11px ;
top : -7px ;
}
. main-navigation li : hover > ul ,
. main-navigation li . focus > ul {
left : auto ;
right : 0 ;
}
. main-navigation ul ul li : hover > ul ,
. main-navigation ul ul li . focus > ul {
left : auto ;
right : 100 % ;
}
. main-navigation . menu-item-has-children > a {
margin : 0 ;
padding-right : 2 . 25em ;
}
. main-navigation . menu-item-has-children > a : after {
content : "\f431" ;
position : absolute ;
right : 0 . 625em ;
top : 0 . 8125em ;
}
. main-navigation ul ul . menu-item-has-children > a {
padding-right : 2 . 0625em ;
}
. main-navigation ul ul . menu-item-has-children > a : after {
right : 0 . 5625em ;
top : 0 . 875em ;
-webkit-transform : rotate ( 90deg ) ;
-moz-transform : rotate ( 90deg ) ;
-ms-transform : rotate ( 90deg ) ;
transform : rotate ( 90deg ) ;
}
. dropdown-toggle ,
. main-navigation ul . dropdown-toggle . toggled-on ,
. menu-toggle ,
. site-header . social-navigation ,
. site-footer . main-navigation {
display : none ;
}
. site-content {
padding : 0 4 . 5455 % ;
}
. content-area {
float : left ;
margin-right : -100 % ;
width : 70 % ;
}
. entry-header ,
. post-thumbnail ,
. entry-content ,
. entry-summary ,
. entry-footer ,
. comments-area ,
. image-navigation ,
. post-navigation ,
. pagination ,
. page-header ,
. page-content ,
. content-bottom-widgets {
margin-right : 0 ;
margin-left : 0 ;
}
. sidebar {
float : left ;
margin-left : 75 % ;
padding : 0 ;
width : 25 % ;
}
. widget {
font-size : 13px ;
font-size : 0 . 8125rem ;
line-height : 1 . 6153846154 ;
margin-bottom : 3 . 230769231em ;
padding-top : 1 . 615384615em ;
}
. widget . widget-title {
margin-bottom : 1 . 3125em ;
}
. widget p ,
. widget address ,
. widget hr ,
. widget ul ,
. widget ol ,
. widget dl ,
. widget dd ,
. widget table {
margin-bottom : 1 . 6153846154em ;
}
. widget li > ul ,
. widget li > ol {
margin-bottom : 0 ;
}
. widget blockquote {
font-size : 16px ;
font-size : 1rem ;
line-height : 1 . 3125 ;
margin-bottom : 1 . 3125em ;
padding-left : 1 . 0625em ;
}
. widget blockquote cite ,
. widget blockquote small {
font-size : 13px ;
font-size : 0 . 8125rem ;
line-height : 1 . 6153846154 ;
}
. widget th ,
. widget td {
padding : 0 . 5384615385em ;
}
. widget pre {
font-size : 13px ;
font-size : 0 . 8125rem ;
line-height : 1 . 6153846154 ;
margin-bottom : 1 . 6153846154em ;
padding : 0 . 5384615385em ;
}
. widget fieldset {
margin-bottom : 1 . 6153846154em ;
padding : 0 . 5384615385em ;
}
. widget button ,
. widget input ,
. widget select ,
. widget textarea {
font-size : 13px ;
font-size : 0 . 8125rem ;
line-height : 1 . 6153846154 ;
}
. widget button ,
. widget input [ type = "button" ] ,
. widget input [ type = "reset" ] ,
. widget input [ type = "submit" ] {
line-height : 1 ;
padding : 0 . 846153846em ;
}
. widget input [ type = "date" ] ,
. widget input [ type = "time" ] ,
. widget input [ type = "datetime-local" ] ,
. widget input [ type = "week" ] ,
. widget input [ type = "month" ] ,
. widget input [ type = "text" ] ,
. widget input [ type = "email" ] ,
. widget input [ type = "url" ] ,
. widget input [ type = "password" ] ,
. widget input [ type = "search" ] ,
. widget input [ type = "tel" ] ,
. widget input [ type = "number" ] ,
. widget textarea {
padding : 0 . 4615384615em 0 . 5384615385em ;
}
. widget h1 {
font-size : 23px ;
font-size : 1 . 4375rem ;
line-height : 1 . 2173913043 ;
margin-bottom : 0 . 9130434783em ;
}
. widget h2 {
font-size : 19px ;
font-size : 1 . 1875rem ;
line-height : 1 . 1052631579 ;
margin-bottom : 1 . 1052631579em ;
}
. widget h3 {
font-size : 16px ;
font-size : 1rem ;
line-height : 1 . 3125 ;
margin-bottom : 1 . 3125em ;
}
. widget h4 ,
. widget h5 ,
. widget h6 {
font-size : 13px ;
font-size : 0 . 8125rem ;
line-height : 1 . 6153846154 ;
margin-bottom : 0 . 9130434783em ;
}
. widget . alignleft {
margin : 0 . 2307692308em 1 . 6153846154em 1 . 6153846154em 0 ;
}
. widget . alignright {
margin : 0 . 2307692308em 0 1 . 6153846154em 1 . 6153846154em ;
}
. widget . aligncenter {
margin-bottom : 1 . 6153846154em ;
}
. widget_calendar td ,
. widget_calendar th {
line-height : 2 . 6923076923 ;
padding : 0 ;
}
. widget_rss . rssSummary : last-child {
margin-bottom : 1 . 615384615em ;
}
. widget input [ type = "search" ] . search-field {
width : -webkit-calc ( 100 % - 35px ) ;
width : calc ( 100 % - 35px ) ;
}
. widget . search-submit : before {
font-size : 16px ;
left : 1px ;
line-height : 35px ;
width : 34px ;
}
. widget button . search-submit {
padding : 0 ;
width : 35px ;
}
. tagcloud a {
margin : 0 0 . 2307692308em 0 . 5384615385em 0 ;
padding : 0 . 5384615385em 0 . 4615384615em 0 . 4615384615em ;
}
. textwidget h1 {
margin-top : 1 . 8260869565em ;
}
. textwidget h2 {
margin-top : 2 . 2105263158em ;
}
. textwidget h3 {
margin-top : 2 . 625em ;
}
. textwidget h4 {
letter-spacing : 0 . 153846154em ;
}
. textwidget h4 ,
. textwidget h5 ,
. textwidget h6 {
margin-top : 3 . 2307692308em ;
}
. content-bottom-widgets . widget-area : nth-child ( 1 ) : nth-last-child ( 2 ) ,
. content-bottom-widgets . widget-area : nth-child ( 2 ) : nth-last-child ( 1 ) {
float : left ;
margin-right : 7 . 1428571 % ;
width : 46 . 42857145 % ;
}
. content-bottom-widgets . widget-area : nth-child ( 2 ) : nth-last-child ( 1 ) : last-of-type {
margin-right : 0 ;
}
. site-footer {
-webkit-align-items : center ;
-ms-flex-align : center ;
align-items : center ;
display : -webkit-flex ;
display : -ms-flexbox ;
display : flex ;
-webkit-flex-wrap : wrap ;
-ms-flex-wrap : wrap ;
flex-wrap : wrap ;
padding : 0 4 . 5455 % 3 . 5em ;
}
. site-footer . social-navigation {
margin : 0 ;
-webkit-order : 2 ;
-ms-flex-order : 2 ;
order : 2 ;
}
. site-info {
margin : 0 . 538461538em auto 0 . 538461538em 0 ;
-webkit-order : 1 ;
-ms-flex-order : 1 ;
order : 1 ;
}
. no-sidebar . content-area {
float : none ;
margin : 0 ;
width : 100 % ;
}
. no-sidebar . entry-header ,
. no-sidebar . entry-content ,
. no-sidebar . entry-summary ,
. no-sidebar . entry-footer ,
. no-sidebar . comments-area ,
. no-sidebar . image-navigation ,
. no-sidebar . post-navigation ,
. no-sidebar . pagination ,
. no-sidebar . page-header ,
. no-sidebar . page-content ,
. no-sidebar . content-bottom-widgets {
margin-right : 15 % ;
margin-left : 15 % ;
}
. widecolumn {
padding-right : 15 % ;
padding-left : 15 % ;
}
}
/ * *
* 14 . 4 - > = 985px
* /
@ media screen and ( min-width : 61 . 5625em ) {
. site-main {
margin-bottom : 7 . 0em ;
}
. site-header {
padding : 5 . 25em 4 . 5455 % ;
}
. site-branding ,
. site-header-menu ,
. header-image {
margin-top : 1 . 75em ;
margin-bottom : 1 . 75em ;
}
. custom-logo {
max-width : 240px ;
}
. image-navigation {
margin-bottom : 3 . 230769231em ;
}
. post-navigation {
margin-bottom : 7 . 0em ;
}
. pagination {
margin-bottom : 5 . 894736842em ;
}
. widget {
margin-bottom : 4 . 307692308em ;
}
. site-main > article {
margin-bottom : 7 . 0em ;
}
. entry-title {
font-size : 40px ;
font-size : 2 . 5rem ;
line-height : 1 . 225 ;
margin-bottom : 1 . 05em ;
}
. format-aside . entry-title ,
. format-image . entry-title ,
. format-video . entry-title ,
. format-quote . entry-title ,
. format-gallery . entry-title ,
. format-status . entry-title ,
. format-link . entry-title ,
. format-audio . entry-title ,
. format-chat . entry-title {
font-size : 23px ;
font-size : 1 . 4375em ;
line-height : 1 . 304347826 ;
margin-bottom : 1 . 826086957em ;
}
. post-thumbnail {
margin-bottom : 2 . 625em ;
}
. entry-content h1 ,
. entry-summary h1 ,
. comment-content h1 {
font-size : 33px ;
font-size : 2 . 0625rem ;
line-height : 1 . 2727272727 ;
margin-top : 1 . 696969697em ;
margin-bottom : 0 . 8484848485em ;
}
. entry-content h2 ,
. entry-summary h2 ,
. comment-content h2 {
font-size : 28px ;
font-size : 1 . 75rem ;
line-height : 1 . 25 ;
margin-top : 2em ;
margin-bottom : 1em ;
}
. entry-content h3 ,
. entry-summary h3 ,
. comment-content h3 {
font-size : 23px ;
font-size : 1 . 4375rem ;
line-height : 1 . 2173913043 ;
margin-top : 2 . 4347826087em ;
margin-bottom : 1 . 2173913043em ;
}
. entry-content h4 ,
. entry-summary h4 ,
. entry-intro h4 ,
. comment-content h4 {
letter-spacing : 0 . 131578947em ;
}
. entry-content h4 ,
. entry-content h5 ,
. entry-content h6 ,
. entry-summary h4 ,
. entry-summary h5 ,
. entry-summary h6 ,
. comment-content h4 ,
. comment-content h5 ,
. comment-content h6 {
font-size : 19px ;
font-size : 1 . 1875rem ;
line-height : 1 . 1052631579 ;
margin-top : 2 . 9473684211em ;
margin-bottom : 1 . 473684211em ;
}
. author-info {
border-bottom-width : 0 ;
padding-bottom : 0 ;
}
. comment-list + . comment-respond ,
. comment-navigation + . comment-respond {
padding-top : 5 . 25em ;
}
. comments-area ,
. sidebar ,
. content-bottom-widgets . widget-area ,
. widecolumn {
margin-bottom : 7 . 0em ;
}
body : not ( . search-results ) . entry-summary {
margin-bottom : 2 . 210526316em ;
}
body : not ( . search-results ) . entry-header + . entry-summary {
margin-top : -1 . 105263158em ;
}
body : not ( . search-results ) article : not ( . type-page ) . entry-content {
float : right ;
width : 71 . 42857144 % ;
}
body : not ( . search-results ) article : not ( . type-page ) . entry-content > blockquote . alignleft . below-entry-meta {
margin-left : -40 % ;
width : -webkit-calc ( 60 % - 1 . 4736842105em ) ;
width : calc ( 60 % - 1 . 4736842105em ) ;
}
body : not ( . search-results ) article : not ( . type-page ) img . below-entry-meta ,
body : not ( . search-results ) article : not ( . type-page ) figure . below-entry-meta {
clear : both ;
display : block ;
float : none ;
margin-right : 0 ;
margin-left : -40 % ;
max-width : 140 % ;
}
body : not ( . search-results ) article : not ( . type-page ) figure . below-entry-meta img . below-entry-meta ,
body : not ( . search-results ) article : not ( . type-page ) table figure . below-entry-meta ,
body : not ( . search-results ) article : not ( . type-page ) table img . below-entry-meta {
margin : 0 ;
max-width : 100 % ;
}
body : not ( . search-results ) article : not ( . type-page ) . entry-footer {
float : left ;
margin-top : 0 . 1538461538em ;
width : 21 . 42857143 % ;
}
body : not ( . search-results ) article : not ( . type-page ) . entry-footer > span : not ( : last-child ) : after {
display : none ;
}
. single . byline ,
. full-size-link ,
body : not ( . search-results ) . group-blog . byline ,
body : not ( . search-results ) . entry-format ,
body : not ( . search-results ) . cat-links ,
body : not ( . search-results ) . tags-links ,
body : not ( . search-results ) article : not ( . sticky ) . posted-on ,
body : not ( . search-results ) article : not ( . type-page ) . comments-link ,
body : not ( . search-results ) article : not ( . type-page ) . entry-footer . edit-link {
display : block ;
margin-bottom : 0 . 5384615385em ;
}
body : not ( . search-results ) article : not ( . type-page ) . entry-footer > span : last-child {
margin-bottom : 0 ;
}
body : not ( . search-results ) article : not ( . type-page ) . entry-footer . avatar {
display : block ;
height : auto ;
margin : 0 0 0 . 5384615385em ;
width : 49px ;
}
body . no-sidebar : not ( . search-results ) article : not ( . type-page ) . entry-content {
float : left ;
margin-right : -100 % ;
margin-left : 34 . 99999999 % ;
width : 50 . 00000001 % ;
}
body . no-sidebar : not ( . search-results ) article : not ( . type-page ) . entry-footer {
margin-right : -100 % ;
margin-left : 15 % ;
width : 15 % ;
}
}
/ * *
* 14 . 5 - > = 1200px
* /
@ media screen and ( min-width : 75em ) {
body : not ( . search-results ) . entry-summary {
font-size : 23px ;
font-size : 1 . 4375rem ;
line-height : 1 . 5217391304 ;
margin-bottom : 1 . 826086957em ;
}
body : not ( . search-results ) . entry-header + . entry-summary {
margin-top : -0 . 913043478em ;
}
body : not ( . search-results ) . entry-summary p ,
body : not ( . search-results ) . entry-summary address ,
body : not ( . search-results ) . entry-summary hr ,
body : not ( . search-results ) . entry-summary ul ,
body : not ( . search-results ) . entry-summary ol ,
body : not ( . search-results ) . entry-summary dl ,
body : not ( . search-results ) . entry-summary dd ,
body : not ( . search-results ) . entry-summary table {
margin-bottom : 1 . 5217391304em ;
}
body : not ( . search-results ) . entry-summary li > ul ,
body : not ( . search-results ) . entry-summary blockquote > ul {
margin-left : 0 . 956521739em ;
}
body : not ( . search-results ) . entry-summary li > ol ,
body : not ( . search-results ) . entry-summary blockquote > ol {
margin-left : 1 . 52173913em ;
}
body : not ( . search-results ) . entry-summary blockquote {
font-size : 23px ;
font-size : 1 . 4375rem ;
line-height : 1 . 5217391304 ;
margin : 0 0 1 . 5217391304em ;
padding-left : 1 . 347826087em ;
}
body : not ( . search-results ) . entry-summary blockquote : not ( . alignleft ) : not ( . alignright ) {
margin-left : -1 . 52173913em ;
}
body : not ( . search-results ) . entry-summary blockquote blockquote : not ( . alignleft ) : not ( . alignright ) {
margin-left : 0 ;
}
body : not ( . search-results ) . entry-summary blockquote cite ,
body : not ( . search-results ) . entry-summary blockquote small {
font-size : 19px ;
font-size : 1 . 1875rem ;
line-height : 1 . 8421052632 ;
}
body : not ( . search-results ) . entry-summary th ,
body : not ( . search-results ) . entry-summary td {
padding : 0 . 3043478261em ;
}
body : not ( . search-results ) . entry-summary pre {
font-size : 16px ;
font-size : 1rem ;
line-height : 1 . 75 ;
margin-bottom : 1 . 75em ;
padding : 1 . 75em ;
}
body : not ( . search-results ) . entry-summary fieldset {
margin-bottom : 1 . 5217391304em ;
padding : 0 . 3043478261em ;
}
body : not ( . search-results ) . entry-summary h1 {
margin-top : 2 . 121212121em ;
margin-bottom : 1 . 060606061em ;
}
body : not ( . search-results ) . entry-summary h2 {
margin-top : 2 . 5em ;
margin-bottom : 1 . 25em ;
}
body : not ( . search-results ) . entry-summary h3 {
margin-top : 3 . 043478261em ;
margin-bottom : 1 . 52173913em ;
}
body : not ( . search-results ) . entry-summary h4 ,
body : not ( . search-results ) . entry-summary h5 ,
body : not ( . search-results ) . entry-summary h6 {
margin-top : 3 . 684210526em ;
margin-bottom : 1 . 842105263em ;
}
body : not ( . search-results ) . entry-summary h1 : first-child ,
body : not ( . search-results ) . entry-summary h2 : first-child ,
body : not ( . search-results ) . entry-summary h3 : first-child ,
body : not ( . search-results ) . entry-summary h4 : first-child ,
body : not ( . search-results ) . entry-summary h5 : first-child ,
body : not ( . search-results ) . entry-summary h6 : first-child {
margin-top : 0 ;
}
body : not ( . search-results ) . entry-summary . alignleft {
margin : 0 . 2608695652em 1 . 5217391304em 1 . 5217391304em 0 ;
}
body : not ( . search-results ) . entry-summary . alignright {
margin : 0 . 2608695652em 0 1 . 5217391304em 1 . 5217391304em ;
}
body : not ( . search-results ) . entry-summary . aligncenter {
margin-bottom : 1 . 5217391304em ;
}
}
/ * *
* 15 . 0 - Print
* /
@ media print {
form ,
button ,
input ,
select ,
textarea ,
. navigation ,
. main-navigation ,
. social-navigation ,
. sidebar ,
. content-bottom-widgets ,
. header-image ,
. page-links ,
. edit-link ,
. comment-respond ,
. comment-edit-link ,
. comment-reply-link ,
. comment-metadata . edit-link ,
. pingback . edit-link {
display : none ;
}
body ,
blockquote cite ,
blockquote small ,
pre ,
. entry-content h4 ,
. entry-content h5 ,
. entry-content h6 ,
. entry-summary h4 ,
. entry-summary h5 ,
. entry-summary h6 ,
. comment-content h4 ,
. comment-content h5 ,
. comment-content h6 ,
. entry-content . author-title {
font-size : 12pt ;
}
blockquote {
font-size : 14 . 25pt ;
}
. site-title ,
. page-title ,
. comments-title ,
. entry-content h2 ,
. entry-summary h2 ,
. comment-content h2 ,
. widecolumn h2 {
font-size : 17 . 25pt ;
}
. site-description {
display : block ;
}
. entry-title {
font-size : 24 . 75pt ;
line-height : 1 . 2727272727 ;
margin-bottom : 1 . 696969697em ;
}
. format-aside . entry-title ,
. format-image . entry-title ,
. format-video . entry-title ,
. format-quote . entry-title ,
. format-gallery . entry-title ,
. format-status . entry-title ,
. format-link . entry-title ,
. format-audio . entry-title ,
. format-chat . entry-title {
font-size : 17 . 25pt ;
line-height : 1 . 304347826 ;
margin-bottom : 1 . 826086957em ;
}
. entry-content h1 ,
. entry-summary h1 ,
. comment-content h1 {
font-size : 21pt ;
}
. entry-content h3 ,
. entry-summary h3 ,
. comment-content h3 ,
body : not ( . search-results ) . entry-summary {
font-size : 14 . 25pt ;
}
. site-description ,
. author-bio ,
. entry-footer ,
. sticky-post ,
. taxonomy-description ,
. entry-caption ,
. comment-metadata ,
. comment-notes ,
. comment-awaiting-moderation ,
. site-info ,
. wp-caption . wp-caption-text ,
. gallery-caption {
font-size : 9 . 75pt ;
}
body ,
. site {
background : none ! important ; /* Brute force since user agents all print differently. */
}
body ,
blockquote cite ,
blockquote small ,
. site-branding . site-title a ,
. entry-title a ,
. comment-author {
color : # 1a1a1a ! important ; /* Make sure color schemes don't affect to print */
}
blockquote ,
. page-header ,
. comments-title {
border-color : # 1a1a1a ! important ; /* Make sure color schemes don't affect to print */
}
blockquote ,
. site-description ,
body : not ( . search-results ) . entry-summary ,
body : not ( . search-results ) . entry-summary blockquote ,
. author-bio ,
. entry-footer ,
. entry-footer a ,
. sticky-post ,
. taxonomy-description ,
. entry-caption ,
. comment-author ,
. comment-metadata a ,
. comment-notes ,
. comment-awaiting-moderation ,
. site-info ,
. site-info a ,
. wp-caption . wp-caption-text ,
. gallery-caption {
color : # 686868 ! important ; /* Make sure color schemes don't affect to print */
}
code ,
hr {
background-color : # d1d1d1 ! important ; /* Make sure color schemes don't affect to print */
}
pre ,
abbr ,
acronym ,
table ,
th ,
td ,
. author-info ,
. comment-list article ,
. comment-list . pingback ,
. comment-list . trackback ,
. no-comments {
border-color : # d1d1d1 ! important ; /* Make sure color schemes don't affect to print */
}
a {
color : # 007acc ! important ; /* Make sure color schemes don't affect to print */
}
. entry-content a ,
. entry-summary a ,
. taxonomy-description a ,
. comment-content a ,
. pingback . comment-body > a {
box-shadow : none ;
border-bottom : 1px solid # 007acc ! important ; /* Make sure color schemes don't affect to print */
}
. site {
margin : 5 % ;
}
. site-inner {
max-width : none ;
}
. site-header {
padding : 0 0 1 . 75em ;
}
. site-branding {
margin-top : 0 ;
margin-bottom : 1 . 75em ;
}
. site-main {
margin-bottom : 3 . 5em ;
}
. entry-header ,
. entry-footer ,
. page-header ,
. page-content ,
. entry-content ,
. entry-summary ,
. post-thumbnail ,
. comments-area {
margin-right : 0 ;
margin-left : 0 ;
}
. post-thumbnail ,
. site-main > article {
margin-bottom : 3 . 5em ;
}
. entry-content blockquote . alignleft ,
. entry-content blockquote . alignright {
border-width : 4px 0 0 0 ;
padding : 0 . 9473684211em 0 0 ;
width : -webkit-calc ( 50 % - 0 . 736842105em ) ;
width : calc ( 50 % - 0 . 736842105em ) ;
}
body : not ( . search-results ) . entry-header + . entry-summary {
margin-top : -1 . 473684211em ;
}
. site-footer ,
. widecolumn {
padding : 0 ;
}
}
