@import url(//fonts.googleapis.com/css?family=Open+Sans|Merriweather:700); /** * Smiley project CSS */ /* generic emoji styles */ .wp-emoji, .wp-emoji:before { display: inline-block !important; /* shouldn't have been necessary, but some themes set this to static */ } .wp-emoji { position: relative !important; /* shouldn't have been necessary, but some themes set this to static */ vertical-align: bottom; /* this will be a line-height tall wrapper for vertically centering the smiley */ width: 1.375em; overflow: hidden; white-space: nowrap; text-indent: 9999px; min-height: 1.2em; /* for really small lineheights */ } /* Firefox does weird things with text-indent and selection */ @-moz-document url-prefix() { .wp-emoji { text-indent: 0; text-align: center; color: rgba(255,255,255,0); overflow: visible; } } /* @noflip */ .wp-emoji:before { /* vertically center the smiley */ position: absolute; content: ""; /* height/width for IE, Firefox and non-webkit browsers */ height: 1.25em; width: 1.375em; margin-top: -0.625em; /* minus half the height of the smiley */ left: 0; top: 50%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } /* WebKit specific hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { .wp-emoji { width: 1.35em; } .wp-emoji:before { height: 1.4em; width: 1.35em; margin-top: -0.7em; /* minus half the height of the smiley */ } } /* IE specific hacks */ @media screen and (min-width:0\0) { .wp-emoji { height: 1.2em; width: 1.38em; } .wp-emoji:before { width: 1.38em; } } /* individual smileys */ /* PNGs are for IE8 fallbacks. Let's remove them some day please */ .wp-emoji-smile:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/smile.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/smile.svg), none; } .wp-emoji-wink:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/wink.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/wink.svg), none; } .wp-emoji-bigsmile:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/bigsmile.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/bigsmile.svg), none; } .wp-emoji-heart:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/heart.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/heart.svg), none; } .wp-emoji-neutral:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/neutral.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/neutral.svg), none; } .wp-emoji-uneasy:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/uneasy.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/uneasy.svg), none; } .wp-emoji-lol:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/lol.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/lol.svg), none; } .wp-emoji-sad:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/sad.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/sad.svg), none; } .wp-emoji-cry:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/cry.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/cry.svg), none; } .wp-emoji-evilgrin:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/evilgrin.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/evilgrin.svg), none; } .wp-emoji-twisted:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/twisted.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/twisted.svg), none; } .wp-emoji-evil:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/evil.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/evil.svg), none; } .wp-emoji-surprised:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/surprised.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/surprised.svg), none; } .wp-emoji-tongue:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/tongue.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/tongue.svg), none; } .wp-emoji-angry:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/angry.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/angry.svg), none; } .wp-emoji-burrito:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/burrito.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/burrito.svg), none; } .wp-emoji-burrito, .wp-emoji-burrito:before { width: 1.6em; } .wp-emoji-wordpress:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/wordpress.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/wordpress.svg), none; } .wp-emoji-mindblown:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/mindblown.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/mindblown.svg), none; } .wp-emoji-mindblown-alt:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/mindblown-alt.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/mindblown-alt.svg), none; } .wp-emoji-martini:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/martini.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/martini.svg), none; } .wp-emoji-whiterussian:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/whiterussian.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/whiterussian.svg), none; } .wp-emoji-star:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/star.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/star.svg), none; } .wp-emoji-developer:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/developer.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/developer.svg), none; } .wp-emoji-developer, .wp-emoji-developer:before { width: 1.5em; } .wp-emoji-facepalm:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/facepalm.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/facepalm.svg), none; } .wp-emoji-facepalm, .wp-emoji-facepalm:before { width: 1.4em; } .wp-emoji-bear:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/bear.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/bear.svg), none; } .wp-emoji-mrgreen:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/mrgreen.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/mrgreen.svg), none; } .wp-emoji-arrow:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/arrow.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/arrow.svg), none; } .wp-emoji-confused:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/confused.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/confused.svg), none; } .wp-emoji-cool:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/cool.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/cool.svg), none; } .wp-emoji-idea:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/idea.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/idea.svg), none; } .wp-emoji-blush:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/blush.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/blush.svg), none; } .wp-emoji-oops:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/oops.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/oops.svg), none; } .wp-emoji-rolleyes:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/rolleyes.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/rolleyes.svg), none; } .wp-emoji-exclaim:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/exclaim.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/exclaim.svg), none; } .wp-emoji-question:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/question.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/question.svg), none; } .wp-emoji-kitten:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/kitten.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/kitten.svg), none; } .wp-emoji-momface:before { background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/momface.png); background-image: url(/wp-content/mu-plugins/smileyproject/default/momface.svg), none; } /* to enable text-selection of smileys in Firefox, we can't use text-indent or overflow to hide the text, so letterspace it instead */ @-moz-document url-prefix() { .wp-emoji-rolleyes { letter-spacing: -.2em; } .wp-emoji-oops, .wp-emoji-idea, .wp-emoji-confused { letter-spacing: -.25em; } .wp-emoji-burrito, .wp-emoji-arrow, .wp-emoji-bear, .wp-emoji-star { letter-spacing: -.3em; } .wp-emoji-developer, .wp-emoji-mrgreen, .wp-emoji-facepalm { letter-spacing: -.35em; } } /** * Like Button toolbar button, loading text & container styles * * @todo: doesn't look like "style.css" is used anymore. */ /* Master container */ #jp-post-flair { padding-top: .5em; } /* Overall Sharedaddy block title */ div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy { clear: both; } div.sharedaddy h3.sd-title { margin: 0 0 1em 0; display: inline-block; line-height: 1.2; font-size: 9pt; font-weight: bold; } div.sharedaddy h3.sd-title:before { content: ""; display: block; width: 100%; min-width: 30px; border-top: 1px solid #ddd; margin-bottom: 1em; } /* Toolbar */ #wpadminbar li#wp-admin-bar-admin-bar-likes-widget { width: 61px; overflow: hidden; } #wpadminbar iframe.admin-bar-likes-widget { width: 61px; height: 28px; min-height: 28px; border-width: 0px; position: absolute; top: 0; } div.jetpack-likes-widget-wrapper { width: 100%; min-height: 50px; /* Previous height, 60px */ position: relative; /* Need to abs position placeholder and iframe so there isn't a jarring jump */ } div.jetpack-likes-widget-wrapper .sd-link-color { font-size: 12px; } div.jetpack-likes-widget-wrapper.slim-likes-widget { width: 1px; /* initial default */ min-height: 0; } #likes-other-gravatars { display: none; position: absolute; padding: 10px 10px 12px 10px; background-color: #2e4453; border-width: 0; box-shadow: 0 0 10px #2e4453; box-shadow: 0 0 10px rgba(46,68,83,.6); min-width: 130px; z-index: 1000; } #likes-other-gravatars * { line-height: normal; } #likes-other-gravatars .likes-text { color: white; font-size: 12px; padding-bottom: 8px; } #likes-other-gravatars ul, #likes-other-gravatars li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; } #likes-other-gravatars li::before { content: ""; } #likes-other-gravatars ul.wpl-avatars { overflow: auto; display: block; max-height: 190px; } #likes-other-gravatars ul.wpl-avatars li { width: 32px; height: 32px; float: left; margin: 0 5px 5px 0; } #likes-other-gravatars ul.wpl-avatars li a { margin: 0 2px 0 0; border-bottom: none !important; display: block; } #likes-other-gravatars ul.wpl-avatars li a img { background: none; border: none; margin: 0 !important; padding: 0 !important; position: static; } div.sd-box { border-top: 1px solid #ddd; border-top: 1px solid rgba(0,0,0,.13); } .entry-content .post-likes-widget, .post-likes-widget, .comment-likes-widget { margin: 0; border-width: 0; display: block; } /* Loading text */ .post-likes-widget-placeholder { margin: 0; border-width: 0; position: relative; } .post-likes-widget-placeholder .button { display: none; /* Let's not show a dummy like button, let's just make a great button experience once it's loaded */ } .post-likes-widget-placeholder .button span { } .post-likes-widget-placeholder .loading { color: #999; font-size: 12px; } .slim-likes-widget .post-likes-widget { width: auto; float: none; } /* Like Special cases (display on it's own) */ div.sharedaddy.sd-like-enabled .sd-like h3 { display: none; } div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget { width: 100%; float: none; position: absolute; /* Need to abs position placeholder and iframe so there isn't a jarring jump */ top: 0; } .comment-likes-widget { width: 100%; } /* Make ratings block. @todo: make !important unnecessary by removing inline style */ .pd-rating { display: block !important; } /* Hide G+ title */ .sd-gplus .sd-title { display: none; } #bit, #bit * { *zoom: 1; } #bit { font: normal 13px 'Open Sans', sans-serif; _display: none; } /* @noflip */ .rtl #bit { font-family: tahoma, Arial, sans-serif; } .loggedout-follow-shelf { position: fixed; right: 40%; z-index: 100; bottom: -330px; } .loggedout-follow-normal { position: fixed; z-index: 100; bottom: -330px; right: 10px; } .loggedout-follow-typekit { margin-right: 4.5em; position: fixed; z-index: 100; bottom: -330px; right: 10px; } #bit a.bsub { display: block; overflow: hidden; padding: 0 10px 0 8px; float: right; text-decoration: none !important; line-height: 28px; font-weight: normal; font-size: 13px; color: #CCC; letter-spacing: normal; border: 0; background-color: #324155; -webkit-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); -moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); -o-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); -ms-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); box-shadow: 0 -1px 5px rgba(0,0,0,0.20); outline-style: none; outline-width: 0; } #bit a.bsub { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } #bit a.bsub span { padding-right: 6px; } #bit a.bsub span:before{ content: '\f801'; color: #00AADC; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font: normal 16px/1 'Noticons'; margin: 0 5px 4px 0; vertical-align: middle; } #bit a:hover span, #bit a.bsub.open span { color: #ffffff !important; background-position: left -117px; } #bit a.bsub.open { background: #324155; } #bitsubscribe { background: #324155; color: #fff; padding: 15px; width: 200px; margin-top: 27px; -moz-border-radius: 2px 0 0 0; -webkit-border-radius: 2px 0 0 0; -o-border-radius: 2px 0 0 0; -ms-border-radius: 2px 0 0 0; border-radius: 2px 0 0 0; *float: right; *margin-right: -68px; } div#bitsubscribe.open { -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -o-box-shadow: 0 0 8px rgba(0,0,0,0.5); -ms-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5); } #bitsubscribe div { overflow: hidden; } #bitsubscribe a { color: #d2dee6; } #bit h3, #bit #bitsubscribe h3 { margin: 0 0 .5em 0 !important; font-size: 20px; color: #D2DEE6; text-align: left; font-family: 'Merriweather', serif; font-weight: bold; } #bit h3 label{ color: #D2DEE6; font-family: 'Merriweather', serif; font-size: 20px; } #bit #bitsubscribe p { margin: 0 0 1em 0; *margin: 0 0 0 0; font-size: 14px; line-height: 1.45em; font-weight: 300; color: #fff; } #bitsubscribe p a { margin: 20px 0 0; color: #fff; text-decoration: underline; } #bit #bitsubscribe p.bit-follow-count { font-size: 13px; color: #D2DEE6; margin-top: -8px; } #bitsubscribe input[type=submit] { border-style: solid; border-width: 1px 1px 2px; color: #fff; cursor: pointer; display: block; margin: 0; outline: 0; overflow: hidden; padding: .75em; text-overflow: ellipsis; text-decoration: none; vertical-align: top; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset; -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; background: #00aadc; border-color: #0090bb; border-top-color: #0099c6; border-bottom-color: #0088b0; color: #fff; -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset; -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset; width:100%; text-shadow: none; font-size: 1em; } #bitsubscribe input[type=submit]:hover { background: #33bbe3; border-color: #2b9ec0; border-bottom-color: #2895b5; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset; } #bitsubscribe input[type=submit]:active { border-width: 2px 1px 1px; } #bitsubscribe input[type=text], #bitsubscribe input[type=email] { background: #f4f8fA; border: 1px solid #d2dee6; border-radius: 0; color: #404040; font-size: 13px; font-weight: 300; height: auto; padding: 5px 6px; width: 100%; box-sizing: border-box; /* @noflip */ direction: ltr; } #bitsubscribe input[type=text]:focus, #bitsubscribe input[type=email]:focus { border: 1px solid #000; } #bitsubscribe.open { display: block; } #bsub-subscribe-button { text-align: center; margin: 0 auto; } /* Confirmation =============================== */ #bitsubscribe #lof-followpublicize h3 { font-size: 13px; padding-top: 1em; margin-bottom: 1em !important; } #bitsubscribe #lof-followpublicize p.lof-followpublicize-twitter, #bitsubscribe #lof-followpublicize p.lof-followpublicize-facebook { overflow: hidden; } #bitsubscribe #lof-followpublicize p.lof-followpublicize-facebook { border: 1px solid #242f3d; } /* Error =============================== */ #bit #bitsubscribe p#loggedout-follow-error { background: #E8F0F5; border-left: 3px solid #DD3D36; font-size: 12px; font-weight: 1.4em; padding: 10px; color: #DD3D36; } /* Footer =============================== */ #bitsubscribe #bsub-credit { text-align: center; font-weight: normal; font-size: 11px; padding: 0 0 7px 0; margin:0 0 -15px; border-top: 1px solid #3c3c3c; } #bitsubscribe #bsub-credit a { color: #90AEC2; background: none; text-decoration: none; } #bitsubscribe #bsub-credit a:hover { color: #78DCFA; background: none; } @media (max-width: 800px) { #bit, #bit a.bsub { display:none; } } @media (min-device-width: 768px) { #bit, #bit a.bsub { display: block; } } /** WordAds V2! This CSS applies to all WordAds and Adsense themes HTML markup structure of an ad:
About these ads
[ad unit here]
*/ /* outer container */ .wpcnt { text-align: center; line-height: 0; } .rtl .wpcnt{ direction: ltr; } .mpb{ text-align: center; margin: 0px auto; width: 100%; } /* inner container */ .wpa, .wpadvert { /* @todo: deprecate wpadvert */ position: relative; /*overflow: hidden; */ /* this hides "about these ads" when there's no adfill */ display: inline-block !important; max-width: 100%; text-align: left; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .wpa.wpwidesky, .wpa.wpleaderboard{ width: auto; } .wpa.top{ min-width: 728px; } .wpa.wpwidesky{ min-width: 160px; } .wpa.wpmrec{ min-width: 300px; } .mpb .wpa{ padding: 10px 0 0; } @media screen and (max-width: 650px) { .mpb .wpa{ min-width: 300px; } } /* about these ads */ /* all the !important use is to ensure consistency */ .wpa-about{ /* @todo: deprecate wpadvert-about */ position: absolute; top: 5px; left: 0; right: 0; display: block; min-width: 160px; /*margin-top: 5px;*/ border-bottom: none !important; /* some themes ad dotted underlines, that won't look nice */ font: 10px/1 "Open Sans", Arial, sans-serif !important; text-align: left !important; text-decoration: none !important; opacity: 0.85; } .wpa-about:hover{ text-decoration: underline !important; /* !important necessary, since themes override this routinely */ opacity: 1; } /*.wpadvert-about { display: block; padding: 0 1px; font: 9px/1 sans-serif; text-decoration: underline; }*/ .wpa-about:hover, .wa_infobox a:hover { text-decoration: underline !important; /* !important necessary, since themes override this routinely */ color: #444; /* !disabling since links must use the theme colors */ } .wpa-notice { display: block; position: relative; padding: 20px; overflow: hidden; border: 5px solid #efefef; font: 10px/1 "Open Sans", Arial, sans-serif !important; } /* dark theme */ body.highlander-dark .wpa-about { color: #ddd; } body.highlander-dark .wpa-about:hover { color: #e9e9e9; } /* ad unit wrapper */ .wpa .u>div, .wpadvert>div>* { /* @todo: deprecate wpdvert */ display: block; margin-top: 5px; /* this makes "about these ads" visible */ margin-bottom: 1em; /* every ad should have a little space below it */ } div.wpa>div { margin-top: 20px; } #google_ads_div_wpcom_below_post_adsafe_ad_container { display: block !important; } .wa-sponsored-link { font: 9px/1 sans-serif; } /** * Add text colors to the playlist shortcode light color scheme. * * Core ticket: https://core.trac.wordpress.org/ticket/27562 */ .wp-playlist-light { color: #000; } .wp-playlist-light .wp-playlist-item { color: #333; } .wp-playlist-light .wp-playlist-playing { background: #fff; color: #000; } .wp-playlist-dark .wp-playlist-item .wp-playlist-caption { color: #fff; } .wp-playlist-caption { display: block; }/** * MP6 hacks, CSS that's either WPCOM specific or otherwise not suitably for MP6 proper */ /* Invert stats sparkline on light theme */ body.admin-color-mp6-light li#wp-admin-bar-stats img { filter: invert(100%); -webkit-filter: invert(100%); } /* Fix dashicons priority so Japanese users can use the toolbar. Should long term be fixed in whatever plugin that forces all fonts to be Arial */ i.mce-i-bold, i.mce-i-italic, i.mce-i-bullist, i.mce-i-numlist, i.mce-i-blockquote, i.mce-i-alignleft, i.mce-i-aligncenter, i.mce-i-alignright, i.mce-i-link, i.mce-i-unlink, i.mce-i-wp_more, i.mce-i-strikethrough, i.mce-i-spellchecker, i.mce-i-fullscreen, i.mce-i-wp_fullscreen, i.mce-i-wp_adv, i.mce-i-underline, i.mce-i-alignjustify, i.mce-i-forecolor, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-removeformat, i.mce-i-charmap, i.mce-i-outdent, i.mce-i-indent, i.mce-i-undo, i.mce-i-redo, i.mce-i-help, i.mce-i-wp_help, i.mce-i-wp-media-library, i.mce-i-ltr, i.mce-i-wp_page, .mce-close { font: normal 20px/1 'dashicons' !important; } .dashicons, .dashicons-before:before { font-family: 'dashicons' !important; } .noticon { font-family: "Noticons" !important; }.bbp-staff-role { color: #f1831e; } .bbp-a8c-reply { background: #e9eff3 !important; border: 1px solid #c8d7e1; width: 98% !important; }p.comment-likes { height: 16px; float: none; width: 100%; clear: both; display: block; margin-left: -2px; } p.comment-not-liked { cursor: pointer; } p.comment-likes a.view-likers { text-decoration: underline; border: none; } div.comment-likes-overlay { color: rgb(85, 85, 85); position: absolute; font-size: 9pt; padding: 0; margin: 0; /* Some O2 instances have elements with manually specified `z-index`, so * we just set this to an arbitrary high value to make sure that the * overlay is not covered up. */ z-index: 20000; } div.comment-likes-overlay div.inner { background-color: white; border: 1px solid #dfdfdf; border-color: rgba(0, 0, 0, 0.1); padding: 8px; margin: 0; max-width: 310px; max-height: 250px; overflow: hidden; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1); } div.comment-likes-overlay div.inner a img { text-decoration: none; height: 25px; width: 25px; margin: 2px 10px 2px 2px; vertical-align: middle; } div.comment-likes-overlay div.inner ul { margin: 0; padding: 0; } div.comment-likes-overlay div.inner ul li { float: left; display: inline; padding: 0; margin: 0 0 5px 0; /** Truncate people's names if they are too long. **/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div.comment-likes-overlay div.inner ul.single li { width: 100%; /* one column */ } div.comment-likes-overlay div.inner ul.double li { width: 50%; /* two columns */ } div.comment-likes-overlay div.inner a, div.comment-likes-overlay div.inner a:hover { text-decoration: none; border-bottom: none; background: transparent; } div.comment-likes-overlay div.inner ul li a span.user-name { color: rgb(85, 85, 85); } p.comment-likes span.comment-like-feedback { font-size: 12px; line-height: 1.8em; opacity: .8; float: left; padding: 1px 0 0 5px; display: block !important; } a.comment-like-link:hover { background: transparent; } a.comment-like-link span { display: none; } a.comment-like-link { outline: none; border: 0 !important; text-decoration: none !important; padding: 0; margin: 0; float: left; text-decoration: none; line-height: 70%; background: transparent; } a.comment-like-link:before, div.comment-likes-overlay span.icon { -webkit-font-smoothing: antialiased; font-family: "Noticons"; font-size: 20px; line-height: .9; } div.comment-likes-overlay span.icon { color: white; height: 100%; margin: 0; padding: 3px 0 1px 0; } a.comment-like-link:before { color: #2EA2CC; content: '\f408'; width: 16px; display: inline-block; } a.comment-like-link.loading { -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -ms-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; opacity: 0; } a.comment-like-link:hover:before, p.comment-liked a.comment-like-link:before, p.comment-not-liked:hover a.comment-like-link:before { color: #f1831e; background: transparent; } /** * Styles for navigation. * Mostly copied from trunk/wp-content/mu-plugins/atlas/css/reader.css. */ div.comment-likes-overlay div .slider-nav { position: relative; clear: both; width: 310px; height: 40px; margin: 15px 0 -15px -12px; text-align: center; border-top: 1px solid #dfdfdf; } div.comment-likes-overlay div .slider-nav em { font-style: normal; } div.comment-likes-overlay div .slider-nav .prev { position: absolute; top: 0; left: 0; display: block; width: 40px; height: 40px; border-right: 1px solid #dfdfdf; } div.comment-likes-overlay div .slider-nav .noticon { width: 40px; height: 40px; font-size: 25px; line-height: 40px; } div.comment-likes-overlay div .slider-nav .next { position: absolute; top: 0; right: 0; display: block; display: block; width: 40px; height: 40px; border-left: 1px solid #dfdfdf; } div.comment-likes-overlay div .slider-nav .position { position: absolute; top: 0; left: 40px; bottom: 0; right: 40px; text-align:center; } div.comment-likes-overlay div .slider-nav .position div { display: inline; } div.comment-likes-overlay div .slider-nav .position em { display: inline-block; padding: 0 3px; font-size: 30px; line-height: 40px; color: #bbb; cursor: pointer; } div.comment-likes-overlay div .slider-nav .position .on { color: #1e8cbe; } /** * Styles for Swipe. * Copied from the Swipe README. **/ div.comment-likes-overlay .swipe { overflow: hidden; visibility: hidden; position: relative; } div.comment-likes-overlay .swipe-wrap { overflow: hidden; position: relative; } /* @noflip */ div.comment-likes-overlay .swipe-wrap > div { float: left; width: 100%; position: relative; } /** Noticons Noticons are vector icons embedded in a font for use across wp.com. To use, reference this stylesheet in your project. See instructions in example.html */ /* IE8 and below use EOT and allow cross-site embedding. IE9 uses WOFF which is base64 encoded to allow cross-site embedding. So unfortunately, IE9 will throw a console error, but it'll still work. When the font is base64 encoded, cross-site embedding works in Firefox */ @font-face { font-family: "Noticons"; src: url(/i/noticons/./Noticons.eot?) format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Noticons"; src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url(/i/noticons/./Noticons.ttf) format("truetype"), url(/i/noticons/./Noticons.svg#Noticons) format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Noticons"; src: url(/i/noticons/./Noticons.svg#Noticons) format("svg"); } } /** * All noticons */ .noticon { font-size: 16px; vertical-align: top; text-align: center; -moz-transition: color .1s ease-in 0; -webkit-transition: color .1s ease-in 0; display: inline-block; font-family: "Noticons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; speak: none; } /** * Individual icons */ .noticon-404:before { content: "\f423"; } .noticon-activity:before { content: "\f508"; } .noticon-add:before { content: "\f8b3"; } .noticon-add-media:before { content: "\f8d9"; } .noticon-akismet:before { content: "\f8d2"; } .noticon-anchor:before { content: "\f509"; } .noticon-art:before { content: "\f8b4"; } .noticon-aside:before { content: "\f101"; } .noticon-atsign:before { content: "\f814"; } .noticon-attachment:before { content: "\f416"; } .noticon-audio:before { content: "\f109"; } .noticon-automattic:before { content: "\f815"; } .noticon-automattic-blip:before { content: "\f817"; } .noticon-automattic-ring:before { content: "\f816"; } .noticon-bell:before { content: "\f8d4"; } .noticon-bold:before { content: "\f471"; } .noticon-book:before { content: "\f444"; } .noticon-bug:before { content: "\f50a"; } .noticon-bullhorn:before { content: "\f8a5"; } .noticon-bullseye:before { content: "\f8a0"; } .noticon-cart:before { content: "\f447"; } .noticon-category:before { content: "\f301"; } .noticon-chat:before { content: "\f108"; } .noticon-checkmark:before { content: "\f418"; } .noticon-close:before { content: "\f405"; } .noticon-close-alt:before { content: "\f406"; } .noticon-cloud:before { content: "\f426"; } .noticon-cloud-download:before { content: "\f440"; } .noticon-cloud-upload:before { content: "\f441"; } .noticon-code:before { content: "\f462"; } .noticon-codepen:before { content: "\f216"; } .noticon-cog:before { content: "\f445"; } .noticon-collapse:before { content: "\f432"; } .noticon-colors:before { content: "\f8a7"; } .noticon-comment:before { content: "\f300"; } .noticon-compact:before { content: "\f807"; } .noticon-day:before { content: "\f305"; } .noticon-digg:before { content: "\f221"; } .noticon-document:before { content: "\f443"; } .noticon-dot:before { content: "\f428"; } .noticon-downarrow:before { content: "\f502"; } .noticon-download:before { content: "\f50b"; } .noticon-draggable:before { content: "\f436"; } .noticon-dribbble:before { content: "\f201"; } .noticon-dropbox:before { content: "\f225"; } .noticon-dropdown:before { content: "\f433"; } .noticon-dropdown-left:before { content: "\f434"; } .noticon-edit:before { content: "\f411"; } .noticon-ellipsis:before { content: "\f476"; } .noticon-eventbrite:before { content: "\f8a6"; } .noticon-expand:before { content: "\f431"; } .noticon-external:before { content: "\f442"; } .noticon-facebook:before { content: "\f203"; } .noticon-facebook-alt:before { content: "\f204"; } .noticon-fastforward:before { content: "\f458"; } .noticon-features:before { content: "\f8a8"; } .noticon-feed:before { content: "\f413"; } .noticon-flag:before { content: "\f468"; } .noticon-flickr:before { content: "\f211"; } .noticon-follow:before { content: "\f801"; } .noticon-following:before { content: "\f803"; } .noticon-fonts:before { content: "\f8b5"; } .noticon-foursquare:before { content: "\f226"; } .noticon-fullscreen:before { content: "\f474"; } .noticon-gallery:before { content: "\f103"; } .noticon-ghost:before { content: "\f8d5"; } .noticon-gift:before { content: "\f8a4"; } .noticon-github:before { content: "\f200"; } .noticon-googleplus:before { content: "\f206"; } .noticon-googleplus-alt:before { content: "\f218"; } .noticon-gravatar:before { content: "\f8d0"; } .noticon-gridview:before { content: "\f808"; } .noticon-handset:before { content: "\f50c"; } .noticon-heart:before { content: "\f461"; } .noticon-help:before { content: "\f457"; } .noticon-hide:before { content: "\f404"; } .noticon-hierarchy:before { content: "\f505"; } .noticon-home:before { content: "\f409"; } .noticon-horizon:before { content: "\f8d8"; } .noticon-image:before { content: "\f102"; } .noticon-info:before { content: "\f455"; } .noticon-instagram:before { content: "\f215"; } .noticon-italic:before { content: "\f472"; } .noticon-jetpack:before { content: "\f8d3"; } .noticon-key:before { content: "\f427"; } .noticon-layouts:before { content: "\f8a9"; } .noticon-leftarrow:before { content: "\f503"; } .noticon-lightbulb:before { content: "\f8a1"; } .noticon-link:before { content: "\f107"; } .noticon-linkedin:before { content: "\f207"; } .noticon-linkedin-alt:before { content: "\f208"; } .noticon-localization:before { content: "\f8b2"; } .noticon-location:before { content: "\f417"; } .noticon-lock:before { content: "\f470"; } .noticon-mail:before { content: "\f410"; } .noticon-maximize:before { content: "\f422"; } .noticon-medium:before { content: "\f8d6"; } .noticon-menu:before { content: "\f419"; } .noticon-microphone:before { content: "\f50d"; } .noticon-milestone:before { content: "\f806"; } .noticon-minimize:before { content: "\f421"; } .noticon-minus:before { content: "\f50e"; } .noticon-month:before { content: "\f307"; } .noticon-move:before { content: "\f50f"; } .noticon-next:before { content: "\f429"; } .noticon-notice:before { content: "\f456"; } .noticon-notification:before { content: "\f800"; } .noticon-paintbrush:before { content: "\f506"; } .noticon-path:before { content: "\f219"; } .noticon-pause:before { content: "\f448"; } .noticon-phone:before { content: "\f437"; } .noticon-picture:before { content: "\f473"; } .noticon-pinned:before { content: "\f308"; } .noticon-pinterest:before { content: "\f209"; } .noticon-pinterest-alt:before { content: "\f210"; } .noticon-play:before { content: "\f452"; } .noticon-plugin:before { content: "\f439"; } .noticon-plus:before { content: "\f510"; } .noticon-pocket:before { content: "\f224"; } .noticon-polldaddy:before { content: "\f217"; } .noticon-portfolio:before { content: "\f460"; } .noticon-previous:before { content: "\f430"; } .noticon-price:before { content: "\f8b0"; } .noticon-print:before { content: "\f469"; } .noticon-promoted:before { content: "\f812"; } .noticon-quote:before { content: "\f106"; } .noticon-rating-empty:before { content: "\f511"; } .noticon-rating-full:before { content: "\f512"; } .noticon-rating-half:before { content: "\f513"; } .noticon-reader:before { content: "\f8a2"; } .noticon-reader-alt:before { content: "\f8a3"; } .noticon-reblog:before { content: "\f805"; } .noticon-reddit:before { content: "\f222"; } .noticon-refresh:before { content: "\f420"; } .noticon-reply:before { content: "\f412"; } .noticon-reply-alt:before { content: "\f466"; } .noticon-reply-single:before { content: "\f467"; } .noticon-rewind:before { content: "\f459"; } .noticon-rightarrow:before { content: "\f501"; } .noticon-search:before { content: "\f400"; } .noticon-send-to-phone:before { content: "\f438"; } .noticon-send-to-tablet:before { content: "\f454"; } .noticon-share:before { content: "\f415"; } .noticon-show:before { content: "\f403"; } .noticon-shuffle:before { content: "\f514"; } .noticon-sitemap:before { content: "\f507"; } .noticon-skip-ahead:before { content: "\f451"; } .noticon-skip-back:before { content: "\f450"; } .noticon-skype:before { content: "\f220"; } .noticon-spam:before { content: "\f424"; } .noticon-spike:before { content: "\f811"; } .noticon-spotify:before { content: "\f515"; } .noticon-squarespace:before { content: "\f8d7"; } .noticon-standard:before { content: "\f100"; } .noticon-star:before { content: "\f408"; } .noticon-status:before { content: "\f105"; } .noticon-stop:before { content: "\f449"; } .noticon-stumbleupon:before { content: "\f223"; } .noticon-subscribe:before { content: "\f463"; } .noticon-subscribed:before { content: "\f465"; } .noticon-summary:before { content: "\f425"; } .noticon-tablet:before { content: "\f453"; } .noticon-tag:before { content: "\f302"; } .noticon-time:before { content: "\f303"; } .noticon-title:before { content: "\f8b6"; } .noticon-top:before { content: "\f435"; } .noticon-trapper:before { content: "\f810"; } .noticon-trash:before { content: "\f407"; } .noticon-trophy:before { content: "\f804"; } .noticon-tumblr:before { content: "\f214"; } .noticon-twitch:before { content: "\f516"; } .noticon-twitter:before { content: "\f202"; } .noticon-types:before { content: "\f8b1"; } .noticon-unapprove:before { content: "\f446"; } .noticon-unfollow:before { content: "\f802"; } .noticon-unsubscribe:before { content: "\f464"; } .noticon-unzoom:before { content: "\f401"; } .noticon-uparrow:before { content: "\f500"; } .noticon-user:before { content: "\f304"; } .noticon-vaultpress:before { content: "\f8d1"; } .noticon-video:before { content: "\f104"; } .noticon-videocamera:before { content: "\f517"; } .noticon-vimeo:before { content: "\f212"; } .noticon-warning:before { content: "\f414"; } .noticon-website:before { content: "\f475"; } .noticon-week:before { content: "\f306"; } .noticon-wordads:before { content: "\f813"; } .noticon-wordpress:before { content: "\f205"; } .noticon-xpost:before { content: "\f504"; } .noticon-youtube:before { content: "\f213"; } .noticon-zoom:before { content: "\f402"; } /** * Deprecated noticon names */ .noticon-like:before { content: "\f408"; } /*--------------------------------------------------------------------------------- Theme Name: Baskerville Theme URI: http://www.andersnoren.se/teman/baskerville-wordpress-theme/ Author: Anders Norén Author URI: http://www.andersnoren.se Description: Baskerville is a dynamic grid-based theme for curators. It's the perfect way to showcase your posts, videos, images and galleries, and share your favorite quotes and links. Features responsive design, retina-ready assets, full-width header image, support for all post formats, site logo support, custom Dribbble widget, three page templates (including a contributors template), editor styling, and translation-ready code. Version: 1.15-wpcom License: GNU General Public License version 2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, dark, white, green, two-columns, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready, editor-style Text Domain: baskerville All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) Baskerville WordPress Theme, Copyright 2015 Anders Norén Baskerville is distributed under the terms of the GNU GPL. ----------------------------------------------------------------------------------- 0. CSS Reset 1. Document Setup 2. Structure 3. Header 4. Navigation 5. Content 6. Index, Archive Posts 7. Single Post 8. Comments 9. Respond 10. Page & Page Templates 11. Pagination 12. Sidebar 13. Footer 14. Credits 15. Media Queries ----------------------------------------------------------------------------------- */ /** * 0. CSS Reset * ---------------------------------------------------------------------------- * * Resetting default browser styles */ html, body { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: normal; font-weight: normal; line-height: 1; margin: 0; padding: 0; text-align: left; } table { border-collapse: collapse; border-spacing: 0; } ol, ul { list-style: none; } blockquote:before, blockquote:after { content: ""; } a:focus { outline: 1px dotted #333; } input[type="search"], input[type="text"], input[type="email"], input[type="url"], input[type="button"], input[type="tel"], input[type="submit"], textarea { -moz-appearance: none; -webkit-appearance: none; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } select { max-width: 100%; } figure { margin: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; } iframe, embed, object { max-width: 100%; } embed, object { height: auto; } iframe, .jetpack-video-wrapper { margin-bottom: 1.0em; } /** * 1. Document Setup * ---------------------------------------------------------------------------- * * Base styles for the template */ body { background: #f1f1f1; border: none; color: #444; font-family: "Roboto", sans-serif; font-size: 18px; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; } body a { color: #13c4a5; text-decoration: none; } body a:hover, body a:focus { color: #13c4a5; text-decoration: none; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { height: auto; max-width: 100%; } .hidden { display: none; } .fleft { float: left; } .fright { float: right; } .clear:before, .clear:after { content: ""; display: table; } .clear:after { clear: both; } /* changes selected text color */ ::selection { background: #444; color: #fff; } ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { /* Firefox 18- */ color: #999; } ::-moz-placeholder { /* Firefox 19+ */ color: #999; } :-ms-input-placeholder { color: #999; } .placeholder { /* IE9 (with JavaScript helper) */ color: #999; } /* Transitions --------------------------------------- */ a, #infinite-handle span { -moz-transition: color .1s ease-in-out, background-color .1s ease-in-out; -ms-transition: color .1s ease-in-out, background-color .1s ease-in-out; -o-transition: color .1s ease-in-out, background-color .1s ease-in-out; -webkit-transition: color .1s ease-in-out, background-color .1s ease-in-out; transition: color .1s ease-in-out, background-color .1s ease-in-out; } .site-title a, .post-title a, .post-overlay, .post-likes, .post-meta a, .pagination, .main-navigation a, .main-navigation > .has-children > a:after, .main-navigation > .menu-item-has-children > a:after, .main-navigation > .page_item_has_children > a:after, .searchbutton, .search-icon, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea, .form-submit #submit, .widget_search .search-submit, .widget_search .search-field, .dribbble-shot, .post-content input[type="submit"], .post-content input[type="reset"], .post-content input[type="button"], .widget-content input[type="submit"], .widget-content input[type="reset"], .widget-content input[type="button"] { -moz-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s; -moz-transition-property: color, background-color, left, right, opacity; -o-transition-property: color, background-color, left, right, opacity; -webkit-transition-property: color, background-color, left, right, opacity; transition-property: color, background-color, left, right, opacity; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .tothetop, .header, .portfolio-item a .portfolio-header-container, .featured-media a img { -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Assistive Text ------------------------------------ */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; } .screen-reader-text:focus { background-color: #f1f1f1; clip: auto; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; position: absolute; text-decoration: none; text-transform: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } .hide { display: none; } /** * 2. Structure * ---------------------------------------------------------------------------- * * Styles to set up the theme's basic layout */ .section { padding: 80px 0; position: relative; } .no-padding { padding: 0; } .small-padding { padding: 40px 0; } .medium-padding { padding: 60px 0; } .big-padding { padding: 100px 0; } .section-inner { margin: 0 auto; max-width: 90%; width: 1400px; } .section-inner.content { max-width: 92.6%; width: 1440px; } .section-inner.wide { width: 1240px; } .section-inner.thin { width: 700px; } .bg-dark { background-color: #1d1d1d; } .bg-graphite { background-color: #262626; } .bg-grey { background-color: #f1f1f1; } .bg-image { background-position: center; background-repeat: no-repeat; background-size: cover; } .cover { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .cover.shade-light { background: rgba(0,0,0,.25); } .cover.shade-medium { background: rgba(0,0,0,.5); } .cover.shade-dark { background: rgba(0,0,0,.75); } /* columns */ .row .one-fourth { float: left; margin-left: 5%; width: 21.5%; } .row .one-third { float: left; margin-left: 5%; width: 30%; } .row .one-half { float: left; margin-left: 5%; width: 47.5%; } .row .two-thirds { float: left; margin-left: 5%; width: 65%; } .row .one-fourth:first-child, .row .one-third:first-child, .row .one-half:first-child, .row .two-thirds:first-child { margin-left: 0; } /** * 3. Header * ---------------------------------------------------------------------------- * * Styles for the theme header */ .header { padding: 70px 0; } .header .cover { background: rgba(29,29,29,.25); } .header-inner { position: relative; text-align: center; } .header .site-logo, .header .site-logo-link { display: inline-block; margin-bottom: 20px; } .header .site-logo img, .header .site-logo-link img { display: block; height: auto; margin: 0 auto; max-height: 160px; max-width: 300px; width: auto; } .header a:focus { outline: 1px dotted #fff; } .site-title { font-family: "Pacifico", sans-serif; font-size: 2.25em; text-align: center; text-shadow: 1px 1px 2px rgba(0,0,0,.25); } .site-title a { color: #fff; } .site-title a:hover, .site-title a:focus { color: #13c4a5; } .site-description { color: #999; font-size: 1.1em; font-weight: 400; line-height: 110%; margin: 20px 0 0 0; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.25); } /* search-icon */ .search-icon { display: block; height: 68px; -webkit-opacity: .5; -moz-opacity: .5; opacity: .5; position: relative; text-indent: -9999em; width: 40px; } .search-icon:before { color: #fff; content: "\f002"; display: block; font-family: "FontAwesome"; font-size: 27px; left: 0; line-height: 68px; position: absolute; text-align: center; text-indent: 0; text-rendering: auto; transform: translate(0, 0); width: 40px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .search-icon.active { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .search-icon:focus { border: 1px dotted #fff; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } /* header search block */ .header-search-block { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 10000; } .header-search-block .section-inner { position: relative; } .header-search-block .search-field { background: none; border: 1px solid transparent; color: #fff; font-family: "Roboto", sans-serif; font-size: 2.5em; font-weight: 300; left: 5%; margin: -30px 0 0; position: absolute; right: 5%; top: 50%; width: 90%; -webkit-font-smoothing: antialiased; } .header-search-block .search-field:focus { border: 1px dotted rgba(255,255,255,.5); outline: none; } .header-search-block .search-submit { display: none; } /** * 4. Navigation * ---------------------------------------------------------------------------- * * Styles for the theme's primary navigation and dropdown menus */ .main-navigation { font-family: "Roboto Slab", sans-serif; font-size: .9em; text-align: center; } .nav-toggle { display: none; } .main-navigation li { position: relative; } .main-navigation li { float: left; } .main-navigation a:focus { outline: 1px dotted #fff; } .main-navigation li:hover > a, .main-navigation li:focus > a { color: #fff; cursor: pointer; } /* first level */ .main-navigation li:before { color: #444; content: "\002F"; display: block; font-size: 16px; font-weight: 300; margin-right: -3px; margin-top: -9px; position: absolute; right: 0; top: 50%; z-index: 1000; } .main-navigation li:last-child:before { content: none; } .main-navigation li > a { color: #999; display: block; font-size: .85em; font-weight: 700; letter-spacing: 1px; padding: 27px; text-transform: uppercase; } .main-navigation li:first-child > a { margin-left: 0; } .main-navigation .has-children > a, .main-navigation .menu-item-has-children > a, .main-navigation .page_item_has_children > a { padding-right: 47px; position: relative; } .main-navigation .has-children > a::after, .main-navigation .menu-item-has-children > a::after, .main-navigation .page_item_has_children > a::after { border: 5px solid transparent; border-top-color: #999; content: ""; display: block; margin-top: -2px; position: absolute; right: 29px; top: 50%; z-index: 1001; } .main-navigation .has-children:hover > a::after, .main-navigation .has-children:focus > a::after, .main-navigation .menu-item-has-children:hover > a::after, .main-navigation .menu-item-has-children:focus > a::after, .main-navigation .page_item_has_children:hover > a::after, .main-navigation .page_item_has_children:focus > a::after { border-top-color: #fff; } /* Sub menus --------------------------------------- */ .main-navigation li li:before { display: none; } .main-navigation ul ul { display: block; left: -9999px; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; position: absolute; top: 38px; -moz-transition: opacity .3s ease-in-out, top .3s ease-in-out; -ms-transition: opacity .3s ease-in-out, top .3s ease-in-out; -o-transition: opacity .3s ease-in-out, top .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out, top .3s ease-in-out; transition: opacity .3s ease-in-out, top .3s ease-in-out; z-index: 9999; } .main-navigation ul li > ul { padding-top: 20px; } .main-navigation ul li > ul:before { border: 10px solid transparent; border-bottom-color: #2d2d2d; content: ""; display: block; left: 50%; margin-left: -10px; position: absolute; top: 0; z-index: 1000; } .main-navigation ul ul li { border-top: 1px solid rgba(255,255,255,.075); display: block; float: none; } .main-navigation ul ul li:first-child { border-top: none; } .main-navigation ul ul .has-children a::after, .main-navigation ul ul .menu-item-has-children a::after, .main-navigation ul ul .page_item_has_children a::after { display: none; } .main-navigation ul ul .has-children::after, .main-navigation ul ul .menu-item-has-children::after, .main-navigation ul ul .page_item_has_children::after { border: 6px solid transparent; border-left-color: rgba(255,255,255,.4); content: ""; display: block; margin-top: -5px; position: absolute; right: 10px; top: 50%; z-index: 1001; } .main-navigation ul ul > .has-children:hover::after, .main-navigation ul ul > .has-children:focus::after, .main-navigation ul ul > .menu-item-has-children:hover::after, .main-navigation ul ul > .menu-item-has-children:focus::after, .main-navigation ul ul > .page_item_has_children:hover::after, .main-navigation ul ul > .page_item_has_children:focus::after { border-left-color: #fff; } .main-navigation ul ul li { background: #2d2d2d; display: block; width: 240px; } .main-navigation ul ul a { color: #999; display: block; font-size: 1.0em; font-weight: normal; letter-spacing: 0; line-height: 130%; margin: 0; padding: 20px; text-align: center; text-transform: none; } .main-navigation ul ul a:hover, .main-navigation ul ul a:focus { color: #fff; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: 50%; margin-left: -120px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; top: 48px; } /* Deep down --------------------------------------- */ .main-navigation ul ul ul { padding-top: 0; top: 5px; } .main-navigation ul ul li > ul:before { display: none; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 240px; margin-left: 0; top: 0; } .main-navigation ul ul ul li { background: #3d3d3d; } .main-navigation ul ul ul ul li, .main-navigation ul ul ul ul ul li { background: #4d4d4d; } /** * 5. Content * ---------------------------------------------------------------------------- * * Styles for the primary content area of the theme */ #content:focus { outline: 1px dotted #333; } .post-container { float: left; padding: 0 1.5% 4.5% 1.5%; position: relative; width: 33.3%; } .hentry, .post { background: #fff; border-radius: 3px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.1); box-shadow: 0 1px 4px rgba(0,0,0,.1); overflow: hidden; width: 100%; } .post.sticky .post-header { padding-right: 17.5%; } /* sticky post icon */ .post .sticky-post { background-color: #374250; background-size: 210px auto; display: none; height: 38px; position: absolute; right: 9%; text-indent: -9999px; top: 0; width: 26px; z-index: 5; } .post .sticky-post i.fa { color: #fff; left: 0; position: absolute; text-align: center; text-indent: 0; top: 10px; width: 100%; } .post .sticky-post:after { border: 13px solid transparent; border-left-color: #374250; border-right-color: #374250; content: ""; display: block; margin-top: -13px; position: absolute; right: 0; top: 38px; } .post.sticky .sticky-post { display: block; } /* Featured media ----------------------------------------- */ .featured-media a, .featured-media img { display: block; } .featured-media a { overflow: hidden; } .featured-media a img, .featured-media img { height: auto; margin: 0 auto; max-width: 100%; } .featured-media a:hover img, .featured-media a:focus img { -webkit-opacity: .8; -moz-opacity: .8; opacity: .8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .media-caption { border-bottom: 1px solid #eee; color: #999; font-size: .8em; font-weight: 700; line-height: 110%; margin: 0 10%; padding: 20px 0; } /* Post inner ----------------------------------------- */ .post-header { border-bottom: 1px solid #eee; padding: 8% 10%; position: relative; } .post-header .post-title { color: #2b3542; font-family: "Roboto Slab", sans-serif; font-size: 1.25em; font-weight: 700; line-height: 120%; -ms-word-wrap: break-word; word-wrap: break-word; } .post .post-header:before, .page .post-header:before { border: 12px solid transparent; border-top-color: #eee; bottom: 0; content: ""; display: block; left: 10%; margin-bottom: -24px; position: absolute; z-index: 10; } .post .post-header:after, .page .post-header:after { border: 11px solid transparent; border-top-color: #fff; bottom: 0; content: ""; display: block; left: 10%; margin-bottom: -21px; margin-left: 1px; position: absolute; z-index: 11; } .post-header .post-title em { font-weight: 700; } .post-header .post-title a { color: #2b3542; } .post-header .post-title a:hover, .post-header .post-title a:focus { color: #13c4a5; } /* Post Content --------------------------------- */ .post-content a:hover, .post-content a:focus { text-decoration: underline; } .post-content p, .post-content blockquote, .post-content ul, .post-content ol, .post-content address, .post-content dl, .post-content .wp-caption, .post-content pre { line-height: 180%; margin-bottom: 1.1em; -ms-word-wrap: break-word; word-wrap: break-word; } .post-content .wp-caption { line-height: 140%; } .post-content > *:first-child { margin-top: 0; } .post-content *:last-child { margin-bottom: 0; } .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { color: #333; font-family: "Roboto Slab", sans-serif; font-weight: 700; margin: 50px 0 30px; } .post-content h1 em, .post-content h2 em, .post-content h3 em { font-weight: 700; } .post-content h1 { font-size: 2em; } .post-content h2 { font-size: 1.75em; } .post-content h3 { font-size: 1.5em; } .post-content h4 { font-size: 1.25em; font-weight: 400; } .post-content h5 { font-size: 1em; font-weight: 400; } .post-content h6 { font-size: .9em; font-weight: 700; text-transform: uppercase; } .post-content h1 + h1, .post-content h1 + h2, .post-content h1 + h3, .post-content h1 + h4, .post-content h1 + h5, .post-content h1 + h6, .post-content h2 + h1, .post-content h2 + h2, .post-content h2 + h3, .post-content h2 + h4, .post-content h2 + h5, .post-content h2 + h6, .post-content h3 + h1, .post-content h3 + h2, .post-content h3 + h3, .post-content h3 + h4, .post-content h3 + h5, .post-content h3 + h6, .post-content h4 + h1, .post-content h4 + h2, .post-content h4 + h3, .post-content h4 + h4, .post-content h4 + h5, .post-content h4 + h6, .post-content h5 + h1, .post-content h5 + h2, .post-content h5 + h3, .post-content h5 + h4, .post-content h5 + h5, .post-content h5 + h6, .post-content h6 + h1, .post-content h6 + h2, .post-content h6 + h3, .post-content h6 + h4, .post-content h6 + h5, .post-content h6 + h6 { margin-top: 30px; } .post-content blockquote { font-size: 1em; font-weight: 300; font-weight: normal; margin: 40px 0; position: relative; } .post-content blockquote:before, .post-content blockquote:after { background: #eee; content: ""; display: block; height: 3px; margin: 40px auto; width: 128px; } .post-content blockquote p { font-size: 1.2em; font-weight: 300; line-height: 160%; text-align: center; } .post-content cite { font-family: "Roboto Slab", sans-serif; font-size: .9rem; font-weight: bold; line-height: 140%; text-align: center; text-transform: uppercase; } .post-content blockquote cite { display: block; margin-top: 1em; } .post-content blockquote cite em { font-style: italic; font-weight: bold; } em, q { font-style: italic; } .post-content strong em, .post-content em strong { font-style: italic; font-weight: bold; } .post-content big { font-size: 1.25em; } abbr, acronym { cursor: help; } code, kbd, pre { background: #eee; font-family: "Menlo", Monaco, monospace; font-size: .85em; } .post-content .highlight { background: #fcf8a5; display: inline; padding: 2px 3px; width: auto; } .post-content kbd, .post-content code { border-radius: 3px; padding: 5px; } .post-content dl { line-height: 160%; } .post-content dl dt { font-weight: bold; } .post-content hr { background: #eee; border: 0; height: 5px; margin: 2em auto; width: 50%; } .post-content ul { list-style: disc; margin-left: 1.5em; } .post-content ul ul { list-style: circle; } .post-content ul ul ul { list-style: square; } .post-content ol { list-style: decimal; margin-left: 1.5em; } .post-content ol ol { list-style: lower-alpha; } .post-content ol ol ol { list-style: lower-roman; } .post-content ul ul, .post-content ul ol, .post-content ol ul, .post-content ol ol { margin-bottom: 0; } .post-content li { line-height: 170%; margin-top: .5em; } .post-content ol > li:last-child, .post-content ul > li:last-child { margin-bottom: 0; } .post-content address { background: #f1f1f1; padding: 3% 3.5%; } .post-content pre { background: #363f48; border-radius: 6px; color: #fff; font-size: .8em; line-height: 140%; padding: 2% 2.5%; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ -ms-word-wrap: break-word; /* Internet Explorer 5.5+ */ } .post-content pre code { background: transparent; } /* Jetpack Recipe */ #content .jetpack-recipe { border: 0; margin: 0; padding: 0; } #content .jetpack-recipe-title { border-bottom: 0; margin-top: 0; } /* Post media --------------------------------------- */ img.alignleft, .alignleft img, img.aligncenter, .aligncenter img, img.alignright, .alignright img { border: 1px solid #eee; box-sizing: border-box; padding: 5px; } .post-content figure, .post-content img { height: auto; max-width: 100%; } .post-content .alignleft, .post-content .alignright { margin-bottom: 1.2em; } .post-content .wp-caption img { display: block; } .post-content .wp-caption .alignleft, .post-content .wp-caption .alignright { margin-bottom: 0; } .post-content .alignleft { float: left; margin-right: 1em; } .post-content .alignright { float: right; margin-left: 1em; } .post-content .aligncenter { display: block; margin-left: auto; margin-right: auto; } .post-content .aligncenter a, .post-content .aligncenter img { margin: 0 auto; } .post-content .wp-caption-text, .post-content .gallery-caption { color: #999; font-size: .8em; font-weight: 700; padding-top: .5em; text-align: center; } .post-content .gallery-caption { font-size: 16px; line-height: 24px; } .gallery { margin-bottom: 1.6em; } .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .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: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-family: "Noto Sans", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* Tables --------------------------------------- */ .post-content table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: .9em; width: 100%; } .post-content th, .post-content td { border-bottom: 1px solid #ddd; line-height: 120%; margin: 0; overflow: visible; padding: 2%; } .post-content caption { padding: 2%; text-align: center; } .post-content thead { vertical-align: bottom; white-space: nowrap; } .post-content th { font-weight: bold; } .post-content table tbody > tr:nth-child(odd) > td, .post-content table tbody > tr:nth-child(odd) > th { background: #f9f9f9; } /* Forms --------------------------------------- */ .post-content fieldset, .widget-content fieldset { border: 2px solid #eee; margin-bottom: 1em; padding: 25px; } .post-content fieldset legend, .widget-content fieldset legend { background: #13c4a5; color: #fff; font-family: "Roboto Slab", sans-serif; font-size: .9rem; font-weight: 700; letter-spacing: 1px; line-height: 1; padding: 10px 12px; text-transform: uppercase; } .post-content label { font-family: "Roboto", sans-serif; font-size: 1rem; font-weight: 700; } .post-content input, .post-content textarea, .widget-content input, .widget-content textarea { font-family: "Roboto", sans-serif; -webkit-font-smoothing: antialiased; } .post-content input[type="text"], .post-content input[type="email"], .post-content input[type="tel"], .post-content input[type="url"], .post-content input[type="password"], .post-content textarea, .widget-content input[type="text"], .widget-content input[type="email"], .widget-content input[type="tel"], .widget-content input[type="url"], .widget-content input[type="password"], .widget-content textarea { background: #fdfdfd; border: 2px solid #eee; border-radius: 3px; color: #333; font-size: .85em; padding: 14px 16px; -moz-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out; width: 100%; -webkit-appearance: none; } .post-content textarea, .widget-content textarea { height: 180px; line-height: 140%; } .post-content input[type="text"]:focus, .post-content input[type="email"]:focus, .post-content input[type="tel"]:focus, .post-content input[type="url"]:focus, .post-content input[type="password"]:focus, .post-content textarea:focus, .widget-content input[type="text"]:focus, .widget-content input[type="email"]:focus, .widget-content input[type="tel"]:focus, .widget-content input[type="url"]:focus, .widget-content input[type="password"]:focus, .widget-content textarea:focus { background: #fdfdfd; outline: none; } .post-content input[type="submit"], .post-content input[type="reset"], .post-content input[type="button"], .widget-content input[type="submit"], .widget-content input[type="reset"], .widget-content input[type="button"] { background: #3f4854; border: none; border-radius: 3px; color: #fff; font-family: "Roboto Slab", sans-serif; font-size: .9rem; line-height: 1; margin: 0; padding: 12px 16px; -webkit-appearance: none; } .post-content input[type="submit"]:hover, .post-content input[type="submit"]:focus, .post-content input[type="reset"]:hover, .post-content input[type="reset"]:focus, .post-content input[type="button"]:hover, .post-content input[type="button"]:focus, .widget-content input[type="submit"]:hover, .widget-content input[type="submit"]:focus, .widget-content input[type="reset"]:hover, .widget-content input[type="reset"]:focus, .widget-content input[type="button"]:hover, .widget-content input[type="button"]:focus { background: #13c4a5; color: #fff; cursor: pointer; } .post-content input[type="submit"]:focus, .post-content input[type="submit"]:active, .widget-content input[type="submit"]:focus, .widget-content input[type="submit"]:active { outline: none; } /* Password Protected Form --------------------- */ .post-password-form input[name="post_password"] { margin-bottom: 5px; } /* Post formats ----------------------------------------- */ /* format chat */ .format-chat .post-content p { border-radius: 3px; margin-bottom: .25em; padding: 8px 16px; } .format-chat .more-link { margin-top: 1em; } /* format gallery */ .format-gallery .flexslider { position: relative; } .format-gallery .flex-direction-nav a { color: #fff; display: block; height: 35px; margin-top: -16px; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.7; overflow: visible; position: absolute; text-indent: -9999px; text-shadow: 0 0 5px rgba(0,0,0,1); top: 50%; width: 26px; } .format-gallery .flex-direction-nav a:before { font-family: "FontAwesome"; font-size: 35px; left: 0; position: absolute; text-indent: 0; } .format-gallery .flex-direction-nav .flex-prev { left: 16px; -moz-transition: left .2s, opacity .2s; -o-transition: left .2s, opacity .2s; -webkit-transition: left .2s, opacity .2s; transition: left .2s, opacity .2s; } .format-gallery .flex-direction-nav .flex-prev:before { content: "\f053"; } .format-gallery .flex-direction-nav .flex-next { right: 16px; -moz-transition: left .2s, opacity .2s; -o-transition: left .2s, opacity .2s; -webkit-transition: left .2s, opacity .2s; transition: right .2s, opacity .2s; } .format-gallery .flex-direction-nav .flex-next:before { content: "\f054"; } .format-gallery .flex-direction-nav a:hover, .format-gallery .flex-direction-nav a:focus { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .format-gallery .flex-direction-nav a:focus { outline: 1px dotted #fff; } .format-gallery .flex-direction-nav .flex-prev:hover { left: 12px; } .format-gallery .flex-direction-nav .flex-next:hover { right: 12px; } .format-gallery .slides li { position: relative; } /* Audio Player */ .post .mejs-container.mejs-audio, .page .mejs-container.mejs-audio { background: #2b3542; height: 83px !important; max-width: 100%; position: relative; } .post .mejs-container.mejs-audio .mejs-controls, .page .mejs-container.mejs-audio .mejs-controls { background: transparent; bottom: auto; left: 0; margin-top: -15px; padding: 0 5%; right: 0; top: 50%; width: auto; } .post .mejs-container.mejs-audio .mejs-controls .mejs-time, .page .mejs-container.mejs-audio .mejs-controls .mejs-time, .post .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-handle, .page .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-handle, .post .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle, .page .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle, .post .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float, .page .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float, .post .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float-current, .page .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float-current, .post .mejs-audio .mejs-mediaelement, .page .mejs-audio .mejs-mediaelement, .post .mejs-audio .mejs-layers, .page .mejs-audio .mejs-layers { display: none; } .post .mejs-audio .mejs-time-float, .page .mejs-audio .mejs-time-float { display: none !important; } .post .mejs-audio .mejs-controls .mejs-button button, .page .mejs-audio .mejs-controls .mejs-button button { cursor: pointer; display: block; text-indent: -9999px; } .post .mejs-container.mejs-audio .mejs-controls .mejs-playpause-button, .page .mejs-container.mejs-audio .mejs-controls .mejs-playpause-button, .post .mejs-container.mejs-audio .mejs-controls .mejs-time-rail, .page .mejs-container.mejs-audio .mejs-controls .mejs-time-rail, .post .mejs-container.mejs-audio .mejs-controls .mejs-volume-button, .page .mejs-container.mejs-audio .mejs-controls .mejs-volume-button, .post .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider, .page .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; } .post .mejs-container.mejs-audio .mejs-controls .mejs-playpause-button, .page .mejs-container.mejs-audio .mejs-controls .mejs-playpause-button { position: relative; width: 40px; } .post .mejs-container.mejs-audio .mejs-controls .mejs-volume-button, .page .mejs-container.mejs-audio .mejs-controls .mejs-volume-button { position: relative; text-align: center; width: 60px; } .post .mejs-container.mejs-audio .mejs-controls .mejs-playpause-button button, .page .mejs-container.mejs-audio .mejs-controls .mejs-playpause-button button, .post .mejs-container.mejs-audio .mejs-controls .mejs-volume-button button, .page .mejs-container.mejs-audio .mejs-controls .mejs-volume-button button, .post .mejs-container.mejs-audio .mejs-controls .mejs-mute button, .page .mejs-container.mejs-audio .mejs-controls .mejs-mute button, .post .mejs-container.mejs-audio .mejs-controls .mejs-unmute button, .page .mejs-container.mejs-audio .mejs-controls .mejs-unmute button { background: transparent; display: inline-block; height: 31px; margin: 0; position: relative; width: 24px; } .post .mejs-container.mejs-audio .mejs-controls .mejs-playpause-button button:before, .page .mejs-container.mejs-audio .mejs-controls .mejs-playpause-button button:before, .post .mejs-container.mejs-audio .mejs-controls .mejs-volume-button button:before, .page .mejs-container.mejs-audio .mejs-controls .mejs-volume-button button:before, .post .mejs-container.mejs-audio .mejs-controls .mejs-mute button:before, .page .mejs-container.mejs-audio .mejs-controls .mejs-mute button:before, .post .mejs-container.mejs-audio .mejs-controls .mejs-unmute button:before, .page .mejs-container.mejs-audio .mejs-controls .mejs-unmute button:before { color: #fff; font-family: "FontAwesome"; font-size: 20px; left: 0; position: absolute; text-indent: 0; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .post .mejs-container.mejs-audio .mejs-controls .mejs-playpause-button.mejs-play button:before, .page .mejs-container.mejs-audio .mejs-controls .mejs-playpause-button.mejs-play button:before { content: "\f04b"; } .post .mejs-container.mejs-audio .mejs-controls .mejs-playpause-button.mejs-pause button:before, .page .mejs-container.mejs-audio .mejs-controls .mejs-playpause-button.mejs-pause button:before { content: "\f04c"; } .post .mejs-container.mejs-audio .mejs-controls .mejs-mute button:before, .page .mejs-container.mejs-audio .mejs-controls .mejs-mute button:before { content: "\f028"; } .post .mejs-container.mejs-audio .mejs-controls .mejs-unmute button:before, .page .mejs-container.mejs-audio .mejs-controls .mejs-unmute button:before { content: "\f026"; } .post .mejs-audio .mejs-controls .mejs-horizontal-volume-slider, .page .mejs-audio .mejs-controls .mejs-horizontal-volume-slider { cursor: pointer; width: 16.25%; } .post .mejs-controls .mejs-time-rail span, .page .mejs-controls .mejs-time-rail span, .post .mejs-controls .mejs-time-rail a, .page .mejs-controls .mejs-time-rail a, .post .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .page .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .post .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .page .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .post .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-controls .mejs-time-rail span, .page .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-controls .mejs-time-rail span { height: 8px; } .post .mejs-container.mejs-audio .mejs-controls .mejs-playpause-button.mejs-play button, .page .mejs-container.mejs-audio .mejs-controls .mejs-playpause-button.mejs-play button, .post .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .page .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .post .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .page .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { margin-top: -1px; } .post .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .page .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #222a34; width: 100%; } .post .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .page .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #13c4a5; position: absolute; } .post .mejs-audio .mejs-controls .mejs-time-rail, .page .mejs-audio .mejs-controls .mejs-time-rail { float: left; position: relative; } .post .mejs-audio .mejs-controls .mejs-time-rail span, .page .mejs-audio .mejs-controls .mejs-time-rail span { cursor: pointer; display: block; max-width: 100%; position: absolute; } .post .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-total, .page .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-total { background: #555d67; border-radius: 0; } .post .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-loaded, .page .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #222a34; width: 0; } .post .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-current, .page .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-current { background: #13c4a5; width: 0; } .post .mejs-audio .mejs-clear, .page .mejs-audio .mejs-clear { clear: both; } /* styles for touch devices */ .post .mejs-android.mejs-audio .mejs-controls .mejs-playpause-button, .page .mejs-android.mejs-audio .mejs-controls .mejs-playpause-button, .post .mejs-ios.mejs-audio .mejs-controls .mejs-playpause-button, .page .mejs-ios.mejs-audio .mejs-controls .mejs-playpause-button { margin-left: 5%; width: 10%; } .post .mejs-android.mejs-audio .mejs-controls .mejs-time-rail, .page .mejs-android.mejs-audio .mejs-controls .mejs-time-rail, .post .mejs-ios.mejs-audio .mejs-controls .mejs-time-rail, .page .mejs-ios.mejs-audio .mejs-controls .mejs-time-rail { margin-left: 0; margin-right: 5%; width: 80% !important; } .post .mejs-android.mejs-audio .mejs-controls .mejs-time-total, .page .mejs-android.mejs-audio .mejs-controls .mejs-time-total, .post .mejs-ios.mejs-audio .mejs-controls .mejs-time-total, .page .mejs-ios.mejs-audio .mejs-controls .mejs-time-total { width: 100% !important; } .post .mejs-android.mejs-audio .mejs-controls .mejs-volume-button, .page .mejs-android.mejs-audio .mejs-controls .mejs-volume-button, .post .mejs-ios.mejs-audio .mejs-controls .mejs-volume-button, .page .mejs-ios.mejs-audio .mejs-controls .mejs-volume-button, .post .mejs-android.mejs-audio .mejs-controls .mejs-horizontal-volume-slider, .page .mejs-android.mejs-audio .mejs-controls .mejs-horizontal-volume-slider, .post .mejs-ios.mejs-audio .mejs-controls .mejs-horizontal-volume-slider, .page .mejs-ios.mejs-audio .mejs-controls .mejs-horizontal-volume-slider { display: none; } /* Google Maps shortcode */ .googlemaps { margin-bottom: 1.1em; } /* Facebook */ .fb_iframe_widget { max-width: 100%; overflow: auto; } .posts .fb_iframe_widget { min-height: 300px; } /** * 6. Index, Archive Posts * ---------------------------------------------------------------------------- * * Styles for post content in index, archive views */ .spinner-container { position: relative; } .css-transform #spinner { height: 30px; left: 50%; margin-left: -15px; position: absolute; top: 10px; width: 30px; } .double-bounce1, .double-bounce2 { background-color: #333; border-radius: 50%; height: 100%; left: 0; opacity: 0.2; position: absolute; top: 0; width: 100%; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .posts { border-top: 1px solid transparent; /* stops div from 'jumping' when masonry intilized - not sure why */ margin-bottom: 70px; overflow: visible !important; } .posts .post-container { opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } .posts .post-container.fade-in { opacity: 1.0; } .posts .post-content { padding: 10%; -ms-word-wrap: break-word; word-wrap: break-word; } /* html tags in .posts .post-content */ .posts .post-content .alignleft, .posts .post-content .alignright { max-width: 75%; } .posts .post-content figure { max-width: 100%; } .posts .post-content h1 { font-size: 1.6em; } .posts .post-content h2 { font-size: 1.5em; } .posts .post-content h3 { font-size: 1.3em; } .posts .post-content h4 { font-size: 1.2em; } .posts .post-content h5 { font-size: 1.1em; } .posts .post-content h6 { font-size: 0.8em; } .posts .post-content p, .posts .post-content li, .posts .post-content dt, .posts .post-content dd, .posts .post-content address, .posts .post-content th, .posts .post-content td { color: #666; font-size: .95em; line-height: 150%; } .posts .post-content dt { font-weight: bold; } .posts .post-content p + p { margin-top: 1em; } .posts .post-content .more-link { display: block; margin-top: 1.1em; } .posts .post-content .more-link:hover, .posts .post-content .more-link:focus { text-decoration: underline; } .posts .post-meta { background: #f9f9f9; padding: 0 10%; } .posts .post-meta a { color: #999; display: block; float: left; font-size: .8em; font-weight: 700; margin: 20px 0 20px 20px; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; } .posts .post-meta a:first-child { margin-left: 0; } .posts .post-meta a:hover, .posts .post-meta a:focus { color: #13c4a5; } .posts .post-meta a.post-date i.fa { font-size: 1.4em; margin-right: 6px; position: relative; top: 2px; } .posts .post-meta a.post-comments:before { content: "\f086"; font-family: "FontAwesome"; font-size: 1.3em; margin-right: 6px; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .posts .post-meta a.post-edit-link { position: relative; text-indent: -9999em; } .posts .post-meta a.post-edit-link i.fa { font-size: 1.4em; left: 0; position: absolute; text-indent: 0; } /* audio player in posts */ .posts .post-content .mejs-container.mejs-audio { height: 73px !important; } /* Post formats ----------------------------------------- */ /* format aside */ .posts .format-aside .post-content { background: #2b3542; } .posts .format-aside .post-content * { color: #fff; position: relative; z-index: 10; } .posts .format-aside .post-content a.more-link { color: #fff; } /* format audio */ /* styles only if audio player is at top of post */ .posts .format-audio .post-content .mejs-offscreen:first-child + .mejs-container.mejs-audio { height: 83px !important; left: -12.5%; margin-bottom: 12.5%; margin-top: -12.5%; max-width: 100000px; right: -12.5%; -webkit-transform: translate(0); /* fixes top alignment issue in iOS */ width: 125% !important; } /* styles only if the audio player is at end of post */ .posts .format-audio .post-content .mejs-offscreen:first-child + .mejs-container.mejs-audio:last-child { margin-bottom: -12.5%; } /* format image */ .posts .format-image .post-header:before, .posts .format-image .post-header:after { content: none; } .posts .format-image .post-content { font-size: .9em; } .posts .format-image .post-content .image-caption { font-weight: 600; } /* format link */ .posts .format-link .post-content { background: #2b3542; color: #fff; padding: 10%; } .posts .format-link .post-content p { color: #fff; display: block; font-family: "Roboto", sans-serif; font-size: 1.2em; font-weight: 400; line-height: 140%; position: relative; z-index: 10; } .posts .format-link .post-content a { color: #fff; } .posts .format-link .post-content a.more-link { font-size: 0.8em; } .posts .format-link .link-header h2 { font-size: inherit; margin: 0; text-transform: uppercase; } .posts .format-link .link-header h2 a { color: #13c4a5; font-size: .8em; font-weight: 700; letter-spacing: 1px; margin-top: 20px; } .posts .format-link .link-header h2 a i.fa { bottom: -2px; font-size: 1.2em; margin-right: 3px; position: relative; } .posts .format-link .link-header h2 a:hover, .posts .format-link .link-header h2 a:focus { text-decoration: underline; } /* format quote */ .posts .format-quote .post-content { background: #2b3542; color: #fff; } .posts .format-quote .post-content p { color: #fff; } .posts .format-quote .post-content blockquote { color: #fff; display: block; font-family: "Roboto", sans-serif; font-size: 1.4em; font-weight: 400; line-height: 140%; position: relative; text-align: left; z-index: 10; } .posts .format-quote .post-content blockquote > * { color: #fff; font-size: inherit; text-align: left; } .posts .format-quote .post-content blockquote:before, .posts .format-quote .post-content blockquote:after { display: none; } .posts .format-quote .post-content cite { color: #fff; display: block; font-family: "Roboto Slab", sans-serif; font-size: 0.6em; font-weight: 700; letter-spacing: 1px; margin-top: 0.7em; text-align: left; text-transform: uppercase; } /* format status */ .posts .format-status .post-content { background: #2b3542; } .posts .format-status .post-content p { color: #fff; font-family: "Pacifico", sans-serif; font-size: 1.2em; position: relative; text-shadow: 1px 1px 1px rgba(0,0,0,.5); z-index: 10; } .posts .format-status .post-content a.more-link { font-family: "Roboto", sans-serif; font-size: 0.8em; } /** * 7. Single Post * ---------------------------------------------------------------------------- * * Styles specific to the single posts; everything except actual post content */ body.single .content { width: 67.5%; } body.single .content.full-width { width: 100%; } body.single .content.center { margin: 0 auto; max-width: 100%; width: 944px; } .single { border-radius: 6px; } /* audio players in single.php posts */ .single .post-content .mejs-container.mejs-audio { height: 83px; margin-bottom: 1.1em; } /* post header */ .single .post-title { font-size: 2.25em; -ms-word-wrap: break-word; word-wrap: break-word; } .single .post-content { padding: 10%; } /* single - format aside */ .single .format-aside .post-content { font-size: 1.2em; } /* single - format audio */ .single .format-audio .post-content .mejs-offscreen:first-child + .mejs-container.mejs-audio { height: 140px !important; left: -12.5%; margin-bottom: 10.5%; margin-top: -12.5%; max-width: 125%; position: relative; right: -12.5%; width: 125% !important; } .single .format-audio .mejs-container.mejs-audio .mejs-controls { padding: 0 5%; } /* single - format chat */ .single .format-chat .post-content p:nth-child(odd) { background: #f5f5f5; } /* single - format quote */ .single .format-quote .post-content blockquote { font-size: 1.75em; font-weight: 300; line-height: 140%; text-align: left; } .single .format-quote .post-content blockquote > * { color: #2b3542; font-size: inherit; text-align: left; } .single .format-quote .post-content cite { font-size: 0.6em; font-weight: 400; text-align: left; } .single .format-quote .post-content blockquote cite { margin-top: 0.6em; } .single .format-quote .post-content blockquote:before, .single .format-quote .post-content blockquote:after { display: none; } /* single - format status */ .single .format-status .post-content { color: #fff; font-family: "Pacifico", sans-serif; font-size: 1.4em; text-shadow: 1px 1px 1px rgba(0,0,0,.5); } .single .format-status .post-content { color: #333; text-shadow: none; } /* single post meta */ .single .post-meta-container { background: #2b3542; position: relative; } .single .post-meta-container:before { background: #3f4854; bottom: 0; content: ""; display: block; left: 60%; position: absolute; right: 0; top: 0; z-index: 1; } .single .post-meta { float: right; padding: 30px; position: relative; width: 40%; z-index: 10; } .single .post-meta p, .single .post-meta time, .single .post-meta > a, .post-nav a { color: #9499a0; display: block; font-size: .85em; font-weight: 700; line-height: 135%; margin-top: 12px; min-height: 20px; padding: 1px 0 1px 1px; } .single .post-meta p a { color: #9499a0; } .single .post-meta p a:hover, .single .post-meta p a:focus { color: #13c4a5; } .single .post-meta p:first-child { margin-top: 0; } .single .post-meta time, .single .post-meta p.post-tags, .single .post-meta p.post-categories, .single .post-meta .post-nav-prev, .single .post-meta .post-nav-next, .single .post-edit-link { padding-left: 28px; position: relative; } .single .post-meta time i.fa, .single .post-meta p.post-tags i.fa, .single .post-meta p.post-categories i.fa, .single .post-meta .post-nav-prev:before, .single .post-meta .post-nav-next:before, .single .post-edit-link i.fa { font-size: 1.3em; left: 0; position: absolute; } /* post navigation */ .post-nav { border-top: 1px solid rgba(255,255,255,.1); margin-top: 20px; padding-top: 20px; } .post-nav a:first-child { margin-top: 0; } .post-nav .post-nav-prev:before, .post-nav .post-nav-next:before { font-family: "FontAwesome"; font-size: 1.3em; text-rendering: auto; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .post-nav .post-nav-next:before { content: "\f0a9"; } .post-nav .post-nav-prev:before { content: "\f0a8"; } /* post-author */ .post-author { float: left; overflow: hidden; padding: 30px; position: relative; width: 60%; } .post-author:before, .post-author:after { content: ""; display: block; left: 30px; position: absolute; } .post-author:before { background-color: #13c4a5; height: 70px; top: 0; width: 40px; z-index: 100; } .post-author:after { border: 20px solid transparent; border-left-color: #13c4a5; border-right-color: #13c4a5; top: 50px; } .post-author .fa-user { color: #fff; font-size: 29px; position: absolute; text-align: center; top: 27px; width: 40px; z-index: 101; } .post-author-content { margin-left: 70px; } .post-author h4 { color: #fff; font-family: "Roboto Slab", sans-serif; font-size: 1.1em; font-weight: 700; margin-bottom: 15px; } .post-author p { color: #9499a0; font-size: .875em; line-height: 150%; } .author-links { margin-top: 18px; } .author-links a { background-color: rgba(255,255,255,.1); border-radius: 999px; color: #fff; display: inline-block; height: 36px; margin-left: 5px; position: relative; text-indent: -9999px; width: 36px; } .author-links a:first-child { margin-left: 0; } .author-links a i.fa { left: 0; line-height: 36px; position: absolute; text-align: center; text-indent: 0; width: 36px; } .author-links a:hover, .author-links a:focus { background-color: #13c4a5; color: #fff; } .author-links a:focus { outline: 1px dotted #fff; } /** * 8. Comments * ---------------------------------------------------------------------------- * * Styles for the post comments on single post pages */ .content .comments, div#disqus_thread { background: #fff; padding: 10%; } .nocomments { clear: both; color: #999; font-weight: 700; padding: 10%; text-align: center; text-transform: uppercase; } .comments + .nocomments { border-top: 1px solid #eee; } .comments-title-container { border-bottom: 1px solid #eee; font-family: "Roboto Slab", sans-serif; margin-bottom: 40px; padding-bottom: 20px; } .comments-title { color: #2b3542; font-size: 1.75em; font-weight: 700; } .add-comment-title { font-size: 1rem; font-weight: 700; margin-top: 14px; text-transform: uppercase; } .add-comment-title a:hover, .add-comment-title a:focus { text-decoration: underline; } /* comment */ .comments div.comment { margin-top: 40px; } .comments .commentlist > li.comment:first-child > div.comment:first-child { margin-top: 0; } .comments div.comment { position: relative; } .comments .children { margin-left: 5%; } .comment-inner { background: #eee; border-radius: 3px; margin-left: 110px; padding: 20px; position: relative; } .comment-inner:after { border: 12px solid transparent; border-right-color: #eee; content: ""; display: block; left: 0; margin-left: -24px; position: absolute; top: 28px; } .comment .avatar { border-radius: 3px; float: left; width: 80px; } .comment.bypostauthor { position: relative; } .comment.bypostauthor:after { background-color: #13c4a5; border-radius: 999px; color: #fff; content: "\f007"; display: block; font-family: "FontAwesome"; height: 32px; left: 0; line-height: 32px; margin-left: -8px; margin-top: -8px; position: absolute; text-align: center; top: 0; width: 32px; } .comment-header { margin-bottom: 25px; } .comment-header cite { display: block; font-family: "Roboto Slab", sans-serif; font-size: 1em; font-weight: 700; margin-bottom: 8px; } .comment-header cite, .comment-header cite a { color: #2b3542; } .comment-header cite a:hover, .comment-header cite a:focus { color: #13c4a5; } .comment-header p { font-size: .85em; } .comment-header p, .comment-header p a { color: #999; } .comment-header p a:hover, .comment-header p a:focus { color: #666; } /* comment-content */ .comment-content { font-size: .9em; } .comment-content a:hover, .comment-content a:focus { text-decoration: underline; } .comment-content p, .comment-content li, .comment-content blockquote { line-height: 150%; margin-top: 1em; -ms-word-wrap: break-word; word-wrap: break-word; } .comment-content *:first-child { margin-top: 0; } .comment-content *:last-child { margin-bottom: 0; } .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 { font-family: "Roboto Slab", sans-serif; font-size: 1.2em; font-weight: 400; margin: 50px 0 20px; } .comment-content blockquote { background: #ddd; padding: 20px; } .comment-content ul { list-style: disc; margin-left: 1.5em; } .comment-content ul ul { list-style: circle; } .comment-content ul ul ul { list-style: square; } .comment-content ol { list-style: decimal; margin-left: 1.5em; } .comment-content ol ol { list-style: lower-alpha; } .comment-content ol ol ol { list-style: lower-roman; } .comment-content ul ul, .comment-content ul ol, .comment-content ol ul, .comment-content ol ol { margin-bottom: 0; } .comment-content li { line-height: 170%; margin-top: .5em; } .comment-content ol > li:last-child, .comment-content ul > li:last-child { margin-bottom: 0; } .comment-content dl { line-height: 160%; } .comment-content dl dt { font-weight: bold; } .comment-content address { background: #ddd; line-height: 140%; padding: 20px; } .comment-content pre { background: #ddd; line-height: 150%; overflow-x: scroll; padding: 20px; } .comment-content big { font-size: 1.25em; } .comment-content table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: .9em; width: 100%; } .comment-content th, .comment-content td { border-bottom: 1px solid #ddd; line-height: 120%; margin: 0; overflow: visible; padding: 2%; } .comment-content caption { padding: 2%; text-align: center; } .comment-content thead { vertical-align: bottom; white-space: nowrap; } .comment-content th { font-weight: bold; } /* comment actions */ .comment-actions { position: absolute; right: 20px; top: 22px; } .comment-actions a { background-color: #2b3542; border-radius: 999px; display: block; float: left; height: 32px; position: relative; text-indent: -9999px; width: 32px; } .comment-actions a + a { margin-left: -8px; } .comment-actions a:before { color: #fff; display: block; font-family: "FontAwesome"; line-height: 32px; position: absolute; text-align: center; text-indent: 0; width: 32px; } .comment-actions .comment-reply-link:before { content: "\f112"; } .comment-actions .comment-edit-link:before { content: "\f044"; } .comment-actions a:hover, .comment-actions a:focus { background-color: #13c4a5; color: #fff; z-index: 10; } /* comment navigation */ .comment-nav-below { border-top: 1px solid #eee; font-size: .9em; font-weight: 700; margin-top: 40px; padding-top: 20px; } .comment-nav-below a { color: #666; } /* pingbacks */ .comments .pingbacks { border-top: 1px solid #eee; margin-top: 40px; padding-top: 40px; } .pingbacks-title { color: #2b3542; font-family: "Roboto Slab", sans-serif; font-size: 1.25em; margin-bottom: 20px; } .pingbacklist .pingback { line-height: 130%; padding: 15px; } .pingbacklist .pingback a { color: #666; font-size: 15px; } .pingbacklist .pingback .edit-link a { color: #999; } .pingbacklist .pingback a:hover, .pingbacklist .pingback a:focus { color: #13c4a5; } .pingbacklist .pingback:nth-of-type(2n) { background-color: #eee; } /** * 9. Respond * ---------------------------------------------------------------------------- * * Styles for the comments form */ .comment-respond, .content div#respond { background: #fff; border-top: 1px solid #eee; padding: 10%; } div#respond { margin-bottom: 0; } .comments .comment-respond { border-top: none; padding: 10% 0; } .comment-reply-title { color: #2b3542; font-family: "Roboto Slab", sans-serif; font-size: 1.75em; font-weight: 700; } .comment-reply-title #cancel-comment-reply-link { font-size: .9rem; font-weight: 700; margin-left: 5px; text-transform: uppercase; } .comment-reply-title #cancel-comment-reply-link:hover, .comment-reply-title #cancel-comment-reply-link:focus { text-decoration: underline; } .comment-notes, .logged-in-as { color: #666; line-height: 130%; margin-bottom: 40px; margin-top: 25px; } .logged-in-as a:hover, .logged-in-as a:focus { text-decoration: underline; } .comment-form { margin-top: 10px; } .comment-form p { margin-top: 14px; position: relative; } .comment-form p:first-child { margin-top: 0; } .comment-form label, .comment-form .required { display: none; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea, div#respond textarea { background: #f1f1f1; border: 1px solid #eee; border-radius: 3px; color: #333; display: block; font-family: "Roboto", sans-serif; font-size: 1em; margin: 0; padding: 16px 18px; width: 100%; -webkit-font-smoothing: antialiased; } .comment-form-author, .comment-form-email, .comment-form-url { position: relative; width: 75%; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { background-repeat: no-repeat; padding-right: 60px; position: relative; } .comment-form-author:before, .comment-form-email:before, .comment-form-url:before { color: #999; font-family: "FontAwesome"; font-size: 28px; height: 25px; position: absolute; right: 19px; top: 16px; width: 25px; z-index: 3; } .comment-form-author:before { content: "\f007"; } .comment-form-email:before { content: "\f0e0"; } .comment-form-url:before { content: "\f015"; } .comment-form-author.focus:before, .comment-form-email.focus:before, .comment-form-url.focus:before { color: #fff; } #comment-form-identity .comment-form-author:before, #comment-form-identity .comment-form-email:before, #comment-form-identity .comment-form-url:before { display: none; } .comment-form textarea { height: 250px; } .comment-form input[type="text"]:focus, .comment-form input[type="email"]:focus, .comment-form input[type="url"]:focus, .comment-form textarea:focus, div#respond textarea:focus { background-color: #2b3542; color: #fff; outline: none; } .form-allowed-tags, .form-allowed-tags code { line-height: 160%; } .comment-notes, .form-allowed-tags, .logged-in-as { color: #666; font-size: .9em; } p.form-submit { margin-top: 30px; } .form-submit #submit { background: none; background: #2b3542; border: none; border-radius: 3px; color: #fff; font-family: "Roboto Slab", sans-serif; font-size: .9em; font-weight: 400; margin: 0; padding: 16px 20px; text-shadow: 1px 1px 1px rgba(0,0,0,.1); -webkit-font-smoothing: antialiased; } .form-submit #submit:hover, .form-submit #submit:focus { background: #13c4a5; cursor: pointer; } /** * 10. Page & Page Templates * ---------------------------------------------------------------------------- * * Styles for the default and custom templates for pages */ .posts .page { background: #fff; border-radius: 3px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.1); box-shadow: 0 1px 4px rgba(0,0,0,.1); overflow: hidden; position: relative; width: 100%; } /* Contributors template ---------------------------------------------------------- */ .contributors-container { clear: both; } .post-content + .contributors-container { border-top: 1px solid #eee; } .authors-row { border-top: 1px solid #eee; padding: 10%; position: relative; } .authors-row:first-child { border-top: none; } .authors-row:before { background: #eee; bottom: 0; content: ""; display: block; left: 50%; position: absolute; top: 0; width: 1px; } .authors-row .author-info { margin-left: 10%; text-align: center; width: 45%; } .authors-row .author-info:first-child { margin-left: 0; } .author-avatar { border: 6px solid #eee; border-radius: 9999px; display: inline-block; height: auto; margin: 0 auto 25px auto; width: 134px; } .author-avatar img { border-radius: 9999px; display: block; margin: 0 auto; } .author-info h4 { font-family: "Roboto Slab", sans-serif; font-size: 1.5em; font-weight: 700; margin-bottom: 10px; text-align: center; } .author-info h4 a { color: #2b3542; } .author-info h4 a:hover, .author-info h4 a:focus { color: #13c4a5; } .author-info h5 { font-family: "Roboto Slab", sans-serif; margin-bottom: 25px; text-align: center; } .author-info h5 a { color: #999; } .author-info h5 a:hover, .author-info h5 a:focus { color: #444; } .author-description { line-height: 140%; text-align: center; } .author-info .author-links a { background-color: #2b3542; } .author-info .author-links a:hover, .author-info .author-links a:focus { background-color: #13c4a5; } /* Search Results ---------------------------------------------------------- */ .post.no-results { background: transparent; } .post.no-results p { } /** * 11. Pagination * ---------------------------------------------------------------------------- * * Styles for the website pagination */ .page-title { margin-bottom: 60px; text-align: center; -ms-word-wrap: break-word; word-wrap: break-word; } .page-title h5 { border-bottom: 2px solid #ccc; display: inline-block; font-family: "Roboto Slab", sans-serif; font-size: .9em; font-weight: 700; padding-bottom: 4px; text-align: center; text-transform: uppercase; } .page-title h3 { color: #2b3542; font-family: "Roboto Slab", sans-serif; font-size: 1.75em; font-weight: 400; margin-top: 15px; text-align: center; } .tag-archive-meta p { color: #767676; font-style: italic; margin-top: 15px; text-align: center; } /* archive navigation */ .posts-navigation { clear: both; padding: 0 1.5%; } .posts-navigation:before, .posts-navigation:after { content: ""; display: table; } .posts-navigation:after { clear: both; } .posts-navigation a { background: #2b3542; border-radius: 3px; color: #fff; font-size: .9em; padding: 16px 20px; } .posts-navigation a:hover, .posts-navigation a:focus { background: #13c4a5; color: #fff; } .posts-navigation .nav-previous a:before { content: "\00AB"; /* « */ margin-right: 3px; } .posts-navigation .nav-next a:after { content: "\00BB"; /* » */ margin-left: 3px; } .infinite-scroll .posts-navigation { display: none; } /* search */ .search-no-results .post-content p { text-align: center; } /* infinite scrolling */ .infinite-loader { bottom: -70px; left: 0; position: absolute; width: 100%; z-index: 10; } .infinite-loader .spinner { margin: auto; } #infinite-handle { bottom: -70px; left: 21px; position: absolute; right: 21px; z-index: 10; } #infinite-handle span { background: #2b3542; border-radius: 3px; color: #fff; font-size: .9em; padding: 16px 20px; } #infinite-handle span:before { content: "\00AB"; margin-right: 5px; } #infinite-handle span:hover, #infinite-handle span:focus { background: #13c4a5; color: #fff; } /** * 12. Sidebar * ---------------------------------------------------------------------------- * * Styles for the theme's sidebar and its widgets */ .sidebar { background: #fff; border-radius: 6px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.1); box-shadow: 0 1px 4px rgba(0,0,0,.1); overflow: hidden; width: 27.5%; } .sidebar .widget { border-top: 1px solid #eee; padding: 30px; } .sidebar .widget:first-child { border-top: none; } .sidebar .widget-content { color: #767676; font-size: .85em; } .sidebar .widget-content p { line-height: 150%; } /* Widgets --------------------------------------- */ .widget-title { font-family: "Roboto Slab", sans-serif; font-size: .9em; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; } .widget-title label { font-weight: 700; } .widget-content a:hover, .widget-content a:focus { text-decoration: underline; } .widget-content ul li, .widget-content ol li { line-height: 130%; margin-top: 10px; padding: 1px 0 1px 14px; position: relative; } .widget-content ul li:before { color: #13C4A5; content: "\00BB"; font-size: 18px; left: 0; position: absolute; top: 0; } .widget-content > ul > li:first-child, .widget-content > ol > li:first-child { margin: 0; } .widget-content li ul > li:first-child, .widget-content li ol > li:first-child { margin-top: 10px; } .widget-content .page_item_has_children { padding-bottom: 0; } .widget-content li ul li, .widget-content li ol li { padding-left: 15px; } .widget-content ul li .post-date { color: #999; margin-left: 5px; } .widget-content > ul > li:first-child { border-top: 0; } /* Widget tag cloud --------------------------------------- */ .tagcloud a, .widget_tag_cloud a, .wp_widget_tag_cloud a { background: #bbb; border-radius: 3px; color: #fff; display: block; float: left; font-size: .8em !important; /* !important to override inline styles */ line-height: 1; margin: 0 5px 5px 0 !important; /* !important to override inline styles */ padding: 8px 11px !important; /* !important to override inline styles */ } .tagcloud a:hover, .tagcloud a:focus, .widget_tag_cloud a:hover, .widget_tag_cloud a:focus, .wp_widget_tag_cloud a:hover, .wp_widget_tag_cloud a:focus { background: #13c4a5; color: #fff; text-decoration: none; } /* Widget search --------------------------------------- */ .wrapper .search-form, .footer .search-form { position: relative; } .wrapper .search-form .screen-reader-text, .footer .search-form .screen-reader-text { left: -99999em; position: absolute; } .wrapper .search-field, .footer .search-field { background: #ddd; border: 1px solid transparent; border-radius: 3px; display: block; font-family: "Roboto", sans-serif; font-size: .9em; margin: 0; padding: 16px 55px 16px 20px; width: 100%; -webkit-font-smoothing: antialiased; } .wrapper .search-field:focus, .footer .search-field:focus, .wrapper .focus .search-field, .footer .focus .search-field { background-color: #2b3542; border-color: rgba(255,255,255,.3); color: #fff; outline: none; } .wrapper .search-form .search-submit, .footer .search-form .search-submit { background: transparent; border: none; display: block; height: 36px; margin-top: -18px; position: absolute; right: 10px; text-indent: -9999px; top: 50%; width: 36px; } .wrapper .search-form label:before, .footer .search-form label:before { content: "\f002"; font-family: "FontAwesome"; font-size: 27px; line-height: 36px; position: absolute; text-align: center; width: 36px; right: 10px; text-rendering: auto; top: 8px; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sidebar .search-form label:before { font-size: 23px; top: 7px; } .wrapper .search-form.focus label:before, .footer .search-form.focus label:before { color: #fff; } .wrapper .search-form .search-submit:hover, .wrapper .search-form .search-submit:focus, .footer .search-form .search-submit:hover, .footer .search-form .search-submit:focus { background: transparent; cursor: pointer; } /* Widget calendar --------------------------------------- */ #wp-calendar { color: #888; font-size: .9em; max-width: 100%; text-align: center; width: 100%; } #wp-calendar a { color: #1abc9c; } #wp-calendar, #wp-calendar caption, #wp-calendar tr, #wp-calendar td, #wp-calendar th { text-align: center; } #wp-calendar th, #wp-calendar td { padding: 4% 2%; } #wp-calendar caption, #wp-calendar thead { color: #666; } #wp-calendar caption { color: #666; font-family: "Roboto Slab", sans-serif; font-size: 1rem; padding-bottom: 20px; text-transform: capitalize; } #wp-calendar thead th { border-bottom: 1px solid #eee; border-top: 1px solid #eee; font-size: .9em; font-weight: 700; text-transform: uppercase; } #wp-calendar tbody { border-bottom: 1px solid #eee; } #wp-calendar tfoot td { padding: 0; } #wp-calendar tfoot #prev { text-align: left; } #wp-calendar tfoot #next { text-align: right; } #wp-calendar tfoot a { color: #999; display: block; font-size: .9em; font-weight: 700; padding: 12px 0; text-transform: uppercase; } #wp-calendar tfoot a:hover, #wp-calendar tfoot a:focus { color: #1abc9c; text-decoration: none; } /* Dribbble widget --------------------------------------- */ .dribbble-shot, .dribbble-shot img { display: block; } .dribbble-shot { background: #f1f1f1; float: left; margin-bottom: 5%; margin-right: 5%; padding: 6px; width: 47.5%; } .dribbble-shot:nth-of-type(2n) { margin-right: 0; } .dribbble-shot:hover, .dribbble-shot:focus { background-color: #13c4a5; } .widgetmore { clear: both; display: block; } /* Flickr widget --------------------------------------- */ .widget_flickr #flickr_badge_uber_wrapper, .widget_flickr #flickr_badge_wrapper { width: 100%; } .widget_flickr #flickr_badge_wrapper { background-color: transparent; border: 0; } .widget_flickr #flickr_badge_uber_wrapper a:hover, .widget_flickr #flickr_badge_uber_wrapper a:link, .widget_flickr #flickr_badge_uber_wrapper a:active, .widget_flickr #flickr_badge_uber_wrapper a:visited { color: #13c4a5; } .widget_flickr #flickr_badge_wrapper td { text-align: center; } /* Author widget --------------------------------------- */ .widget_authors ul li, .widget_author_grid ul li { padding-left: 0; } .widget_authors ul li:before, .widget_author_grid ul li:before { display: none; padding-left: 0; } .widget_authors ul li img, .widget_authors ul li strong { display: inline-block; vertical-align: middle; } .widget_authors ul li img { width: 80px; } .widget_authors .widget-content li ul li { padding-left: 0; } .widget_author_grid ul li, .widget_author_grid ul li:first-child { display: inline-block; line-height: 0; margin: 3% 3% 0 0; width: 30%; } /* Widget - Grid --------------------------------------- */ .widget-content .widgets-multi-column-grid ul li:before { display: none; } /* Widget - Follow Button ------------------------------ */ .widget_follow_button_widget iframe { margin-bottom: 0; } /* Widget - Contact Map -------------------------------- */ .widget_contact_info .contact-map, .widget_contact_info .confit-address, .widget_contact_info .confit-phone { margin-bottom: 1.0em; } /* Widget - Contact form ------------------------------- */ #content .contact-form > div, #content .contact-form label { margin-bottom: 0.5em; } /* Widget - Blogs I follow ----------------------------- */ .widget_jp_blogs_i_follow ol li { padding-left: 0; } /* Widget - Goodreads ---------------------------------- */ div.gr_custom_container { border: 0; } .widget_goodreads h2 { margin-bottom: 10px; } .widget_goodreads .gr_custom_widget > div > div { margin-bottom: 10px; } /* Widget - TLKIO ---------------------------------- */ .tlkio-widget .widget-content { background: #fff; } /* Widget - Menu ----------------------------------- */ /* menu widget */ #content #menu_widget { font-family: inherit; font-size: inherit; margin: 0; padding: 0; width: 100%; } #content #menu_widget p { margin-bottom: 1.1em; } #content #menu_widget .updated-at { color: #999; font-family: "Roboto Slab", sans-serif; font-size: 0.9em; } #content #menu_widget table { margin-bottom: 1.5em; width: 100% } #content #menu_widget caption { font-family: "Roboto Slab", sans-serif; font-size: inherit; } #content #menu_widget th, #content #menu_widget td { border-bottom-color: #ddd; font-size: 0.9em; padding: 2%; } #content #menu_widget th { background: transparent; } #content #menu_widget a { color: #13c4a5; } /* Widget - Recent Entries ------------------------- */ .error404 .widget_recent_entries ul, .error404 .widget_recent_entries li { list-style: none; } .error404 .widget_recent_entries li { line-height: 130%; margin-top: 10px; padding: 1px 0 1px 14px; position: relative; } .error404 .widget_recent_entries li:before { color: #13C4A5; content: "\00BB"; font-size: 18px; left: 0; position: absolute; top: 0; } /** * 13. Footer * ---------------------------------------------------------------------------- * * Styles for the theme's footer and its widgets */ .footer a:focus { outline: 1px dotted #fff; } .footer .widget { border-top: 4px solid #333; margin-top: 40px; padding-top: 40px; -ms-word-wrap: break-word; word-wrap: break-word; } .footer .widget:first-child { border: none; margin: 0; padding: 0; } .footer .widget-title { color: #fff; font-size: .79em; letter-spacing: 1px; } .footer .widget-content { color: #767676; font-size: .95em; } .footer .widget-content p { line-height: 160%; } .widget-content p + p { margin-top: 1em; } /* styles for infinite scrolling */ /* Hides footer when infinite scroll is active */ .infinite-scroll.neverending .footer, .infinite-scroll.neverending .posts-navigation, .infinite-scroll.neverending .credits { display: none; } /* Shows the footer again in case all posts have been loaded */ .infinity-end.neverending .footer, .infinity-end.neverending .credits, /* Shows the footer when search returns no results */ .search-no-results.infinite-scroll.neverending .footer, .search-no-results.infinite-scroll.neverending .credits { display: block; } /* Footer generated when infinite scrolling is on */ #infinite-footer { background: #262626; color: #fff; z-index: 30; } #infinite-footer .container { background: transparent; font-family: "Roboto Slab", sans-serif; text-transform: uppercase; } #infinite-footer .blog-info a { color: #fff; font-size: 13px; } #infinite-footer .blog-info a:hover { color: #13c4a5; } #infinite-footer .blog-credits { color: #777; } #infinite-footer .blog-credits a { color: #aaa; } #infinite-footer .blog-credits a:hover { color: #fff; } .search-no-results #infinite-footer { display: none; } /* Widgets --------------------------------------- */ /* Widget search */ .footer .widget_search .search-field { background: #333; color: #fff; } /* widget tagcloud */ .footer .tagcloud a, .footer .widget_tag_cloud a, .footer .wp_widget_tag_cloud a { background: #333; } .footer .tagcloud a:hover, .footer .tagcloud a:focus, .footer .widget_tag_cloud a:hover, .footer .widget_tag_cloud a:focus, .footer .wp_widget_tag_cloud a:hover, .footer .wp_widget_tag_cloud a:focus { background: #13c4a5; text-decoration: none; } /* widget calendar */ .footer #wp-calendar caption { color: #fff; } .footer #wp-calendar thead th { border: none; border-bottom: 1px solid #3b3b3b; border-top: 1px solid #3b3b3b; } .footer #wp-calendar tbody { border-bottom: 1px solid #3b3b3b; } /* dribbble widget */ .footer .dribbble-shot { background: #333; } /** * 14. Credits * ---------------------------------------------------------------------------- * * Styles for the theme author and WordPress credits in footer */ .credits p { color: #767676; font-family: "Roboto Slab", sans-serif; font-size: .8rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .credits a { color: #ccc; } .credits a:hover, .credits a:focus { color: #ccc; text-decoration: underline; } img#wpstats { display: none; /* Silly WordPress stats */ } /** * 15. Media Queries * ---------------------------------------------------------------------------- * * Styles to get the theme behaving responsively on smaller screens */ @media (max-width: 1440px) { .wrapper.section { padding: 5% 0; } /* pagination */ .page-title { margin-bottom: 5%; } .posts-navigation { margin-top: 1%; } } @media (max-width: 1040px) { /* main content */ .section-inner.content { max-width: 94%; } .post-container { padding: 0 2% 5% 2%; width: 49.9%; /* 0.1% below 50% to fix math errors in Chrome - was randomly displaying posts in one column */ } } @media only screen and (min-width: 1001px) { .main-navigation { display: block !important; /* !important to override inline styles added by JavaScript menu toggle */ } } @media (max-width: 1000px) { /* structure */ body.single .content, .sidebar { float: none; width: 100%; } .sidebar { border-radius: 3px; margin-top: 4%; } /* navigation */ .navigation-inner.section-inner { max-width: 100%; } .main-navigation { /* background-color: #262626; */ clear: left; display: none; } .main-navigation ul li { border-top: 1px solid rgba(255,255,255, .1); float: none; } .main-navigation ul li:before { display: none; } .main-navigation ul li:first-child { border-top: none; } .main-navigation a { color: #999; display: block; letter-spacing: 1px; text-transform: uppercase; } .main-navigation a:hover, .main-navigation a:focus { color: #fff; } .main-navigation li > a, .main-navigation li > a { font-family: "Roboto", sans-serif; font-size: 1.0em; font-weight: normal; padding: 25px 5%; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { margin-left: 0; } .main-navigation li > ul { padding-top: 0; } .main-navigation li ul { border-top: 1px solid rgba(255,255,255, .1); margin: 0; opacity: 1.0; position: static; } .main-navigation ul li > ul:before { display: none; } .main-navigation li ul li { border-top: 1px solid rgba(255,255,255, .1); width: auto; } .main-navigation ul li > ul { padding-top: 0; } .main-navigation ul .has-children > a::after, .main-navigation ul .menu-item-has-children > a::after, .main-navigation ul .page_item_has_children > a::after, .main-navigation ul ul > .has-children::after, .main-navigation ul ul > .menu-item-has-children::after, .main-navigation ul ul > .page_item_has_children::after { display: none; } .main-navigation ul ul a { padding-left: 10%; text-align: left; } .main-navigation ul ul ul a { padding-left: 15%; } .main-navigation ul ul ul ul a { padding-left: 20%; } .main-navigation ul ul ul ul ul a { padding-left: 25%; } .main-navigation ul ul ul ul ul ul a { padding-left: 30%; } .main-navigation ul li, .main-navigation ul ul li, .main-navigation ul ul ul li, .main-navigation ul ul ul ul li, .main-navigation ul ul ul ul ul li { background-color: transparent; } .search-icon { position: absolute; right: 5%; top: 0; width: 32px; } .search-icon:before { line-height: 65px; } .nav-toggle { background: transparent; border: 0; display: block; margin-left: 5%; -webkit-opacity: .5; -moz-opacity: .5; opacity: .5; padding: 23px 0 27px; position: relative; text-indent: -99999em; width: 26px; } .nav-toggle:before { color: #fff; content: "\f0c9"; font-family: "FontAwesome"; font-size: 25px; left: 0; position: absolute; text-align: center; text-indent: 0; text-rendering: auto; top: 21px; transform: translate(0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nav-toggle:hover, .nav-toggle:focus { cursor: pointer; outline: 1px dotted #fff; } .nav-toggle.active { -webkit-opacity: 1.0; -moz-opacity: 1.0; opacity: 1.0; } } @media (max-width: 800px) { /* 2. Structure */ .wrapper.section { padding: 4% 0; } .section-inner { max-width: 92%; } .section-inner.content { max-width: 97%; } /* 3. Header */ .section.header { padding: 50px 0; } .header .logo img { max-height: 60px; } /* 5. Content */ #infinite-handle { left: 15px; right: 15px; } /* 13. Footer */ .footer .one-third { width: 47.5%; } .footer .column-3 { display: none; } /* 14. Credits */ .credits-left, .credits-right { float: none; padding: 5px 0; text-align: center; } } @media (max-width: 700px) { /* 3. Header */ .header .site-logo img, .header .site-logo-link img { max-width: 250px; } /* 5. Content */ .post-content .alignleft, .post-content .alignright { display: block; float: none; margin: 1.25em 0; max-width: 100%; } .post-content .alignleft a, .post-content .alignleft img, .post-content .alignright a, .post-content .alignright img { margin-left: auto; margin-right: auto; } /* 7. Single post */ .post-author, .single .post-meta { border-radius: 0; float: none; width: 100%; } .single .post-meta-container:before { left: auto; } .single .post-meta-container:after { content: none; } .single .post-meta { background-color: #3f4854; } .comment-respond { clear: both; } /* 8. Comments */ .comment-form-author, .comment-form-email, .comment-form-url { width: 100%; } } @media (max-width: 600px) { body { font-size: 16px; } /* 2. Structure */ .wrapper.section { padding: 25px 0; } .post-header, .single .post-content, .posts .post-content, .content .comments, div#disqus_thread, .comment-respond, .post-quote, .post-link { padding: 7.5% 6%; } /* 3. Header */ .section.header { padding: 35px 0; } .header-search-block .search-field { font-size: 1.5em; margin-top: -17px; } .search-icon { height: 55px; } .search-icon:before { line-height: 54px; } .nav-toggle { background-position: -120px -162px; padding: 20px 0; } .nav-toggle:before { top: 15px; } .search-icon { background-position: -174px 16px; height: 59px; } /* 4. Navigation */ .navigation-inner { max-width: 90%; } .main-navigation li > a { padding-bottom: 20px; padding-top: 20px; } /* 5. Content */ .spinner-container { display: none; } .infinite-scroll .posts { margin-bottom: 30px; } .post .sticky-post { right: 4%; } .section-inner.content { max-width: 92%; } .post-container { margin-top: 25px; padding: 0; width: 100%; } .post-container:first-child { margin-top: 0; } .post-header .post-title { font-size: 1.5em; } .media-caption { margin: 0 6%; padding-bottom: 10px; } /* post content */ .post-content p, .post-content blockquote, .post-content ul, .post-content ol, .post-content address, .post-content dl, .post-content .wp-caption, .post-content pre { line-height: 160%; margin-bottom: 1em; } .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { margin: 40px 0 20px; } .post-content h1 { font-size: 1.4em; } .post-content h2 { font-size: 1.3em; } .post-content h3 { font-size: 1.25em; } .post-content h4 { font-size: 1.1em; } .post-content h5 { font-size: 1em; } .post-content h6 { font-size: .9em; font-weight: 700; text-transform: uppercase; } .post-content h1 + h1, .post-content h1 + h2, .post-content h1 + h3, .post-content h1 + h4, .post-content h1 + h5, .post-content h1 + h6, .post-content h2 + h1, .post-content h2 + h2, .post-content h2 + h3, .post-content h2 + h4, .post-content h2 + h5, .post-content h2 + h6, .post-content h3 + h1, .post-content h3 + h2, .post-content h3 + h3, .post-content h3 + h4, .post-content h3 + h5, .post-content h3 + h6, .post-content h4 + h1, .post-content h4 + h2, .post-content h4 + h3, .post-content h4 + h4, .post-content h4 + h5, .post-content h4 + h6, .post-content h5 + h1, .post-content h5 + h2, .post-content h5 + h3, .post-content h5 + h4, .post-content h5 + h5, .post-content h5 + h6, .post-content h6 + h1, .post-content h6 + h2, .post-content h6 + h3, .post-content h6 + h4, .post-content h6 + h5, .post-content h6 + h6 { margin-top: 20px; } .post-content blockquote { margin-top: 25px; } .post-content blockquote:before, .post-content blockquote:after { margin: 25px auto; width: 96px; } .post-content blockquote p { font-size: 1.1em; line-height: 150%; } .post-content blockquote cite { font-size: .8em; } #infinite-handle { left: 0; right: 0; } /* 6. Index, Archive Posts */ .posts .post-container { opacity: 1.0; } .posts .post-content { font-size: 1em; } .posts .post-meta { padding: 0 6%; } /* format audio */ .posts .format-audio .post-content .mejs-offscreen:first-child + .mejs-container.mejs-audio { left: -7%; margin-top: -8.5%; right: -7%; width: 114% !important; } .posts .format-audio .post-content .mejs-offscreen:first-child + .mejs-container.mejs-audio:last-child { margin-bottom: -8.5%; } /* 7. Single Post */ .single .audioplayer { height: 83px; } .single .post-quote blockquote, .single .post-link p { font-size: 1.2em; } .single .post-quote cite { font-size: .8em; } /* format audio */ .single .format-audio .mejs-offscreen:first-child + .mejs-container.mejs-audio { height: 83px !important; left: -8.5%; margin-top: -8.5%; right: -8.5%; width: 116% !important; } /* 8. Comments */ .comments-title, .add-comment-title { float: none; width: 100%; } .add-comment-title { display: none; } .comments-title, .comment-reply-title { font-size: 1.5em; } .comment .avatar { width: 50px; } .comment-inner { margin-left: 70px; } .comment-inner:after { top: 13px; } .comment-content { font-size: .9em; } .reply-title { margin-bottom: 15px; } .comment-form { margin-top: 15px; } /* 9. Respond */ .comment-form { margin-top: 10px; } .comment-notes, .logged-in-as { margin-bottom: 25px; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { background-position: 96% center; } /* 10. Page & Page Templates */ .authors-row { border: none; padding: 0; } .authors-row:before { content: none; } .authors-row .author-info { border-top: 1px solid #eee; float: none; margin: 0; padding: 7.5% 6%; width: 100%; } .authors-row:first-child .author-info:first-child { border-top: none; } .author-avatar, .author-info h5 { margin-bottom: 20px; } /* 11. Pagination */ .page-title { margin-bottom: 25px; } .page-title h3 { font-size: 1.4em; } .posts-navigation { margin-top: 25px; } /* 11. Pagination */ .infinite-loader { bottom: -40px; } /* 13. Footer */ .footer { padding: 30px 0; } .footer .one-third { border-top: 4px solid #333; float: none; margin: 40px 0 0 0; padding: 40px 0 0 0; width: 100%; } .footer .one-third:first-child { border-top: none; margin-top: 0; padding-top: 0; } .footer .column-3 { display: block; } /* 14. Credits */ .credits { padding: 30px 0; } } @media (max-width: 500px) { /* 3. Header */ .header .site-title { font-size: 1.75em; } .header .site-description { font-size: 1em; margin-top: 15px; } .header .site-logo img, .header .site-logo-link img { max-width: 70%; } /* 7. Single Post */ .post-author:before, .post-author:after { left: 15px; right: auto; } .post-author .fa-user { left: 15px; } .post-author-content { margin-left: 40px; } /* 8. Comments */ .comments div.comment { margin-top: 20px; } .comment .avatar { display: none; } .comment-inner { margin-left: 0; } .comment-inner:after { content: none; } .comment-actions { display: none; } .comment-actions-below { display: block; margin-top: 20px; } .comment-actions-below a { display: inline-block; font-size: .85em; font-weight: 700; margin-left: 8px; text-transform: uppercase; } .comment-actions-below a:first-child { margin-left: 0; } .comment-actions-below a:hover, .comment-actions-below a:focus { text-decoration: underline; } .comment-nav-below span { display: none; } } @media (max-width: 400px) { /* 9. Respond */ .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { background-size: 20px auto; } input#author { background-position: 94% 10px; } input#author:focus { background-position: 94% -127px; } input#email { background-position: 94% 10px; } input#email:focus { background-position: 94% -40px; } input#url { background-position: 94% 12px; } input#url:focus { background-position: 94% -30px; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { font-size: .9em; padding: 12px; } .comment-form textarea { height: 150px; } .comment-form-author:before, .comment-form-email:before, .comment-form-url:before { right: 14px; top: 10px; } }