/*
Theme Name: Mozilla Frontierline
Theme URI: https://github.com/mozilla/Frontierline-theme
Author: Craig Cook, Michael Ham, and all your other friends at Mozilla
Author URI: https://www.mozilla.org
Description: A theme for official Mozilla blogs.
Version: 1.0
License: MPL Mozilla Public License v2 or later
License URI: https://www.mozilla.org/MPL/2.0/
Text Domain: frontierline
Domain Path: /languages/
Tags: Mozilla, light, white, three-columns, responsive-layout, editor-style, featured-images, theme-options, translation-ready, social, social-sharing
*/
/**********
* This theme uses Sass as a CSS preprocessor. Source files are in
* the /sass/ folder and should be compiled to style.css in the
* theme's root folder. To make style edits, modify the source
* files and recompile.
*
* Don't edit style.css directly!
**********/
@font-face { font-family: 'Fira Sans'; font-weight: normal; font-style: normal; src: url("fonts/FiraSans-Regular.woff2") format("woff2"), url("fonts/FiraSans-Regular.woff") format("woff"), url("fonts/FiraSans-Regular.ttf") format("truetype"); }
@font-face { font-family: 'Fira Sans'; font-weight: bold; font-style: normal; src: url("fonts/FiraSans-Bold.woff2") format("woff2"), url("fonts/FiraSans-Bold.woff") format("woff"), url("fonts/FiraSans-Bold.ttf") format("truetype"); }
@font-face { font-family: 'Fira Sans'; font-weight: normal; font-style: italic; src: url("fonts/FiraSans-Italic.woff2") format("woff2"), url("fonts/FiraSans-Italic.woff") format("woff"), url("fonts/FiraSans-Italic.ttf") format("truetype"); }
@font-face { font-family: 'Fira Sans'; font-weight: bold; font-style: italic; src: url("fonts/FiraSans-BoldItalic.woff2") format("woff2"), url("fonts/FiraSans-BoldItalic.woff") format("woff"), url("fonts/FiraSans-BoldItalic.ttf") format("truetype"); }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, video, canvas { display: inline-block; }

html, body, form, fieldset, legend, h1, h2, h3, h4, h5, h6, hr, p, pre, blockquote, figure, figcaption, table, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }

blockquote, q { quotes: '' ''; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, iframe, a img { border: 0; }

input, select, textarea { font-family: inherit; font-size: 100%; }

img, video, object, embed { -ms-interpolation-mode: bicubic; height: auto; max-width: 100%; }

html { font-size: 100%; background: #56565a; }

body { font-size: 100%; background: #fff; color: #444; font-family: "Fira Sans", X-LocaleSpecific, sans-serif; line-height: 1.6; }

.hidden { display: none; }

h1, h2, h3, h4, h5, h6, legend { font-weight: bold; line-height: 1.1; margin: 0 0 .25em; }

h1 { font-size: 38px; font-size: 2.375rem; }
@media screen and (min-width: 760px) { h1 { font-size: 50px; font-size: 3.125rem; } }

h2 { font-size: 28px; font-size: 1.75rem; }
@media screen and (min-width: 760px) { h2 { font-size: 38px; font-size: 2.375rem; } }

h3 { font-size: 21px; font-size: 1.3125rem; }
@media screen and (min-width: 760px) { h3 { font-size: 28px; font-size: 1.75rem; } }

h4 { font-size: 16px; font-size: 1rem; }
@media screen and (min-width: 760px) { h4 { font-size: 21px; font-size: 1.3125rem; } }

h5, h6 { font-size: 16px; font-size: 1rem; }

p, ul, ol, dl, pre, table, blockquote { margin-bottom: 1.25em; }

a { -webkit-transition: color 80ms ease-out; transition: color 80ms ease-out; color: #00a7e0; text-decoration: underline; }
a:hover, a:focus, a:active, a:visited:hover, a:visited:focus, a:visited:active { color: #0081ad; text-decoration: underline; }
a:visited { color: #37b2dc; }

ul, ol { list-style: none; }

.entry-content ul, .entry-summary ul { list-style: disc; margin-left: 30px; }
.entry-content ul ul, .entry-summary ul ul { list-style: circle; margin-left: 20px; margin-bottom: 0; }
.entry-content ul ol, .entry-summary ul ol { list-style: decimal; margin-left: 20px; margin-bottom: 0; }
.entry-content ol, .entry-summary ol { list-style: decimal; margin-left: 30px; }
.entry-content ol ol, .entry-summary ol ol { list-style: lower-alpha; margin-left: 20px; margin-bottom: 0; }
.entry-content ol ul, .entry-summary ol ul { list-style: disc; margin-left: 20px; margin-bottom: 0; }

[dir='rtl'] .entry-content ul, [dir='rtl'] .entry-content ol, [dir='rtl'] .entry-summary ul, [dir='rtl'] .entry-summary ol { margin-left: 0; margin-right: 30px; }
[dir='rtl'] .entry-content ul ul, [dir='rtl'] .entry-content ul ol, [dir='rtl'] .entry-content ol ul, [dir='rtl'] .entry-content ol ol, [dir='rtl'] .entry-summary ul ul, [dir='rtl'] .entry-summary ul ol, [dir='rtl'] .entry-summary ol ul, [dir='rtl'] .entry-summary ol ol { margin-left: 0; margin-right: 20px; }

.entry-content table { border-collapse: collapse; border-spacing: 0; }
.entry-content table caption { text-align: left; padding-bottom: 1px; /* fix to get it to look nice in many browsers */ margin-bottom: -1px; width: 100%; }
.entry-content table th, .entry-content table td { border-top: 1px solid rgba(0, 0, 0, 0.2); padding: .5em 10px; text-align: left; }
.entry-content table thead th, .entry-content table thead td { border-top: 0; padding-top: 0; }

[dir='rtl'] .entry-content table caption, [dir='rtl'] .entry-content table th, [dir='rtl'] .entry-content table td { text-align: right; }

button, input, select, textarea { font-family: inherit; }

textarea { height: auto; max-width: 100%; }

textarea, input[type=email], input[type=url], input[type=tel], input[type=password], input[type=search], input[type=text], input[type=number], input[type=date], input[type=time] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 100ms linear; transition: all 100ms linear; background: #fff; border-radius: .3em; border: 1px solid #b2b2b2; display: inline-block; line-height: 1.25; padding: .25em 10px; }

textarea:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=text]:focus, input[type=tel]:focus, input.focus { -webkit-transition: all 100ms linear; transition: all 100ms linear; border-color: #42a4e0; box-shadow: 0 0 0 2px rgba(73, 173, 227, 0.4); }

select:focus { box-shadow: 0 0 0 2px rgba(73, 173, 227, 0.4); }

textarea:-moz-ui-invalid:not(output), input[type=email]:-moz-ui-invalid:not(output), input[type=password]:-moz-ui-invalid:not(output), input[type=search]:-moz-ui-invalid:not(output), input[type=text]:-moz-ui-invalid:not(output), input[type=tel]:-moz-ui-invalid:not(output), input.invalid { -webkit-transition: all 100ms linear; transition: all 100ms linear; border-color: #a91300; box-shadow: 0 0 0 2px rgba(255, 80, 80, 0.4); }

label { display: block; }

.section, .content { zoom: 1; position: relative; }
.section:after, .content:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; }

.section { width: 100%; }

.content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 20px; min-width: 300px; }
@media screen and (min-width: 760px) { .content { width: 740px; } }
@media screen and (min-width: 1000px) { .content { width: 980px; } }
@media screen and (min-width: 1400px) { .content { width: 1380px; } }

.site-wrap { position: relative; }

#content { padding-top: 20px; min-height: 50vh; }

#comments .content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 980px; padding: 20px 60px; }

.comments-head { margin: 20px auto; }
.comments-head .cmt-post { font-size: 14px; font-size: 0.875rem; }

.comment-list { margin: 0; }
.comment-list .comment, .comment-list .pingback, .comment-list .trackback { padding: 20px 0; border-bottom: 1px solid #ccc; }
.comment-list .comment:last-child, .comment-list .pingback:last-child, .comment-list .trackback:last-child { border-bottom: 0; }
.comment-list .avatar { float: left; margin-left: -80px; }
.comment-list .entry-title { font-size: 16px; font-size: 1rem; font-weight: normal; margin: 0 0 1em; }
.comment-list .entry-title cite { font-weight: bold; font-style: normal; }
.comment-list .comment-meta { font-size: 14px; font-size: 0.875rem; }
.comment-list .comment-meta a { color: #484848; text-decoration: none; }
.comment-list .comment-meta a:hover, .comment-list .comment-meta a:focus { color: #00a7e0; text-decoration: underline; }
.comment-list .comment-util { font-size: 14px; font-size: 0.875rem; margin: 0; }
.comment-list .children { margin: 0; }
.comment-list .children .comment { border-bottom: 0; border-top: 1px solid #ccc; margin-top: 20px; padding-bottom: 0; padding-left: 20px; }
.comment-list .children .avatar { width: 40px; height: 40px; }
.comment-list .mod-message { background: #fff2db; border: 1px solid #f0dfc0; margin-top: 1em; padding: .5em 20px; text-align: center; }
.comment-list #comment-form { border-top: 0; padding-top: 20px; margin-top: 20px; margin-left: 20px; }

#comment-form { border-top: 1px solid #ccc; margin-top: 30px; padding-top: 30px; }
#comment-form legend span { font-size: 16px; font-size: 1rem; }
@media screen and (min-width: 760px) { #comment-form legend span { font-size: 21px; font-size: 1.3125rem; } }
#comment-form li { margin: 0 0 1em; }
#comment-form label { display: block; margin: 0 0 .25em; }
#comment-form input, #comment-form textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }

#cancel-comment-reply a { font-size: 14px; font-size: 0.875rem; background: #eee; border-radius: 4px; border: 2px solid #ccc; color: #484848; display: inline-block; padding: .25em 10px; text-decoration: none; }

#comment-form #errors { background: #ffeef0; border: 1px solid #fac4c7; margin-bottom: 1em; padding: .5em 15px .25em; }

#comment-form .err { background: #ffeef0; }

#comment-form #cmt-ackbar { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; }

#masthead { position: relative; overflow: hidden; background-color: #56565a; -webkit-background-size: cover; background-size: cover; }
#masthead .site-id { padding: 20px; text-align: center; }
@media screen and (min-width: 760px) { #masthead .site-id { padding: 40px 20px; } }
@media screen and (min-width: 1000px) and (min-height: 600px) { #masthead .site-id { padding: 80px 20px; } }
#masthead .site-title-wrap { color: #c13832; margin: 0 auto; max-width: 740px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
#masthead .site-title-wrap a:link, #masthead .site-title-wrap a:visited { color: #c13832; text-decoration: none; }

#site-title { font-size: 28px; font-size: 1.75rem; background: rgba(255, 255, 255, 0.75); margin: 0 auto; min-width: 50%; padding: .25em 20px; position: relative; z-index: 3; }
@media screen and (min-width: 760px) { #site-title { font-size: 38px; font-size: 2.375rem; } }
@media screen and (min-width: 480px) { #site-title { display: inline-block; margin: -4% -5% -.25em -11.5%; padding: 4% 5% .2em 11.5%; } }
@media screen and (min-width: 760px) { #site-title { font-size: 38px; font-size: 2.375rem; } }
@media screen and (min-width: 760px) and (min-width: 760px) { #site-title { font-size: 50px; font-size: 3.125rem; } }

#site-description { font-size: 21px; font-size: 1.3125rem; background: rgba(255, 255, 255, 0.75); line-height: 1.1; margin: 0 auto; min-width: 50%; padding: .25em 20px; position: relative; z-index: 2; }
@media screen and (min-width: 760px) { #site-description { font-size: 28px; font-size: 1.75rem; } }
@media screen and (min-width: 480px) { #site-description { display: inline-block; margin: 0 -12% -2% -5.5%; padding: .35em 12% 2.75% 5.5%; } }
@media screen and (min-width: 760px) { #site-description { font-size: 28px; font-size: 1.75rem; } }
@media screen and (min-width: 760px) and (min-width: 760px) { #site-description { font-size: 38px; font-size: 2.375rem; } }

#related-posts .content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 980px; padding: 20px 40px; margin: 0 auto; }
@media screen and (min-width: 480px) { #related-posts .in-category, #related-posts .popular { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 49.998%; padding-left: 20px; padding-right: 20px; } }
#related-posts .module-title { font-size: 21px; font-size: 1.3125rem; color: #c13832; margin: 0; padding-bottom: .5em; }
@media screen and (min-width: 760px) { #related-posts .module-title { font-size: 28px; font-size: 1.75rem; } }
#related-posts li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin-bottom: .75em; padding-bottom: .75em; }
#related-posts li:last-child { border-bottom: 0; }
#related-posts .date { font-size: 14px; font-size: 0.875rem; color: #484848; }
#related-posts .wpp-post-title { font-weight: bold; display: block; }
#related-posts a:link, #related-posts a:visited { color: #444; text-decoration: none; }
#related-posts a:hover, #related-posts a:focus, #related-posts a:active { color: #00a7e0; text-decoration: underline; }

#explore { position: static; }
#explore .module-title { font-size: 28px; font-size: 1.75rem; }
@media screen and (min-width: 760px) { #explore .module-title { font-size: 38px; font-size: 2.375rem; } }
#explore .cat-list { display: none; text-align: center; }
#explore .cat-list li { display: inline; }
#explore .cat-list a { -webkit-transition: color 75ms ease-out, background-color 75ms ease-out; transition: color 75ms ease-out, background-color 75ms ease-out; background: #eee; border: 1px solid rgba(0, 0, 0, 0.05); color: #484848; display: inline-block; margin: 0 5px .25em 0; padding: .15em 15px; text-decoration: none; text-transform: uppercase; }
#explore .cat-list a:hover, #explore .cat-list a:focus, #explore .cat-list a:active { color: #0081ad; background: #e3e3e3; }
#explore .cat-list a.on { background: #ccc; }
#explore .category { zoom: 1; }
#explore .category:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; }
#explore .category-title { font-size: 21px; font-size: 1.3125rem; color: #c13832; margin: 1em 0; padding-top: 1em; border-top: 1px solid #ccc; }
@media screen and (min-width: 760px) { #explore .category-title { font-size: 28px; font-size: 1.75rem; } }
#explore .category-post { margin: 0 0 1em; }
#explore .post-image { display: none; }
#explore.active { background: #fff; box-shadow: 0 3px 1px rgba(0, 0, 0, 0.2); left: 0; min-height: 100px; padding-top: 3em; position: absolute; top: 0; width: 100%; z-index: 8; }
#explore.active .cat-list { display: block; }
#explore.active .module-title, #explore.active .category-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; }
#explore.active .category-posts { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0 auto 20px; max-width: 1380px; }
#explore.active .category-post { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; }
@media screen and (min-width: 760px) { #explore.active .category-post { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 33.332%; padding-left: 20px; padding-right: 20px; max-width: 300px; } }
@media screen and (min-width: 1000px) { #explore.active .category-post { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 19.9992%; padding-left: 20px; padding-right: 20px; } }
#explore.active .post-image { display: block; margin: 0 auto 10px; }

.js #sidebar { display: none; }

#sidebar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; flex-wrap: wrap; background: #eee; padding: 20px; }
#sidebar.active { -webkit-transition: transform 600ms cubic-bezier(0.3, -0.5, 0.6, 1.1); transition: transform 600ms cubic-bezier(0.3, -0.5, 0.6, 1.1); background: #fff; box-shadow: 3px 0 1px rgba(0, 0, 0, 0.2); left: 0; max-width: 600px; min-height: 100%; min-width: 260px; padding: 80px 20px 40px; position: absolute; top: 0; transform: translateX(-101%); width: 33%; z-index: 9; }
@media screen and (min-width: 760px) { #sidebar.active { padding: 80px 40px 40px; } }
#sidebar.active.show { display: block; transform: none; }
#sidebar.active .content { display: block; flex-wrap: nowrap; min-width: 0; padding: 0; width: auto; }
#sidebar.active .widget { margin-bottom: 40px; padding: 0; width: auto; float: none; }
#sidebar .content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; }
#sidebar .widget { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 33.332%; padding-left: 20px; padding-right: 20px; }
#sidebar .widget-title { font-size: 21px; font-size: 1.3125rem; color: #c13832; margin: 0; padding-bottom: .5em; }
@media screen and (min-width: 760px) { #sidebar .widget-title { font-size: 28px; font-size: 1.75rem; } }
#sidebar .widget_nav_menu ul, #sidebar .widget_categories ul, #sidebar .widget_recent_entries ul, #sidebar .widget_recent_comments ul, #sidebar .widget_pages ul { border-top: 1px solid rgba(0, 0, 0, 0.05); }
#sidebar .widget_nav_menu li, #sidebar .widget_categories li, #sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_pages li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin: 0; }
#sidebar .widget_nav_menu a, #sidebar .widget_categories a, #sidebar .widget_recent_entries a, #sidebar .widget_recent_comments a, #sidebar .widget_pages a { -webkit-transition: background-color 80ms ease-out; transition: background-color 80ms ease-out; display: block; padding: .25em 4px; text-decoration: none; }
#sidebar .widget_nav_menu a:hover, #sidebar .widget_nav_menu a:focus, #sidebar .widget_nav_menu a:active, #sidebar .widget_categories a:hover, #sidebar .widget_categories a:focus, #sidebar .widget_categories a:active, #sidebar .widget_recent_entries a:hover, #sidebar .widget_recent_entries a:focus, #sidebar .widget_recent_entries a:active, #sidebar .widget_recent_comments a:hover, #sidebar .widget_recent_comments a:focus, #sidebar .widget_recent_comments a:active, #sidebar .widget_pages a:hover, #sidebar .widget_pages a:focus, #sidebar .widget_pages a:active { background-color: rgba(0, 0, 0, 0.02); }
#sidebar .widget_tag_cloud .tagcloud { line-height: 1.2; text-align: center; }
#sidebar .widget_tag_cloud .tagcloud a { vertical-align: middle; }

#site-info { font-size: 14px; font-size: 0.875rem; background: #56565a; color: #fff; line-height: 1.5; padding: 40px 0; width: 100%; }
#site-info a { text-decoration: none; color: #7addff; }
#site-info a:hover, #site-info a:focus, #site-info a:active { text-decoration: underline; color: #fff; }
#site-info .logo { font-size: 16px; font-size: 1rem; margin-bottom: .5em; }
#site-info .logo a { background: transparent url("img/mozilla-wordmark-white.svg") no-repeat; -webkit-background-size: 92px, 24px; background-size: 92px, 24px; overflow: hidden; text-indent: 120%; white-space: nowrap; display: inline-block; height: 24px; width: 92px; }
#site-info li { margin: 0; list-style-type: none; }
#site-info .row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; zoom: 1; margin: 0 auto; padding: 0 20px; min-width: 300px; }
#site-info .row:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; }
@media screen and (min-width: 760px) { #site-info .row { padding: 0 10px; width: 740px; } }
@media screen and (min-width: 1000px) { #site-info .row { width: 980px; } }
@media screen and (min-width: 1400px) { #site-info .row { width: 1380px; } }
#site-info .col { margin-bottom: 20px; }
@media screen and (min-width: 760px) { #site-info .col { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 33.332%; padding-left: 20px; padding-right: 20px; margin-bottom: 0; } }
#site-info .col-2 ul { overflow: hidden; }
#site-info .col-2 ul.fx-footer-links li { float: none; }
#site-info .col-2 ul li { float: left; }
#site-info .col-2 ul li.wrap:before { content: '\00A0\00B7\00A0'; }
#site-info .col-2 ul li.clear { clear: both; }
#site-info .links-social li ul { display: inline; margin: 0; }
#site-info .links-social li li { display: inline; }
#site-info .links-social li li:before { content: '\00B7\00A0'; }
#site-info .links-social li li:first-child:before { content: ''; }
#site-info .links-social li li span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; }
#site-info .lang-switcher { margin-top: 20px; }

@media screen and (min-width: 760px) { [dir='rtl'] #colophon .col, [dir='rtl'] #colophon .col-2 ul li { float: right; } }
.post-image-full { background-image: -webkit-linear-gradient(left, #fff, #ccc 50%, #fff); background-image: linear-gradient(to right, #fff, #ccc 50%, #fff); background-repeat: no-repeat; margin: -20px auto 20px; padding: 0; text-align: center; overflow: hidden; max-height: 200px; }
.post-image-full img { display: block; margin: 0 auto; }
@media screen and (min-width: 760px) { .post-image-full img.size-post-full-size { -webkit-transform: translateY(-25%); transform: translateY(-25%); position: relative; top: 50%; } }
@media screen and (min-width: 1000px) { .post-image-full { margin: 0 auto 40px; max-height: 400px; }
  .post-image-full img.size-post-full-size { -webkit-transform: translateY(-15%); transform: translateY(-15%); } }

.single .entry-header .entry-title, .page .entry-header .entry-title { font-size: 38px; font-size: 2.375rem; margin-top: .5em; }
@media screen and (min-width: 760px) { .single .entry-header .entry-title, .page .entry-header .entry-title { font-size: 50px; font-size: 3.125rem; } }
.single .entry-header .entry-tools, .page .entry-header .entry-tools { zoom: 1; margin: 0 0 40px; }
.single .entry-header .entry-tools:after, .page .entry-header .entry-tools:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; }
.single .entry-header .entry-tools b, .page .entry-header .entry-tools b { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; }
@media screen and (min-width: 760px) { .single .entry-header .entry-tools, .page .entry-header .entry-tools { margin-bottom: 20px; } }
.single .entry-header .categories, .page .entry-header .categories { margin-bottom: 20px; }
.single .entry-header .categories a, .page .entry-header .categories a { -webkit-transition: color 75ms ease-out, background-color 75ms ease-out; transition: color 75ms ease-out, background-color 75ms ease-out; background: #eee; border: 1px solid rgba(0, 0, 0, 0.05); color: #484848; display: inline-block; margin: 0 5px .25em 0; padding: .15em 15px; text-decoration: none; text-transform: uppercase; }
.single .entry-header .categories a:hover, .single .entry-header .categories a:focus, .single .entry-header .categories a:active, .page .entry-header .categories a:hover, .page .entry-header .categories a:focus, .page .entry-header .categories a:active { color: #0081ad; background: #e3e3e3; }
@media screen and (min-width: 760px) { .single .entry-header .categories, .page .entry-header .categories { float: left; width: 50%; margin-bottom: 0; } }
@media screen and (min-width: 1000px) { .single .entry-header .categories, .page .entry-header .categories { width: 60%; } }
.single .entry-header .entry-info, .page .entry-header .entry-info { margin-bottom: 20px; }
.single .entry-header .entry-info .vcard, .page .entry-header .entry-info .vcard { border-right: 1px solid #ccc; display: inline; font-style: normal; margin-right: 10px; padding-right: 10px; }
.single .entry-header .entry-info .date, .page .entry-header .entry-info .date { display: inline; }
.single .entry-header .entry-comments, .single .entry-header .meta, .single .entry-header .edit, .page .entry-header .entry-comments, .page .entry-header .meta, .page .entry-header .edit { display: inline; border-left: 1px solid #ccc; margin-left: 10px; padding-left: 10px; }
.single .post, .page .post { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 940px; }
@media screen and (min-width: 480px) { .single .post, .page .post { padding: 0 20px; } }
@media screen and (min-width: 760px) { .single .post, .page .post { padding: 0 60px; } }
.single .entry-content, .page .entry-content { zoom: 1; margin-bottom: 40px; }
.single .entry-content:after, .page .entry-content:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; }
.single .entry-content dt, .page .entry-content dt { font-style: italic; }
.single .entry-content dd, .page .entry-content dd { padding-left: 30px; }
.single .entry-content blockquote, .page .entry-content blockquote { border-left: 2px solid #ccc; color: #484848; padding: .25em 30px; }
.single .entry-content blockquote > :last-child, .page .entry-content blockquote > :last-child { margin-bottom: 0; }
.single .entry-content pre, .page .entry-content pre { overflow: auto; }
.single .entry-content code, .page .entry-content code { font-size: 14px; font-size: 0.875rem; }
.single .entry-content hr, .page .entry-content hr { background: transparent; border-top: 1px solid #ccc; clear: both; color: transparent; margin: 30px auto; }
.single .entry-content iframe, .page .entry-content iframe { max-width: 100%; }
.single .entry-content .alignleft, .page .entry-content .alignleft { float: left; margin: 0 30px .5em 0; }
.single .entry-content .alignleft.size-large, .single .entry-content .alignleft.size-medium, .single .entry-content .alignleft.size-extra-large, .page .entry-content .alignleft.size-large, .page .entry-content .alignleft.size-medium, .page .entry-content .alignleft.size-extra-large { float: none; display: block; margin: 0 0 1.5em; }
.single .entry-content .alignright, .page .entry-content .alignright { float: right; margin: 0 0 .5em 30px; }
.single .entry-content .alignright.size-large, .single .entry-content .alignright.size-medium .single .entry-content .alignright.size-extra-large, .page .entry-content .alignright.size-large, .page .entry-content .alignright.size-medium .single .entry-content .alignright.size-extra-large, .single .entry-content .alignright.size-medium .page .entry-content .alignright.size-extra-large, .page .entry-content .alignright.size-medium .page .entry-content .alignright.size-extra-large { float: none; display: block; margin: 0 0 1.5em; }
@media screen and (min-width: 480px) { .single .entry-content .alignleft.size-medium, .page .entry-content .alignleft.size-medium { float: left; margin: 0 30px .5em -20px; }
  .single .entry-content .alignright.size-medium, .page .entry-content .alignright.size-medium { float: right; margin: 0 -20px .5em 30px; } }
@media screen and (min-width: 760px) { .single .entry-content .alignleft, .page .entry-content .alignleft { margin-left: -60px; }
  .single .entry-content .alignleft.size-medium, .page .entry-content .alignleft.size-medium { margin-left: -60px; }
  .single .entry-content .alignright, .page .entry-content .alignright { margin-right: -60px; }
  .single .entry-content .alignright.size-medium, .page .entry-content .alignright.size-medium { margin-right: -60px; } }
@media screen and (min-width: 1000px) { .single .entry-content .alignleft.size-large, .page .entry-content .alignleft.size-large { float: left; margin: 0 30px .5em -60px; }
  .single .entry-content .alignright.size-large, .page .entry-content .alignright.size-large { float: right; margin: 0 -60px .5em 30px; } }
@media screen and (min-width: 760px) { .single .post .entry-content > p:first-child, .single .page .entry-content > p:first-child, .page .post .entry-content > p:first-child, .page .page .entry-content > p:first-child { font-size: 20px; font-size: 1.25rem; min-height: 70px; }
  .single .post .entry-content > p:first-child:first-line, .single .page .entry-content > p:first-child:first-line, .page .post .entry-content > p:first-child:first-line, .page .page .entry-content > p:first-child:first-line { font-size: 24px; font-size: 1.5rem; }
  .single .post .entry-content > p:first-child::first-letter, .single .page .entry-content > p:first-child::first-letter, .page .post .entry-content > p:first-child::first-letter, .page .page .entry-content > p:first-child::first-letter { font-size: 76px; font-size: 4.75rem; line-height: .8; vertical-align: bottom; float: left; font-weight: bold; padding-top: .125em; letter-spacing: .075em; font-style: normal; } }
.single .entry-tags, .page .entry-tags { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ccc; }

.image-attachment, .not-found { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 940px; }
@media screen and (min-width: 480px) { .image-attachment, .not-found { padding: 0 20px; } }
@media screen and (min-width: 760px) { .image-attachment, .not-found { padding: 0 60px; } }

.post-summary { margin-bottom: 40px; }
.post-summary .wp-post-image { margin-bottom: 20px; max-height: 330px; }
.post-summary .entry-title, .post-summary .entry-info, .post-summary .entry-summary, .post-summary .entry-meta { padding: 0 20px; }
.post-summary .entry-title { font-size: 20px; font-size: 1.25rem; }
.post-summary .entry-summary .go { font-size: 18px; font-size: 1.125rem; display: block; font-weight: bold; margin-top: 10px; }
.post-summary .entry-summary .go:after { content: '\00A0\25B8'; white-space: nowrap; }
.post-summary .entry-summary .go:after { -webkit-transition: right 150ms cubic-bezier(0.3, -0.5, 0.6, 1.5); transition: right 150ms cubic-bezier(0.3, -0.5, 0.6, 1.5); display: inline-block; font-size: 1.15em; position: relative; right: 0; text-decoration: none; vertical-align: middle; }
.post-summary .entry-summary .go:hover:after, .post-summary .entry-summary .go:focus:after { right: -4px; }

.post-mini .entry-title { padding: 0 10px; }
.post-mini .date { font-size: 14px; font-size: 0.875rem; color: #484848; padding: 0 10px; }

.entry-link:link, .entry-link:visited { color: #444; text-decoration: none; }
.entry-link:link:hover, .entry-link:link:focus, .entry-link:link:active, .entry-link:visited:hover, .entry-link:visited:focus, .entry-link:visited:active { color: #00a7e0; text-decoration: underline; }

.entry-info { font-size: 14px; font-size: 0.875rem; color: #484848; margin-bottom: 20px; }
.entry-info .vcard { border-right: 1px solid #ccc; display: inline-block; font-style: normal; margin-right: 10px; padding-right: 10px; }
.entry-info .vcard a { color: #484848; text-decoration: none; }
.entry-info .vcard a:hover, .entry-info .vcard a:focus, .entry-info .vcard a:active { color: #00a7e0; text-decoration: underline; }
.entry-info .date { display: inline-block; }

.entry-content { zoom: 1; }
.entry-content:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; }
.entry-content ul { list-style: disc; margin-left: 30px; }
.entry-content ul ul { list-style: circle; margin-left: 20px; margin-bottom: 0; }
.entry-content ul ol { list-style: decimal; margin-left: 20px; margin-bottom: 0; }
.entry-content ol { list-style: decimal; margin-left: 30px; }
.entry-content ol ol { list-style: lower-alpha; margin-left: 20px; margin-bottom: 0; }
.entry-content ol ul { list-style: disc; margin-left: 20px; margin-bottom: 0; }

.aligncenter { clear: both; display: block; margin: 0 auto 1.5em; }

.wp-caption { margin-bottom: .75em; max-width: 100%; }

.wp-caption.aligncenter { clear: both; margin: 0 auto 1.5em; }

.wp-caption img { display: block; }

.wp-caption.aligncenter img { margin: 0 auto; }

.wp-caption .wp-caption-text { font-style: italic; margin: .75em 10px 0; text-align: center; }

.posts-grid { zoom: 1; }
.posts-grid:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; }
@media screen and (min-width: 760px) { .posts-grid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; }
  .posts-grid .post-summary { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 49.998%; padding-left: 20px; padding-right: 20px; } }
@media screen and (min-width: 1000px) { .posts-grid .post-summary { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 33.332%; padding-left: 20px; padding-right: 20px; } }

.button, button.button, a.button:link, a.button:visited { font-size: 18px; font-size: 1.125rem; -webkit-transition: background-color 100ms ease-in-out; transition: background-color 100ms ease-in-out; background: none; border-radius: 4px; border-style: solid; border-width: 2px; cursor: pointer; display: inline-block; padding: .5em 36px; position: relative; text-align: center; text-shadow: none; text-decoration: none; background-color: #0c99d5; border-color: #0b8fc7; color: #fff; }
@media screen and (min-width: 760px) { .button, button.button, a.button:link, a.button:visited { font-size: 20px; font-size: 1.25rem; } }
.button:active, button.button:active, a.button:link:active, a.button:visited:active { position: relative; top: 1px; }
.button:hover, .button:focus, button.button:hover, button.button:focus, a.button:link:hover, a.button:link:focus, a.button:visited:hover, a.button:visited:focus { text-decoration: none; }
.button.button-minor, button.button.button-minor, a.button:link.button-minor, a.button:visited.button-minor { font-size: 14px; font-size: 0.875rem; padding: .25em 10px; }
.button:hover, .button:focus, button.button:hover, button.button:focus, a.button:link:hover, a.button:link:focus, a.button:visited:hover, a.button:visited:focus { background-color: #01affa; }
.button.dark, button.button.dark, a.button:link.dark, a.button:visited.dark { background-color: #00539f; border-color: #004b90; color: #fff; }
.button.dark:hover, .button.dark:focus, button.button.dark:hover, button.button.dark:focus, a.button:link.dark:hover, a.button:link.dark:focus, a.button:visited.dark:hover, a.button:visited.dark:focus { background-color: #0060b8; }
.button.green, button.button.green, a.button:link.green, a.button:visited.green { background-color: #4caf50; border-color: #47a44b; color: #fff; }
.button.green:hover, .button.green:focus, button.button.green:hover, button.button.green:focus, a.button:link.green:hover, a.button:link.green:focus, a.button:visited.green:hover, a.button:visited.green:focus { background-color: #51c455; }
.button.red, button.button.red, a.button:link.red, a.button:visited.red { background-color: #c13832; border-color: #b5342f; color: #fff; }
.button.red:hover, button.button.red:hover, a.button:link.red:hover, a.button:visited.red:hover { background-color: #d93a33; }
.button.orange, button.button.orange, a.button:link.orange, a.button:visited.orange { background-color: #f26c23; border-color: #f16215; color: #fff; }
.button.orange:hover, .button.orange:focus, button.button.orange:hover, button.button.orange:focus, a.button:link.orange:hover, a.button:link.orange:focus, a.button:visited.orange:hover, a.button:visited.orange:focus { background-color: #fe7931; }

.button.hollow, button.button.hollow, a.button.hollow:link, a.button.hollow:visited, button.form-button, input[type="submit"].form-button, input[type='button'].form-button { font-size: 18px; font-size: 1.125rem; -webkit-transition: background-color 100ms ease-in-out; transition: background-color 100ms ease-in-out; background: none; border-radius: 4px; border-style: solid; border-width: 2px; cursor: pointer; display: inline-block; padding: .5em 36px; position: relative; text-align: center; text-shadow: none; text-decoration: none; background-color: transparent; border-color: #0c99d5; color: #0c99d5; }
@media screen and (min-width: 760px) { .button.hollow, button.button.hollow, a.button.hollow:link, a.button.hollow:visited, button.form-button, input[type="submit"].form-button, input[type='button'].form-button { font-size: 20px; font-size: 1.25rem; } }
.button.hollow:active, button.button.hollow:active, a.button.hollow:link:active, a.button.hollow:visited:active, button.form-button:active, input[type="submit"].form-button:active, input[type='button'].form-button:active { position: relative; top: 1px; }
.button.hollow:hover, .button.hollow:focus, button.button.hollow:hover, button.button.hollow:focus, a.button.hollow:link:hover, a.button.hollow:link:focus, a.button.hollow:visited:hover, a.button.hollow:visited:focus, button.form-button:hover, button.form-button:focus, input[type="submit"].form-button:hover, input[type="submit"].form-button:focus, input[type='button'].form-button:hover, input[type='button'].form-button:focus { text-decoration: none; }
.button.hollow.button-minor, button.button.hollow.button-minor, a.button.hollow:link.button-minor, a.button.hollow:visited.button-minor, button.form-button.button-minor, input[type="submit"].form-button.button-minor, input[type='button'].form-button.button-minor { font-size: 14px; font-size: 0.875rem; padding: .25em 10px; }
.button.hollow:hover, .button.hollow:focus, button.button.hollow:hover, button.button.hollow:focus, a.button.hollow:link:hover, a.button.hollow:link:focus, a.button.hollow:visited:hover, a.button.hollow:visited:focus, button.form-button:hover, button.form-button:focus, input[type="submit"].form-button:hover, input[type="submit"].form-button:focus, input[type='button'].form-button:hover, input[type='button'].form-button:focus { background-color: rgba(12, 153, 213, 0.05); border-color: #01affa; color: #01affa; }
.button.hollow.light, button.button.hollow.light, a.button.hollow:link.light, a.button.hollow:visited.light, button.form-button.light, input[type="submit"].form-button.light, input[type='button'].form-button.light { color: #fff; border-color: #fff; }
.button.hollow.light:hover, .button.hollow.light:focus, button.button.hollow.light:hover, button.button.hollow.light:focus, a.button.hollow:link.light:hover, a.button.hollow:link.light:focus, a.button.hollow:visited.light:hover, a.button.hollow:visited.light:focus, button.form-button.light:hover, button.form-button.light:focus, input[type="submit"].form-button.light:hover, input[type="submit"].form-button.light:focus, input[type='button'].form-button.light:hover, input[type='button'].form-button.light:focus { background-color: rgba(255, 255, 255, 0.05); border-color: #f2f2f2; color: #f2f2f2; }
.button.hollow.dark, button.button.hollow.dark, a.button.hollow:link.dark, a.button.hollow:visited.dark, button.form-button.dark, input[type="submit"].form-button.dark, input[type='button'].form-button.dark { color: #00539f; border-color: #00539f; }
.button.hollow.dark:hover, .button.hollow.dark:focus, button.button.hollow.dark:hover, button.button.hollow.dark:focus, a.button.hollow:link.dark:hover, a.button.hollow:link.dark:focus, a.button.hollow:visited.dark:hover, a.button.hollow:visited.dark:focus, button.form-button.dark:hover, button.form-button.dark:focus, input[type="submit"].form-button.dark:hover, input[type="submit"].form-button.dark:focus, input[type='button'].form-button.dark:hover, input[type='button'].form-button.dark:focus { background-color: rgba(0, 83, 159, 0.05); border-color: #0060b8; color: #0060b8; }
.button.hollow.red, button.button.hollow.red, a.button.hollow:link.red, a.button.hollow:visited.red, button.form-button.red, input[type="submit"].form-button.red, input[type='button'].form-button.red { color: #c13832; border-color: #c13832; }
.button.hollow.red:hover, .button.hollow.red:focus, button.button.hollow.red:hover, button.button.hollow.red:focus, a.button.hollow:link.red:hover, a.button.hollow:link.red:focus, a.button.hollow:visited.red:hover, a.button.hollow:visited.red:focus, button.form-button.red:hover, button.form-button.red:focus, input[type="submit"].form-button.red:hover, input[type="submit"].form-button.red:focus, input[type='button'].form-button.red:hover, input[type='button'].form-button.red:focus { background-color: rgba(193, 56, 50, 0.05); border-color: #d93a33; color: #d93a33; }

#newsletter-form .form-button { width: 100%; }

@-webkit-keyframes pebbles-bounce-down { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes pebbles-bounce-down { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0, -500px, 0); }
  60% { opacity: 1; transform: translate3d(0, 25px, 0); }
  75% { transform: translate3d(0, 0, 0); }
  90% { transform: translate3d(0, 5px, 0); }
  100% { transform: none; } }
@-webkit-keyframes pebbles-fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes pebbles-fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes pebbles-fade-out { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes pebbles-fade-out { 0% { opacity: 1; }
  100% { opacity: 0; } }
#newsletter-subscribe { background: #c13832; color: #fff; }
#newsletter-subscribe .form-title { background: url("img/mozorg-newsletter.svg") center top no-repeat; -webkit-background-size: 100px 100px; background-size: 100px 100px; padding: 120px 0 20px 0px; text-align: center; }
#newsletter-subscribe h3 { font-size: 32px; font-size: 2rem; margin: 0 0 0.2em; text-align: center; }
#newsletter-subscribe h4 { font-size: 20px; font-size: 1.25rem; font-weight: normal; }
@media screen and (min-width: 1000px) { #newsletter-subscribe h4 { font-size: 24px; font-size: 1.5rem; line-height: 1.1; } }
#newsletter-subscribe .field { margin-bottom: 10px; }
#newsletter-subscribe .field label { display: block; margin-bottom: 0.25em; }
#newsletter-subscribe .field-format label { display: inline; margin-right: 20px; }
#newsletter-subscribe .field-privacy { font-size: 12px; font-size: 0.75rem; }
#newsletter-subscribe .field-privacy input { float: left; }
#newsletter-subscribe .field-privacy .title { display: block; padding-left: 25px; }
#newsletter-subscribe a { color: #fff; }
#newsletter-subscribe input[type='email'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-size: 1rem; -webkit-transition: all 100ms linear; transition: all 100ms linear; border: 0; border-radius: 4px; line-height: 1.1; padding: 0.75em 20px; width: 100%; }
#newsletter-subscribe select { font-size: 14px; font-size: 0.875rem; font-family: inherit; line-height: 1.5; max-width: 80%; }
#newsletter-subscribe .form-submit .form-button { width: 100%; }
#newsletter-subscribe .promise { line-height: 1.1; margin-top: .5em; text-align: center; }
#newsletter-subscribe .thanks { padding-top: 10px; }
#newsletter-subscribe .thanks p { -webkit-animation: pebbles-fade-in 150ms ease-in 800ms 1 normal both; animation: pebbles-fade-in 150ms ease-in 800ms 1 normal both; margin-top: 20px; }
#newsletter-subscribe .newsletter_errors > ul { background: #fff; color: #c13832; padding: 10px 20px; }
@media screen and (min-width: 760px) { #newsletter-subscribe .form-title { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 49.998%; padding-left: 20px; padding-right: 20px; -webkit-background-size: 120px 120px; background-size: 120px 120px; background-position: left 10px; float: left; padding: 10px 0 20px 140px; text-align: left; }
  #newsletter-subscribe .form-contents, #newsletter-subscribe .thanks { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 49.998%; padding-left: 20px; padding-right: 20px; }
  #newsletter-subscribe h3 { text-align: left; } }
@media screen and (min-width: 1000px) { #newsletter-subscribe .form-title { -webkit-background-size: 150px 150px; background-size: 150px 150px; background-position: left top; min-height: 120px; padding: 10px 0 20px 180px; }
  #newsletter-subscribe h3 { font-size: 28px; font-size: 1.75rem; } }
@media screen and (min-width: 1000px) and (min-width: 760px) { #newsletter-subscribe h3 { font-size: 38px; font-size: 2.375rem; } }
@media screen and (min-width: 1000px) { #newsletter-subscribe h4 { font-size: 16px; font-size: 1rem; } }
@media screen and (min-width: 1000px) and (min-width: 760px) { #newsletter-subscribe h4 { font-size: 21px; font-size: 1.3125rem; } }

@media screen and (min-width: 1400px) { #newsletter-subscribe .content { width: 980px; } }

.js .thanks, .js .form-details, .js #form-details { display: none; }
.js #newsletter-spinner { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.social-share li { display: inline; margin: 0 5px .25em; }
.social-share b { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; }
.social-share a { font-size: 18px; font-size: 1.125rem; -webkit-transition: background-color 100ms ease-in-out; transition: background-color 100ms ease-in-out; background: none; border-radius: 4px; border-style: solid; border-width: 2px; cursor: pointer; display: inline-block; padding: .5em 36px; position: relative; text-align: center; text-shadow: none; text-decoration: none; font-size: 16px; font-size: 1rem; color: #fff; padding: 2px 10px 2px 35px; }
@media screen and (min-width: 760px) { .social-share a { font-size: 20px; font-size: 1.25rem; } }
.social-share a:active { position: relative; top: 1px; }
.social-share a:hover, .social-share a:focus { text-decoration: none; }
.social-share a.button-minor { font-size: 14px; font-size: 0.875rem; padding: .25em 10px; }
.social-share a:hover, .social-share a:focus, .social-share a:active { color: #fff; text-decoration: none; }
.social-share a.twitter { background: #1da1f2 url("img/twitter.svg") 6px center no-repeat; -webkit-background-size: 18px, 18px; background-size: 18px, 18px; border-color: #0d95e8; }
.social-share a.twitter:hover, .social-share a.twitter:focus { background-color: #0d95e8; }
.social-share a.facebook { background: #3b5998 url("img/facebook.svg") 6px center no-repeat; -webkit-background-size: 18px, 18px; background-size: 18px, 18px; border-color: #344e86; }
.social-share a.facebook:hover, .social-share a.facebook:focus { background-color: #344e86; }
@media screen and (min-width: 760px) { .social-share { width: 50%; float: right; text-align: right; }
  .social-share a { font-size: 16px; font-size: 1rem; } }
@media screen and (min-width: 1000px) { .social-share { width: 40%; } }

.nav-global { zoom: 1; background: #c13832; color: #fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); min-height: 40px; position: relative; z-index: 90; }
.nav-global:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; }
.nav-global .content { padding: 0 20px; }
.nav-global .logo { font-size: 16px; font-size: 1rem; float: right; margin: 8px 0 0; }
.nav-global .logo a { -webkit-background-size: 92px 24px; background-size: 92px 24px; overflow: hidden; text-indent: 120%; white-space: nowrap; background: transparent url("img/mozilla-wordmark-white.svg") no-repeat; display: inline-block; height: 24px; width: 92px; }
@media screen and (min-width: 760px) { .nav-global .logo { float: left; } }

.nav-mozilla { font-family: "Fira Sans Light", X-LocaleSpecific-Light, "Fira Sans", X-LocaleSpecific, sans-serif; font-weight: normal; font-size: 14px; font-size: 0.875rem; left: 0; position: absolute; text-transform: uppercase; top: 0; z-index: 99; }
.nav-mozilla a { text-decoration: none; color: #fff; }
.nav-mozilla a:hover, .nav-mozilla a:focus, .nav-mozilla a:active { text-decoration: underline; }
.nav-mozilla .toggle { overflow: hidden; text-indent: 120%; white-space: nowrap; background: #c13832 url("img/icon-menu-light.svg") center center no-repeat; -webkit-background-size: 22px auto; background-size: 22px auto; cursor: pointer; display: block; height: 40px; overflow: hidden; position: relative; width: 40px; }
.nav-mozilla .nav-mozilla-menu { background: #fff; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2); left: -300px; margin: 0; overflow: visible; position: absolute; top: 40px; width: 200px; z-index: 99; }
.nav-mozilla .nav-mozilla-menu li { border-bottom: 1px solid #ccc; }
.nav-mozilla .nav-mozilla-menu li:last-child { border: 0; }
.nav-mozilla .nav-mozilla-menu a { background: #fff; color: #444; display: block; padding: 10px 20px; text-decoration: none; -webkit-transition: background-color 150ms ease, border-width 150ms ease, color 150ms ease, padding 150ms ease; transition: background-color 150ms ease, border-width 150ms ease, color 150ms ease, padding 150ms ease; }
.nav-mozilla .nav-mozilla-menu a:hover, .nav-mozilla .nav-mozilla-menu a:focus { background-color: #f5f5f5; border-right: 6px solid #c13832; color: #c13832; text-decoration: underline; }

.nav-mozilla:hover #nav-mozilla-menu, #nav-mozilla-menu:target { left: auto; }

.js .nav-mozilla .nav-mozilla-menu { left: auto; display: none; }

@media screen and (min-width: 760px) { .nav-mozilla { float: right; margin: 0 20px; position: relative; }
  .nav-mozilla .nav-mozilla-menu { width: auto; position: static; background: transparent; box-shadow: none; padding: 10px 0; }
  .nav-mozilla .nav-mozilla-menu li { display: inline; border: 0; padding: 0 10px; }
  .nav-mozilla .nav-mozilla-menu a { background: transparent; display: inline-block; padding: 0; color: #fff; }
  .nav-mozilla .nav-mozilla-menu a:hover, .nav-mozilla .nav-mozilla-menu a:focus { background: transparent; border: 0; color: #fff; }
  .nav-mozilla .toggle { display: none; }
  .js .nav-mozilla .nav-mozilla-menu { display: block; } }
@media screen and (min-width: 1000px) { .nav-mozilla .nav-mozilla-menu li { padding: 0 20px; } }
@supports (display: flex) { @media screen and (min-width: 760px) { .nav-mozilla-menu, .js .nav-mozilla-menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: flex-end; justify-content: flex-end; } } }
#nav-util { background: #eee; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); color: #fff; position: relative; z-index: 10; }
#nav-util .content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 10px 20px; }
#nav-util li { display: inline-block; width: 50%; }
#nav-util li.nav-util-sidebar { text-align: left; }
#nav-util li.nav-util-explore { display: none; text-align: center; }
#nav-util li.nav-util-home { text-align: right; }
@media screen and (min-width: 760px) { #nav-util li { width: 33%; }
  #nav-util li.nav-util-explore { display: inline-block; } }
#nav-util a { color: #484848; font-weight: bold; text-decoration: none; padding-left: 25px; position: relative; }
#nav-util a:hover, #nav-util a:focus { text-decoration: underline; }
#nav-util a:before { -webkit-background-size: 20px 100px; background-size: 20px 100px; background-image: url("img/icon-sprite.svg"); background-repeat: no-repeat; bottom: 0; content: ''; display: inline-block; height: 18px; left: 0; position: absolute; width: 20px; }
#nav-util .nav-util-sidebar a:before { background-position: 0 0; }
#nav-util .nav-util-sidebar a.close:before { background-position: 0 -20px; }
#nav-util .nav-util-explore a:before { background-position: 0 -40px; }
#nav-util .nav-util-explore a.close:before { background-position: 0 -60px; }
#nav-util .nav-util-home a:before { background-position: 0 -80px; }

.pagination { font-size: 22px; font-size: 1.375rem; margin: 40px 0; text-align: center; }
.pagination li { display: inline; }
.pagination li .a11y { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; }
.pagination a, .pagination .current { -webkit-transition: background-color 75ms ease-out; transition: background-color 75ms ease-out; background: #eee; border: 1px solid rgba(0, 0, 0, 0.05); margin: 0 2px; padding: 5px 15px; text-decoration: none; }
.pagination a:hover, .pagination a:focus, .pagination .current:hover, .pagination .current:focus { background: #e3e3e3; }
.pagination .prev:before { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); content: '\00A0\25B8'; display: inline-block; vertical-align: top; white-space: nowrap; }
.pagination .next:after { content: '\00A0\25B8'; white-space: nowrap; }

.nav-paging { zoom: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center; margin: 40px 0 30px; background: #eee; }
.nav-paging:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; }
.nav-paging .label { font-size: 14px; font-size: 0.875rem; text-transform: lowercase; }
.nav-paging .entry-title { font-size: 18px; font-size: 1.125rem; display: block; font-weight: bold; margin: 10px 20% 0; }
.nav-paging .date { font-size: 14px; font-size: 0.875rem; }
.nav-paging a { display: block; text-decoration: none; height: 100%; }
.nav-paging a .label { color: #c13832; }
.nav-paging a .entry-title { color: #444; }
.nav-paging a .date { color: #484848; }
.nav-paging a:hover .entry-title, .nav-paging a:focus .entry-title, .nav-paging a:active .entry-title { color: #00a7e0; text-decoration: underline; }
.nav-paging a:hover .arrow-left, .nav-paging a:focus .arrow-left, .nav-paging a:active .arrow-left { left: 0; }
.nav-paging a:hover .arrow-right, .nav-paging a:focus .arrow-right, .nav-paging a:active .arrow-right { right: 0; }
.nav-paging .arrow-left, .nav-paging .arrow-right { width: 30px; height: 50px; position: absolute; top: 50%; margin-top: -25px; -webkit-transition: left 250ms cubic-bezier(0.3, -0.5, 0.6, 1.5), right 250ms cubic-bezier(0.3, -0.5, 0.6, 1.5); transition: left 250ms cubic-bezier(0.3, -0.5, 0.6, 1.5), right 250ms cubic-bezier(0.3, -0.5, 0.6, 1.5); }
.nav-paging .arrow-left .cls-1, .nav-paging .arrow-right .cls-1 { stroke: #56565a; }
.nav-paging .arrow-left { left: 10px; }
.nav-paging .arrow-right { right: 10px; }

@media screen and (min-width: 480px) { .nav-paging-prev, .nav-paging-next { height: 100%; margin-bottom: 0; position: relative; width: 50%; }
  .nav-paging-prev { border-right: 1px solid #ccc; float: left; margin-right: -1px; }
  .nav-paging-next { float: right; }
  [dir='rtl'] .nav-paging-prev { float: right; }
  [dir='rtl'] .nav-paging-next { float: left; } }

/*# sourceMappingURL=style.css.map */