WordPress.org

Making WordPress.org

Changeset 5117


Ignore:
Timestamp:
03/07/2017 09:26:14 PM (5 years ago)
Author:
obenland
Message:

Plugin Directory: Clean up comitter widget

Separates JS and CSS from PHP and uses some more core functionality.

See #2111.

Location:
sites/trunk/wordpress.org/public_html/wp-content
Files:
4 added
6 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/widgets/class-committers.php

    r4301 r5117  
    1010 */
    1111class Committers extends \WP_Widget {
    12 
    1312    /**
    14      * Meta constructor.
     13     * Committers constructor.
    1514     */
    1615    public function __construct() {
     
    3130
    3231        $committers = Tools::get_plugin_committers( $post->post_name );
    33         $committers = array_map( function( $user_login ) {
     32        $committers = array_map( function ( $user_login ) {
    3433            return get_user_by( 'login', $user_login );
    3534        }, $committers );
    3635
     36        wp_enqueue_script( 'wporg-plugins-committers', plugins_url( 'js/committers.js', __FILE__ ), array( 'wp-util' ), true );
     37        wp_localize_script( 'wporg-plugins-committers', 'committersWidget', array(
     38            'restUrl'    => get_rest_url(),
     39            'restNonce'  => wp_create_nonce( 'wp_rest' ),
     40            'pluginSlug' => $post->post_name,
     41        ) );
     42
    3743        echo $args['before_widget'];
    3844        ?>
    39         <style>
    40             <?php // TODO: Yes, these need to be moved into the CSS somewhere. ?>
    41             ul.committer-list {
    42                 list-style: none;
    43                 margin: 0;
    44                 font-size: 0.9em;
    45             }
    46             ul.committer-list li {
    47                 clear: both;
    48                 padding-bottom: 0.5em;
    49             }
    50             ul.committer-list a.remove {
    51                 color: red;
    52                 cursor: pointer;
    53                 visibility: hidden;
    54             }
    55             ul.committer-list li:hover a.remove {
    56                 visibility: visible;
    57             }
    58         </style>
    59 
    6045        <h3><?php _e( 'Committers', 'wporg-plugins' ); ?></h3>
    6146
    62         <ul class="committer-list">
    63         <?php foreach ( $committers as $committer ) {
    64             echo '<li data-user="' . esc_attr( $committer->user_nicename ) . '">' .
    65                 get_avatar( $committer->ID, 32 ) .
    66                 '<a href="' . esc_url( 'https://profiles.wordpress.org/' . $committer->user_nicename ) . '">' . Template::encode( $committer->display_name ) . '</a>' .
    67                 '<br><small>' .
    68                 ( current_user_can( 'plugin_review' ) ? esc_html( $committer->user_email ) . ' ' : '' ) .
    69                 '<a class="remove">' . __( 'Remove', 'wporg-plugins' ) . '</a>' .
    70                 '</small>' .
    71                 '</li>';
    72         } ?>
    73         <li class="new" data-template="<?php echo esc_attr( '<li><img src="" class="avatar avatar-32 photo" height="32" width="32"><a class="profile" href=""></a><br><small><span class="email"></span> <a class="remove">' . __( 'Remove', 'wporg-plugins' ) . '</a></small></li>' ); ?>">
    74             <input type="text" name="committer" placeholder="<?php esc_attr_e( 'Login, Slug, or Email.', 'wporg-plugins' ); ?>">
    75             <input type="submit" value="<?php esc_attr_e( 'Add', 'wporg-plugins' ); ?>">
    76         </li>
     47        <ul id="committer-list" class="committer-list">
    7748
     49            <?php foreach ( $committers as $committer ) : ?>
     50                <li data-user="<?php echo esc_attr( $committer->user_nicename ); ?>">
     51                    <?php echo get_avatar( $committer->ID, 32 ); ?>
     52                    <a href="<?php echo esc_url( 'https://profiles.wordpress.org/' . $committer->user_nicename ); ?>">
     53                        <?php echo Template::encode( $committer->display_name ); ?>
     54                    </a><br>
     55                    <small>
     56                        <?php echo current_user_can( 'plugin_review' ) ? esc_html( $committer->user_email ) . ' ' : ''; ?>
     57                        <button class="button-link spinner remove"><?php _e( 'Remove', 'wporg-plugins' ); ?></button>
     58                    </small>
     59                </li>
     60            <?php endforeach; ?>
     61
     62            <li class="new">
     63                <form id="add-committer" action="POST">
     64                    <input type="text" name="committer" placeholder="<?php esc_attr_e( 'Login, Slug, or Email.', 'wporg-plugins' ); ?>">
     65                    <input type="submit" value="<?php esc_attr_e( 'Add', 'wporg-plugins' ); ?>" />
     66                </form>
     67            </li>
    7868        </ul>
    79         <script>
    80             var rest_api_url = <?php echo wp_json_encode( get_rest_url() ); ?>,
    81                 rest_api_nonce = <?php echo wp_json_encode( wp_create_nonce( 'wp_rest' ) ); ?>,
    82                 plugin_slug = <?php echo wp_json_encode( $post->post_name ); ?>;
    83 
    84         jQuery( 'ul.committer-list' ).on( 'click', 'a.remove', function(e) {
    85             e.preventDefault();
    86 
    87             var $this = jQuery( this ),
    88                 $row = $this.parents('li'),
    89                 user_nicename = $row.data( 'user' ),
    90                 url = rest_api_url + 'plugins/v1/plugin/' + plugin_slug + '/committers/' + user_nicename + '/?_wpnonce=' + rest_api_nonce;
    91 
    92             jQuery.post({
    93                 url: url,
    94                 method: 'DELETE',
    95             }).success( function( result ) {
    96                 if ( true === result ) {
    97                     $row.slideUp( 500, function() {
    98                         $row.remove();
    99                     } );
    100                 } else {
    101                     alert( result.messsage );
    102                 }
    103             } ).fail( function( result ) {
    104                 result = jQuery.parseJSON( result.responseText );
    105                 if ( typeof result.message !== undefined ) {
    106                     alert( result.message );
    107                 }
    108             } );
    109         } );
    110 
    111         jQuery( 'ul.committer-list' ).on( 'click', 'li.new input[type="submit"]', function(e) {
    112             e.preventDefault();
    113 
    114             var $this = jQuery( this ),
    115                 $row = $this.parents('li'),
    116                 $list = $row.parents('ul'),
    117                 $new_user_input = $row.find( 'input[name="committer"]' ),
    118                 user_to_add = $new_user_input.val(),
    119                 url = rest_api_url + 'plugins/v1/plugin/' + plugin_slug + '/committers/?_wpnonce=' + rest_api_nonce;
    120 
    121             jQuery.post({
    122                 url: url,
    123                 dataType: 'json',
    124                 data: {
    125                     committer: user_to_add
    126                 }
    127             }).done( function( result ) {
    128                 if ( typeof result.name !== "undefined" ) {
    129                     $newrow = jQuery( $row.data('template') );
    130                     $newrow.data('user', result.nicename );
    131                     $newrow.find('img').attr( 'src', result.avatar );
    132                     $newrow.find('a.profile').attr('href', result.profile ).html( result.name );
    133                     if ( typeof result.email !== "undefined" ) {
    134                         $newrow.find('span.email').text( result.email );
    135                     }
    136                     $row.before( $newrow );
    137                     $new_user_input.val('');
    138                 } else {
    139                     alert( result.messsage );
    140                 }
    141             } ).fail( function( result ) {
    142                 result = jQuery.parseJSON( result.responseText );
    143                 if ( typeof result.message !== undefined ) {
    144                     alert( result.message );
    145                 }
    146             } );
    147         } );
    148            
     69        <script id="tmpl-new-committer" type="text/template">
     70            <li data-user="{{ data.nicename }}">
     71                <a class="profile" href="{{ data.profile }}">
     72                    <img src="{{ data.avatar }}" class="avatar avatar-32 photo" height="32" width="32">
     73                    {{ data.name }}
     74                </a><br>
     75                <small>
     76                    <# if ( data.email ) { #>
     77                        <span class="email">{{ data.email }}</span>
     78                    <# } #>
     79                        <button class="button-link remove"><?php _e( 'Remove', 'wporg-plugins' ); ?></button>
     80                </small>
     81            </li>
    14982        </script>
    150 
    15183        <?php
    15284        echo $args['after_widget'];
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/Gruntfile.js

    r5024 r5117  
    5151                        cascade: false
    5252                    }),
    53                     require('pixrem')
     53                    require('pixrem'),
     54                    require('cssnano')({
     55                        mergeRules: false
     56                    })
    5457                ]
    5558            },
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/styles/_components.scss

    r5024 r5117  
    2626@import "../components/site-main/style";
    2727@import "../components/widget-area/style";
     28@import "../components/widget-area/widgets/committers/style";
    2829@import "../components/widget-area/widgets/meta/style";
    2930@import "../components/widget-area/widgets/ratings/style";
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style-rtl.css

    r5024 r5117  
    1 /*--------------------------------------------------------------
    2 # Normalize
    3 --------------------------------------------------------------*/
    4 html {
    5   font-family: sans-serif;
    6   -webkit-text-size-adjust: 100%;
    7   -ms-text-size-adjust: 100%;
    8 }
    9 
    10 body {
    11   margin: 0;
    12 }
    13 
    14 article,
    15 aside,
    16 details,
    17 figcaption,
    18 figure,
    19 footer,
    20 header,
    21 main,
    22 menu,
    23 nav,
    24 section,
    25 summary {
    26   display: block;
    27 }
    28 
    29 audio,
    30 canvas,
    31 progress,
    32 video {
    33   display: inline-block;
    34   vertical-align: baseline;
    35 }
    36 
    37 audio:not([controls]) {
    38   display: none;
    39   height: 0;
    40 }
    41 
    42 [hidden],
    43 template {
    44   display: none;
    45 }
    46 
    47 a {
    48   background-color: transparent;
    49 }
    50 
    51 a:active,
    52 a:hover {
    53   outline: 0;
    54 }
    55 
    56 abbr[title] {
    57   border-bottom: 1px dotted;
    58 }
    59 
    60 b,
    61 strong {
    62   font-weight: bold;
    63 }
    64 
    65 dfn {
    66   font-style: italic;
    67 }
    68 
    69 h1 {
    70   font-size: 2em;
    71   margin: 0.67em 0;
    72 }
    73 
    74 mark {
    75   background: #ff0;
    76   color: #000;
    77 }
    78 
    79 small {
    80   font-size: 80%;
    81 }
    82 
    83 sub,
    84 sup {
    85   font-size: 75%;
    86   line-height: 0;
    87   position: relative;
    88   vertical-align: baseline;
    89 }
    90 
    91 sup {
    92   top: -0.5em;
    93 }
    94 
    95 sub {
    96   bottom: -0.25em;
    97 }
    98 
    99 img {
    100   border: 0;
    101 }
    102 
    103 svg:not(:root) {
    104   overflow: hidden;
    105 }
    106 
    107 figure {
    108   margin: 1em 40px;
    109 }
    110 
    111 hr {
    112   -webkit-box-sizing: content-box;
    113   -moz-box-sizing: content-box;
    114   box-sizing: content-box;
    115   height: 0;
    116 }
    117 
    118 pre {
    119   overflow: auto;
    120 }
    121 
    122 code,
    123 kbd,
    124 pre,
    125 samp {
    126   font-family: monospace, monospace;
    127   font-size: 1em;
    128 }
    129 
    130 button,
    131 input,
    132 optgroup,
    133 select,
    134 textarea {
    135   color: inherit;
    136   font: inherit;
    137   margin: 0;
    138 }
    139 
    140 button {
    141   overflow: visible;
    142 }
    143 
    144 button,
    145 select {
    146   text-transform: none;
    147 }
    148 
    149 button,
    150 html input[type="button"],
    151 input[type="reset"],
    152 input[type="submit"] {
    153   -webkit-appearance: button;
    154   cursor: pointer;
    155 }
    156 
    157 button[disabled],
    158 html input[disabled] {
    159   cursor: default;
    160 }
    161 
    162 button::-moz-focus-inner,
    163 input::-moz-focus-inner {
    164   border: 0;
    165   padding: 0;
    166 }
    167 
    168 input {
    169   line-height: normal;
    170 }
    171 
    172 input[type="checkbox"],
    173 input[type="radio"] {
    174   -webkit-box-sizing: border-box;
    175   -moz-box-sizing: border-box;
    176   box-sizing: border-box;
    177   padding: 0;
    178 }
    179 
    180 input[type="number"]::-webkit-inner-spin-button,
    181 input[type="number"]::-webkit-outer-spin-button {
    182   height: auto;
    183 }
    184 
    185 input[type="search"]::-webkit-search-cancel-button,
    186 input[type="search"]::-webkit-search-decoration {
    187   -webkit-appearance: none;
    188 }
    189 
    190 fieldset {
    191   border: 1px solid #c0c0c0;
    192   margin: 0 2px;
    193   padding: 0.35em 0.625em 0.75em;
    194 }
    195 
    196 legend {
    197   border: 0;
    198   padding: 0;
    199 }
    200 
    201 textarea {
    202   overflow: auto;
    203 }
    204 
    205 optgroup {
    206   font-weight: bold;
    207 }
    208 
    209 table {
    210   border-collapse: collapse;
    211   border-spacing: 0;
    212 }
    213 
    214 td,
    215 th {
    216   padding: 0;
    217 }
    218 
    219 /*--------------------------------------------------------------
    220 # Typography
    221 --------------------------------------------------------------*/
    222 html {
    223   font-size: 100%;
    224 }
    225 
    226 body,
    227 button,
    228 input,
    229 select,
    230 textarea {
    231   color: #32373c;
    232   font-family: "Open Sans", sans-serif;
    233   font-size: 100%;
    234   line-height: 1.5;
    235 }
    236 
    237 @media screen and (min-width: 48em) {
    238   html {
    239     font-size: 1.125rem;
    240   }
    241 }
    242 
    243 h1, h2, h3, h4, h5, h6 {
    244   clear: both;
    245   font-family: inherit;
    246   line-height: 1.5;
    247   margin: 32px 0 16px;
    248   margin: 2rem 0 1rem;
    249 }
    250 
    251 h1 {
    252   font-size: 61.035px;
    253   font-size: 3.8146972656rem;
    254   font-weight: 300;
    255 }
    256 
    257 h1.title {
    258   font-size: 12.8px;
    259   font-size: 0.8rem;
    260   color: #0073aa;
    261   font-weight: 600;
    262   letter-spacing: 0.8px;
    263   letter-spacing: 0.05rem;
    264   text-transform: uppercase;
    265 }
    266 
    267 h2 {
    268   font-size: 39.062px;
    269   font-size: 2.44140625rem;
    270   font-weight: 300;
    271 }
    272 
    273 h3 {
    274   font-size: 25px;
    275   font-size: 1.5625rem;
    276   font-weight: 400;
    277 }
    278 
    279 h4 {
    280   font-size: 20px;
    281   font-size: 1.25rem;
    282   border: none;
    283   color: #32373c;
    284   font-weight: 600;
    285   padding: 0;
    286 }
    287 
    288 h5 {
    289   font-size: 16px;
    290   font-size: 1rem;
    291   font-weight: 600;
    292   letter-spacing: 0.16px;
    293   letter-spacing: 0.01rem;
    294   text-transform: uppercase;
    295 }
    296 
    297 h6 {
    298   font-size: 12.8px;
    299   font-size: 0.8rem;
    300   font-weight: 600;
    301   letter-spacing: 0.8px;
    302   text-transform: uppercase;
    303 }
    304 
    305 p {
    306   margin: 1em 0;
    307 }
    308 
    309 p.subheading {
    310   color: #82878c;
    311   font-size: 20px;
    312   font-size: 1.25rem;
    313   font-weight: 300;
    314   margin: -6.4px auto 32px;
    315   margin: -0.4rem auto 2rem;
    316   text-align: center;
    317 }
    318 
    319 p.intro {
    320   font-size: 20px;
    321   font-size: 1.25rem;
    322 }
    323 
    324 p.aside {
    325   font-size: 12.8px;
    326   font-size: 0.8rem;
    327 }
    328 
    329 p.note {
    330   font-size: 10.24px;
    331   font-size: 0.64rem;
    332   letter-spacing: 0.16px;
    333   letter-spacing: 0.01rem;
    334   max-width: 291.038px;
    335   max-width: 18.1898940355rem;
    336 }
    337 
    338 dfn, cite, em, i {
    339   font-style: italic;
    340 }
    341 
    342 blockquote {
    343   margin: 0 1.5em;
    344 }
    345 
    346 address {
    347   margin: 0 0 1.5em;
    348 }
    349 
    350 pre {
    351   background: #eee;
    352   font-family: "Courier 10 Pitch", Courier, monospace;
    353   font-size: 15px;
    354   font-size: 0.9375rem;
    355   line-height: 1.6;
    356   margin-bottom: 1.6em;
    357   max-width: 100%;
    358   overflow: auto;
    359   padding: 1.6em;
    360 }
    361 
    362 code, kbd, tt, var {
    363   font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    364   font-size: 15px;
    365   font-size: 0.9375rem;
    366 }
    367 
    368 abbr, acronym {
    369   border-bottom: 1px dotted #666;
    370   cursor: help;
    371 }
    372 
    373 mark, ins {
    374   background: #fff9c0;
    375   text-decoration: none;
    376 }
    377 
    378 big {
    379   font-size: 125%;
    380 }
    381 
    382 .feedback-survey {
    383   background: #fff;
    384   -webkit-border-radius: 0 3px 3px 0;
    385   border-radius: 0 3px 3px 0;
    386   -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    387   box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    388   display: block;
    389   font-size: 12.8px;
    390   font-size: 0.8rem;
    391   padding: 5px 10px;
    392   position: fixed;
    393   left: 0;
    394   top: 200px;
    395   width: 40px;
    396   z-index: 100;
    397 }
    398 
    399 .feedback-survey .survey-msg {
    400   display: none;
    401 }
    402 
    403 .feedback-survey:hover {
    404   width: auto;
    405 }
    406 
    407 .feedback-survey:hover .survey-msg {
    408   display: inline-block;
    409 }
    410 
    411 .feedback-survey a:hover {
    412   text-decoration: none;
    413 }
    414 
    415 .feedback-survey .dashicons-megaphone {
    416   margin: 2px 0 0 10px;
    417 }
    418 
    419 /*--------------------------------------------------------------
    420 # Elements
    421 --------------------------------------------------------------*/
    422 html {
    423   -webkit-box-sizing: border-box;
    424   -moz-box-sizing: border-box;
    425   box-sizing: border-box;
    426 }
    427 
    428 *,
    429 *:before,
    430 *:after {
    431   /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    432   -webkit-box-sizing: inherit;
    433   -moz-box-sizing: inherit;
    434   box-sizing: inherit;
    435 }
    436 
    437 body {
    438   background: #fff;
    439   /* Fallback for when there is no custom background color defined. */
    440 }
    441 
    442 blockquote, q {
    443   quotes: "" "";
    444 }
    445 
    446 blockquote:before, blockquote:after, q:before, q:after {
    447   content: "";
    448 }
    449 
    450 blockquote {
    451   background: transparent;
    452   border: none;
    453   padding: 0;
    454   border-right: 2px solid #eee;
    455   color: #82878c;
    456   font-style: italic;
    457   margin: 16px 0;
    458   margin: 1rem 0;
    459   padding-right: 16px;
    460   padding-right: 1rem;
    461 }
    462 
    463 blockquote cite {
    464   font-size: 12.8px;
    465   font-size: 0.8rem;
    466 }
    467 
    468 hr {
    469   background-color: #eee;
    470   border: 0;
    471   height: 2px;
    472   margin: 80px auto;
    473   margin: 5rem auto;
    474 }
    475 
    476 ul, ol {
    477   margin: 0 3em 1.5em 0;
    478 }
    479 
    480 ul {
    481   list-style: disc;
    482 }
    483 
    484 ol {
    485   list-style: decimal;
    486 }
    487 
    488 li > ul,
    489 li > ol {
    490   margin-bottom: 0;
    491   margin-right: 1.5em;
    492 }
    493 
    494 dt {
    495   font-weight: bold;
    496 }
    497 
    498 dd {
    499   margin: 0 1.5em 1.5em;
    500 }
    501 
    502 img {
    503   height: auto;
    504   /* Make sure images are scaled correctly. */
    505   max-width: 100%;
    506   /* Adhere to container width. */
    507 }
    508 
    509 table {
    510   margin: 0 0 1.5em;
    511   width: 100%;
    512 }
    513 
    514 .notice {
    515   background: #fff;
    516   border-right: 4px solid #fff;
    517   -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    518   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    519   margin: 1em 0;
    520   padding: 1px 12px;
    521 }
    522 
    523 .notice p {
    524   font-size: 12.8px;
    525   font-size: 0.8rem;
    526   margin: 0.5em 0;
    527   padding: 2px;
    528 }
    529 
    530 .notice.notice-alt {
    531   -webkit-box-shadow: none;
    532   box-shadow: none;
    533 }
    534 
    535 .notice.notice-large {
    536   padding: 10px 20px;
    537 }
    538 
    539 .notice.notice-success {
    540   border-right-color: #46b450;
    541 }
    542 
    543 .notice.notice-success.notice-alt {
    544   background-color: #ecf7ed;
    545 }
    546 
    547 .notice.notice-warning {
    548   border-right-color: #ffb900;
    549 }
    550 
    551 .notice.notice-warning.notice-alt {
    552   background-color: #fff8e5;
    553 }
    554 
    555 .notice.notice-error {
    556   border-right-color: #dc3232;
    557 }
    558 
    559 .notice.notice-error.notice-alt {
    560   background-color: #fbeaea;
    561 }
    562 
    563 .notice.notice-info {
    564   border-right-color: #00a0d2;
    565 }
    566 
    567 .notice.notice-info.notice-alt {
    568   background-color: #e5f5fa;
    569 }
    570 
    571 .locale-banner {
    572   background: #C7E8CA;
    573   font-size: 12.8px;
    574   font-size: 0.8rem;
    575   padding: 8px;
    576   padding: 0.5rem;
    577   text-align: center;
    578 }
    579 
    580 @media (min-width: 67rem) {
    581   .locale-banner {
    582     margin: 1rem auto 0;
    583     max-width: 960px;
    584   }
    585 }
    586 
    587 /*--------------------------------------------------------------
    588 # Forms
    589 --------------------------------------------------------------*/
    590 /* ----------------------------------------------------------------------------
    591   1.0 - Button Layouts
    592 ---------------------------------------------------------------------------- */
    593 .button,
    594 .button-primary,
    595 .button-secondary,
    596 .plugin-upload-form .button-primary {
    597   border: 1px solid;
    598   -webkit-border-radius: 3px;
    599   border-radius: 3px;
    600   -webkit-box-sizing: border-box;
    601   -moz-box-sizing: border-box;
    602   box-sizing: border-box;
    603   cursor: pointer;
    604   display: inline-block;
    605   font-size: 12.8px;
    606   font-size: 0.8rem;
    607   height: 25px;
    608   height: 1.5625rem;
    609   line-height: 1;
    610   margin: 0;
    611   padding: 0 12.8px;
    612   padding: 0 0.8rem;
    613   text-decoration: none;
    614   white-space: nowrap;
    615   -webkit-appearance: none;
    616 }
    617 
    618 /* Remove the dotted border on :focus and the extra padding in Firefox */
    619 button::-moz-focus-inner,
    620 input[type="reset"]::-moz-focus-inner,
    621 input[type="button"]::-moz-focus-inner,
    622 input[type="submit"]::-moz-focus-inner {
    623   border: 0 none;
    624   padding: 0;
    625 }
    626 
    627 .button.button-large,
    628 .button-group.button-large .button {
    629   height: 31.25px;
    630   height: 1.953125rem;
    631   line-height: 1;
    632   padding: 0 16px;
    633   padding: 0 1rem;
    634 }
    635 
    636 .button.button-small,
    637 .button-group.button-small .button {
    638   font-size: 10.24px;
    639   font-size: 0.64rem;
    640   height: 20px;
    641   height: 1.25rem;
    642   line-height: 1;
    643   padding: 0 8px;
    644   padding: 0 0.5rem;
    645 }
    646 
    647 a.button,
    648 a.button-primary,
    649 a.button-secondary {
    650   line-height: 25px;
    651   line-height: 1.5625rem;
    652 }
    653 
    654 a.button.button-large,
    655 .button-group.button-large a.button {
    656   line-height: 31.25px;
    657   line-height: 1.953125rem;
    658 }
    659 
    660 a.button.button-small,
    661 .button-group.button-small a.button {
    662   line-height: 20px;
    663   line-height: 1.25rem;
    664 }
    665 
    666 .button:active,
    667 .button:focus {
    668   outline: none;
    669 }
    670 
    671 .button.hidden {
    672   display: none;
    673 }
    674 
    675 /* Style Reset buttons as simple text links */
    676 input[type="reset"],
    677 input[type="reset"]:hover,
    678 input[type="reset"]:active,
    679 input[type="reset"]:focus {
    680   background: none;
    681   border: none;
    682   -webkit-box-shadow: none;
    683   box-shadow: none;
    684   padding: 0 2px 1px;
    685   width: auto;
    686 }
    687 
    688 /* ----------------------------------------------------------------------------
    689   2.0 - Default Button Style
    690 ---------------------------------------------------------------------------- */
    691 .button,
    692 .button:visited,
    693 .button-secondary {
    694   background: #f7f7f7;
    695   border-color: #cccccc;
    696   -webkit-box-shadow: 0 1px 0 #cccccc;
    697   box-shadow: 0 1px 0 #cccccc;
    698   color: #555;
    699   vertical-align: top;
    700 }
    701 
    702 p .button {
    703   vertical-align: baseline;
    704 }
    705 
    706 .button.hover,
    707 .button:hover,
    708 .button-secondary:hover,
    709 .button.focus,
    710 .button:focus,
    711 .button-secondary:focus {
    712   background: #fafafa;
    713   border-color: #999;
    714   color: #23282d;
    715 }
    716 
    717 .button.focus,
    718 .button:focus,
    719 .button-secondary:focus,
    720 .button-link:focus {
    721   border-color: #5b9dd9;
    722   -webkit-box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    723   box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    724 }
    725 
    726 .button.active,
    727 .button.active:hover,
    728 .button:active,
    729 .button-secondary:active {
    730   background: #eee;
    731   border-color: #999;
    732   -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    733   box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    734   -webkit-transform: translateY(1px);
    735   -ms-transform: translateY(1px);
    736   transform: translateY(1px);
    737 }
    738 
    739 .button.active:focus {
    740   border-color: #5b9dd9;
    741   -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
    742   box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
    743 }
    744 
    745 .button[disabled],
    746 .button:disabled,
    747 .button.disabled,
    748 .button-secondary[disabled],
    749 .button-secondary:disabled,
    750 .button-secondary.disabled,
    751 .button-disabled {
    752   background: #f7f7f7 !important;
    753   border-color: #ddd !important;
    754   -webkit-box-shadow: none !important;
    755   box-shadow: none !important;
    756   color: #a0a5aa !important;
    757   cursor: default;
    758   text-shadow: 0 1px 0 #fff !important;
    759   -webkit-transform: none !important;
    760   -ms-transform: none !important;
    761   transform: none !important;
    762 }
    763 
    764 /* Buttons that look like links, for a cross of good semantics with the visual */
    765 .button-link {
    766   background: none;
    767   border: 0;
    768   -webkit-border-radius: 0;
    769   border-radius: 0;
    770   -webkit-box-shadow: none;
    771   box-shadow: none;
    772   cursor: pointer;
    773   margin: 0;
    774   outline: none;
    775   padding: 0;
    776 }
    777 
    778 .button-link:focus {
    779   outline: #5b9dd9 solid 1px;
    780 }
    781 
    782 /* ----------------------------------------------------------------------------
    783   3.0 - Primary Button Style
    784 ---------------------------------------------------------------------------- */
    785 .button-primary,
    786 .download-button,
    787 .plugin-upload-form .button-primary {
    788   background: #0085ba;
    789   border-color: #0073aa #006799 #006799;
    790   -webkit-box-shadow: 0 1px 0 #006799;
    791   box-shadow: 0 1px 0 #006799;
    792   color: #fff;
    793   text-decoration: none;
    794   text-shadow: 0 -1px 1px #006799, -1px 0 1px #006799, 0 1px 1px #006799, 1px 0 1px #006799;
    795 }
    796 
    797 .button-primary:visited,
    798 .download-button:visited,
    799 .plugin-upload-form .button-primary:visited {
    800   background: #0085ba;
    801   border-color: #0073aa #006799 #006799;
    802   -webkit-box-shadow: 0 1px 0 #006799;
    803   box-shadow: 0 1px 0 #006799;
    804   color: #fff;
    805 }
    806 
    807 .button-primary.hover, .button-primary:hover, .button-primary.focus, .button-primary:focus,
    808 .download-button.hover,
    809 .download-button:hover,
    810 .download-button.focus,
    811 .download-button:focus,
    812 .plugin-upload-form .button-primary.hover,
    813 .plugin-upload-form .button-primary:hover,
    814 .plugin-upload-form .button-primary.focus,
    815 .plugin-upload-form .button-primary:focus {
    816   background: #008ec2;
    817   border-color: #006799;
    818   -webkit-box-shadow: 0 1px 0 #006799;
    819   box-shadow: 0 1px 0 #006799;
    820   color: #fff;
    821 }
    822 
    823 .button-primary.focus, .button-primary:focus,
    824 .download-button.focus,
    825 .download-button:focus,
    826 .plugin-upload-form .button-primary.focus,
    827 .plugin-upload-form .button-primary:focus {
    828   -webkit-box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
    829   box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
    830 }
    831 
    832 .button-primary.active, .button-primary.active:hover, .button-primary.active:focus, .button-primary:active,
    833 .download-button.active,
    834 .download-button.active:hover,
    835 .download-button.active:focus,
    836 .download-button:active,
    837 .plugin-upload-form .button-primary.active,
    838 .plugin-upload-form .button-primary.active:hover,
    839 .plugin-upload-form .button-primary.active:focus,
    840 .plugin-upload-form .button-primary:active {
    841   background: #0073aa;
    842   border-color: #006799;
    843   -webkit-box-shadow: inset 0 2px 0 #006799;
    844   box-shadow: inset 0 2px 0 #006799;
    845   vertical-align: top;
    846 }
    847 
    848 .button-primary[disabled], .button-primary:disabled, .button-primary.disabled,
    849 .download-button[disabled],
    850 .download-button:disabled,
    851 .download-button.disabled,
    852 .plugin-upload-form .button-primary[disabled],
    853 .plugin-upload-form .button-primary:disabled,
    854 .plugin-upload-form .button-primary.disabled {
    855   background: #008ec2 !important;
    856   border-color: #007cb2 !important;
    857   -webkit-box-shadow: none !important;
    858   box-shadow: none !important;
    859   color: #66c6e4 !important;
    860   cursor: default;
    861   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
    862 }
    863 
    864 .button-primary.button.button-hero,
    865 .download-button.button.button-hero,
    866 .plugin-upload-form .button-primary.button.button-hero {
    867   -webkit-box-shadow: 0 2px 0 #006799;
    868   box-shadow: 0 2px 0 #006799;
    869 }
    870 
    871 .button-primary.button.button-hero.active, .button-primary.button.button-hero.active:hover, .button-primary.button.button-hero.active:focus, .button-primary.button.button-hero:active,
    872 .download-button.button.button-hero.active,
    873 .download-button.button.button-hero.active:hover,
    874 .download-button.button.button-hero.active:focus,
    875 .download-button.button.button-hero:active,
    876 .plugin-upload-form .button-primary.button.button-hero.active,
    877 .plugin-upload-form .button-primary.button.button-hero.active:hover,
    878 .plugin-upload-form .button-primary.button.button-hero.active:focus,
    879 .plugin-upload-form .button-primary.button.button-hero:active {
    880   -webkit-box-shadow: inset 0 3px 0 #006799;
    881   box-shadow: inset 0 3px 0 #006799;
    882 }
    883 
    884 .button-primary-disabled {
    885   background: #008ec2 !important;
    886   border-color: #007cb2 !important;
    887   -webkit-box-shadow: none !important;
    888   box-shadow: none !important;
    889   color: #66c6e4 !important;
    890   cursor: default;
    891   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
    892 }
    893 
    894 /* ----------------------------------------------------------------------------
    895   4.0 - Button Groups
    896 ---------------------------------------------------------------------------- */
    897 .button-group {
    898   display: inline-block;
    899   font-size: 0;
    900   position: relative;
    901   vertical-align: middle;
    902   white-space: nowrap;
    903 }
    904 
    905 .button-group > .button {
    906   -webkit-border-radius: 0;
    907   border-radius: 0;
    908   display: inline-block;
    909   margin-left: -1px;
    910   z-index: 10;
    911 }
    912 
    913 .button-group > .button-primary {
    914   z-index: 100;
    915 }
    916 
    917 .button-group > .button:hover {
    918   z-index: 20;
    919 }
    920 
    921 .button-group > .button:first-child {
    922   -webkit-border-radius: 0 3px 3px 0;
    923   border-radius: 0 3px 3px 0;
    924 }
    925 
    926 .button-group > .button:last-child {
    927   -webkit-border-radius: 3px 0 0 3px;
    928   border-radius: 3px 0 0 3px;
    929 }
    930 
    931 .button-group > .button:focus {
    932   position: relative;
    933   z-index: 1;
    934 }
    935 
    936 /* ----------------------------------------------------------------------------
    937   5.0 - Responsive Button Styles
    938 ---------------------------------------------------------------------------- */
    939 @media screen and (max-width: 48em) {
    940   .button,
    941   .button.button-large,
    942   .button.button-small,
    943   .plugin-upload-form .button-primary {
    944     font-size: 14px;
    945     height: auto;
    946     line-height: normal;
    947     margin-bottom: 4px;
    948     padding: 6px 14px;
    949     vertical-align: middle;
    950   }
    951 }
    952 
    953 /* Include margin and padding in the width calculation of input and textarea. */
    954 input,
    955 textarea {
    956   -webkit-box-sizing: border-box;
    957   -moz-box-sizing: border-box;
    958   box-sizing: border-box;
    959 }
    960 
    961 input[type="text"],
    962 input[type="password"],
    963 input[type="checkbox"],
    964 input[type="color"],
    965 input[type="date"],
    966 input[type="datetime"],
    967 input[type="datetime-local"],
    968 input[type="email"],
    969 input[type="month"],
    970 input[type="number"],
    971 input[type="password"],
    972 input[type="search"],
    973 input[type="radio"],
    974 input[type="tel"],
    975 input[type="text"],
    976 input[type="time"],
    977 input[type="url"],
    978 input[type="week"],
    979 select,
    980 textarea {
    981   background-color: #fff;
    982   border: 1px solid #ddd;
    983   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    984   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    985   color: #32373c;
    986   -webkit-transition: 0.05s border-color ease-in-out;
    987   transition: 0.05s border-color ease-in-out;
    988   -webkit-appearance: none;
    989 }
    990 
    991 input[type="text"]:focus,
    992 input[type="password"]:focus,
    993 input[type="checkbox"]:focus,
    994 input[type="color"]:focus,
    995 input[type="date"]:focus,
    996 input[type="datetime"]:focus,
    997 input[type="datetime-local"]:focus,
    998 input[type="email"]:focus,
    999 input[type="month"]:focus,
    1000 input[type="number"]:focus,
    1001 input[type="password"]:focus,
    1002 input[type="search"]:focus,
    1003 input[type="radio"]:focus,
    1004 input[type="tel"]:focus,
    1005 input[type="text"]:focus,
    1006 input[type="time"]:focus,
    1007 input[type="url"]:focus,
    1008 input[type="week"]:focus,
    1009 select:focus,
    1010 textarea:focus {
    1011   color: #111;
    1012 }
    1013 
    1014 input[type="text"]:focus,
    1015 input[type="password"]:focus,
    1016 input[type="color"]:focus,
    1017 input[type="date"]:focus,
    1018 input[type="datetime"]:focus,
    1019 input[type="datetime-local"]:focus,
    1020 input[type="email"]:focus,
    1021 input[type="month"]:focus,
    1022 input[type="number"]:focus,
    1023 input[type="password"]:focus,
    1024 input[type="search"]:focus,
    1025 input[type="tel"]:focus,
    1026 input[type="text"]:focus,
    1027 input[type="time"]:focus,
    1028 input[type="url"]:focus,
    1029 input[type="week"]:focus,
    1030 input[type="checkbox"]:focus,
    1031 input[type="radio"]:focus,
    1032 select:focus,
    1033 textarea:focus {
    1034   border-color: #5b9dd9;
    1035   -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
    1036   box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
    1037 }
    1038 
    1039 /* rtl:ignore */
    1040 input[type="email"],
    1041 input[type="url"] {
    1042   direction: ltr;
    1043 }
    1044 
    1045 input[type="text"],
    1046 input[type="email"],
    1047 input[type="search"],
    1048 input[type="password"],
    1049 input[type="number"] {
    1050   padding: 6px 10px;
    1051 }
    1052 
    1053 /* Vertically align the number selector with the input. */
    1054 input[type="number"] {
    1055   height: 40px;
    1056   line-height: inherit;
    1057 }
    1058 
    1059 input[type="checkbox"],
    1060 input[type="radio"] {
    1061   background: #fff;
    1062   border: 1px solid #b4b9be;
    1063   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    1064   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    1065   clear: none;
    1066   color: #555;
    1067   cursor: pointer;
    1068   display: inline-block;
    1069   height: 25px;
    1070   line-height: 0;
    1071   margin: -4px 0 0 4px;
    1072   min-width: 16px;
    1073   padding: 0 !important;
    1074   text-align: center;
    1075   -webkit-transition: .05s border-color ease-in-out;
    1076   transition: .05s border-color ease-in-out;
    1077   vertical-align: middle;
    1078   width: 25px;
    1079 }
    1080 
    1081 input[type="checkbox"] {
    1082   padding: 10px;
    1083 }
    1084 
    1085 input[type="radio"] {
    1086   -webkit-border-radius: 50%;
    1087   border-radius: 50%;
    1088   line-height: 10px;
    1089   margin-left: 4px;
    1090 }
    1091 
    1092 input[type="checkbox"]:checked:before,
    1093 input[type="radio"]:checked:before {
    1094   display: inline-block;
    1095   float: right;
    1096   font: normal 21px/1 dashicons;
    1097   vertical-align: middle;
    1098   width: 16px;
    1099   -moz-osx-font-smoothing: grayscale;
    1100   -webkit-font-smoothing: antialiased;
    1101   speak: none;
    1102 }
    1103 
    1104 input[type="checkbox"]:checked:before {
    1105   color: #1e8cbe;
    1106   content: "\f147";
    1107   font: normal 30px/1 dashicons;
    1108   margin: -3px -5px;
    1109 }
    1110 
    1111 input[type="radio"]:checked:before {
    1112   background-color: #1e8cbe;
    1113   -webkit-border-radius: 50px;
    1114   border-radius: 50px;
    1115   content: "\2022";
    1116   font-size: 24px;
    1117   height: 9px;
    1118   line-height: 16px;
    1119   margin: 7px;
    1120   text-indent: -9999px;
    1121   vertical-align: middle;
    1122   width: 9px;
    1123 }
    1124 
    1125 @-moz-document url-prefix() {
    1126   input[type="checkbox"],
    1127   input[type="radio"],
    1128   .form-table input.tog {
    1129     margin-bottom: -1px;
    1130   }
    1131 }
    1132 
    1133 /* Search */
    1134 input[type="search"]::-webkit-search-decoration {
    1135   display: none;
    1136 }
    1137 
    1138 .ie8 input[type="password"] {
    1139   font-family: sans-serif;
    1140 }
    1141 
    1142 textarea,
    1143 input,
    1144 select,
    1145 button {
    1146   font-family: inherit;
    1147   font-size: inherit;
    1148   font-weight: inherit;
    1149 }
    1150 
    1151 textarea,
    1152 input,
    1153 select {
    1154   -webkit-border-radius: 0;
    1155   border-radius: 0;
    1156   font-size: 16px;
    1157   padding: 3px 5px;
    1158   /* Reset mobile webkit's default element styling */
    1159 }
    1160 
    1161 textarea {
    1162   line-height: 1.4;
    1163   overflow: auto;
    1164   padding: 2px 6px;
    1165   resize: vertical;
    1166 }
    1167 
    1168 input[type="file"] {
    1169   padding: 3px 0;
    1170 }
    1171 
    1172 label {
    1173   cursor: pointer;
    1174 }
    1175 
    1176 input.readonly,
    1177 input[readonly],
    1178 textarea.readonly,
    1179 textarea[readonly] {
    1180   background-color: #eee;
    1181 }
    1182 
    1183 :-moz-placeholder {
    1184   color: #a9a9a9;
    1185 }
    1186 
    1187 input:disabled,
    1188 input.disabled,
    1189 select:disabled,
    1190 select.disabled,
    1191 textarea:disabled,
    1192 textarea.disabled {
    1193   background: rgba(255, 255, 255, 0.5);
    1194   border-color: rgba(222, 222, 222, 0.75);
    1195   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    1196   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    1197   color: rgba(51, 51, 51, 0.5);
    1198 }
    1199 
    1200 input[type="file"]:disabled,
    1201 input[type="file"].disabled,
    1202 input[type="range"]:disabled,
    1203 input[type="range"].disabled {
    1204   background: none;
    1205   -webkit-box-shadow: none;
    1206   box-shadow: none;
    1207 }
    1208 
    1209 input[type="checkbox"]:disabled,
    1210 input[type="checkbox"].disabled,
    1211 input[type="radio"]:disabled,
    1212 input[type="radio"].disabled,
    1213 input[type="checkbox"]:disabled:checked:before,
    1214 input[type="checkbox"].disabled:checked:before,
    1215 input[type="radio"]:disabled:checked:before,
    1216 input[type="radio"].disabled:checked:before {
    1217   opacity: 0.7;
    1218 }
    1219 
    1220 label,
    1221 fieldset label {
    1222   vertical-align: middle;
    1223 }
    1224 
    1225 /* =Media Queries
    1226 -------------------------------------------------------------- */
    1227 @media screen and (min-width: 48em) {
    1228   /* Input Elements */
    1229   input[type="text"],
    1230   input[type="email"],
    1231   input[type="search"],
    1232   input[type="password"],
    1233   input[type="number"] {
    1234     padding: 0;
    1235   }
    1236   input[type="number"] {
    1237     height: 28px;
    1238   }
    1239   input[type="checkbox"] {
    1240     padding: 0;
    1241   }
    1242   input[type="checkbox"]:checked:before {
    1243     font: normal 21px/1 dashicons;
    1244     margin: -3px -4px 0 0;
    1245   }
    1246   input[type="radio"],
    1247   input[type="checkbox"] {
    1248     height: 16px;
    1249     width: 16px;
    1250   }
    1251   input[type="radio"]:checked:before {
    1252     width: 6px;
    1253     height: 6px;
    1254     margin: 4px;
    1255   }
    1256   textarea,
    1257   input,
    1258   select {
    1259     font-size: 14px;
    1260   }
    1261 }
    1262 
    1263 .plugin-upload-form fieldset {
    1264   border: none;
    1265   margin: 0;
    1266   padding: 0;
    1267 }
    1268 
    1269 .plugin-upload-form legend {
    1270   margin: 16px 0;
    1271   margin: 1rem 0;
    1272 }
    1273 
    1274 .plugin-upload-form .category-checklist {
    1275   list-style-type: none;
    1276   margin: 0 0 32px;
    1277   margin: 0 0 2rem;
    1278 }
    1279 
    1280 .plugin-upload-form .category-checklist li {
    1281   float: right;
    1282   padding: 8px 0;
    1283   padding: 0.5rem 0;
    1284   width: 50%;
    1285 }
    1286 
    1287 @media screen and (min-width: 48em) {
    1288   .plugin-upload-form .category-checklist li {
    1289     padding: 0;
    1290   }
    1291   .plugin-upload-form .category-checklist label {
    1292     font-size: 0.8rem;
    1293   }
    1294 }
    1295 
    1296 @media screen and (min-width: 48em) {
    1297   .plugin-upload-form label.button {
    1298     line-height: 1.8;
    1299   }
    1300 }
    1301 
    1302 .plugin-upload-form .plugin-file {
    1303   height: 0.1px;
    1304   opacity: 0;
    1305   overflow: hidden;
    1306   position: absolute;
    1307   width: 0.1px;
    1308   z-index: -1;
    1309 }
    1310 
    1311 /*--------------------------------------------------------------
    1312 # Navigation
    1313 --------------------------------------------------------------*/
    1314 /*--------------------------------------------------------------
    1315 ## Links
    1316 --------------------------------------------------------------*/
    1317 a {
    1318   color: #0073aa;
    1319 }
    1320 
    1321 a:visited {
    1322   /* Override wp4.css */
    1323   color: #0073aa;
    1324 }
    1325 
    1326 a:hover, a:focus, a:active {
    1327   /* Override wp4.css */
    1328   color: #0073aa;
    1329   text-decoration: underline;
    1330 }
    1331 
    1332 a.button:hover, a.button:focus, a.button:active {
    1333   text-decoration: none;
    1334 }
    1335 
    1336 a:focus {
    1337   outline: thin dotted;
    1338 }
    1339 
    1340 a:hover, a:active {
    1341   outline: 0;
    1342 }
    1343 
    1344 p a:not(.button),
    1345 p a:not(.button):hover {
    1346   border: none;
    1347 }
    1348 
    1349 /*--------------------------------------------------------------
    1350 ## Menus
    1351 --------------------------------------------------------------*/
    1352 .site-main .comment-navigation, .site-main
    1353 .posts-navigation, .site-main
    1354 .post-navigation {
    1355   margin: 0 0 1.5em;
    1356   overflow: hidden;
    1357 }
    1358 
    1359 .comment-navigation .nav-previous,
    1360 .posts-navigation .nav-previous,
    1361 .post-navigation .nav-previous {
    1362   float: right;
    1363   width: 50%;
    1364 }
    1365 
    1366 .comment-navigation .nav-next,
    1367 .posts-navigation .nav-next,
    1368 .post-navigation .nav-next {
    1369   float: left;
    1370   text-align: left;
    1371   width: 50%;
    1372 }
    1373 
    1374 /*--------------------------------------------------------------
    1375 # Accessibility
    1376 --------------------------------------------------------------*/
    1377 /* Text meant only for screen readers. */
    1378 .screen-reader-text {
    1379   clip: rect(1px, 1px, 1px, 1px);
    1380   height: 1px;
    1381   overflow: hidden;
    1382   position: absolute !important;
    1383   width: 1px;
    1384 }
    1385 
    1386 .screen-reader-text:focus {
    1387   background-color: #f1f1f1;
    1388   -webkit-border-radius: 3px;
    1389   border-radius: 3px;
    1390   -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    1391   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    1392   clip: auto !important;
    1393   color: #21759b;
    1394   display: block;
    1395   font-size: 14px;
    1396   font-size: 0.875rem;
    1397   font-weight: bold;
    1398   height: auto;
    1399   right: 5px;
    1400   line-height: normal;
    1401   padding: 15px 23px 14px;
    1402   text-decoration: none;
    1403   top: 5px;
    1404   width: auto;
    1405   z-index: 100000;
    1406   /* Above WP toolbar. */
    1407 }
    1408 
    1409 /* Do not show the outline on the skip link target. */
    1410 .site-content[tabindex="-1"]:focus {
    1411   outline: 0;
    1412 }
    1413 
    1414 /* hide elements if JS isn't available. */
    1415 .no-js .hide-if-no-js {
    1416   display: none;
    1417 }
    1418 
    1419 /*--------------------------------------------------------------
    1420 # Alignments
    1421 --------------------------------------------------------------*/
    1422 .alignleft {
    1423   display: inline;
    1424   float: right;
    1425   margin-left: 1.5em;
    1426 }
    1427 
    1428 .alignright {
    1429   display: inline;
    1430   float: left;
    1431   margin-right: 1.5em;
    1432 }
    1433 
    1434 .aligncenter {
    1435   clear: both;
    1436   display: block;
    1437   margin-right: auto;
    1438   margin-left: auto;
    1439 }
    1440 
    1441 /*--------------------------------------------------------------
    1442 # Clearings
    1443 --------------------------------------------------------------*/
    1444 .clear:before, .plugin-upload-form .category-checklist:before, .type-plugin:before, .type-plugin .plugin-header:before, .plugin-meta:before,
    1445 .clear:after,
    1446 .plugin-upload-form .category-checklist:after,
    1447 .type-plugin:after,
    1448 .type-plugin .plugin-header:after,
    1449 .plugin-meta:after,
    1450 .entry-content:before,
    1451 .entry-content:after,
    1452 .comment-content:before,
    1453 .comment-content:after,
    1454 .site-header:before,
    1455 .site-header:after,
    1456 .site-content:before,
    1457 .site-content:after,
    1458 .site-footer:before,
    1459 .site-footer:after {
    1460   content: "";
    1461   display: table;
    1462   table-layout: fixed;
    1463 }
    1464 
    1465 .clear:after, .plugin-upload-form .category-checklist:after, .type-plugin:after, .type-plugin .plugin-header:after, .plugin-meta:after,
    1466 .entry-content:after,
    1467 .comment-content:after,
    1468 .site-header:after,
    1469 .site-content:after,
    1470 .site-footer:after {
    1471   clear: both;
    1472 }
    1473 
    1474 /*--------------------------------------------------------------
    1475 # WP.org Header
    1476 --------------------------------------------------------------*/
    1477 #wporg-header h1 {
    1478   margin: auto;
    1479 }
    1480 
    1481 #wporg-header h2.rosetta {
    1482   clear: none;
    1483 }
    1484 
    1485 #wporg-header form input {
    1486   -webkit-box-sizing: content-box;
    1487   -moz-box-sizing: content-box;
    1488   box-sizing: content-box;
    1489   padding: 3px;
    1490 }
    1491 
    1492 #wporg-header .button {
    1493   -webkit-box-shadow: none;
    1494   box-shadow: none;
    1495 }
    1496 
    1497 #wporg-header .download-button {
    1498   background-color: #21759b;
    1499   background-image: -webkit-gradient(linear, right top, right bottom, from(#2a95c5), to(#21759b));
    1500   background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    1501   background-image: linear-gradient(to bottom, #2a95c5, #21759b);
    1502   border-bottom-color: #1e6a8d;
    1503   border-color: #21759b;
    1504   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    1505   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    1506 }
    1507 
    1508 #wporg-header .download-button:hover, #wporg-header .download-button:focus {
    1509   background-color: #278ab7;
    1510   background-image: -webkit-gradient(linear, right top, right bottom, from(#2e9fd2), to(#21759b));
    1511   background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    1512   background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
    1513   border-color: #1b607f;
    1514   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    1515   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    1516   color: #fff;
    1517   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    1518 }
    1519 
    1520 #wporg-header .download-button:active {
    1521   background: #1b607f;
    1522   background-image: -webkit-gradient(linear, right top, right bottom, from(#21759b), to(#278ab7));
    1523   background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
    1524   background-image: linear-gradient(to bottom, #21759b, #278ab7);
    1525   border-color: #124560 #2382ae #2382ae #2382ae;
    1526   -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    1527   box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    1528   color: rgba(255, 255, 255, 0.95);
    1529   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    1530   -webkit-transform: none;
    1531   -ms-transform: none;
    1532   transform: none;
    1533 }
    1534 
    1535 #wporg-header a:hover,
    1536 #wporg-header a:focus,
    1537 #wporg-header a:active {
    1538   text-decoration: none;
    1539 }
    1540 
    1541 /*--------------------------------------------------------------
    1542 # Infinite scroll
    1543 --------------------------------------------------------------*/
    1544 /* Globally hidden elements when Infinite Scroll is supported and in use. */
    1545 .infinite-scroll .posts-navigation,
    1546 .infinite-scroll.neverending .site-footer {
    1547   /* Theme Footer (when set to scrolling) */
    1548   display: none;
    1549 }
    1550 
    1551 /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
    1552 .infinity-end.neverending .site-footer {
    1553   display: block;
    1554 }
    1555 
    1556 /*--------------------------------------------------------------
    1557 # Media
    1558 --------------------------------------------------------------*/
    1559 .page-content .wp-smiley,
    1560 .entry-content .wp-smiley,
    1561 .comment-content .wp-smiley {
    1562   border: none;
    1563   margin-bottom: 0;
    1564   margin-top: 0;
    1565   padding: 0;
    1566 }
    1567 
    1568 /* Make sure embeds and iframes fit their containers. */
    1569 embed,
    1570 iframe,
    1571 object {
    1572   max-width: 100%;
    1573 }
    1574 
    1575 /*--------------------------------------------------------------
    1576 ## Captions
    1577 --------------------------------------------------------------*/
    1578 .wp-caption {
    1579   margin-bottom: 1.5em;
    1580   max-width: 100%;
    1581 }
    1582 
    1583 .wp-caption img[class*="wp-image-"] {
    1584   display: block;
    1585   margin-right: auto;
    1586   margin-left: auto;
    1587 }
    1588 
    1589 .wp-caption .wp-caption-text {
    1590   margin: 0.8075em 0;
    1591 }
    1592 
    1593 .wp-caption-text {
    1594   text-align: center;
    1595 }
    1596 
    1597 /*--------------------------------------------------------------
    1598 ## Galleries
    1599 --------------------------------------------------------------*/
    1600 .gallery {
    1601   margin-bottom: 1.5em;
    1602 }
    1603 
    1604 .gallery-item {
    1605   display: inline-block;
    1606   text-align: center;
    1607   vertical-align: top;
    1608   width: 100%;
    1609 }
    1610 
    1611 .gallery-columns-2 .gallery-item {
    1612   max-width: 50%;
    1613 }
    1614 
    1615 .gallery-columns-3 .gallery-item {
    1616   max-width: 33.33%;
    1617 }
    1618 
    1619 .gallery-columns-4 .gallery-item {
    1620   max-width: 25%;
    1621 }
    1622 
    1623 .gallery-columns-5 .gallery-item {
    1624   max-width: 20%;
    1625 }
    1626 
    1627 .gallery-columns-6 .gallery-item {
    1628   max-width: 16.66%;
    1629 }
    1630 
    1631 .gallery-columns-7 .gallery-item {
    1632   max-width: 14.28%;
    1633 }
    1634 
    1635 .gallery-columns-8 .gallery-item {
    1636   max-width: 12.5%;
    1637 }
    1638 
    1639 .gallery-columns-9 .gallery-item {
    1640   max-width: 11.11%;
    1641 }
    1642 
    1643 .gallery-caption {
    1644   display: block;
    1645 }
    1646 
    1647 /*--------------------------------------------------------------
    1648 # Components
    1649 --------------------------------------------------------------*/
    1650 .error-404 .page-title {
    1651   text-align: center;
    1652 }
    1653 
    1654 .error-404 .page-content {
    1655   text-align: center;
    1656 }
    1657 
    1658 .error-404 .page-content .logo-swing {
    1659   height: 160px;
    1660   height: 10rem;
    1661   margin: 96px auto;
    1662   margin: 6rem auto;
    1663   position: relative;
    1664   text-align: center;
    1665   width: 160px;
    1666   width: 10rem;
    1667 }
    1668 
    1669 .error-404 .page-content .logo-swing .wp-logo {
    1670   right: 0;
    1671   max-width: none;
    1672   position: absolute;
    1673   top: 0;
    1674   width: 160px;
    1675   width: 10rem;
    1676 }
    1677 
    1678 @-webkit-keyframes hinge {
    1679   10% {
    1680     width: 180px;
    1681     height: 180px;
    1682     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1683     transform: rotate3d(0, 0, 1, 0deg);
    1684   }
    1685   15% {
    1686     width: 185px;
    1687     height: 185px;
    1688     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1689     transform: rotate3d(0, 0, 1, 0deg);
    1690   }
    1691   20% {
    1692     width: 180px;
    1693     height: 180px;
    1694     -webkit-transform: rotate3d(0, 0, 1, -5deg);
    1695     transform: rotate3d(0, 0, 1, -5deg);
    1696   }
    1697   40% {
    1698     -webkit-transform-origin: top right;
    1699     transform-origin: top right;
    1700     -webkit-animation-timing-function: ease-in-out;
    1701     animation-timing-function: ease-in-out;
    1702   }
    1703   60% {
    1704     -webkit-transform: rotate3d(0, 0, 1, -40deg);
    1705     transform: rotate3d(0, 0, 1, -40deg);
    1706     -webkit-transform-origin: top right;
    1707     transform-origin: top right;
    1708     -webkit-animation-timing-function: ease-in-out;
    1709     animation-timing-function: ease-in-out;
    1710   }
    1711   40%, 80% {
    1712     -webkit-transform: rotate3d(0, 0, 1, -60deg);
    1713     transform: rotate3d(0, 0, 1, -60deg);
    1714     -webkit-transform-origin: top right;
    1715     transform-origin: top right;
    1716     -webkit-animation-timing-function: ease-in-out;
    1717     animation-timing-function: ease-in-out;
    1718     opacity: 1;
    1719   }
    1720   to {
    1721     -webkit-transform: translate3d(0, 700px, 0);
    1722     transform: translate3d(0, 700px, 0);
    1723     opacity: 0;
    1724   }
    1725 }
    1726 
    1727 @keyframes hinge {
    1728   10% {
    1729     width: 180px;
    1730     height: 180px;
    1731     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1732     transform: rotate3d(0, 0, 1, 0deg);
    1733   }
    1734   15% {
    1735     width: 185px;
    1736     height: 185px;
    1737     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1738     transform: rotate3d(0, 0, 1, 0deg);
    1739   }
    1740   20% {
    1741     width: 180px;
    1742     height: 180px;
    1743     -webkit-transform: rotate3d(0, 0, 1, -5deg);
    1744     transform: rotate3d(0, 0, 1, -5deg);
    1745   }
    1746   40% {
    1747     -webkit-transform-origin: top right;
    1748     transform-origin: top right;
    1749     -webkit-animation-timing-function: ease-in-out;
    1750     animation-timing-function: ease-in-out;
    1751   }
    1752   60% {
    1753     -webkit-transform: rotate3d(0, 0, 1, -40deg);
    1754     transform: rotate3d(0, 0, 1, -40deg);
    1755     -webkit-transform-origin: top right;
    1756     transform-origin: top right;
    1757     -webkit-animation-timing-function: ease-in-out;
    1758     animation-timing-function: ease-in-out;
    1759   }
    1760   40%, 80% {
    1761     -webkit-transform: rotate3d(0, 0, 1, -60deg);
    1762     transform: rotate3d(0, 0, 1, -60deg);
    1763     -webkit-transform-origin: top right;
    1764     transform-origin: top right;
    1765     -webkit-animation-timing-function: ease-in-out;
    1766     animation-timing-function: ease-in-out;
    1767     opacity: 1;
    1768   }
    1769   to {
    1770     -webkit-transform: translate3d(0, 700px, 0);
    1771     transform: translate3d(0, 700px, 0);
    1772     opacity: 0;
    1773   }
    1774 }
    1775 
    1776 .hinge {
    1777   -webkit-animation-duration: 2s;
    1778   animation-duration: 2s;
    1779   -webkit-animation-name: hinge;
    1780   animation-name: hinge;
    1781 }
    1782 
    1783 .archive .site-main {
    1784   margin-top: 32px;
    1785   margin-top: 2rem;
    1786   padding-top: 0;
    1787 }
    1788 
    1789 .archive .page-header {
    1790   margin: 32px 0;
    1791   margin: 2rem 0;
    1792 }
    1793 
    1794 .plugin-section {
    1795   border-bottom: 2px solid #eee;
    1796   margin: 0 auto 76.293px;
    1797   margin: 0 auto 4.768371582rem;
    1798   max-width: 960px;
    1799   padding-bottom: 48.828px;
    1800   padding-bottom: 3.0517578125rem;
    1801 }
    1802 
    1803 .plugin-section:last-of-type {
    1804   margin-bottom: 0;
    1805 }
    1806 
    1807 .plugin-section .section-header {
    1808   position: relative;
    1809 }
    1810 
    1811 .plugin-section .section-title {
    1812   font-size: 25px;
    1813   font-size: 1.5625rem;
    1814   font-weight: 400;
    1815   margin-bottom: 48px;
    1816   margin-bottom: 3rem;
    1817 }
    1818 
    1819 .plugin-section .section-link {
    1820   font-size: 16px;
    1821   font-size: 1rem;
    1822   position: absolute;
    1823   left: 0;
    1824   top: 11.2px;
    1825   top: 0.7rem;
    1826 }
    1827 
    1828 .page .entry-header {
    1829   margin-top: 32px;
    1830   margin-top: 2rem;
    1831 }
    1832 
    1833 .page .entry-header .entry-title {
    1834   font-size: 25px;
    1835   font-size: 1.5625rem;
    1836   font-weight: 400;
    1837   margin: 0 auto;
    1838   max-width: 568.434px;
    1839   max-width: 35.527136788rem;
    1840 }
    1841 
    1842 @media screen and (min-width: 48em) {
    1843   .page .entry-header .entry-title {
    1844     padding: 0 2rem;
    1845   }
    1846 }
    1847 
    1848 .page .entry-content h2 {
    1849   font-size: 25px;
    1850   font-size: 1.5625rem;
    1851   font-weight: 400;
    1852 }
    1853 
    1854 .page .entry-content h3 {
    1855   font-size: 16px;
    1856   font-size: 1rem;
    1857   font-weight: 600;
    1858   letter-spacing: 0.16px;
    1859   letter-spacing: 0.01rem;
    1860   text-transform: uppercase;
    1861 }
    1862 
    1863 .page .entry-content section {
    1864   padding: 32px 0;
    1865   padding: 2rem 0;
    1866 }
    1867 
    1868 .page .entry-content section .container {
    1869   margin: 0 auto;
    1870   max-width: 568.434px;
    1871   max-width: 35.527136788rem;
    1872 }
    1873 
    1874 @media screen and (min-width: 48em) {
    1875   .page .entry-content section .container {
    1876     padding: 0 2rem;
    1877   }
    1878 }
    1879 
    1880 .page .entry-content section:first-of-type {
    1881   padding-top: 0;
    1882 }
    1883 
    1884 .page .entry-content section + section {
    1885   border-top: 2px solid #eee;
    1886 }
    1887 
    1888 .plugin-card {
    1889   background-color: #f9f9f9;
    1890   margin-bottom: 4%;
    1891   padding: 15px 15px 8px;
    1892   vertical-align: top;
    1893 }
    1894 
    1895 @media screen and (min-width: 48em) {
    1896   .plugin-card {
    1897     display: inline-block;
    1898     margin-left: 4%;
    1899     width: 48%;
    1900   }
    1901   .plugin-card:nth-of-type(even) {
    1902     margin-left: 0;
    1903   }
    1904 }
    1905 
    1906 .plugin-card .entry {
    1907   display: inline-block;
    1908   margin: auto;
    1909   vertical-align: top;
    1910 }
    1911 
    1912 @media screen and (min-width: 21em) {
    1913   .plugin-card .entry {
    1914     width: -webkit-calc(96% - 128px);
    1915     width: calc(96% - 128px);
    1916   }
    1917 }
    1918 
    1919 .plugin-card .entry-title {
    1920   font-size: 16px;
    1921   font-size: 1rem;
    1922   line-height: 1.3;
    1923   margin: 0 0 8px;
    1924 }
    1925 
    1926 .plugin-card .entry-title a {
    1927   font-weight: 400;
    1928 }
    1929 
    1930 .plugin-card .entry-excerpt {
    1931   font-size: 12.8px;
    1932   font-size: 0.8rem;
    1933 }
    1934 
    1935 .plugin-card .entry-excerpt p {
    1936   margin: 0;
    1937 }
    1938 
    1939 .plugin-card hr {
    1940   background-color: #fff;
    1941   margin: 15px -15px 8px;
    1942 }
    1943 
    1944 .plugin-card footer span {
    1945   font-size: 11.704px;
    1946   font-size: 0.73152rem;
    1947   width: 48%;
    1948   display: inline-block;
    1949   overflow: hidden;
    1950   white-space: nowrap;
    1951 }
    1952 
    1953 .plugin-card footer span i {
    1954   display: inline-block;
    1955   font-size: 16px;
    1956   font-size: 1rem;
    1957   margin-left: 6.4px;
    1958   margin-left: 0.4rem;
    1959 }
    1960 
    1961 .plugin-card footer span.last-updated {
    1962   display: none;
    1963 }
    1964 
    1965 .plugin-card footer span.plugin-author {
    1966   width: 100%;
    1967 }
    1968 
    1969 .plugin-card footer .dashicons {
    1970   margin: 0 2px -16px;
    1971   margin: 0 2px -1rem;
    1972   color: #bbb;
    1973   width: auto;
    1974   height: auto;
    1975   display: none;
    1976 }
    1977 
    1978 @media (min-width: 414px) {
    1979   .plugin-card footer .dashicons {
    1980     display: inline-block;
    1981   }
    1982 }
    1983 
    1984 .entry-thumbnail {
    1985   display: none;
    1986   max-width: 128px;
    1987 }
    1988 
    1989 .entry-thumbnail .plugin-icon {
    1990   -webkit-background-size: cover;
    1991   background-size: cover;
    1992   height: 128px;
    1993   width: 128px;
    1994 }
    1995 
    1996 @media screen and (min-width: 21em) {
    1997   .entry-thumbnail {
    1998     display: inline-block;
    1999     margin: 0 0 0 4%;
    2000     vertical-align: top;
    2001   }
    2002   .entry-thumbnail a {
    2003     display: block;
    2004   }
    2005 }
    2006 
    2007 .single .entry-thumbnail {
    2008   display: none;
    2009   float: right;
    2010   height: 96px;
    2011   margin-left: 16px;
    2012   margin-left: 1rem;
    2013   width: 96px;
    2014 }
    2015 
    2016 @media screen and (min-width: 26em) {
    2017   .single .entry-thumbnail {
    2018     display: block;
    2019   }
    2020 }
    2021 
    2022 .single .entry-thumbnail .plugin-icon {
    2023   -webkit-background-size: contain !important;
    2024   background-size: contain !important;
    2025   height: 96px !important;
    2026   width: 96px !important;
    2027 }
    2028 
    2029 [class*='dashicons-star-'] {
    2030   color: #ffb900;
    2031 }
    2032 
    2033 .rtl .dashicons-star-half {
    2034   -webkit-transform: rotateY(180deg);
    2035   transform: rotateY(180deg);
    2036 }
    2037 
    2038 .plugin-rating {
    2039   line-height: 1;
    2040   margin: 0 0 8px 10px;
    2041 }
    2042 
    2043 .plugin-rating .wporg-ratings {
    2044   display: inline-block;
    2045   margin-left: 5px;
    2046 }
    2047 
    2048 .plugin-rating .rating-count {
    2049   color: #999;
    2050   font-size: 12.8px;
    2051   font-size: 0.8rem;
    2052   top: -1px;
    2053 }
    2054 
    2055 .site-main.single .plugin-rating .rating-count {
    2056   display: none;
    2057 }
    2058 
    2059 .plugin-rating .rating-count a {
    2060   color: inherit;
    2061   cursor: hand;
    2062   text-decoration: none;
    2063 }
    2064 
    2065 @-webkit-keyframes favme-anime {
    2066   0% {
    2067     opacity: 1;
    2068     font-size: 1rem;
    2069     -webkit-text-stroke-color: transparent;
    2070   }
    2071   25% {
    2072     opacity: 0.6;
    2073     color: #fff;
    2074     font-size: 0.8rem;
    2075     -webkit-text-stroke-width: 1px;
    2076     -webkit-text-stroke-color: #dc3232;
    2077   }
    2078   75% {
    2079     opacity: 0.6;
    2080     color: #fff;
    2081     font-size: 1.42875rem;
    2082     -webkit-text-stroke-width: 1px;
    2083     -webkit-text-stroke-color: #dc3232;
    2084   }
    2085   100% {
    2086     opacity: 1;
    2087     font-size: 1.25rem;
    2088     -webkit-text-stroke-color: transparent;
    2089   }
    2090 }
    2091 
    2092 @keyframes favme-anime {
    2093   0% {
    2094     opacity: 1;
    2095     font-size: 1rem;
    2096     -webkit-text-stroke-color: transparent;
    2097   }
    2098   25% {
    2099     opacity: 0.6;
    2100     color: #fff;
    2101     font-size: 0.8rem;
    2102     -webkit-text-stroke-width: 1px;
    2103     -webkit-text-stroke-color: #dc3232;
    2104   }
    2105   75% {
    2106     opacity: 0.6;
    2107     color: #fff;
    2108     font-size: 1.42875rem;
    2109     -webkit-text-stroke-width: 1px;
    2110     -webkit-text-stroke-color: #dc3232;
    2111   }
    2112   100% {
    2113     opacity: 1;
    2114     font-size: 1.25rem;
    2115     -webkit-text-stroke-color: transparent;
    2116   }
    2117 }
    2118 
    2119 @-webkit-keyframes favme-hover {
    2120   from {
    2121     font-size: 1.42875rem;
    2122   }
    2123   80% {
    2124     font-size: 1.25rem;
    2125   }
    2126 }
    2127 
    2128 @keyframes favme-hover {
    2129   from {
    2130     font-size: 1.42875rem;
    2131   }
    2132   80% {
    2133     font-size: 1.25rem;
    2134   }
    2135 }
    2136 
    2137 .plugin-favorite {
    2138   height: 36px;
    2139   text-align: center;
    2140   vertical-align: top;
    2141   width: 36px;
    2142 }
    2143 
    2144 .plugin-favorite .plugin-favorite-heart {
    2145   -webkit-box-align: center;
    2146   -webkit-align-items: center;
    2147   -moz-box-align: center;
    2148   -ms-flex-align: center;
    2149   align-items: center;
    2150   background: none;
    2151   border: 0;
    2152   -webkit-border-radius: 0;
    2153   border-radius: 0;
    2154   -webkit-box-shadow: none;
    2155   box-shadow: none;
    2156   color: #cbcdce;
    2157   cursor: pointer;
    2158   display: -webkit-box;
    2159   display: -webkit-flex;
    2160   display: -moz-box;
    2161   display: -ms-flexbox;
    2162   display: flex;
    2163   font-size: 20px;
    2164   font-size: 1.25rem;
    2165   height: 100%;
    2166   -webkit-box-pack: center;
    2167   -webkit-justify-content: center;
    2168   -moz-box-pack: center;
    2169   -ms-flex-pack: center;
    2170   justify-content: center;
    2171   line-height: 1;
    2172   margin: 0;
    2173   outline: none;
    2174   padding: 0;
    2175   -webkit-transition: all .2s ease;
    2176   transition: all .2s ease;
    2177 }
    2178 
    2179 .plugin-favorite .plugin-favorite-heart.favorited {
    2180   color: #dc3232;
    2181 }
    2182 
    2183 .plugin-favorite .plugin-favorite-heart:hover {
    2184   -webkit-animation: favme-hover .3s infinite alternate;
    2185   animation: favme-hover .3s infinite alternate;
    2186 }
    2187 
    2188 .plugin-favorite .plugin-favorite-heart:focus {
    2189   outline: thin dotted;
    2190 }
    2191 
    2192 .plugin-favorite .plugin-favorite-heart:hover, .plugin-favorite .plugin-favorite-heart:focus {
    2193   text-decoration: none;
    2194 }
    2195 
    2196 .plugin-favorite .plugin-favorite-heart:after {
    2197   content: "\f487";
    2198   font-family: dashicons;
    2199   vertical-align: top;
    2200 }
    2201 
    2202 .plugin-favorite .plugin-favorite-heart.is-animating {
    2203   -webkit-animation: favme-anime .3s;
    2204   animation: favme-anime .3s;
    2205 }
    2206 
    2207 .plugin-banner {
    2208   background-position: 50% 50%;
    2209   -webkit-background-size: 100% 100%;
    2210   background-size: 100%;
    2211   display: inline-block;
    2212   font-size: 0;
    2213   line-height: 0;
    2214   margin: 0 auto 18.288px;
    2215   margin: 0 auto 1.143rem;
    2216   padding-top: 32.38342%;
    2217   /* 250px / 722px */
    2218   vertical-align: middle;
    2219   width: 100%;
    2220 }
    2221 
    2222 @media screen and (min-width: 60em) {
    2223   .plugin-banner {
    2224     margin-top: 1.5625rem;
    2225   }
    2226 }
    2227 
    2228 .plugin-changelog {
    2229   font-size: 12.8px;
    2230   font-size: 0.8rem;
    2231 }
    2232 
    2233 .plugin-changelog code {
    2234   font-size: 12.8px;
    2235   font-size: 0.8rem;
    2236 }
    2237 
    2238 .plugin-changelog h4 {
    2239   margin-top: 0;
    2240 }
    2241 
    2242 .plugin-developers {
    2243   list-style-type: none;
    2244   margin: 0;
    2245 }
    2246 
    2247 .plugin-developers li {
    2248   display: inline-block;
    2249   margin: 0 0 16px 4%;
    2250   margin: 0 0 1rem 4%;
    2251   vertical-align: top;
    2252   width: 48%;
    2253 }
    2254 
    2255 .plugin-developers li:nth-of-type(even) {
    2256   margin-left: 0;
    2257 }
    2258 
    2259 .avatar {
    2260   -webkit-border-radius: 50%;
    2261   border-radius: 50%;
    2262   margin-left: 10px;
    2263   vertical-align: middle;
    2264   float: right;
    2265 }
    2266 
    2267 .plugin-faq h2:first-of-type {
    2268   font-size: 20px;
    2269   font-size: 1.25rem;
    2270   font-weight: 600;
    2271   letter-spacing: 0.16px;
    2272   letter-spacing: 0.01rem;
    2273   text-transform: uppercase;
    2274   border: none;
    2275   color: #32373c;
    2276   padding: 0;
    2277   text-transform: inherit;
    2278 }
    2279 
    2280 .plugin-faq dl {
    2281   border-bottom: 1px solid #eee;
    2282 }
    2283 
    2284 .plugin-faq dt {
    2285   border-top: 1px solid #eee;
    2286   cursor: pointer;
    2287   font-size: 16px;
    2288   font-size: 1rem;
    2289   font-weight: 600;
    2290   padding: 16px 0;
    2291   padding: 1rem 0;
    2292 }
    2293 
    2294 .plugin-faq dt:before {
    2295   content: "\f347";
    2296   float: left;
    2297   font-family: dashicons;
    2298   margin: 0 16px;
    2299   margin: 0 1rem;
    2300 }
    2301 
    2302 .plugin-faq dt.open:before {
    2303   content: "\f343";
    2304 }
    2305 
    2306 .plugin-faq dd {
    2307   display: none;
    2308   margin: 0 0 16px;
    2309   margin: 0 0 1rem;
    2310 }
    2311 
    2312 .no-js .plugin-faq dd {
    2313   display: block;
    2314 }
    2315 
    2316 .plugin-faq dd p {
    2317   margin: 0;
    2318 }
    2319 
    2320 .plugin-faq dd p + p {
    2321   margin-top: 16px;
    2322   margin-top: 1rem;
    2323 }
    2324 
    2325 .plugin-reviews {
    2326   list-style-type: none;
    2327   margin: 0;
    2328   padding: 0;
    2329 }
    2330 
    2331 .plugin-reviews .plugin-review + .plugin-review {
    2332   margin: 32px 0 16px;
    2333   margin: 2rem 0 1rem;
    2334 }
    2335 
    2336 .plugin-reviews .review-avatar {
    2337   display: none;
    2338 }
    2339 
    2340 .plugin-reviews .review,
    2341 .plugin-reviews .wporg-ratings,
    2342 .plugin-reviews .review-author {
    2343   display: inline-block;
    2344   vertical-align: top;
    2345 }
    2346 
    2347 .plugin-reviews .review-header {
    2348   margin: 0 0 8px;
    2349   margin: 0 0 0.5rem;
    2350 }
    2351 
    2352 .plugin-reviews .review-title {
    2353   font-size: 16px;
    2354   font-size: 1rem;
    2355   font-weight: 600;
    2356   letter-spacing: 0.16px;
    2357   letter-spacing: 0.01rem;
    2358   margin: 0 0 8px;
    2359   margin: 0 0 0.5rem;
    2360   text-transform: inherit;
    2361 }
    2362 
    2363 .plugin-reviews .review-author {
    2364   line-height: 1.25;
    2365   margin-right: 10px;
    2366 }
    2367 
    2368 @media screen and (min-width: 48em) {
    2369   .plugin-reviews .review-avatar {
    2370     display: inline-block;
    2371     vertical-align: top;
    2372   }
    2373   .plugin-reviews .review-avatar .avatar {
    2374     margin-left: 1rem;
    2375   }
    2376   .plugin-reviews .review {
    2377     width: -webkit-calc(100% - 60px - 1rem);
    2378     width: calc(100% - 60px - 1rem);
    2379   }
    2380   .plugin-reviews .review-header {
    2381     margin: 0;
    2382   }
    2383   .plugin-reviews .review-author {
    2384     line-height: 1;
    2385   }
    2386 }
    2387 
    2388 .reviews-link {
    2389   display: inline-block;
    2390   font-size: 12.8px;
    2391   font-size: 0.8rem;
    2392   margin-top: 8px;
    2393   margin-top: 0.5rem;
    2394   text-decoration: none;
    2395 }
    2396 
    2397 .reviews-link:after {
    2398   content: "\f341";
    2399   font-family: dashicons;
    2400   vertical-align: text-top;
    2401   padding-right: 5px;
    2402   float: left;
    2403   position: relative;
    2404   top: 1px;
    2405 }
    2406 
    2407 .image-gallery {
    2408   -webkit-user-select: none;
    2409   -moz-user-select: none;
    2410   -ms-user-select: none;
    2411   user-select: none;
    2412 }
    2413 
    2414 .image-gallery-content {
    2415   position: relative;
    2416 }
    2417 
    2418 .image-gallery-content .image-gallery-left-nav,
    2419 .image-gallery-content .image-gallery-right-nav {
    2420   display: none;
    2421   font-size: 48.828px;
    2422   font-size: 3.0517578125rem;
    2423   height: 100%;
    2424   position: absolute;
    2425   top: 0;
    2426   z-index: 4;
    2427   border-color: #eee;
    2428   -webkit-transition: background 0.1s ease, border 0.1s ease;
    2429   transition: background 0.1s ease, border 0.1s ease;
    2430 }
    2431 
    2432 @media (max-width: 768px) {
    2433   .image-gallery-content .image-gallery-left-nav,
    2434   .image-gallery-content .image-gallery-right-nav {
    2435     font-size: 3.4em;
    2436   }
    2437 }
    2438 
    2439 @media (min-width: 768px) {
    2440   .image-gallery-content .image-gallery-left-nav:hover,
    2441   .image-gallery-content .image-gallery-right-nav:hover {
    2442     background: #fff;
    2443     opacity: 0.8;
    2444     border: 1px solid #eee;
    2445   }
    2446 }
    2447 
    2448 .image-gallery-content .image-gallery-left-nav:before,
    2449 .image-gallery-content .image-gallery-right-nav:before {
    2450   position: relative;
    2451   font-family: 'dashicons';
    2452 }
    2453 
    2454 .image-gallery-content .image-gallery-left-nav {
    2455   right: 0;
    2456 }
    2457 
    2458 .image-gallery-content .image-gallery-left-nav:before {
    2459   content: '\f341';
    2460 }
    2461 
    2462 .image-gallery-content .image-gallery-left-nav:hover {
    2463   margin-right: -1px;
    2464 }
    2465 
    2466 .image-gallery-content .image-gallery-right-nav {
    2467   left: 0;
    2468 }
    2469 
    2470 .image-gallery-content .image-gallery-right-nav:before {
    2471   content: '\f345';
    2472 }
    2473 
    2474 .image-gallery-content .image-gallery-right-nav:hover {
    2475   margin-left: -1px;
    2476 }
    2477 
    2478 .image-gallery-content:hover .image-gallery-left-nav,
    2479 .image-gallery-content:hover .image-gallery-right-nav {
    2480   display: block;
    2481 }
    2482 
    2483 .image-gallery-slides {
    2484   line-height: 0;
    2485   overflow: hidden;
    2486   position: relative;
    2487   white-space: nowrap;
    2488   border: 1px solid #eee;
    2489 }
    2490 
    2491 .image-gallery-slide {
    2492   right: 0;
    2493   position: absolute;
    2494   top: 0;
    2495   width: 100%;
    2496 }
    2497 
    2498 .image-gallery-slide.center {
    2499   position: relative;
    2500 }
    2501 
    2502 .image-gallery-slide .image-gallery-image {
    2503   margin: 0;
    2504 }
    2505 
    2506 .image-gallery-slide img {
    2507   display: block;
    2508   margin: 0 auto;
    2509 }
    2510 
    2511 .image-gallery-slide .image-gallery-description {
    2512   background: #f5f5f5;
    2513   color: #32373c;
    2514   line-height: 1.5;
    2515   padding: 10px 20px;
    2516   white-space: normal;
    2517   font-size: 12.8px;
    2518   font-size: 0.8rem;
    2519 }
    2520 
    2521 @media (max-width: 768px) {
    2522   .image-gallery-slide .image-gallery-description {
    2523     font-size: 0.8rem;
    2524     padding: 8px 15px;
    2525   }
    2526 }
    2527 
    2528 .image-gallery-thumbnails {
    2529   background: #fff;
    2530   margin-top: 5px;
    2531 }
    2532 
    2533 .image-gallery-thumbnails .image-gallery-thumbnails-container {
    2534   cursor: pointer;
    2535   text-align: center;
    2536   white-space: nowrap;
    2537 }
    2538 
    2539 .image-gallery-thumbnail {
    2540   display: table-cell;
    2541   margin-left: 5px;
    2542   border: 1px solid #eee;
    2543   max-height: 100px;
    2544   overflow: hidden;
    2545 }
    2546 
    2547 .image-gallery-thumbnail .image-gallery-image {
    2548   margin: 0;
    2549 }
    2550 
    2551 .image-gallery-thumbnail img {
    2552   vertical-align: middle;
    2553   width: 100px;
    2554 }
    2555 
    2556 @media (max-width: 768px) {
    2557   .image-gallery-thumbnail img {
    2558     width: 75px;
    2559   }
    2560 }
    2561 
    2562 .image-gallery-thumbnail:hover {
    2563   -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
    2564   box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
    2565 }
    2566 
    2567 .image-gallery-thumbnail.active {
    2568   border: 1px solid #337ab7;
    2569 }
    2570 
    2571 .image-gallery-thumbnail-label {
    2572   color: #222;
    2573   font-size: 1em;
    2574 }
    2575 
    2576 @media (max-width: 768px) {
    2577   .image-gallery-thumbnail-label {
    2578     font-size: 0.8em;
    2579   }
    2580 }
    2581 
    2582 .image-gallery-index {
    2583   background: rgba(0, 0, 0, 0.4);
    2584   bottom: 0;
    2585   color: #fff;
    2586   line-height: 1;
    2587   padding: 10px 20px;
    2588   position: absolute;
    2589   left: 0;
    2590   z-index: 4;
    2591 }
    2592 
    2593 .plugin-screenshots {
    2594   list-style-type: none;
    2595   margin: 0;
    2596   padding: 0;
    2597 }
    2598 
    2599 .plugin-screenshots h2:first-of-type {
    2600   font-size: 20px;
    2601   font-size: 1.25rem;
    2602   border: none;
    2603   color: #32373c;
    2604   font-weight: 600;
    2605   padding: 0;
    2606   text-transform: inherit;
    2607 }
    2608 
    2609 .plugin-screenshots .image-gallery-slides {
    2610   max-height: 600px;
    2611 }
    2612 
    2613 .plugin-screenshots .image-gallery-thumbnail {
    2614   vertical-align: top;
    2615 }
    2616 
    2617 .plugin-screenshots .image-gallery-thumbnail img {
    2618   max-height: 100px;
    2619 }
    2620 
    2621 .plugin-screenshots .image-gallery-thumbnails {
    2622   overflow: hidden;
    2623 }
    2624 
    2625 .section.read-more {
    2626   border-bottom: 2px solid #eee;
    2627   max-height: 200px;
    2628   overflow: hidden;
    2629   padding-bottom: 1px;
    2630 }
    2631 
    2632 .section.read-more.plugin-description {
    2633   max-height: 400px;
    2634 }
    2635 
    2636 .section.read-more.plugin-description.toggled {
    2637   max-height: none;
    2638 }
    2639 
    2640 .section.read-more.toggled {
    2641   max-height: none;
    2642 }
    2643 
    2644 .no-js .section.read-more {
    2645   max-height: none;
    2646   overflow: auto;
    2647 }
    2648 
    2649 .section h1, .section h2, .section h3 {
    2650   font-size: 16px;
    2651   font-size: 1rem;
    2652   font-weight: 600;
    2653   letter-spacing: 0.16px;
    2654   letter-spacing: 0.01rem;
    2655   text-transform: uppercase;
    2656 }
    2657 
    2658 .section h1:nth-child(2), .section h2:nth-child(2), .section h3:nth-child(2) {
    2659   margin-top: 0;
    2660 }
    2661 
    2662 .section h4, .section h5, .section h6 {
    2663   font-size: 12.8px;
    2664   font-size: 0.8rem;
    2665   font-weight: 600;
    2666   letter-spacing: 0.8px;
    2667   letter-spacing: 0.05rem;
    2668   text-transform: uppercase;
    2669 }
    2670 
    2671 .section h4:nth-child(2), .section h5:nth-child(2), .section h6:nth-child(2) {
    2672   margin-top: 0;
    2673 }
    2674 
    2675 .section h2:first-of-type {
    2676   font-size: 20px;
    2677   font-size: 1.25rem;
    2678   border: none;
    2679   color: #32373c;
    2680   font-weight: 600;
    2681   padding: 0;
    2682   text-transform: inherit;
    2683 }
    2684 
    2685 .section p:first-child {
    2686   margin-top: 0;
    2687 }
    2688 
    2689 .section-toggle {
    2690   color: #0073aa;
    2691   cursor: pointer;
    2692   font-size: 12.8px;
    2693   font-size: 0.8rem;
    2694   margin-top: 8px;
    2695   margin-top: 0.5rem;
    2696   position: relative;
    2697 }
    2698 
    2699 .no-js .section-toggle {
    2700   display: none;
    2701 }
    2702 
    2703 .section-toggle:after {
    2704   content: "\f347";
    2705   font-family: dashicons;
    2706   padding-right: 5px;
    2707   vertical-align: text-top;
    2708   position: relative;
    2709   float: left;
    2710   top: 1px;
    2711 }
    2712 
    2713 .toggled + .section-toggle:after {
    2714   content: "\f343";
    2715 }
    2716 
    2717 .section-toggle:hover {
    2718   text-decoration: underline;
    2719 }
    2720 
    2721 .type-plugin .plugin-notice {
    2722   margin-top: 0;
    2723 }
    2724 
    2725 .type-plugin .plugin-header {
    2726   border-bottom: 2px solid #eee;
    2727   padding: 18.288px 25px;
    2728   padding: 1.143rem 1.5625rem;
    2729 }
    2730 
    2731 .type-plugin .plugin-header .plugin-actions {
    2732   float: left;
    2733 }
    2734 
    2735 .type-plugin .plugin-header .plugin-actions div {
    2736   display: inline-block;
    2737   text-align: center;
    2738 }
    2739 
    2740 .type-plugin .plugin-header .plugin-title {
    2741   clear: none;
    2742   font-size: 25px;
    2743   font-size: 1.5625rem;
    2744   font-weight: 400;
    2745   margin: 0;
    2746 }
    2747 
    2748 .type-plugin .plugin-header .plugin-title a {
    2749   color: inherit;
    2750   text-decoration: none;
    2751 }
    2752 
    2753 .type-plugin .plugin-header .byline {
    2754   color: #78848f;
    2755 }
    2756 
    2757 .type-plugin .plugin-banner + .plugin-header {
    2758   padding-top: 0;
    2759 }
    2760 
    2761 .type-plugin .entry-content,
    2762 .type-plugin .entry-meta {
    2763   padding: 0 25px;
    2764   padding: 0 1.5625rem;
    2765 }
    2766 
    2767 .type-plugin .entry-content {
    2768   max-width: 768px;
    2769   max-width: 48rem;
    2770 }
    2771 
    2772 @media screen and (min-width: 48em) {
    2773   .type-plugin .entry-content {
    2774     float: right;
    2775     padding: 0;
    2776     width: 65%;
    2777   }
    2778 }
    2779 
    2780 @media screen and (min-width: 48em) {
    2781   .type-plugin .plugin-header,
    2782   .type-plugin .entry-content,
    2783   .type-plugin .entry-meta {
    2784     padding-right: 0;
    2785     padding-left: 0;
    2786   }
    2787   .type-plugin .entry-meta {
    2788     float: left;
    2789     width: 30%;
    2790   }
    2791 }
    2792 
    2793 .search-form {
    2794   font-size: 0;
    2795   margin-bottom: 32px;
    2796   margin-bottom: 2rem;
    2797   max-width: 100%;
    2798   position: relative;
    2799 }
    2800 
    2801 .search-form .search-field {
    2802   border: none;
    2803   -webkit-border-radius: 0;
    2804   border-radius: 0;
    2805   -webkit-box-shadow: none;
    2806   box-shadow: none;
    2807   display: block;
    2808   font-size: 16px;
    2809   font-size: 1rem;
    2810   margin: 0 auto;
    2811   max-width: 100%;
    2812   padding: 8px;
    2813   padding: 0.5rem;
    2814   width: 363.797px;
    2815   width: 22.7373675443rem;
    2816 }
    2817 
    2818 .search-form .button-search {
    2819   border-top: none;
    2820   border-right: none;
    2821   -webkit-border-radius: 2px 0 0 2px;
    2822   border-radius: 2px 0 0 2px;
    2823   font-size: 16px;
    2824   font-size: 1rem;
    2825   position: relative;
    2826   left: auto;
    2827   top: auto;
    2828   vertical-align: top;
    2829 }
    2830 
    2831 .search-form .button-search:active {
    2832   background: #006799;
    2833   border-left: 1px solid #006799;
    2834   -webkit-box-shadow: none;
    2835   box-shadow: none;
    2836 }
    2837 
    2838 .search-form .button-search .dashicons {
    2839   font-size: 16px;
    2840   font-size: 1rem;
    2841 }
    2842 
    2843 .site-header .search-form {
    2844   display: inline-block;
    2845 }
    2846 
    2847 .site-header.home .search-form .button-search,
    2848 .site-main .search-form .button-search {
    2849   background: transparent;
    2850   border: none;
    2851   -webkit-border-radius: 0;
    2852   border-radius: 0;
    2853   -webkit-box-shadow: none;
    2854   box-shadow: none;
    2855   color: #32373c;
    2856   display: block;
    2857   height: 45px;
    2858   padding: 8px 16px;
    2859   padding: 0.5rem 1rem;
    2860   position: absolute;
    2861   left: 0;
    2862   text-shadow: none;
    2863   top: 0;
    2864 }
    2865 
    2866 .site-header.home .search-form .button-search:focus,
    2867 .site-main .search-form .button-search:focus {
    2868   -webkit-box-shadow: 0 0 2px 1px #33b3db;
    2869   box-shadow: 0 0 2px 1px #33b3db;
    2870 }
    2871 
    2872 .site-header.home .search-form .button-search:active,
    2873 .site-main .search-form .button-search:active {
    2874   background: transparent;
    2875   border: none;
    2876   -webkit-transform: none;
    2877   -ms-transform: none;
    2878   transform: none;
    2879 }
    2880 
    2881 .site-header:not(.home) .search-form {
    2882   margin: 0;
    2883 }
    2884 
    2885 .site-header:not(.home) .search-form .search-field {
    2886   border: 0;
    2887   -webkit-border-radius: 0 2px 2px 0;
    2888   border-radius: 0 2px 2px 0;
    2889   display: inline-block;
    2890   font-size: 16px;
    2891   font-size: 1rem;
    2892   padding: 5px 10px;
    2893   position: relative;
    2894   width: auto;
    2895 }
    2896 
    2897 @media screen and (min-width: 48em) {
    2898   .site-header:not(.home) .search-form .search-field {
    2899     font-size: 0.64rem;
    2900     width: 7rem;
    2901   }
    2902   .site-header:not(.home) .search-form .search-field + .button-search {
    2903     display: inline-block;
    2904     margin-bottom: 0;
    2905   }
    2906 }
    2907 
    2908 @media screen and (min-width: 60em) {
    2909   .site-header:not(.home) .search-form .search-field {
    2910     width: 10rem;
    2911   }
    2912 }
    2913 
    2914 .site-main .search-form .search-field {
    2915   border: 1px solid #ddd;
    2916   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    2917   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    2918   padding: 8px;
    2919   padding: 0.5rem;
    2920   width: 100%;
    2921 }
    2922 
    2923 .search .site-main {
    2924   margin-top: 32px;
    2925   margin-top: 2rem;
    2926   padding-top: 0;
    2927 }
    2928 
    2929 .search.search-results .page-header {
    2930   margin: 32px 0;
    2931   margin: 2rem 0;
    2932 }
    2933 
    2934 nav .nav-links {
    2935   text-align: center;
    2936 }
    2937 
    2938 nav .nav-links .page-numbers {
    2939   background-color: #f9f9f9;
    2940   min-width: 2em;
    2941   padding: 8px;
    2942   display: inline-block;
    2943   cursor: hand;
    2944 }
    2945 
    2946 nav .nav-links .page-numbers.next, nav .nav-links .page-numbers.prev, nav .nav-links .page-numbers.dots {
    2947   width: auto;
    2948   font-size: 0.9em;
    2949   background: none;
    2950 }
    2951 
    2952 nav .nav-links .page-numbers.dots {
    2953   cursor: inherit;
    2954 }
    2955 
    2956 nav .nav-links span.page-numbers {
    2957   font-weight: bold;
    2958   background-color: #f7f7f7;
    2959 }
    2960 
    2961 .main-navigation {
    2962   background: #0073aa;
    2963   clear: both;
    2964   right: 0;
    2965   position: absolute;
    2966   top: 60px;
    2967   width: 100%;
    2968 }
    2969 
    2970 .main-navigation ul {
    2971   display: none;
    2972   list-style: none;
    2973   margin: 0;
    2974   padding-right: 0;
    2975 }
    2976 
    2977 .main-navigation ul ul {
    2978   -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    2979   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    2980   float: right;
    2981   right: -999em;
    2982   position: absolute;
    2983   top: 1.5em;
    2984   z-index: 99999;
    2985 }
    2986 
    2987 .main-navigation ul ul ul {
    2988   right: -999em;
    2989   top: 0;
    2990 }
    2991 
    2992 .main-navigation ul ul li:hover > ul,
    2993 .main-navigation ul ul li.focus > ul {
    2994   right: 100%;
    2995 }
    2996 
    2997 .main-navigation ul ul a {
    2998   width: 200px;
    2999 }
    3000 
    3001 .main-navigation ul li:hover > ul,
    3002 .main-navigation ul li.focus > ul {
    3003   right: auto;
    3004 }
    3005 
    3006 .main-navigation li {
    3007   border-top: 1px solid rgba(255, 255, 255, 0.2);
    3008   padding: 16px;
    3009   padding: 1rem;
    3010 }
    3011 
    3012 .main-navigation a {
    3013   color: rgba(255, 255, 255, 0.8);
    3014   display: block;
    3015   font-size: 12.8px;
    3016   font-size: 0.8rem;
    3017   text-decoration: none;
    3018 }
    3019 
    3020 .main-navigation a:hover, .main-navigation a.active {
    3021   color: #fff;
    3022 }
    3023 
    3024 @media screen and (min-width: 48em) {
    3025   .main-navigation a.active {
    3026     border-bottom: 1px solid;
    3027   }
    3028 }
    3029 
    3030 /* Small menu. */
    3031 .main-navigation.toggled ul {
    3032   display: block;
    3033 }
    3034 
    3035 .menu-toggle {
    3036   background: transparent;
    3037   border: none;
    3038   color: #fff;
    3039   font-size: 25px;
    3040   font-size: 1.5625rem;
    3041   height: 56px;
    3042   height: 3.5rem;
    3043   overflow: hidden;
    3044   position: absolute;
    3045   left: 16px;
    3046   left: 1rem;
    3047   top: -58px;
    3048   width: 56px;
    3049   width: 3.5rem;
    3050   -webkit-appearance: none;
    3051 }
    3052 
    3053 .toggled .menu-toggle:before {
    3054   content: "\f343";
    3055 }
    3056 
    3057 @media screen and (min-width: 48em) {
    3058   .menu-toggle {
    3059     display: none;
    3060   }
    3061   .main-navigation {
    3062     float: left;
    3063     position: relative;
    3064     width: auto;
    3065     top: auto;
    3066   }
    3067   .main-navigation.toggled {
    3068     padding: 1px 0;
    3069   }
    3070   .main-navigation ul {
    3071     display: inline-block;
    3072     font-size: 0;
    3073   }
    3074   .main-navigation ul li {
    3075     border: 0;
    3076     display: inline-block;
    3077     font-size: 1rem;
    3078     margin-left: 1rem;
    3079     padding: 0;
    3080   }
    3081   .main-navigation ul li:last-of-type {
    3082     margin-left: 0;
    3083   }
    3084 }
    3085 
    3086 .site-description {
    3087   color: rgba(255, 255, 255, 0.8);
    3088   font-size: 20px;
    3089   font-size: 1.25rem;
    3090   font-weight: 300;
    3091   margin: -6.4px auto 32px;
    3092   margin: -0.4rem auto 2rem;
    3093   text-align: center;
    3094 }
    3095 
    3096 .site-title {
    3097   display: inline-block;
    3098   font-size: 25px;
    3099   font-size: 1.5625rem;
    3100   font-weight: 300;
    3101   line-height: 1;
    3102   margin: 0 0 0 32px;
    3103   margin: 0 0 0 2rem;
    3104   max-width: none;
    3105 }
    3106 
    3107 .site-title a {
    3108   color: #fff;
    3109   font-weight: 300;
    3110 }
    3111 
    3112 .site-title a:hover, .site-title a:focus, .site-title a:active {
    3113   text-decoration: none;
    3114 }
    3115 
    3116 .site-header.home .site-title {
    3117   display: inherit;
    3118   font-size: 61.035px;
    3119   font-size: 3.8146972656rem;
    3120   margin: 32px 0 16px;
    3121   margin: 2rem 0 1rem;
    3122 }
    3123 
    3124 .site-header {
    3125   background: #0073aa;
    3126   padding: 16px 0;
    3127   padding: 1rem 0;
    3128   position: relative;
    3129 }
    3130 
    3131 .site-header .site-branding {
    3132   margin: 0 auto;
    3133   max-width: 960px;
    3134   padding: 0 25px;
    3135   padding: 0 1.5625rem;
    3136 }
    3137 
    3138 @media screen and (min-width: 48em) {
    3139   .site-header .site-branding {
    3140     padding: 0 10px;
    3141   }
    3142 }
    3143 
    3144 .site-header.home {
    3145   padding: 25px 18.288px;
    3146   padding: 1.5625rem 1.143rem;
    3147   text-align: center;
    3148 }
    3149 
    3150 .site-main {
    3151   margin: 0 auto;
    3152   max-width: 960px;
    3153   padding: 48.828px 25px;
    3154   padding: 3.0517578125rem 1.5625rem;
    3155 }
    3156 
    3157 @media screen and (min-width: 48em) {
    3158   .site-main {
    3159     padding: 3.0517578125rem 10px;
    3160   }
    3161 }
    3162 
    3163 .site-main.single,
    3164 .single .site-main {
    3165   padding: 0;
    3166 }
    3167 
    3168 @media screen and (min-width: 48em) {
    3169   .site-main.single,
    3170   .single .site-main {
    3171     padding: 0 10px 3.0517578125rem;
    3172   }
    3173 }
    3174 
    3175 .site-main.page,
    3176 .page .site-main {
    3177   padding-top: 0;
    3178 }
    3179 
    3180 .site-main .page-title {
    3181   font-size: 25px;
    3182   font-size: 1.5625rem;
    3183   font-weight: 400;
    3184 }
    3185 
    3186 .site-main .no-results {
    3187   margin: 0 auto;
    3188   max-width: 568.434px;
    3189   max-width: 35.527136788rem;
    3190   padding: 0 32px;
    3191   padding: 0 2rem;
    3192 }
    3193 
    3194 .widget-area {
    3195   margin: 0 auto;
    3196   max-width: 960px;
    3197   padding: 0 25px 48.828px 25px;
    3198   padding: 0 1.5625rem 3.0517578125rem 1.5625rem;
    3199 }
    3200 
    3201 @media screen and (min-width: 48em) {
    3202   .widget-area {
    3203     padding: 0 10px 3.0517578125rem;
    3204   }
    3205 }
    3206 
    3207 .plugin-meta {
    3208   margin-top: 32px;
    3209   margin-top: 2rem;
    3210 }
    3211 
    3212 .plugin-meta ul {
    3213   font-size: 12.8px;
    3214   font-size: 0.8rem;
    3215   list-style-type: none;
    3216   margin: 0;
    3217   padding: 0;
    3218 }
    3219 
    3220 .plugin-meta li {
    3221   border-top: 1px solid #eee;
    3222   padding: 8px 0;
    3223   padding: 0.5rem 0;
    3224 }
    3225 
    3226 .plugin-meta li strong {
    3227   float: left;
    3228 }
    3229 
    3230 .plugin-meta .tags {
    3231   float: left;
    3232   text-align: left;
    3233   width: 60%;
    3234 }
    3235 
    3236 .plugin-meta [rel="tag"] {
    3237   background: #eee;
    3238   -webkit-border-radius: 2px;
    3239   border-radius: 2px;
    3240   color: #000;
    3241   display: inline-block;
    3242   font-size: 10.24px;
    3243   font-size: 0.64rem;
    3244   margin: 2px;
    3245   padding: 3px 6px;
    3246   position: relative;
    3247   white-space: nowrap;
    3248   width: auto;
    3249 }
    3250 
    3251 .plugin-meta [rel="tag"]:hover {
    3252   background: #f3f3f3;
    3253 }
    3254 
    3255 .plugin-meta [rel="tag"]:active {
    3256   background: #dfdfdf;
    3257 }
    3258 
    3259 .plugin-ratings {
    3260   font-size: 12.8px;
    3261   font-size: 0.8rem;
    3262   position: relative;
    3263 }
    3264 
    3265 .plugin-ratings .reviews-link {
    3266   position: absolute;
    3267   left: 0;
    3268   top: 0;
    3269 }
    3270 
    3271 .plugin-ratings .reviews-link:after {
    3272   content: "\f341";
    3273   font-family: dashicons;
    3274   padding-right: 5px;
    3275   vertical-align: top;
    3276 }
    3277 
    3278 .plugin-ratings [class*='dashicons-star-'] {
    3279   color: #FFB900;
    3280   display: inline-block;
    3281   font-size: 25px;
    3282   font-size: 1.5625rem;
    3283   height: auto;
    3284   margin: 0;
    3285   width: auto;
    3286 }
    3287 
    3288 .plugin-ratings .ratings-list {
    3289   list-style-type: none;
    3290   margin: 16px 0;
    3291   margin: 1rem 0;
    3292   padding: 0;
    3293 }
    3294 
    3295 .plugin-ratings .ratings-list .counter-container,
    3296 .plugin-ratings .ratings-list .counter-container a {
    3297   width: 100%;
    3298 }
    3299 
    3300 .plugin-ratings .ratings-list .counter-container:hover,
    3301 .plugin-ratings .ratings-list .counter-container a:hover {
    3302   text-decoration: none;
    3303 }
    3304 
    3305 .plugin-ratings .ratings-list .counter-label {
    3306   display: inline-block;
    3307   min-width: 58px;
    3308 }
    3309 
    3310 .plugin-ratings .ratings-list .counter-back,
    3311 .plugin-ratings .ratings-list .counter-bar {
    3312   display: inline-block;
    3313   height: 16px;
    3314   height: 1rem;
    3315   vertical-align: middle;
    3316 }
    3317 
    3318 .plugin-ratings .ratings-list .counter-back {
    3319   background-color: #ececec;
    3320   width: 58%;
    3321   width: -webkit-calc(100% - 130px);
    3322   width: calc(100% - 130px);
    3323 }
    3324 
    3325 .plugin-ratings .ratings-list .counter-bar {
    3326   background-color: #ffc733;
    3327   display: block;
    3328 }
    3329 
    3330 .plugin-ratings .ratings-list .counter-count {
    3331   margin-right: 3px;
    3332 }
    3333 
    3334 .home .widget,
    3335 .widget-area.home .widget {
    3336   display: inline-block;
    3337   font-size: 12.8px;
    3338   font-size: 0.8rem;
    3339   margin: 0;
    3340   vertical-align: top;
    3341   /* Make sure select elements fit in widgets. */
    3342 }
    3343 
    3344 @media screen and (min-width: 48em) {
    3345   .home .widget,
    3346   .widget-area.home .widget {
    3347     margin-left: 5%;
    3348     width: 30%;
    3349   }
    3350   .home .widget:last-child,
    3351   .widget-area.home .widget:last-child {
    3352     margin-left: 0;
    3353   }
    3354 }
    3355 
    3356 .home .widget select,
    3357 .widget-area.home .widget select {
    3358   max-width: 100%;
    3359 }
    3360 
    3361 .entry-meta .widget-title {
    3362   font-size: 20px;
    3363   font-size: 1.25rem;
    3364   border: none;
    3365   color: #32373c;
    3366   font-weight: 600;
    3367   padding: 0;
    3368 }
    3369 
    3370 .plugin-support {
    3371   font-size: 12.8px;
    3372   font-size: 0.8rem;
    3373 }
    3374 
    3375 .plugin-support .counter-container {
    3376   margin-bottom: 16px;
    3377   margin-bottom: 1rem;
    3378   position: relative;
    3379 }
    3380 
    3381 .plugin-support .counter-back,
    3382 .plugin-support .counter-bar {
    3383   display: inline-block;
    3384   height: 30px;
    3385   vertical-align: middle;
    3386 }
    3387 
    3388 .plugin-support .counter-back {
    3389   background-color: #ececec;
    3390   width: 100%;
    3391 }
    3392 
    3393 .plugin-support .counter-bar {
    3394   background-color: #c7e8ca;
    3395   display: block;
    3396 }
    3397 
    3398 .plugin-support .counter-count {
    3399   font-size: 10.24px;
    3400   font-size: 0.64rem;
    3401   right: 8px;
    3402   position: absolute;
    3403   top: 8px;
    3404   width: 100%;
    3405   width: -webkit-calc(100% - 8px);
    3406   width: calc(100% - 8px);
    3407 }
    3408 
    3409 @media screen and (min-width: 48em) {
    3410   .plugin-support .counter-count {
    3411     top: 5px;
    3412   }
    3413 }
     1html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{font-size:100%}body,button,input,select,textarea{color:#32373c;font-family:Open Sans,sans-serif;font-size:100%;line-height:1.5}@media screen and (min-width:48em){html{font-size:1.125rem}}h1,h2,h3,h4,h5,h6{clear:both;font-family:inherit;line-height:1.5;margin:32px 0 16px;margin:2rem 0 1rem}h1{font-size:61.035px;font-size:3.8146972656rem;font-weight:300}h1.title{font-size:12.8px;font-size:.8rem;color:#0073aa;font-weight:600;letter-spacing:.8px;letter-spacing:.05rem;text-transform:uppercase}h2{font-size:39.062px;font-size:2.44140625rem;font-weight:300}h3{font-size:25px;font-size:1.5625rem;font-weight:400}h4{font-size:20px;font-size:1.25rem;border:none;color:#32373c;font-weight:600;padding:0}h5{font-size:16px;font-size:1rem;font-weight:600;letter-spacing:.16px;letter-spacing:.01rem;text-transform:uppercase}h6{font-size:12.8px;font-size:.8rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}p{margin:1em 0}p.subheading{color:#82878c;font-size:20px;font-size:1.25rem;font-weight:300;margin:-6.4px auto 32px;margin:-.4rem auto 2rem;text-align:center}p.intro{font-size:20px;font-size:1.25rem}p.aside{font-size:12.8px;font-size:.8rem}p.note{font-size:10.24px;font-size:.64rem;letter-spacing:.16px;letter-spacing:.01rem;max-width:291.038px;max-width:18.1898940355rem}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:Courier\ 10 Pitch,Courier,monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:15px;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}.feedback-survey{background:#fff;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;-webkit-box-shadow:0 0 8px rgba(0,0,0,.2);box-shadow:0 0 8px rgba(0,0,0,.2);display:block;font-size:12.8px;font-size:.8rem;padding:5px 10px;position:fixed;left:0;top:200px;width:40px;z-index:100}.feedback-survey .survey-msg{display:none}.feedback-survey:hover{width:auto}.feedback-survey:hover .survey-msg{display:inline-block}.feedback-survey a:hover{text-decoration:none}.feedback-survey .dashicons-megaphone{margin:2px 0 0 10px}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body{background:#fff}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{background:transparent;border:none;padding:0;border-right:2px solid #eee;color:#82878c;font-style:italic;margin:16px 0;margin:1rem 0;padding-right:16px;padding-right:1rem}blockquote cite{font-size:12.8px;font-size:.8rem}hr{background-color:#eee;border:0;height:2px;margin:80px auto;margin:5rem auto}ol,ul{margin:0 3em 1.5em 0}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-right:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}table{margin:0 0 1.5em;width:100%}.notice{background:#fff;border-right:4px solid #fff;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:1em 0;padding:1px 12px}.notice p{font-size:12.8px;font-size:.8rem;margin:.5em 0;padding:2px}.notice.notice-alt{-webkit-box-shadow:none;box-shadow:none}.notice.notice-large{padding:10px 20px}.notice.notice-success{border-right-color:#46b450}.notice.notice-success.notice-alt{background-color:#ecf7ed}.notice.notice-warning{border-right-color:#ffb900}.notice.notice-warning.notice-alt{background-color:#fff8e5}.notice.notice-error{border-right-color:#dc3232}.notice.notice-error.notice-alt{background-color:#fbeaea}.notice.notice-info{border-right-color:#00a0d2}.notice.notice-info.notice-alt{background-color:#e5f5fa}.locale-banner{background:#c7e8ca;font-size:12.8px;font-size:.8rem;padding:8px;padding:.5rem;text-align:center}@media (min-width:67rem){.locale-banner{margin:1rem auto 0;max-width:960px}}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{border:1px solid;-webkit-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:12.8px;font-size:.8rem;height:25px;height:1.5625rem;line-height:1;margin:0;padding:0 12.8px;padding:0 .8rem;text-decoration:none;white-space:nowrap;-webkit-appearance:none}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0 none;padding:0}.button-group.button-large .button,.button.button-large{height:31.25px;height:1.953125rem;line-height:1;padding:0 16px;padding:0 1rem}.button-group.button-small .button,.button.button-small{font-size:10.24px;font-size:.64rem;height:20px;height:1.25rem;line-height:1;padding:0 8px;padding:0 .5rem}a.button,a.button-primary,a.button-secondary{line-height:25px;line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:31.25px;line-height:1.953125rem}.button-group.button-small a.button,a.button.button-small{line-height:20px;line-height:1.25rem}.button:active,.button:focus{outline:none}.button.hidden{display:none}input[type=reset],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{background:none;border:none;-webkit-box-shadow:none;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#ccc;-webkit-box-shadow:0 1px 0 #ccc;box-shadow:0 1px 0 #ccc;color:#555;vertical-align:top}p .button{vertical-align:baseline}.button-secondary:focus,.button-secondary:hover,.button.focus,.button.hover,.button:focus,.button:hover{background:#fafafa;border-color:#999;color:#23282d}.button-link:focus,.button-secondary:focus,.button.focus,.button:focus{border-color:#5b9dd9;-webkit-box-shadow:0 0 3px rgba(0,115,170,.8);box-shadow:0 0 3px rgba(0,115,170,.8)}.button-secondary:active,.button.active,.button.active:hover,.button:active{background:#eee;border-color:#999;-webkit-box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;-webkit-box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8);box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8)}.button-disabled,.button-secondary.disabled,.button-secondary:disabled,.button-secondary[disabled],.button.disabled,.button:disabled,.button[disabled]{background:#f7f7f7!important;border-color:#ddd!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.button-link{background:none;border:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;margin:0;outline:none;padding:0}.button-link:focus{outline:1px solid #5b9dd9}.button-primary,.download-button,.plugin-upload-form .button-primary{background:#0085ba;border-color:#0073aa #006799 #006799;-webkit-box-shadow:0 1px 0 #006799;box-shadow:0 1px 0 #006799;color:#fff;text-decoration:none;text-shadow:0 -1px 1px #006799,-1px 0 1px #006799,0 1px 1px #006799,1px 0 1px #006799}.button-primary:visited,.download-button:visited,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #006799;-webkit-box-shadow:0 1px 0 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary.hover,.button-primary:focus,.button-primary:hover,.download-button.focus,.download-button.hover,.download-button:focus,.download-button:hover,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary.hover,.plugin-upload-form .button-primary:focus,.plugin-upload-form .button-primary:hover{background:#008ec2;border-color:#006799;-webkit-box-shadow:0 1px 0 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary:focus,.download-button.focus,.download-button:focus,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary:focus{-webkit-box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db;box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.button-primary.active,.button-primary.active:focus,.button-primary.active:hover,.button-primary:active,.download-button.active,.download-button.active:focus,.download-button.active:hover,.download-button:active,.plugin-upload-form .button-primary.active,.plugin-upload-form .button-primary.active:focus,.plugin-upload-form .button-primary.active:hover,.plugin-upload-form .button-primary:active{background:#0073aa;border-color:#006799;-webkit-box-shadow:inset 0 2px 0 #006799;box-shadow:inset 0 2px 0 #006799;vertical-align:top}.button-primary.disabled,.button-primary:disabled,.button-primary[disabled],.download-button.disabled,.download-button:disabled,.download-button[disabled],.plugin-upload-form .button-primary.disabled,.plugin-upload-form .button-primary:disabled,.plugin-upload-form .button-primary[disabled]{background:#008ec2!important;border-color:#007cb2!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#66c6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-primary.button.button-hero,.download-button.button.button-hero,.plugin-upload-form .button-primary.button.button-hero{-webkit-box-shadow:0 2px 0 #006799;box-shadow:0 2px 0 #006799}.button-primary.button.button-hero.active,.button-primary.button.button-hero.active:focus,.button-primary.button.button-hero.active:hover,.button-primary.button.button-hero:active,.download-button.button.button-hero.active,.download-button.button.button-hero.active:focus,.download-button.button.button-hero.active:hover,.download-button.button.button-hero:active,.plugin-upload-form .button-primary.button.button-hero.active,.plugin-upload-form .button-primary.button.button-hero.active:focus,.plugin-upload-form .button-primary.button.button-hero.active:hover,.plugin-upload-form .button-primary.button.button-hero:active{-webkit-box-shadow:inset 0 3px 0 #006799;box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#66c6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}.button-group>.button{-webkit-border-radius:0;border-radius:0;display:inline-block;margin-left:-1px;z-index:10}.button-group>.button-primary{z-index:100}.button-group>.button:hover{z-index:20}.button-group>.button:first-child{-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.button-group>.button:last-child{-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:48em){.button,.button.button-large,.button.button-small,.plugin-upload-form .button-primary{font-size:14px;height:auto;line-height:normal;margin-bottom:4px;padding:6px 14px;vertical-align:middle}}input,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:#fff;border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.07);color:#32373c;-webkit-transition:border-color .05s ease-in-out;transition:border-color .05s ease-in-out;-webkit-appearance:none}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{color:#111}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#5b9dd9;-webkit-box-shadow:0 0 2px rgba(30,140,190,.8);box-shadow:0 0 2px rgba(30,140,190,.8)}input[type=email],input[type=url]{direction:rtl}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{padding:6px 10px}input[type=number]{height:40px;line-height:inherit}input[type=checkbox],input[type=radio]{background:#fff;border:1px solid #b4b9be;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);clear:none;color:#555;cursor:pointer;display:inline-block;height:25px;line-height:0;margin:-4px 0 0 4px;min-width:16px;padding:0!important;text-align:center;-webkit-transition:border-color .05s ease-in-out;transition:border-color .05s ease-in-out;vertical-align:middle;width:25px}input[type=checkbox]{padding:10px}input[type=radio]{-webkit-border-radius:50%;border-radius:50%;line-height:10px;margin-left:4px}input[type=checkbox]:checked:before,input[type=radio]:checked:before{display:inline-block;float:right;font:normal 21px/1 dashicons;vertical-align:middle;width:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;speak:none}input[type=checkbox]:checked:before{color:#1e8cbe;content:"\f147";font:normal 30px/1 dashicons;margin:-3px -5px}input[type=radio]:checked:before{background-color:#1e8cbe;-webkit-border-radius:50px;border-radius:50px;content:"\2022";font-size:24px;height:9px;line-height:16px;margin:7px;text-indent:-9999px;vertical-align:middle;width:9px}@-moz-document url-prefix(){.form-table input.tog,input[type=checkbox],input[type=radio]{margin-bottom:-1px}}input[type=search]::-webkit-search-decoration{display:none}.ie8 input[type=password]{font-family:sans-serif}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{-webkit-border-radius:0;border-radius:0;font-size:16px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}input[type=file]{padding:3px 0}label{cursor:pointer}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}:-moz-placeholder{color:#a9a9a9}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{background:hsla(0,0%,100%,.5);border-color:hsla(0,0%,87%,.75);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.04);box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:rgba(51,51,51,.5)}input[type=file].disabled,input[type=file]:disabled,input[type=range].disabled,input[type=range]:disabled{background:none;-webkit-box-shadow:none;box-shadow:none}input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before{opacity:.7}fieldset label,label{vertical-align:middle}@media screen and (min-width:48em){input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{padding:0}input[type=number]{height:28px}input[type=checkbox]{padding:0}input[type=checkbox]:checked:before{font:normal 21px/1 dashicons;margin:-3px -4px 0 0}input[type=checkbox],input[type=radio]{height:16px;width:16px}input[type=radio]:checked:before{width:6px;height:6px;margin:4px}input,select,textarea{font-size:14px}}.plugin-upload-form fieldset{border:none;margin:0;padding:0}.plugin-upload-form legend{margin:16px 0;margin:1rem 0}.plugin-upload-form .category-checklist{list-style-type:none;margin:0 0 32px;margin:0 0 2rem}.plugin-upload-form .category-checklist li{float:right;padding:8px 0;padding:.5rem 0;width:50%}@media screen and (min-width:48em){.plugin-upload-form .category-checklist li{padding:0}.plugin-upload-form .category-checklist label{font-size:.8rem}}@media screen and (min-width:48em){.plugin-upload-form label.button{line-height:1.8}}.plugin-upload-form .plugin-file{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}a{color:#0073aa}a:visited{color:#0073aa}a:active,a:focus,a:hover{color:#0073aa;text-decoration:underline}a.button:active,a.button:focus,a.button:hover{text-decoration:none}a:focus{outline:thin dotted}a:active,a:hover{outline:0}p a:not(.button),p a:not(.button):hover{border:none}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{float:right;width:50%}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{float:left;text-align:left;width:50%}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{background-color:#f1f1f1;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.site-content[tabindex="-1"]:focus{outline:0}.no-js .hide-if-no-js{display:none}.alignleft{display:inline;float:right;margin-left:1.5em}.alignright{display:inline;float:left;margin-right:1.5em}.aligncenter{clear:both;display:block;margin-right:auto;margin-left:auto}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.plugin-meta:after,.plugin-meta:before,.plugin-upload-form .category-checklist:after,.plugin-upload-form .category-checklist:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.type-plugin .plugin-header:after,.type-plugin .plugin-header:before,.type-plugin:after,.type-plugin:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.plugin-meta:after,.plugin-upload-form .category-checklist:after,.site-content:after,.site-footer:after,.site-header:after,.type-plugin .plugin-header:after,.type-plugin:after{clear:both}#wporg-header h1{margin:auto}#wporg-header h2.rosetta{clear:none}#wporg-header form input{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:3px}#wporg-header .button{-webkit-box-shadow:none;box-shadow:none}#wporg-header .download-button{background-color:#21759b;background-image:-webkit-gradient(linear,right top,right bottom,from(#2a95c5),to(#21759b));background-image:-webkit-linear-gradient(top,#2a95c5,#21759b);background-image:linear-gradient(-180deg,#2a95c5,#21759b);border-bottom-color:#1e6a8d;border-color:#21759b;-webkit-box-shadow:inset 0 1px 0 rgba(120,200,230,.5);box-shadow:inset 0 1px 0 rgba(120,200,230,.5)}#wporg-header .download-button:focus,#wporg-header .download-button:hover{background-color:#278ab7;background-image:-webkit-gradient(linear,right top,right bottom,from(#2e9fd2),to(#21759b));background-image:-webkit-linear-gradient(top,#2e9fd2,#21759b);background-image:linear-gradient(-180deg,#2e9fd2,#21759b);border-color:#1b607f;-webkit-box-shadow:inset 0 1px 0 rgba(120,200,230,.6);box-shadow:inset 0 1px 0 rgba(120,200,230,.6);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3)}#wporg-header .download-button:active{background:#1b607f;background-image:-webkit-gradient(linear,right top,right bottom,from(#21759b),to(#278ab7));background-image:-webkit-linear-gradient(top,#21759b,#278ab7);background-image:linear-gradient(-180deg,#21759b,#278ab7);border-color:#124560 #2382ae #2382ae;-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(0,0,0,.1);color:hsla(0,0%,100%,.95);text-shadow:0 1px 0 rgba(0,0,0,.1);-webkit-transform:none;-ms-transform:none;transform:none}#wporg-header a:active,#wporg-header a:focus,#wporg-header a:hover{text-decoration:none}.infinite-scroll.neverending .site-footer,.infinite-scroll .posts-navigation{display:none}.infinity-end.neverending .site-footer{display:block}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-right:auto;margin-left:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;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-caption{display:block}.error-404 .page-title{text-align:center}.error-404 .page-content{text-align:center}.error-404 .page-content .logo-swing{height:160px;height:10rem;margin:96px auto;margin:6rem auto;position:relative;text-align:center;width:160px;width:10rem}.error-404 .page-content .logo-swing .wp-logo{right:0;max-width:none;position:absolute;top:0;width:160px;width:10rem}@-webkit-keyframes a{10%{width:180px;height:180px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{width:185px;height:185px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{width:180px;height:180px;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}40%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-transform-origin:top right;transform-origin:top right;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg);-webkit-transform-origin:top right;transform-origin:top right;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes a{10%{width:180px;height:180px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{width:185px;height:185px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{width:180px;height:180px;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}40%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-transform-origin:top right;transform-origin:top right;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg);-webkit-transform-origin:top right;transform-origin:top right;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:a;animation-name:a}.archive .site-main{margin-top:32px;margin-top:2rem;padding-top:0}.archive .page-header{margin:32px 0;margin:2rem 0}.plugin-section{border-bottom:2px solid #eee;margin:0 auto 76.293px;margin:0 auto 4.768371582rem;max-width:960px;padding-bottom:48.828px;padding-bottom:3.0517578125rem}.plugin-section:last-of-type{margin-bottom:0}.plugin-section .section-header{position:relative}.plugin-section .section-title{font-size:25px;font-size:1.5625rem;font-weight:400;margin-bottom:48px;margin-bottom:3rem}.plugin-section .section-link{font-size:16px;font-size:1rem;position:absolute;left:0;top:11.2px;top:.7rem}.page .entry-header{margin-top:32px;margin-top:2rem}.page .entry-header .entry-title{font-size:25px;font-size:1.5625rem;font-weight:400;margin:0 auto;max-width:568.434px;max-width:35.527136788rem}@media screen and (min-width:48em){.page .entry-header .entry-title{padding:0 2rem}}.page .entry-content h2{font-size:25px;font-size:1.5625rem;font-weight:400}.page .entry-content h3{font-size:16px;font-size:1rem;font-weight:600;letter-spacing:.16px;letter-spacing:.01rem;text-transform:uppercase}.page .entry-content section{padding:32px 0;padding:2rem 0}.page .entry-content section .container{margin:0 auto;max-width:568.434px;max-width:35.527136788rem}@media screen and (min-width:48em){.page .entry-content section .container{padding:0 2rem}}.page .entry-content section:first-of-type{padding-top:0}.page .entry-content section+section{border-top:2px solid #eee}.plugin-card{background-color:#f9f9f9;margin-bottom:4%;padding:15px 15px 8px;vertical-align:top}@media screen and (min-width:48em){.plugin-card{display:inline-block;margin-left:4%;width:48%}.plugin-card:nth-of-type(2n){margin-left:0}}.plugin-card .entry{display:inline-block;margin:auto;vertical-align:top}@media screen and (min-width:21em){.plugin-card .entry{width:-webkit-calc(96% - 128px);width:calc(96% - 128px)}}.plugin-card .entry-title{font-size:16px;font-size:1rem;line-height:1.3;margin:0 0 8px}.plugin-card .entry-title a{font-weight:400}.plugin-card .entry-excerpt{font-size:12.8px;font-size:.8rem}.plugin-card .entry-excerpt p{margin:0}.plugin-card hr{background-color:#fff;margin:15px -15px 8px}.plugin-card footer span{font-size:11.704px;font-size:.73152rem;width:48%;display:inline-block;overflow:hidden;white-space:nowrap}.plugin-card footer span i{display:inline-block;font-size:16px;font-size:1rem;margin-left:6.4px;margin-left:.4rem}.plugin-card footer span.last-updated{display:none}.plugin-card footer span.plugin-author{width:100%}.plugin-card footer .dashicons{margin:0 2px -16px;margin:0 2px -1rem;color:#bbb;width:auto;height:auto;display:none}@media (min-width:414px){.plugin-card footer .dashicons{display:inline-block}}.entry-thumbnail{display:none;max-width:128px}.entry-thumbnail .plugin-icon{-webkit-background-size:cover;background-size:cover;height:128px;width:128px}@media screen and (min-width:21em){.entry-thumbnail{display:inline-block;margin:0 0 0 4%;vertical-align:top}.entry-thumbnail a{display:block}}.single .entry-thumbnail{display:none;float:right;height:96px;margin-left:16px;margin-left:1rem;width:96px}@media screen and (min-width:26em){.single .entry-thumbnail{display:block}}.single .entry-thumbnail .plugin-icon{-webkit-background-size:contain!important;background-size:contain!important;height:96px!important;width:96px!important}[class*=dashicons-star-]{color:#ffb900}.rtl .dashicons-star-half{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.plugin-rating{line-height:1;margin:0 0 8px 10px}.plugin-rating .wporg-ratings{display:inline-block;margin-left:5px}.plugin-rating .rating-count{color:#999;font-size:12.8px;font-size:.8rem;top:-1px}.site-main.single .plugin-rating .rating-count{display:none}.plugin-rating .rating-count a{color:inherit;cursor:hand;text-decoration:none}@-webkit-keyframes b{0%{opacity:1;font-size:1rem;-webkit-text-stroke-color:transparent}25%{opacity:.6;color:#fff;font-size:.8rem;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#dc3232}75%{opacity:.6;color:#fff;font-size:1.42875rem;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#dc3232}to{opacity:1;font-size:1.25rem;-webkit-text-stroke-color:transparent}}@keyframes b{0%{opacity:1;font-size:1rem;-webkit-text-stroke-color:transparent}25%{opacity:.6;color:#fff;font-size:.8rem;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#dc3232}75%{opacity:.6;color:#fff;font-size:1.42875rem;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#dc3232}to{opacity:1;font-size:1.25rem;-webkit-text-stroke-color:transparent}}@-webkit-keyframes c{0%{font-size:1.42875rem}80%{font-size:1.25rem}}@keyframes c{0%{font-size:1.42875rem}80%{font-size:1.25rem}}.plugin-favorite{height:36px;text-align:center;vertical-align:top;width:36px}.plugin-favorite .plugin-favorite-heart{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:#cbcdce;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:20px;font-size:1.25rem;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;margin:0;outline:none;padding:0;-webkit-transition:all .2s ease;transition:all .2s ease}.plugin-favorite .plugin-favorite-heart.favorited{color:#dc3232}.plugin-favorite .plugin-favorite-heart:hover{-webkit-animation:c .3s infinite alternate;animation:c .3s infinite alternate}.plugin-favorite .plugin-favorite-heart:focus{outline:thin dotted}.plugin-favorite .plugin-favorite-heart:focus,.plugin-favorite .plugin-favorite-heart:hover{text-decoration:none}.plugin-favorite .plugin-favorite-heart:after{content:"\f487";font-family:dashicons;vertical-align:top}.plugin-favorite .plugin-favorite-heart.is-animating{-webkit-animation:b .3s;animation:b .3s}.plugin-banner{background-position:50% 50%;-webkit-background-size:100% 100%;background-size:100%;display:inline-block;font-size:0;line-height:0;margin:0 auto 18.288px;margin:0 auto 1.143rem;padding-top:32.38342%;vertical-align:middle;width:100%}@media screen and (min-width:60em){.plugin-banner{margin-top:1.5625rem}}.plugin-changelog{font-size:12.8px;font-size:.8rem}.plugin-changelog code{font-size:12.8px;font-size:.8rem}.plugin-changelog h4{margin-top:0}.plugin-developers{list-style-type:none;margin:0}.plugin-developers li{display:inline-block;margin:0 0 16px 4%;margin:0 0 1rem 4%;vertical-align:top;width:48%}.plugin-developers li:nth-of-type(2n){margin-left:0}.avatar{-webkit-border-radius:50%;border-radius:50%;margin-left:10px;vertical-align:middle;float:right}.plugin-faq h2:first-of-type{font-size:20px;font-size:1.25rem;font-weight:600;letter-spacing:.16px;letter-spacing:.01rem;text-transform:uppercase;border:none;color:#32373c;padding:0;text-transform:inherit}.plugin-faq dl{border-bottom:1px solid #eee}.plugin-faq dt{border-top:1px solid #eee;cursor:pointer;font-size:16px;font-size:1rem;font-weight:600;padding:16px 0;padding:1rem 0}.plugin-faq dt:before{content:"\f347";float:left;font-family:dashicons;margin:0 16px;margin:0 1rem}.plugin-faq dt.open:before{content:"\f343"}.plugin-faq dd{display:none;margin:0 0 16px;margin:0 0 1rem}.no-js .plugin-faq dd{display:block}.plugin-faq dd p{margin:0}.plugin-faq dd p+p{margin-top:16px;margin-top:1rem}.plugin-reviews{list-style-type:none;margin:0;padding:0}.plugin-reviews .plugin-review+.plugin-review{margin:32px 0 16px;margin:2rem 0 1rem}.plugin-reviews .review-avatar{display:none}.plugin-reviews .review,.plugin-reviews .review-author,.plugin-reviews .wporg-ratings{display:inline-block;vertical-align:top}.plugin-reviews .review-header{margin:0 0 8px;margin:0 0 .5rem}.plugin-reviews .review-title{font-size:16px;font-size:1rem;font-weight:600;letter-spacing:.16px;letter-spacing:.01rem;margin:0 0 8px;margin:0 0 .5rem;text-transform:inherit}.plugin-reviews .review-author{line-height:1.25;margin-right:10px}@media screen and (min-width:48em){.plugin-reviews .review-avatar{display:inline-block;vertical-align:top}.plugin-reviews .review-avatar .avatar{margin-left:1rem}.plugin-reviews .review{width:-webkit-calc(100% - 60px - 1rem);width:calc(100% - 60px - 1rem)}.plugin-reviews .review-header{margin:0}.plugin-reviews .review-author{line-height:1}}.reviews-link{display:inline-block;font-size:12.8px;font-size:.8rem;margin-top:8px;margin-top:.5rem;text-decoration:none}.reviews-link:after{content:"\f341";font-family:dashicons;vertical-align:text-top;padding-right:5px;float:left;position:relative;top:1px}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-gallery-content{position:relative}.image-gallery-content .image-gallery-left-nav,.image-gallery-content .image-gallery-right-nav{display:none;font-size:48.828px;font-size:3.0517578125rem;height:100%;position:absolute;top:0;z-index:4;border-color:#eee;-webkit-transition:background .1s ease,border .1s ease;transition:background .1s ease,border .1s ease}@media (max-width:768px){.image-gallery-content .image-gallery-left-nav,.image-gallery-content .image-gallery-right-nav{font-size:3.4em}}@media (min-width:768px){.image-gallery-content .image-gallery-left-nav:hover,.image-gallery-content .image-gallery-right-nav:hover{background:#fff;opacity:.8;border:1px solid #eee}}.image-gallery-content .image-gallery-left-nav:before,.image-gallery-content .image-gallery-right-nav:before{position:relative;font-family:dashicons}.image-gallery-content .image-gallery-left-nav{right:0}.image-gallery-content .image-gallery-left-nav:before{content:"\f345"}.image-gallery-content .image-gallery-left-nav:hover{margin-right:-1px}.image-gallery-content .image-gallery-right-nav{left:0}.image-gallery-content .image-gallery-right-nav:before{content:"\f341"}.image-gallery-content .image-gallery-right-nav:hover{margin-left:-1px}.image-gallery-content:hover .image-gallery-left-nav,.image-gallery-content:hover .image-gallery-right-nav{display:block}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;border:1px solid #eee}.image-gallery-slide{right:0;position:absolute;top:0;width:100%}.image-gallery-slide.center{position:relative}.image-gallery-slide .image-gallery-image{margin:0}.image-gallery-slide img{display:block;margin:0 auto}.image-gallery-slide .image-gallery-description{background:#f5f5f5;color:#32373c;line-height:1.5;padding:10px 20px;white-space:normal;font-size:12.8px;font-size:.8rem}@media (max-width:768px){.image-gallery-slide .image-gallery-description{font-size:.8rem;padding:8px 15px}}.image-gallery-thumbnails{background:#fff;margin-top:5px}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:table-cell;margin-left:5px;border:1px solid #eee;max-height:100px;overflow:hidden}.image-gallery-thumbnail .image-gallery-image{margin:0}.image-gallery-thumbnail img{vertical-align:middle;width:100px}@media (max-width:768px){.image-gallery-thumbnail img{width:75px}}.image-gallery-thumbnail:hover{-webkit-box-shadow:0 1px 8px rgba(0,0,0,.3);box-shadow:0 1px 8px rgba(0,0,0,.3)}.image-gallery-thumbnail.active{border:1px solid #337ab7}.image-gallery-thumbnail-label{color:#222;font-size:1em}@media (max-width:768px){.image-gallery-thumbnail-label{font-size:.8em}}.image-gallery-index{background:rgba(0,0,0,.4);bottom:0;color:#fff;line-height:1;padding:10px 20px;position:absolute;left:0;z-index:4}.plugin-screenshots{list-style-type:none;margin:0;padding:0}.plugin-screenshots h2:first-of-type{font-size:20px;font-size:1.25rem;border:none;color:#32373c;font-weight:600;padding:0;text-transform:inherit}.plugin-screenshots .image-gallery-slides{max-height:600px}.plugin-screenshots .image-gallery-thumbnail{vertical-align:top}.plugin-screenshots .image-gallery-thumbnail img{max-height:100px}.plugin-screenshots .image-gallery-thumbnails{overflow:hidden}.section.read-more{border-bottom:2px solid #eee;max-height:200px;overflow:hidden;padding-bottom:1px}.section.read-more.plugin-description{max-height:400px}.section.read-more.plugin-description.toggled{max-height:none}.section.read-more.toggled{max-height:none}.no-js .section.read-more{max-height:none;overflow:auto}.section h1,.section h2,.section h3{font-size:16px;font-size:1rem;font-weight:600;letter-spacing:.16px;letter-spacing:.01rem;text-transform:uppercase}.section h1:nth-child(2),.section h2:nth-child(2),.section h3:nth-child(2){margin-top:0}.section h4,.section h5,.section h6{font-size:12.8px;font-size:.8rem;font-weight:600;letter-spacing:.8px;letter-spacing:.05rem;text-transform:uppercase}.section h4:nth-child(2),.section h5:nth-child(2),.section h6:nth-child(2){margin-top:0}.section h2:first-of-type{font-size:20px;font-size:1.25rem;border:none;color:#32373c;font-weight:600;padding:0;text-transform:inherit}.section p:first-child{margin-top:0}.section-toggle{color:#0073aa;cursor:pointer;font-size:12.8px;font-size:.8rem;margin-top:8px;margin-top:.5rem;position:relative}.no-js .section-toggle{display:none}.section-toggle:after{content:"\f347";font-family:dashicons;padding-right:5px;vertical-align:text-top;position:relative;float:left;top:1px}.toggled+.section-toggle:after{content:"\f343"}.section-toggle:hover{text-decoration:underline}.type-plugin .plugin-notice{margin-top:0}.type-plugin .plugin-header{border-bottom:2px solid #eee;padding:18.288px 25px;padding:1.143rem 1.5625rem}.type-plugin .plugin-header .plugin-actions{float:left}.type-plugin .plugin-header .plugin-actions div{display:inline-block;text-align:center}.type-plugin .plugin-header .plugin-title{clear:none;font-size:25px;font-size:1.5625rem;font-weight:400;margin:0}.type-plugin .plugin-header .plugin-title a{color:inherit;text-decoration:none}.type-plugin .plugin-header .byline{color:#78848f}.type-plugin .plugin-banner+.plugin-header{padding-top:0}.type-plugin .entry-content,.type-plugin .entry-meta{padding:0 25px;padding:0 1.5625rem}.type-plugin .entry-content{max-width:768px;max-width:48rem}@media screen and (min-width:48em){.type-plugin .entry-content{float:right;padding:0;width:65%}}@media screen and (min-width:48em){.type-plugin .entry-content,.type-plugin .entry-meta,.type-plugin .plugin-header{padding-right:0;padding-left:0}.type-plugin .entry-meta{float:left;width:30%}}.search-form{font-size:0;margin-bottom:32px;margin-bottom:2rem;max-width:100%;position:relative}.search-form .search-field{border:none;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;font-size:16px;font-size:1rem;margin:0 auto;max-width:100%;padding:8px;padding:.5rem;width:363.797px;width:22.7373675443rem}.search-form .button-search{border-top:none;border-right:none;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;font-size:16px;font-size:1rem;position:relative;left:auto;top:auto;vertical-align:top}.search-form .button-search:active{background:#006799;border-left:1px solid #006799;-webkit-box-shadow:none;box-shadow:none}.search-form .button-search .dashicons{font-size:16px;font-size:1rem}.site-header .search-form{display:inline-block}.site-header.home .search-form .button-search,.site-main .search-form .button-search{background:transparent;border:none;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:#32373c;display:block;height:45px;padding:8px 16px;padding:.5rem 1rem;position:absolute;left:0;text-shadow:none;top:0}.site-header.home .search-form .button-search:focus,.site-main .search-form .button-search:focus{-webkit-box-shadow:0 0 2px 1px #33b3db;box-shadow:0 0 2px 1px #33b3db}.site-header.home .search-form .button-search:active,.site-main .search-form .button-search:active{background:transparent;border:none;-webkit-transform:none;-ms-transform:none;transform:none}.site-header:not(.home) .search-form{margin:0}.site-header:not(.home) .search-form .search-field{border:0;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;display:inline-block;font-size:16px;font-size:1rem;padding:5px 10px;position:relative;width:auto}@media screen and (min-width:48em){.site-header:not(.home) .search-form .search-field{font-size:.64rem;width:7rem}.site-header:not(.home) .search-form .search-field+.button-search{display:inline-block;margin-bottom:0}}@media screen and (min-width:60em){.site-header:not(.home) .search-form .search-field{width:10rem}}.site-main .search-form .search-field{border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.07);padding:8px;padding:.5rem;width:100%}.search .site-main{margin-top:32px;margin-top:2rem;padding-top:0}.search.search-results .page-header{margin:32px 0;margin:2rem 0}nav .nav-links{text-align:center}nav .nav-links .page-numbers{background-color:#f9f9f9;min-width:2em;padding:8px;display:inline-block;cursor:hand}nav .nav-links .page-numbers.dots,nav .nav-links .page-numbers.next,nav .nav-links .page-numbers.prev{width:auto;font-size:.9em;background:none}nav .nav-links .page-numbers.dots{cursor:inherit}nav .nav-links span.page-numbers{font-weight:700;background-color:#f7f7f7}.main-navigation{background:#0073aa;clear:both;right:0;position:absolute;top:60px;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-right:0}.main-navigation ul ul{-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2);box-shadow:0 3px 3px rgba(0,0,0,.2);float:right;right:-999em;position:absolute;top:1.5em;z-index:99999}.main-navigation ul ul ul{right:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{right:100%}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{right:auto}.main-navigation li{border-top:1px solid hsla(0,0%,100%,.2);padding:16px;padding:1rem}.main-navigation a{color:hsla(0,0%,100%,.8);display:block;font-size:12.8px;font-size:.8rem;text-decoration:none}.main-navigation a.active,.main-navigation a:hover{color:#fff}@media screen and (min-width:48em){.main-navigation a.active{border-bottom:1px solid}}.main-navigation.toggled ul{display:block}.menu-toggle{background:transparent;border:none;color:#fff;font-size:25px;font-size:1.5625rem;height:56px;height:3.5rem;overflow:hidden;position:absolute;left:16px;left:1rem;top:-58px;width:56px;width:3.5rem;-webkit-appearance:none}.toggled .menu-toggle:before{content:"\f343"}@media screen and (min-width:48em){.menu-toggle{display:none}.main-navigation{float:left;position:relative;width:auto;top:auto}.main-navigation.toggled{padding:1px 0}.main-navigation ul{display:inline-block;font-size:0}.main-navigation ul li{border:0;display:inline-block;font-size:1rem;margin-left:1rem;padding:0}.main-navigation ul li:last-of-type{margin-left:0}}.site-description{color:hsla(0,0%,100%,.8);font-size:20px;font-size:1.25rem;font-weight:300;margin:-6.4px auto 32px;margin:-.4rem auto 2rem;text-align:center}.site-title{display:inline-block;font-size:25px;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 0 0 32px;margin:0 0 0 2rem;max-width:none}.site-title a{color:#fff;font-weight:300}.site-title a:active,.site-title a:focus,.site-title a:hover{text-decoration:none}.site-header.home .site-title{display:inherit;font-size:61.035px;font-size:3.8146972656rem;margin:32px 0 16px;margin:2rem 0 1rem}.site-header{background:#0073aa;padding:16px 0;padding:1rem 0;position:relative}.site-header .site-branding{margin:0 auto;max-width:960px;padding:0 25px;padding:0 1.5625rem}@media screen and (min-width:48em){.site-header .site-branding{padding:0 10px}}.site-header.home{padding:25px 18.288px;padding:1.5625rem 1.143rem;text-align:center}.site-main{margin:0 auto;max-width:960px;padding:48.828px 25px;padding:3.0517578125rem 1.5625rem}@media screen and (min-width:48em){.site-main{padding:3.0517578125rem 10px}}.single .site-main,.site-main.single{padding:0}@media screen and (min-width:48em){.single .site-main,.site-main.single{padding:0 10px 3.0517578125rem}}.page .site-main,.site-main.page{padding-top:0}.site-main .page-title{font-size:25px;font-size:1.5625rem;font-weight:400}.site-main .no-results{margin:0 auto;max-width:568.434px;max-width:35.527136788rem;padding:0 32px;padding:0 2rem}.widget-area{margin:0 auto;max-width:960px;padding:0 25px 48.828px;padding:0 1.5625rem 3.0517578125rem}@media screen and (min-width:48em){.widget-area{padding:0 10px 3.0517578125rem}}.committer-list{font-size:12.8px;font-size:.8rem;list-style:none;margin:0}.committer-list li{padding-bottom:8px;padding-bottom:.5rem}.committer-list li .remove{color:red;visibility:hidden}.committer-list li:hover .remove{visibility:visible}.committer-list .spinner{position:relative}.committer-list .spinner:after{content:"";display:block;width:20px;height:20px;position:absolute;left:-50%;top:50%;margin:-10px 0 0 -10px;background:url(/wp-admin/images/spinner.gif) no-repeat 50%;-webkit-background-size:20px 20px;background-size:20px 20px;-webkit-transform:translateZ(0);transform:translateZ(0)}@media (-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi),print{.committer-list .spinner:after{background-image:url(/wp-admin/images/spinner-2x.gif)}}.plugin-meta{margin-top:32px;margin-top:2rem}.plugin-meta ul{font-size:12.8px;font-size:.8rem;list-style-type:none;margin:0;padding:0}.plugin-meta li{border-top:1px solid #eee;padding:8px 0;padding:.5rem 0}.plugin-meta li strong{float:left}.plugin-meta .tags{float:left;text-align:left;width:60%}.plugin-meta [rel=tag]{background:#eee;-webkit-border-radius:2px;border-radius:2px;color:#000;display:inline-block;font-size:10.24px;font-size:.64rem;margin:2px;padding:3px 6px;position:relative;white-space:nowrap;width:auto}.plugin-meta [rel=tag]:hover{background:#f3f3f3}.plugin-meta [rel=tag]:active{background:#dfdfdf}.plugin-ratings{font-size:12.8px;font-size:.8rem;position:relative}.plugin-ratings .reviews-link{position:absolute;left:0;top:0}.plugin-ratings .reviews-link:after{content:"\f341";font-family:dashicons;padding-right:5px;vertical-align:top}.plugin-ratings [class*=dashicons-star-]{color:#ffb900;display:inline-block;font-size:25px;font-size:1.5625rem;height:auto;margin:0;width:auto}.plugin-ratings .ratings-list{list-style-type:none;margin:16px 0;margin:1rem 0;padding:0}.plugin-ratings .ratings-list .counter-container,.plugin-ratings .ratings-list .counter-container a{width:100%}.plugin-ratings .ratings-list .counter-container:hover,.plugin-ratings .ratings-list .counter-container a:hover{text-decoration:none}.plugin-ratings .ratings-list .counter-label{display:inline-block;min-width:58px}.plugin-ratings .ratings-list .counter-back,.plugin-ratings .ratings-list .counter-bar{display:inline-block;height:16px;height:1rem;vertical-align:middle}.plugin-ratings .ratings-list .counter-back{background-color:#ececec;width:58%;width:-webkit-calc(100% - 130px);width:calc(100% - 130px)}.plugin-ratings .ratings-list .counter-bar{background-color:#ffc733;display:block}.plugin-ratings .ratings-list .counter-count{margin-right:3px}.home .widget,.widget-area.home .widget{display:inline-block;font-size:12.8px;font-size:.8rem;margin:0;vertical-align:top}@media screen and (min-width:48em){.home .widget,.widget-area.home .widget{margin-left:5%;width:30%}.home .widget:last-child,.widget-area.home .widget:last-child{margin-left:0}}.home .widget select,.widget-area.home .widget select{max-width:100%}.entry-meta .widget-title{font-size:20px;font-size:1.25rem;border:none;color:#32373c;font-weight:600;padding:0}.plugin-support{font-size:12.8px;font-size:.8rem}.plugin-support .counter-container{margin-bottom:16px;margin-bottom:1rem;position:relative}.plugin-support .counter-back,.plugin-support .counter-bar{display:inline-block;height:30px;vertical-align:middle}.plugin-support .counter-back{background-color:#ececec;width:100%}.plugin-support .counter-bar{background-color:#c7e8ca;display:block}.plugin-support .counter-count{font-size:10.24px;font-size:.64rem;right:8px;position:absolute;top:8px;width:100%;width:-webkit-calc(100% - 8px);width:calc(100% - 8px)}@media screen and (min-width:48em){.plugin-support .counter-count{top:5px}}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

    r5024 r5117  
    1 /*--------------------------------------------------------------
    2 # Normalize
    3 --------------------------------------------------------------*/
    4 html {
    5   font-family: sans-serif;
    6   -webkit-text-size-adjust: 100%;
    7   -ms-text-size-adjust: 100%;
    8 }
    9 
    10 body {
    11   margin: 0;
    12 }
    13 
    14 article,
    15 aside,
    16 details,
    17 figcaption,
    18 figure,
    19 footer,
    20 header,
    21 main,
    22 menu,
    23 nav,
    24 section,
    25 summary {
    26   display: block;
    27 }
    28 
    29 audio,
    30 canvas,
    31 progress,
    32 video {
    33   display: inline-block;
    34   vertical-align: baseline;
    35 }
    36 
    37 audio:not([controls]) {
    38   display: none;
    39   height: 0;
    40 }
    41 
    42 [hidden],
    43 template {
    44   display: none;
    45 }
    46 
    47 a {
    48   background-color: transparent;
    49 }
    50 
    51 a:active,
    52 a:hover {
    53   outline: 0;
    54 }
    55 
    56 abbr[title] {
    57   border-bottom: 1px dotted;
    58 }
    59 
    60 b,
    61 strong {
    62   font-weight: bold;
    63 }
    64 
    65 dfn {
    66   font-style: italic;
    67 }
    68 
    69 h1 {
    70   font-size: 2em;
    71   margin: 0.67em 0;
    72 }
    73 
    74 mark {
    75   background: #ff0;
    76   color: #000;
    77 }
    78 
    79 small {
    80   font-size: 80%;
    81 }
    82 
    83 sub,
    84 sup {
    85   font-size: 75%;
    86   line-height: 0;
    87   position: relative;
    88   vertical-align: baseline;
    89 }
    90 
    91 sup {
    92   top: -0.5em;
    93 }
    94 
    95 sub {
    96   bottom: -0.25em;
    97 }
    98 
    99 img {
    100   border: 0;
    101 }
    102 
    103 svg:not(:root) {
    104   overflow: hidden;
    105 }
    106 
    107 figure {
    108   margin: 1em 40px;
    109 }
    110 
    111 hr {
    112   -webkit-box-sizing: content-box;
    113   -moz-box-sizing: content-box;
    114   box-sizing: content-box;
    115   height: 0;
    116 }
    117 
    118 pre {
    119   overflow: auto;
    120 }
    121 
    122 code,
    123 kbd,
    124 pre,
    125 samp {
    126   font-family: monospace, monospace;
    127   font-size: 1em;
    128 }
    129 
    130 button,
    131 input,
    132 optgroup,
    133 select,
    134 textarea {
    135   color: inherit;
    136   font: inherit;
    137   margin: 0;
    138 }
    139 
    140 button {
    141   overflow: visible;
    142 }
    143 
    144 button,
    145 select {
    146   text-transform: none;
    147 }
    148 
    149 button,
    150 html input[type="button"],
    151 input[type="reset"],
    152 input[type="submit"] {
    153   -webkit-appearance: button;
    154   cursor: pointer;
    155 }
    156 
    157 button[disabled],
    158 html input[disabled] {
    159   cursor: default;
    160 }
    161 
    162 button::-moz-focus-inner,
    163 input::-moz-focus-inner {
    164   border: 0;
    165   padding: 0;
    166 }
    167 
    168 input {
    169   line-height: normal;
    170 }
    171 
    172 input[type="checkbox"],
    173 input[type="radio"] {
    174   -webkit-box-sizing: border-box;
    175   -moz-box-sizing: border-box;
    176   box-sizing: border-box;
    177   padding: 0;
    178 }
    179 
    180 input[type="number"]::-webkit-inner-spin-button,
    181 input[type="number"]::-webkit-outer-spin-button {
    182   height: auto;
    183 }
    184 
    185 input[type="search"]::-webkit-search-cancel-button,
    186 input[type="search"]::-webkit-search-decoration {
    187   -webkit-appearance: none;
    188 }
    189 
    190 fieldset {
    191   border: 1px solid #c0c0c0;
    192   margin: 0 2px;
    193   padding: 0.35em 0.625em 0.75em;
    194 }
    195 
    196 legend {
    197   border: 0;
    198   padding: 0;
    199 }
    200 
    201 textarea {
    202   overflow: auto;
    203 }
    204 
    205 optgroup {
    206   font-weight: bold;
    207 }
    208 
    209 table {
    210   border-collapse: collapse;
    211   border-spacing: 0;
    212 }
    213 
    214 td,
    215 th {
    216   padding: 0;
    217 }
    218 
    219 /*--------------------------------------------------------------
    220 # Typography
    221 --------------------------------------------------------------*/
    222 html {
    223   font-size: 100%;
    224 }
    225 
    226 body,
    227 button,
    228 input,
    229 select,
    230 textarea {
    231   color: #32373c;
    232   font-family: "Open Sans", sans-serif;
    233   font-size: 100%;
    234   line-height: 1.5;
    235 }
    236 
    237 @media screen and (min-width: 48em) {
    238   html {
    239     font-size: 1.125rem;
    240   }
    241 }
    242 
    243 h1, h2, h3, h4, h5, h6 {
    244   clear: both;
    245   font-family: inherit;
    246   line-height: 1.5;
    247   margin: 32px 0 16px;
    248   margin: 2rem 0 1rem;
    249 }
    250 
    251 h1 {
    252   font-size: 61.035px;
    253   font-size: 3.8146972656rem;
    254   font-weight: 300;
    255 }
    256 
    257 h1.title {
    258   font-size: 12.8px;
    259   font-size: 0.8rem;
    260   color: #0073aa;
    261   font-weight: 600;
    262   letter-spacing: 0.8px;
    263   letter-spacing: 0.05rem;
    264   text-transform: uppercase;
    265 }
    266 
    267 h2 {
    268   font-size: 39.062px;
    269   font-size: 2.44140625rem;
    270   font-weight: 300;
    271 }
    272 
    273 h3 {
    274   font-size: 25px;
    275   font-size: 1.5625rem;
    276   font-weight: 400;
    277 }
    278 
    279 h4 {
    280   font-size: 20px;
    281   font-size: 1.25rem;
    282   border: none;
    283   color: #32373c;
    284   font-weight: 600;
    285   padding: 0;
    286 }
    287 
    288 h5 {
    289   font-size: 16px;
    290   font-size: 1rem;
    291   font-weight: 600;
    292   letter-spacing: 0.16px;
    293   letter-spacing: 0.01rem;
    294   text-transform: uppercase;
    295 }
    296 
    297 h6 {
    298   font-size: 12.8px;
    299   font-size: 0.8rem;
    300   font-weight: 600;
    301   letter-spacing: 0.8px;
    302   text-transform: uppercase;
    303 }
    304 
    305 p {
    306   margin: 1em 0;
    307 }
    308 
    309 p.subheading {
    310   color: #82878c;
    311   font-size: 20px;
    312   font-size: 1.25rem;
    313   font-weight: 300;
    314   margin: -6.4px auto 32px;
    315   margin: -0.4rem auto 2rem;
    316   text-align: center;
    317 }
    318 
    319 p.intro {
    320   font-size: 20px;
    321   font-size: 1.25rem;
    322 }
    323 
    324 p.aside {
    325   font-size: 12.8px;
    326   font-size: 0.8rem;
    327 }
    328 
    329 p.note {
    330   font-size: 10.24px;
    331   font-size: 0.64rem;
    332   letter-spacing: 0.16px;
    333   letter-spacing: 0.01rem;
    334   max-width: 291.038px;
    335   max-width: 18.1898940355rem;
    336 }
    337 
    338 dfn, cite, em, i {
    339   font-style: italic;
    340 }
    341 
    342 blockquote {
    343   margin: 0 1.5em;
    344 }
    345 
    346 address {
    347   margin: 0 0 1.5em;
    348 }
    349 
    350 pre {
    351   background: #eee;
    352   font-family: "Courier 10 Pitch", Courier, monospace;
    353   font-size: 15px;
    354   font-size: 0.9375rem;
    355   line-height: 1.6;
    356   margin-bottom: 1.6em;
    357   max-width: 100%;
    358   overflow: auto;
    359   padding: 1.6em;
    360 }
    361 
    362 code, kbd, tt, var {
    363   font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    364   font-size: 15px;
    365   font-size: 0.9375rem;
    366 }
    367 
    368 abbr, acronym {
    369   border-bottom: 1px dotted #666;
    370   cursor: help;
    371 }
    372 
    373 mark, ins {
    374   background: #fff9c0;
    375   text-decoration: none;
    376 }
    377 
    378 big {
    379   font-size: 125%;
    380 }
    381 
    382 .feedback-survey {
    383   background: #fff;
    384   -webkit-border-radius: 3px 0 0 3px;
    385   border-radius: 3px 0 0 3px;
    386   -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    387   box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    388   display: block;
    389   font-size: 12.8px;
    390   font-size: 0.8rem;
    391   padding: 5px 10px;
    392   position: fixed;
    393   right: 0;
    394   top: 200px;
    395   width: 40px;
    396   z-index: 100;
    397 }
    398 
    399 .feedback-survey .survey-msg {
    400   display: none;
    401 }
    402 
    403 .feedback-survey:hover {
    404   width: auto;
    405 }
    406 
    407 .feedback-survey:hover .survey-msg {
    408   display: inline-block;
    409 }
    410 
    411 .feedback-survey a:hover {
    412   text-decoration: none;
    413 }
    414 
    415 .feedback-survey .dashicons-megaphone {
    416   margin: 2px 10px 0 0;
    417 }
    418 
    419 /*--------------------------------------------------------------
    420 # Elements
    421 --------------------------------------------------------------*/
    422 html {
    423   -webkit-box-sizing: border-box;
    424   -moz-box-sizing: border-box;
    425   box-sizing: border-box;
    426 }
    427 
    428 *,
    429 *:before,
    430 *:after {
    431   /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    432   -webkit-box-sizing: inherit;
    433   -moz-box-sizing: inherit;
    434   box-sizing: inherit;
    435 }
    436 
    437 body {
    438   background: #fff;
    439   /* Fallback for when there is no custom background color defined. */
    440 }
    441 
    442 blockquote, q {
    443   quotes: "" "";
    444 }
    445 
    446 blockquote:before, blockquote:after, q:before, q:after {
    447   content: "";
    448 }
    449 
    450 blockquote {
    451   background: transparent;
    452   border: none;
    453   padding: 0;
    454   border-left: 2px solid #eee;
    455   color: #82878c;
    456   font-style: italic;
    457   margin: 16px 0;
    458   margin: 1rem 0;
    459   padding-left: 16px;
    460   padding-left: 1rem;
    461 }
    462 
    463 blockquote cite {
    464   font-size: 12.8px;
    465   font-size: 0.8rem;
    466 }
    467 
    468 hr {
    469   background-color: #eee;
    470   border: 0;
    471   height: 2px;
    472   margin: 80px auto;
    473   margin: 5rem auto;
    474 }
    475 
    476 ul, ol {
    477   margin: 0 0 1.5em 3em;
    478 }
    479 
    480 ul {
    481   list-style: disc;
    482 }
    483 
    484 ol {
    485   list-style: decimal;
    486 }
    487 
    488 li > ul,
    489 li > ol {
    490   margin-bottom: 0;
    491   margin-left: 1.5em;
    492 }
    493 
    494 dt {
    495   font-weight: bold;
    496 }
    497 
    498 dd {
    499   margin: 0 1.5em 1.5em;
    500 }
    501 
    502 img {
    503   height: auto;
    504   /* Make sure images are scaled correctly. */
    505   max-width: 100%;
    506   /* Adhere to container width. */
    507 }
    508 
    509 table {
    510   margin: 0 0 1.5em;
    511   width: 100%;
    512 }
    513 
    514 .notice {
    515   background: #fff;
    516   border-left: 4px solid #fff;
    517   -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    518   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    519   margin: 1em 0;
    520   padding: 1px 12px;
    521 }
    522 
    523 .notice p {
    524   font-size: 12.8px;
    525   font-size: 0.8rem;
    526   margin: 0.5em 0;
    527   padding: 2px;
    528 }
    529 
    530 .notice.notice-alt {
    531   -webkit-box-shadow: none;
    532   box-shadow: none;
    533 }
    534 
    535 .notice.notice-large {
    536   padding: 10px 20px;
    537 }
    538 
    539 .notice.notice-success {
    540   border-left-color: #46b450;
    541 }
    542 
    543 .notice.notice-success.notice-alt {
    544   background-color: #ecf7ed;
    545 }
    546 
    547 .notice.notice-warning {
    548   border-left-color: #ffb900;
    549 }
    550 
    551 .notice.notice-warning.notice-alt {
    552   background-color: #fff8e5;
    553 }
    554 
    555 .notice.notice-error {
    556   border-left-color: #dc3232;
    557 }
    558 
    559 .notice.notice-error.notice-alt {
    560   background-color: #fbeaea;
    561 }
    562 
    563 .notice.notice-info {
    564   border-left-color: #00a0d2;
    565 }
    566 
    567 .notice.notice-info.notice-alt {
    568   background-color: #e5f5fa;
    569 }
    570 
    571 .locale-banner {
    572   background: #C7E8CA;
    573   font-size: 12.8px;
    574   font-size: 0.8rem;
    575   padding: 8px;
    576   padding: 0.5rem;
    577   text-align: center;
    578 }
    579 
    580 @media (min-width: 67rem) {
    581   .locale-banner {
    582     margin: 1rem auto 0;
    583     max-width: 960px;
    584   }
    585 }
    586 
    587 /*--------------------------------------------------------------
    588 # Forms
    589 --------------------------------------------------------------*/
    590 /* ----------------------------------------------------------------------------
    591   1.0 - Button Layouts
    592 ---------------------------------------------------------------------------- */
    593 .button,
    594 .button-primary,
    595 .button-secondary,
    596 .plugin-upload-form .button-primary {
    597   border: 1px solid;
    598   -webkit-border-radius: 3px;
    599   border-radius: 3px;
    600   -webkit-box-sizing: border-box;
    601   -moz-box-sizing: border-box;
    602   box-sizing: border-box;
    603   cursor: pointer;
    604   display: inline-block;
    605   font-size: 12.8px;
    606   font-size: 0.8rem;
    607   height: 25px;
    608   height: 1.5625rem;
    609   line-height: 1;
    610   margin: 0;
    611   padding: 0 12.8px;
    612   padding: 0 0.8rem;
    613   text-decoration: none;
    614   white-space: nowrap;
    615   -webkit-appearance: none;
    616 }
    617 
    618 /* Remove the dotted border on :focus and the extra padding in Firefox */
    619 button::-moz-focus-inner,
    620 input[type="reset"]::-moz-focus-inner,
    621 input[type="button"]::-moz-focus-inner,
    622 input[type="submit"]::-moz-focus-inner {
    623   border: 0 none;
    624   padding: 0;
    625 }
    626 
    627 .button.button-large,
    628 .button-group.button-large .button {
    629   height: 31.25px;
    630   height: 1.953125rem;
    631   line-height: 1;
    632   padding: 0 16px;
    633   padding: 0 1rem;
    634 }
    635 
    636 .button.button-small,
    637 .button-group.button-small .button {
    638   font-size: 10.24px;
    639   font-size: 0.64rem;
    640   height: 20px;
    641   height: 1.25rem;
    642   line-height: 1;
    643   padding: 0 8px;
    644   padding: 0 0.5rem;
    645 }
    646 
    647 a.button,
    648 a.button-primary,
    649 a.button-secondary {
    650   line-height: 25px;
    651   line-height: 1.5625rem;
    652 }
    653 
    654 a.button.button-large,
    655 .button-group.button-large a.button {
    656   line-height: 31.25px;
    657   line-height: 1.953125rem;
    658 }
    659 
    660 a.button.button-small,
    661 .button-group.button-small a.button {
    662   line-height: 20px;
    663   line-height: 1.25rem;
    664 }
    665 
    666 .button:active,
    667 .button:focus {
    668   outline: none;
    669 }
    670 
    671 .button.hidden {
    672   display: none;
    673 }
    674 
    675 /* Style Reset buttons as simple text links */
    676 input[type="reset"],
    677 input[type="reset"]:hover,
    678 input[type="reset"]:active,
    679 input[type="reset"]:focus {
    680   background: none;
    681   border: none;
    682   -webkit-box-shadow: none;
    683   box-shadow: none;
    684   padding: 0 2px 1px;
    685   width: auto;
    686 }
    687 
    688 /* ----------------------------------------------------------------------------
    689   2.0 - Default Button Style
    690 ---------------------------------------------------------------------------- */
    691 .button,
    692 .button:visited,
    693 .button-secondary {
    694   background: #f7f7f7;
    695   border-color: #cccccc;
    696   -webkit-box-shadow: 0 1px 0 #cccccc;
    697   box-shadow: 0 1px 0 #cccccc;
    698   color: #555;
    699   vertical-align: top;
    700 }
    701 
    702 p .button {
    703   vertical-align: baseline;
    704 }
    705 
    706 .button.hover,
    707 .button:hover,
    708 .button-secondary:hover,
    709 .button.focus,
    710 .button:focus,
    711 .button-secondary:focus {
    712   background: #fafafa;
    713   border-color: #999;
    714   color: #23282d;
    715 }
    716 
    717 .button.focus,
    718 .button:focus,
    719 .button-secondary:focus,
    720 .button-link:focus {
    721   border-color: #5b9dd9;
    722   -webkit-box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    723   box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    724 }
    725 
    726 .button.active,
    727 .button.active:hover,
    728 .button:active,
    729 .button-secondary:active {
    730   background: #eee;
    731   border-color: #999;
    732   -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    733   box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    734   -webkit-transform: translateY(1px);
    735   -ms-transform: translateY(1px);
    736   transform: translateY(1px);
    737 }
    738 
    739 .button.active:focus {
    740   border-color: #5b9dd9;
    741   -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
    742   box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
    743 }
    744 
    745 .button[disabled],
    746 .button:disabled,
    747 .button.disabled,
    748 .button-secondary[disabled],
    749 .button-secondary:disabled,
    750 .button-secondary.disabled,
    751 .button-disabled {
    752   background: #f7f7f7 !important;
    753   border-color: #ddd !important;
    754   -webkit-box-shadow: none !important;
    755   box-shadow: none !important;
    756   color: #a0a5aa !important;
    757   cursor: default;
    758   text-shadow: 0 1px 0 #fff !important;
    759   -webkit-transform: none !important;
    760   -ms-transform: none !important;
    761   transform: none !important;
    762 }
    763 
    764 /* Buttons that look like links, for a cross of good semantics with the visual */
    765 .button-link {
    766   background: none;
    767   border: 0;
    768   -webkit-border-radius: 0;
    769   border-radius: 0;
    770   -webkit-box-shadow: none;
    771   box-shadow: none;
    772   cursor: pointer;
    773   margin: 0;
    774   outline: none;
    775   padding: 0;
    776 }
    777 
    778 .button-link:focus {
    779   outline: #5b9dd9 solid 1px;
    780 }
    781 
    782 /* ----------------------------------------------------------------------------
    783   3.0 - Primary Button Style
    784 ---------------------------------------------------------------------------- */
    785 .button-primary,
    786 .download-button,
    787 .plugin-upload-form .button-primary {
    788   background: #0085ba;
    789   border-color: #0073aa #006799 #006799;
    790   -webkit-box-shadow: 0 1px 0 #006799;
    791   box-shadow: 0 1px 0 #006799;
    792   color: #fff;
    793   text-decoration: none;
    794   text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
    795 }
    796 
    797 .button-primary:visited,
    798 .download-button:visited,
    799 .plugin-upload-form .button-primary:visited {
    800   background: #0085ba;
    801   border-color: #0073aa #006799 #006799;
    802   -webkit-box-shadow: 0 1px 0 #006799;
    803   box-shadow: 0 1px 0 #006799;
    804   color: #fff;
    805 }
    806 
    807 .button-primary.hover, .button-primary:hover, .button-primary.focus, .button-primary:focus,
    808 .download-button.hover,
    809 .download-button:hover,
    810 .download-button.focus,
    811 .download-button:focus,
    812 .plugin-upload-form .button-primary.hover,
    813 .plugin-upload-form .button-primary:hover,
    814 .plugin-upload-form .button-primary.focus,
    815 .plugin-upload-form .button-primary:focus {
    816   background: #008ec2;
    817   border-color: #006799;
    818   -webkit-box-shadow: 0 1px 0 #006799;
    819   box-shadow: 0 1px 0 #006799;
    820   color: #fff;
    821 }
    822 
    823 .button-primary.focus, .button-primary:focus,
    824 .download-button.focus,
    825 .download-button:focus,
    826 .plugin-upload-form .button-primary.focus,
    827 .plugin-upload-form .button-primary:focus {
    828   -webkit-box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
    829   box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
    830 }
    831 
    832 .button-primary.active, .button-primary.active:hover, .button-primary.active:focus, .button-primary:active,
    833 .download-button.active,
    834 .download-button.active:hover,
    835 .download-button.active:focus,
    836 .download-button:active,
    837 .plugin-upload-form .button-primary.active,
    838 .plugin-upload-form .button-primary.active:hover,
    839 .plugin-upload-form .button-primary.active:focus,
    840 .plugin-upload-form .button-primary:active {
    841   background: #0073aa;
    842   border-color: #006799;
    843   -webkit-box-shadow: inset 0 2px 0 #006799;
    844   box-shadow: inset 0 2px 0 #006799;
    845   vertical-align: top;
    846 }
    847 
    848 .button-primary[disabled], .button-primary:disabled, .button-primary.disabled,
    849 .download-button[disabled],
    850 .download-button:disabled,
    851 .download-button.disabled,
    852 .plugin-upload-form .button-primary[disabled],
    853 .plugin-upload-form .button-primary:disabled,
    854 .plugin-upload-form .button-primary.disabled {
    855   background: #008ec2 !important;
    856   border-color: #007cb2 !important;
    857   -webkit-box-shadow: none !important;
    858   box-shadow: none !important;
    859   color: #66c6e4 !important;
    860   cursor: default;
    861   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
    862 }
    863 
    864 .button-primary.button.button-hero,
    865 .download-button.button.button-hero,
    866 .plugin-upload-form .button-primary.button.button-hero {
    867   -webkit-box-shadow: 0 2px 0 #006799;
    868   box-shadow: 0 2px 0 #006799;
    869 }
    870 
    871 .button-primary.button.button-hero.active, .button-primary.button.button-hero.active:hover, .button-primary.button.button-hero.active:focus, .button-primary.button.button-hero:active,
    872 .download-button.button.button-hero.active,
    873 .download-button.button.button-hero.active:hover,
    874 .download-button.button.button-hero.active:focus,
    875 .download-button.button.button-hero:active,
    876 .plugin-upload-form .button-primary.button.button-hero.active,
    877 .plugin-upload-form .button-primary.button.button-hero.active:hover,
    878 .plugin-upload-form .button-primary.button.button-hero.active:focus,
    879 .plugin-upload-form .button-primary.button.button-hero:active {
    880   -webkit-box-shadow: inset 0 3px 0 #006799;
    881   box-shadow: inset 0 3px 0 #006799;
    882 }
    883 
    884 .button-primary-disabled {
    885   background: #008ec2 !important;
    886   border-color: #007cb2 !important;
    887   -webkit-box-shadow: none !important;
    888   box-shadow: none !important;
    889   color: #66c6e4 !important;
    890   cursor: default;
    891   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
    892 }
    893 
    894 /* ----------------------------------------------------------------------------
    895   4.0 - Button Groups
    896 ---------------------------------------------------------------------------- */
    897 .button-group {
    898   display: inline-block;
    899   font-size: 0;
    900   position: relative;
    901   vertical-align: middle;
    902   white-space: nowrap;
    903 }
    904 
    905 .button-group > .button {
    906   -webkit-border-radius: 0;
    907   border-radius: 0;
    908   display: inline-block;
    909   margin-right: -1px;
    910   z-index: 10;
    911 }
    912 
    913 .button-group > .button-primary {
    914   z-index: 100;
    915 }
    916 
    917 .button-group > .button:hover {
    918   z-index: 20;
    919 }
    920 
    921 .button-group > .button:first-child {
    922   -webkit-border-radius: 3px 0 0 3px;
    923   border-radius: 3px 0 0 3px;
    924 }
    925 
    926 .button-group > .button:last-child {
    927   -webkit-border-radius: 0 3px 3px 0;
    928   border-radius: 0 3px 3px 0;
    929 }
    930 
    931 .button-group > .button:focus {
    932   position: relative;
    933   z-index: 1;
    934 }
    935 
    936 /* ----------------------------------------------------------------------------
    937   5.0 - Responsive Button Styles
    938 ---------------------------------------------------------------------------- */
    939 @media screen and (max-width: 48em) {
    940   .button,
    941   .button.button-large,
    942   .button.button-small,
    943   .plugin-upload-form .button-primary {
    944     font-size: 14px;
    945     height: auto;
    946     line-height: normal;
    947     margin-bottom: 4px;
    948     padding: 6px 14px;
    949     vertical-align: middle;
    950   }
    951 }
    952 
    953 /* Include margin and padding in the width calculation of input and textarea. */
    954 input,
    955 textarea {
    956   -webkit-box-sizing: border-box;
    957   -moz-box-sizing: border-box;
    958   box-sizing: border-box;
    959 }
    960 
    961 input[type="text"],
    962 input[type="password"],
    963 input[type="checkbox"],
    964 input[type="color"],
    965 input[type="date"],
    966 input[type="datetime"],
    967 input[type="datetime-local"],
    968 input[type="email"],
    969 input[type="month"],
    970 input[type="number"],
    971 input[type="password"],
    972 input[type="search"],
    973 input[type="radio"],
    974 input[type="tel"],
    975 input[type="text"],
    976 input[type="time"],
    977 input[type="url"],
    978 input[type="week"],
    979 select,
    980 textarea {
    981   background-color: #fff;
    982   border: 1px solid #ddd;
    983   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    984   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    985   color: #32373c;
    986   -webkit-transition: 0.05s border-color ease-in-out;
    987   transition: 0.05s border-color ease-in-out;
    988   -webkit-appearance: none;
    989 }
    990 
    991 input[type="text"]:focus,
    992 input[type="password"]:focus,
    993 input[type="checkbox"]:focus,
    994 input[type="color"]:focus,
    995 input[type="date"]:focus,
    996 input[type="datetime"]:focus,
    997 input[type="datetime-local"]:focus,
    998 input[type="email"]:focus,
    999 input[type="month"]:focus,
    1000 input[type="number"]:focus,
    1001 input[type="password"]:focus,
    1002 input[type="search"]:focus,
    1003 input[type="radio"]:focus,
    1004 input[type="tel"]:focus,
    1005 input[type="text"]:focus,
    1006 input[type="time"]:focus,
    1007 input[type="url"]:focus,
    1008 input[type="week"]:focus,
    1009 select:focus,
    1010 textarea:focus {
    1011   color: #111;
    1012 }
    1013 
    1014 input[type="text"]:focus,
    1015 input[type="password"]:focus,
    1016 input[type="color"]:focus,
    1017 input[type="date"]:focus,
    1018 input[type="datetime"]:focus,
    1019 input[type="datetime-local"]:focus,
    1020 input[type="email"]:focus,
    1021 input[type="month"]:focus,
    1022 input[type="number"]:focus,
    1023 input[type="password"]:focus,
    1024 input[type="search"]:focus,
    1025 input[type="tel"]:focus,
    1026 input[type="text"]:focus,
    1027 input[type="time"]:focus,
    1028 input[type="url"]:focus,
    1029 input[type="week"]:focus,
    1030 input[type="checkbox"]:focus,
    1031 input[type="radio"]:focus,
    1032 select:focus,
    1033 textarea:focus {
    1034   border-color: #5b9dd9;
    1035   -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
    1036   box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
    1037 }
    1038 
    1039 /* rtl:ignore */
    1040 input[type="email"],
    1041 input[type="url"] {
    1042   direction: ltr;
    1043 }
    1044 
    1045 input[type="text"],
    1046 input[type="email"],
    1047 input[type="search"],
    1048 input[type="password"],
    1049 input[type="number"] {
    1050   padding: 6px 10px;
    1051 }
    1052 
    1053 /* Vertically align the number selector with the input. */
    1054 input[type="number"] {
    1055   height: 40px;
    1056   line-height: inherit;
    1057 }
    1058 
    1059 input[type="checkbox"],
    1060 input[type="radio"] {
    1061   background: #fff;
    1062   border: 1px solid #b4b9be;
    1063   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    1064   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    1065   clear: none;
    1066   color: #555;
    1067   cursor: pointer;
    1068   display: inline-block;
    1069   height: 25px;
    1070   line-height: 0;
    1071   margin: -4px 4px 0 0;
    1072   min-width: 16px;
    1073   padding: 0 !important;
    1074   text-align: center;
    1075   -webkit-transition: .05s border-color ease-in-out;
    1076   transition: .05s border-color ease-in-out;
    1077   vertical-align: middle;
    1078   width: 25px;
    1079 }
    1080 
    1081 input[type="checkbox"] {
    1082   padding: 10px;
    1083 }
    1084 
    1085 input[type="radio"] {
    1086   -webkit-border-radius: 50%;
    1087   border-radius: 50%;
    1088   line-height: 10px;
    1089   margin-right: 4px;
    1090 }
    1091 
    1092 input[type="checkbox"]:checked:before,
    1093 input[type="radio"]:checked:before {
    1094   display: inline-block;
    1095   float: left;
    1096   font: normal 21px/1 dashicons;
    1097   vertical-align: middle;
    1098   width: 16px;
    1099   -moz-osx-font-smoothing: grayscale;
    1100   -webkit-font-smoothing: antialiased;
    1101   speak: none;
    1102 }
    1103 
    1104 input[type="checkbox"]:checked:before {
    1105   color: #1e8cbe;
    1106   content: "\f147";
    1107   font: normal 30px/1 dashicons;
    1108   margin: -3px -5px;
    1109 }
    1110 
    1111 input[type="radio"]:checked:before {
    1112   background-color: #1e8cbe;
    1113   -webkit-border-radius: 50px;
    1114   border-radius: 50px;
    1115   content: "\2022";
    1116   font-size: 24px;
    1117   height: 9px;
    1118   line-height: 16px;
    1119   margin: 7px;
    1120   text-indent: -9999px;
    1121   vertical-align: middle;
    1122   width: 9px;
    1123 }
    1124 
    1125 @-moz-document url-prefix() {
    1126   input[type="checkbox"],
    1127   input[type="radio"],
    1128   .form-table input.tog {
    1129     margin-bottom: -1px;
    1130   }
    1131 }
    1132 
    1133 /* Search */
    1134 input[type="search"]::-webkit-search-decoration {
    1135   display: none;
    1136 }
    1137 
    1138 .ie8 input[type="password"] {
    1139   font-family: sans-serif;
    1140 }
    1141 
    1142 textarea,
    1143 input,
    1144 select,
    1145 button {
    1146   font-family: inherit;
    1147   font-size: inherit;
    1148   font-weight: inherit;
    1149 }
    1150 
    1151 textarea,
    1152 input,
    1153 select {
    1154   -webkit-border-radius: 0;
    1155   border-radius: 0;
    1156   font-size: 16px;
    1157   padding: 3px 5px;
    1158   /* Reset mobile webkit's default element styling */
    1159 }
    1160 
    1161 textarea {
    1162   line-height: 1.4;
    1163   overflow: auto;
    1164   padding: 2px 6px;
    1165   resize: vertical;
    1166 }
    1167 
    1168 input[type="file"] {
    1169   padding: 3px 0;
    1170 }
    1171 
    1172 label {
    1173   cursor: pointer;
    1174 }
    1175 
    1176 input.readonly,
    1177 input[readonly],
    1178 textarea.readonly,
    1179 textarea[readonly] {
    1180   background-color: #eee;
    1181 }
    1182 
    1183 :-moz-placeholder {
    1184   color: #a9a9a9;
    1185 }
    1186 
    1187 input:disabled,
    1188 input.disabled,
    1189 select:disabled,
    1190 select.disabled,
    1191 textarea:disabled,
    1192 textarea.disabled {
    1193   background: rgba(255, 255, 255, 0.5);
    1194   border-color: rgba(222, 222, 222, 0.75);
    1195   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    1196   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    1197   color: rgba(51, 51, 51, 0.5);
    1198 }
    1199 
    1200 input[type="file"]:disabled,
    1201 input[type="file"].disabled,
    1202 input[type="range"]:disabled,
    1203 input[type="range"].disabled {
    1204   background: none;
    1205   -webkit-box-shadow: none;
    1206   box-shadow: none;
    1207 }
    1208 
    1209 input[type="checkbox"]:disabled,
    1210 input[type="checkbox"].disabled,
    1211 input[type="radio"]:disabled,
    1212 input[type="radio"].disabled,
    1213 input[type="checkbox"]:disabled:checked:before,
    1214 input[type="checkbox"].disabled:checked:before,
    1215 input[type="radio"]:disabled:checked:before,
    1216 input[type="radio"].disabled:checked:before {
    1217   opacity: 0.7;
    1218 }
    1219 
    1220 label,
    1221 fieldset label {
    1222   vertical-align: middle;
    1223 }
    1224 
    1225 /* =Media Queries
    1226 -------------------------------------------------------------- */
    1227 @media screen and (min-width: 48em) {
    1228   /* Input Elements */
    1229   input[type="text"],
    1230   input[type="email"],
    1231   input[type="search"],
    1232   input[type="password"],
    1233   input[type="number"] {
    1234     padding: 0;
    1235   }
    1236   input[type="number"] {
    1237     height: 28px;
    1238   }
    1239   input[type="checkbox"] {
    1240     padding: 0;
    1241   }
    1242   input[type="checkbox"]:checked:before {
    1243     font: normal 21px/1 dashicons;
    1244     margin: -3px 0 0 -4px;
    1245   }
    1246   input[type="radio"],
    1247   input[type="checkbox"] {
    1248     height: 16px;
    1249     width: 16px;
    1250   }
    1251   input[type="radio"]:checked:before {
    1252     width: 6px;
    1253     height: 6px;
    1254     margin: 4px;
    1255   }
    1256   textarea,
    1257   input,
    1258   select {
    1259     font-size: 14px;
    1260   }
    1261 }
    1262 
    1263 .plugin-upload-form fieldset {
    1264   border: none;
    1265   margin: 0;
    1266   padding: 0;
    1267 }
    1268 
    1269 .plugin-upload-form legend {
    1270   margin: 16px 0;
    1271   margin: 1rem 0;
    1272 }
    1273 
    1274 .plugin-upload-form .category-checklist {
    1275   list-style-type: none;
    1276   margin: 0 0 32px;
    1277   margin: 0 0 2rem;
    1278 }
    1279 
    1280 .plugin-upload-form .category-checklist li {
    1281   float: left;
    1282   padding: 8px 0;
    1283   padding: 0.5rem 0;
    1284   width: 50%;
    1285 }
    1286 
    1287 @media screen and (min-width: 48em) {
    1288   .plugin-upload-form .category-checklist li {
    1289     padding: 0;
    1290   }
    1291   .plugin-upload-form .category-checklist label {
    1292     font-size: 0.8rem;
    1293   }
    1294 }
    1295 
    1296 @media screen and (min-width: 48em) {
    1297   .plugin-upload-form label.button {
    1298     line-height: 1.8;
    1299   }
    1300 }
    1301 
    1302 .plugin-upload-form .plugin-file {
    1303   height: 0.1px;
    1304   opacity: 0;
    1305   overflow: hidden;
    1306   position: absolute;
    1307   width: 0.1px;
    1308   z-index: -1;
    1309 }
    1310 
    1311 /*--------------------------------------------------------------
    1312 # Navigation
    1313 --------------------------------------------------------------*/
    1314 /*--------------------------------------------------------------
    1315 ## Links
    1316 --------------------------------------------------------------*/
    1317 a {
    1318   color: #0073aa;
    1319 }
    1320 
    1321 a:visited {
    1322   /* Override wp4.css */
    1323   color: #0073aa;
    1324 }
    1325 
    1326 a:hover, a:focus, a:active {
    1327   /* Override wp4.css */
    1328   color: #0073aa;
    1329   text-decoration: underline;
    1330 }
    1331 
    1332 a.button:hover, a.button:focus, a.button:active {
    1333   text-decoration: none;
    1334 }
    1335 
    1336 a:focus {
    1337   outline: thin dotted;
    1338 }
    1339 
    1340 a:hover, a:active {
    1341   outline: 0;
    1342 }
    1343 
    1344 p a:not(.button),
    1345 p a:not(.button):hover {
    1346   border: none;
    1347 }
    1348 
    1349 /*--------------------------------------------------------------
    1350 ## Menus
    1351 --------------------------------------------------------------*/
    1352 .site-main .comment-navigation, .site-main
    1353 .posts-navigation, .site-main
    1354 .post-navigation {
    1355   margin: 0 0 1.5em;
    1356   overflow: hidden;
    1357 }
    1358 
    1359 .comment-navigation .nav-previous,
    1360 .posts-navigation .nav-previous,
    1361 .post-navigation .nav-previous {
    1362   float: left;
    1363   width: 50%;
    1364 }
    1365 
    1366 .comment-navigation .nav-next,
    1367 .posts-navigation .nav-next,
    1368 .post-navigation .nav-next {
    1369   float: right;
    1370   text-align: right;
    1371   width: 50%;
    1372 }
    1373 
    1374 /*--------------------------------------------------------------
    1375 # Accessibility
    1376 --------------------------------------------------------------*/
    1377 /* Text meant only for screen readers. */
    1378 .screen-reader-text {
    1379   clip: rect(1px, 1px, 1px, 1px);
    1380   height: 1px;
    1381   overflow: hidden;
    1382   position: absolute !important;
    1383   width: 1px;
    1384 }
    1385 
    1386 .screen-reader-text:focus {
    1387   background-color: #f1f1f1;
    1388   -webkit-border-radius: 3px;
    1389   border-radius: 3px;
    1390   -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    1391   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    1392   clip: auto !important;
    1393   color: #21759b;
    1394   display: block;
    1395   font-size: 14px;
    1396   font-size: 0.875rem;
    1397   font-weight: bold;
    1398   height: auto;
    1399   left: 5px;
    1400   line-height: normal;
    1401   padding: 15px 23px 14px;
    1402   text-decoration: none;
    1403   top: 5px;
    1404   width: auto;
    1405   z-index: 100000;
    1406   /* Above WP toolbar. */
    1407 }
    1408 
    1409 /* Do not show the outline on the skip link target. */
    1410 .site-content[tabindex="-1"]:focus {
    1411   outline: 0;
    1412 }
    1413 
    1414 /* hide elements if JS isn't available. */
    1415 .no-js .hide-if-no-js {
    1416   display: none;
    1417 }
    1418 
    1419 /*--------------------------------------------------------------
    1420 # Alignments
    1421 --------------------------------------------------------------*/
    1422 .alignleft {
    1423   display: inline;
    1424   float: left;
    1425   margin-right: 1.5em;
    1426 }
    1427 
    1428 .alignright {
    1429   display: inline;
    1430   float: right;
    1431   margin-left: 1.5em;
    1432 }
    1433 
    1434 .aligncenter {
    1435   clear: both;
    1436   display: block;
    1437   margin-left: auto;
    1438   margin-right: auto;
    1439 }
    1440 
    1441 /*--------------------------------------------------------------
    1442 # Clearings
    1443 --------------------------------------------------------------*/
    1444 .clear:before, .plugin-upload-form .category-checklist:before, .type-plugin:before, .type-plugin .plugin-header:before, .plugin-meta:before,
    1445 .clear:after,
    1446 .plugin-upload-form .category-checklist:after,
    1447 .type-plugin:after,
    1448 .type-plugin .plugin-header:after,
    1449 .plugin-meta:after,
    1450 .entry-content:before,
    1451 .entry-content:after,
    1452 .comment-content:before,
    1453 .comment-content:after,
    1454 .site-header:before,
    1455 .site-header:after,
    1456 .site-content:before,
    1457 .site-content:after,
    1458 .site-footer:before,
    1459 .site-footer:after {
    1460   content: "";
    1461   display: table;
    1462   table-layout: fixed;
    1463 }
    1464 
    1465 .clear:after, .plugin-upload-form .category-checklist:after, .type-plugin:after, .type-plugin .plugin-header:after, .plugin-meta:after,
    1466 .entry-content:after,
    1467 .comment-content:after,
    1468 .site-header:after,
    1469 .site-content:after,
    1470 .site-footer:after {
    1471   clear: both;
    1472 }
    1473 
    1474 /*--------------------------------------------------------------
    1475 # WP.org Header
    1476 --------------------------------------------------------------*/
    1477 #wporg-header h1 {
    1478   margin: auto;
    1479 }
    1480 
    1481 #wporg-header h2.rosetta {
    1482   clear: none;
    1483 }
    1484 
    1485 #wporg-header form input {
    1486   -webkit-box-sizing: content-box;
    1487   -moz-box-sizing: content-box;
    1488   box-sizing: content-box;
    1489   padding: 3px;
    1490 }
    1491 
    1492 #wporg-header .button {
    1493   -webkit-box-shadow: none;
    1494   box-shadow: none;
    1495 }
    1496 
    1497 #wporg-header .download-button {
    1498   background-color: #21759b;
    1499   background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
    1500   background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    1501   background-image: linear-gradient(to bottom, #2a95c5, #21759b);
    1502   border-bottom-color: #1e6a8d;
    1503   border-color: #21759b;
    1504   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    1505   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    1506 }
    1507 
    1508 #wporg-header .download-button:hover, #wporg-header .download-button:focus {
    1509   background-color: #278ab7;
    1510   background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
    1511   background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    1512   background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
    1513   border-color: #1b607f;
    1514   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    1515   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    1516   color: #fff;
    1517   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    1518 }
    1519 
    1520 #wporg-header .download-button:active {
    1521   background: #1b607f;
    1522   background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
    1523   background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
    1524   background-image: linear-gradient(to bottom, #21759b, #278ab7);
    1525   border-color: #124560 #2382ae #2382ae #2382ae;
    1526   -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    1527   box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    1528   color: rgba(255, 255, 255, 0.95);
    1529   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    1530   -webkit-transform: none;
    1531   -ms-transform: none;
    1532   transform: none;
    1533 }
    1534 
    1535 #wporg-header a:hover,
    1536 #wporg-header a:focus,
    1537 #wporg-header a:active {
    1538   text-decoration: none;
    1539 }
    1540 
    1541 /*--------------------------------------------------------------
    1542 # Infinite scroll
    1543 --------------------------------------------------------------*/
    1544 /* Globally hidden elements when Infinite Scroll is supported and in use. */
    1545 .infinite-scroll .posts-navigation,
    1546 .infinite-scroll.neverending .site-footer {
    1547   /* Theme Footer (when set to scrolling) */
    1548   display: none;
    1549 }
    1550 
    1551 /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
    1552 .infinity-end.neverending .site-footer {
    1553   display: block;
    1554 }
    1555 
    1556 /*--------------------------------------------------------------
    1557 # Media
    1558 --------------------------------------------------------------*/
    1559 .page-content .wp-smiley,
    1560 .entry-content .wp-smiley,
    1561 .comment-content .wp-smiley {
    1562   border: none;
    1563   margin-bottom: 0;
    1564   margin-top: 0;
    1565   padding: 0;
    1566 }
    1567 
    1568 /* Make sure embeds and iframes fit their containers. */
    1569 embed,
    1570 iframe,
    1571 object {
    1572   max-width: 100%;
    1573 }
    1574 
    1575 /*--------------------------------------------------------------
    1576 ## Captions
    1577 --------------------------------------------------------------*/
    1578 .wp-caption {
    1579   margin-bottom: 1.5em;
    1580   max-width: 100%;
    1581 }
    1582 
    1583 .wp-caption img[class*="wp-image-"] {
    1584   display: block;
    1585   margin-left: auto;
    1586   margin-right: auto;
    1587 }
    1588 
    1589 .wp-caption .wp-caption-text {
    1590   margin: 0.8075em 0;
    1591 }
    1592 
    1593 .wp-caption-text {
    1594   text-align: center;
    1595 }
    1596 
    1597 /*--------------------------------------------------------------
    1598 ## Galleries
    1599 --------------------------------------------------------------*/
    1600 .gallery {
    1601   margin-bottom: 1.5em;
    1602 }
    1603 
    1604 .gallery-item {
    1605   display: inline-block;
    1606   text-align: center;
    1607   vertical-align: top;
    1608   width: 100%;
    1609 }
    1610 
    1611 .gallery-columns-2 .gallery-item {
    1612   max-width: 50%;
    1613 }
    1614 
    1615 .gallery-columns-3 .gallery-item {
    1616   max-width: 33.33%;
    1617 }
    1618 
    1619 .gallery-columns-4 .gallery-item {
    1620   max-width: 25%;
    1621 }
    1622 
    1623 .gallery-columns-5 .gallery-item {
    1624   max-width: 20%;
    1625 }
    1626 
    1627 .gallery-columns-6 .gallery-item {
    1628   max-width: 16.66%;
    1629 }
    1630 
    1631 .gallery-columns-7 .gallery-item {
    1632   max-width: 14.28%;
    1633 }
    1634 
    1635 .gallery-columns-8 .gallery-item {
    1636   max-width: 12.5%;
    1637 }
    1638 
    1639 .gallery-columns-9 .gallery-item {
    1640   max-width: 11.11%;
    1641 }
    1642 
    1643 .gallery-caption {
    1644   display: block;
    1645 }
    1646 
    1647 /*--------------------------------------------------------------
    1648 # Components
    1649 --------------------------------------------------------------*/
    1650 .error-404 .page-title {
    1651   text-align: center;
    1652 }
    1653 
    1654 .error-404 .page-content {
    1655   text-align: center;
    1656 }
    1657 
    1658 .error-404 .page-content .logo-swing {
    1659   height: 160px;
    1660   height: 10rem;
    1661   margin: 96px auto;
    1662   margin: 6rem auto;
    1663   position: relative;
    1664   text-align: center;
    1665   width: 160px;
    1666   width: 10rem;
    1667 }
    1668 
    1669 .error-404 .page-content .logo-swing .wp-logo {
    1670   left: 0;
    1671   max-width: none;
    1672   position: absolute;
    1673   top: 0;
    1674   width: 160px;
    1675   width: 10rem;
    1676 }
    1677 
    1678 @-webkit-keyframes hinge {
    1679   10% {
    1680     width: 180px;
    1681     height: 180px;
    1682     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1683     transform: rotate3d(0, 0, 1, 0deg);
    1684   }
    1685   15% {
    1686     width: 185px;
    1687     height: 185px;
    1688     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1689     transform: rotate3d(0, 0, 1, 0deg);
    1690   }
    1691   20% {
    1692     width: 180px;
    1693     height: 180px;
    1694     -webkit-transform: rotate3d(0, 0, 1, 5deg);
    1695     transform: rotate3d(0, 0, 1, 5deg);
    1696   }
    1697   40% {
    1698     -webkit-transform-origin: top left;
    1699     transform-origin: top left;
    1700     -webkit-animation-timing-function: ease-in-out;
    1701     animation-timing-function: ease-in-out;
    1702   }
    1703   60% {
    1704     -webkit-transform: rotate3d(0, 0, 1, 40deg);
    1705     transform: rotate3d(0, 0, 1, 40deg);
    1706     -webkit-transform-origin: top left;
    1707     transform-origin: top left;
    1708     -webkit-animation-timing-function: ease-in-out;
    1709     animation-timing-function: ease-in-out;
    1710   }
    1711   40%, 80% {
    1712     -webkit-transform: rotate3d(0, 0, 1, 60deg);
    1713     transform: rotate3d(0, 0, 1, 60deg);
    1714     -webkit-transform-origin: top left;
    1715     transform-origin: top left;
    1716     -webkit-animation-timing-function: ease-in-out;
    1717     animation-timing-function: ease-in-out;
    1718     opacity: 1;
    1719   }
    1720   to {
    1721     -webkit-transform: translate3d(0, 700px, 0);
    1722     transform: translate3d(0, 700px, 0);
    1723     opacity: 0;
    1724   }
    1725 }
    1726 
    1727 @keyframes hinge {
    1728   10% {
    1729     width: 180px;
    1730     height: 180px;
    1731     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1732     transform: rotate3d(0, 0, 1, 0deg);
    1733   }
    1734   15% {
    1735     width: 185px;
    1736     height: 185px;
    1737     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1738     transform: rotate3d(0, 0, 1, 0deg);
    1739   }
    1740   20% {
    1741     width: 180px;
    1742     height: 180px;
    1743     -webkit-transform: rotate3d(0, 0, 1, 5deg);
    1744     transform: rotate3d(0, 0, 1, 5deg);
    1745   }
    1746   40% {
    1747     -webkit-transform-origin: top left;
    1748     transform-origin: top left;
    1749     -webkit-animation-timing-function: ease-in-out;
    1750     animation-timing-function: ease-in-out;
    1751   }
    1752   60% {
    1753     -webkit-transform: rotate3d(0, 0, 1, 40deg);
    1754     transform: rotate3d(0, 0, 1, 40deg);
    1755     -webkit-transform-origin: top left;
    1756     transform-origin: top left;
    1757     -webkit-animation-timing-function: ease-in-out;
    1758     animation-timing-function: ease-in-out;
    1759   }
    1760   40%, 80% {
    1761     -webkit-transform: rotate3d(0, 0, 1, 60deg);
    1762     transform: rotate3d(0, 0, 1, 60deg);
    1763     -webkit-transform-origin: top left;
    1764     transform-origin: top left;
    1765     -webkit-animation-timing-function: ease-in-out;
    1766     animation-timing-function: ease-in-out;
    1767     opacity: 1;
    1768   }
    1769   to {
    1770     -webkit-transform: translate3d(0, 700px, 0);
    1771     transform: translate3d(0, 700px, 0);
    1772     opacity: 0;
    1773   }
    1774 }
    1775 
    1776 .hinge {
    1777   -webkit-animation-duration: 2s;
    1778   animation-duration: 2s;
    1779   -webkit-animation-name: hinge;
    1780   animation-name: hinge;
    1781 }
    1782 
    1783 .archive .site-main {
    1784   margin-top: 32px;
    1785   margin-top: 2rem;
    1786   padding-top: 0;
    1787 }
    1788 
    1789 .archive .page-header {
    1790   margin: 32px 0;
    1791   margin: 2rem 0;
    1792 }
    1793 
    1794 .plugin-section {
    1795   border-bottom: 2px solid #eee;
    1796   margin: 0 auto 76.293px;
    1797   margin: 0 auto 4.768371582rem;
    1798   max-width: 960px;
    1799   padding-bottom: 48.828px;
    1800   padding-bottom: 3.0517578125rem;
    1801 }
    1802 
    1803 .plugin-section:last-of-type {
    1804   margin-bottom: 0;
    1805 }
    1806 
    1807 .plugin-section .section-header {
    1808   position: relative;
    1809 }
    1810 
    1811 .plugin-section .section-title {
    1812   font-size: 25px;
    1813   font-size: 1.5625rem;
    1814   font-weight: 400;
    1815   margin-bottom: 48px;
    1816   margin-bottom: 3rem;
    1817 }
    1818 
    1819 .plugin-section .section-link {
    1820   font-size: 16px;
    1821   font-size: 1rem;
    1822   position: absolute;
    1823   right: 0;
    1824   top: 11.2px;
    1825   top: 0.7rem;
    1826 }
    1827 
    1828 .page .entry-header {
    1829   margin-top: 32px;
    1830   margin-top: 2rem;
    1831 }
    1832 
    1833 .page .entry-header .entry-title {
    1834   font-size: 25px;
    1835   font-size: 1.5625rem;
    1836   font-weight: 400;
    1837   margin: 0 auto;
    1838   max-width: 568.434px;
    1839   max-width: 35.527136788rem;
    1840 }
    1841 
    1842 @media screen and (min-width: 48em) {
    1843   .page .entry-header .entry-title {
    1844     padding: 0 2rem;
    1845   }
    1846 }
    1847 
    1848 .page .entry-content h2 {
    1849   font-size: 25px;
    1850   font-size: 1.5625rem;
    1851   font-weight: 400;
    1852 }
    1853 
    1854 .page .entry-content h3 {
    1855   font-size: 16px;
    1856   font-size: 1rem;
    1857   font-weight: 600;
    1858   letter-spacing: 0.16px;
    1859   letter-spacing: 0.01rem;
    1860   text-transform: uppercase;
    1861 }
    1862 
    1863 .page .entry-content section {
    1864   padding: 32px 0;
    1865   padding: 2rem 0;
    1866 }
    1867 
    1868 .page .entry-content section .container {
    1869   margin: 0 auto;
    1870   max-width: 568.434px;
    1871   max-width: 35.527136788rem;
    1872 }
    1873 
    1874 @media screen and (min-width: 48em) {
    1875   .page .entry-content section .container {
    1876     padding: 0 2rem;
    1877   }
    1878 }
    1879 
    1880 .page .entry-content section:first-of-type {
    1881   padding-top: 0;
    1882 }
    1883 
    1884 .page .entry-content section + section {
    1885   border-top: 2px solid #eee;
    1886 }
    1887 
    1888 .plugin-card {
    1889   background-color: #f9f9f9;
    1890   margin-bottom: 4%;
    1891   padding: 15px 15px 8px;
    1892   vertical-align: top;
    1893 }
    1894 
    1895 @media screen and (min-width: 48em) {
    1896   .plugin-card {
    1897     display: inline-block;
    1898     margin-right: 4%;
    1899     width: 48%;
    1900   }
    1901   .plugin-card:nth-of-type(even) {
    1902     margin-right: 0;
    1903   }
    1904 }
    1905 
    1906 .plugin-card .entry {
    1907   display: inline-block;
    1908   margin: auto;
    1909   vertical-align: top;
    1910 }
    1911 
    1912 @media screen and (min-width: 21em) {
    1913   .plugin-card .entry {
    1914     width: -webkit-calc(96% - 128px);
    1915     width: calc(96% - 128px);
    1916   }
    1917 }
    1918 
    1919 .plugin-card .entry-title {
    1920   font-size: 16px;
    1921   font-size: 1rem;
    1922   line-height: 1.3;
    1923   margin: 0 0 8px;
    1924 }
    1925 
    1926 .plugin-card .entry-title a {
    1927   font-weight: 400;
    1928 }
    1929 
    1930 .plugin-card .entry-excerpt {
    1931   font-size: 12.8px;
    1932   font-size: 0.8rem;
    1933 }
    1934 
    1935 .plugin-card .entry-excerpt p {
    1936   margin: 0;
    1937 }
    1938 
    1939 .plugin-card hr {
    1940   background-color: #fff;
    1941   margin: 15px -15px 8px;
    1942 }
    1943 
    1944 .plugin-card footer span {
    1945   font-size: 11.704px;
    1946   font-size: 0.73152rem;
    1947   width: 48%;
    1948   display: inline-block;
    1949   overflow: hidden;
    1950   white-space: nowrap;
    1951 }
    1952 
    1953 .plugin-card footer span i {
    1954   display: inline-block;
    1955   font-size: 16px;
    1956   font-size: 1rem;
    1957   margin-right: 6.4px;
    1958   margin-right: 0.4rem;
    1959 }
    1960 
    1961 .plugin-card footer span.last-updated {
    1962   display: none;
    1963 }
    1964 
    1965 .plugin-card footer span.plugin-author {
    1966   width: 100%;
    1967 }
    1968 
    1969 .plugin-card footer .dashicons {
    1970   margin: 0 2px -16px;
    1971   margin: 0 2px -1rem;
    1972   color: #bbb;
    1973   width: auto;
    1974   height: auto;
    1975   display: none;
    1976 }
    1977 
    1978 @media (min-width: 414px) {
    1979   .plugin-card footer .dashicons {
    1980     display: inline-block;
    1981   }
    1982 }
    1983 
    1984 .entry-thumbnail {
    1985   display: none;
    1986   max-width: 128px;
    1987 }
    1988 
    1989 .entry-thumbnail .plugin-icon {
    1990   -webkit-background-size: cover;
    1991   background-size: cover;
    1992   height: 128px;
    1993   width: 128px;
    1994 }
    1995 
    1996 @media screen and (min-width: 21em) {
    1997   .entry-thumbnail {
    1998     display: inline-block;
    1999     margin: 0 4% 0 0;
    2000     vertical-align: top;
    2001   }
    2002   .entry-thumbnail a {
    2003     display: block;
    2004   }
    2005 }
    2006 
    2007 .single .entry-thumbnail {
    2008   display: none;
    2009   float: left;
    2010   height: 96px;
    2011   margin-right: 16px;
    2012   margin-right: 1rem;
    2013   width: 96px;
    2014 }
    2015 
    2016 @media screen and (min-width: 26em) {
    2017   .single .entry-thumbnail {
    2018     display: block;
    2019   }
    2020 }
    2021 
    2022 .single .entry-thumbnail .plugin-icon {
    2023   -webkit-background-size: contain !important;
    2024   background-size: contain !important;
    2025   height: 96px !important;
    2026   width: 96px !important;
    2027 }
    2028 
    2029 [class*='dashicons-star-'] {
    2030   color: #ffb900;
    2031 }
    2032 
    2033 .rtl .dashicons-star-half {
    2034   -webkit-transform: rotateY(180deg);
    2035   transform: rotateY(180deg);
    2036 }
    2037 
    2038 .plugin-rating {
    2039   line-height: 1;
    2040   margin: 0 10px 8px 0;
    2041 }
    2042 
    2043 .plugin-rating .wporg-ratings {
    2044   display: inline-block;
    2045   margin-right: 5px;
    2046 }
    2047 
    2048 .plugin-rating .rating-count {
    2049   color: #999;
    2050   font-size: 12.8px;
    2051   font-size: 0.8rem;
    2052   top: -1px;
    2053 }
    2054 
    2055 .site-main.single .plugin-rating .rating-count {
    2056   display: none;
    2057 }
    2058 
    2059 .plugin-rating .rating-count a {
    2060   color: inherit;
    2061   cursor: hand;
    2062   text-decoration: none;
    2063 }
    2064 
    2065 @-webkit-keyframes favme-anime {
    2066   0% {
    2067     opacity: 1;
    2068     font-size: 1rem;
    2069     -webkit-text-stroke-color: transparent;
    2070   }
    2071   25% {
    2072     opacity: 0.6;
    2073     color: #fff;
    2074     font-size: 0.8rem;
    2075     -webkit-text-stroke-width: 1px;
    2076     -webkit-text-stroke-color: #dc3232;
    2077   }
    2078   75% {
    2079     opacity: 0.6;
    2080     color: #fff;
    2081     font-size: 1.42875rem;
    2082     -webkit-text-stroke-width: 1px;
    2083     -webkit-text-stroke-color: #dc3232;
    2084   }
    2085   100% {
    2086     opacity: 1;
    2087     font-size: 1.25rem;
    2088     -webkit-text-stroke-color: transparent;
    2089   }
    2090 }
    2091 
    2092 @keyframes favme-anime {
    2093   0% {
    2094     opacity: 1;
    2095     font-size: 1rem;
    2096     -webkit-text-stroke-color: transparent;
    2097   }
    2098   25% {
    2099     opacity: 0.6;
    2100     color: #fff;
    2101     font-size: 0.8rem;
    2102     -webkit-text-stroke-width: 1px;
    2103     -webkit-text-stroke-color: #dc3232;
    2104   }
    2105   75% {
    2106     opacity: 0.6;
    2107     color: #fff;
    2108     font-size: 1.42875rem;
    2109     -webkit-text-stroke-width: 1px;
    2110     -webkit-text-stroke-color: #dc3232;
    2111   }
    2112   100% {
    2113     opacity: 1;
    2114     font-size: 1.25rem;
    2115     -webkit-text-stroke-color: transparent;
    2116   }
    2117 }
    2118 
    2119 @-webkit-keyframes favme-hover {
    2120   from {
    2121     font-size: 1.42875rem;
    2122   }
    2123   80% {
    2124     font-size: 1.25rem;
    2125   }
    2126 }
    2127 
    2128 @keyframes favme-hover {
    2129   from {
    2130     font-size: 1.42875rem;
    2131   }
    2132   80% {
    2133     font-size: 1.25rem;
    2134   }
    2135 }
    2136 
    2137 .plugin-favorite {
    2138   height: 36px;
    2139   text-align: center;
    2140   vertical-align: top;
    2141   width: 36px;
    2142 }
    2143 
    2144 .plugin-favorite .plugin-favorite-heart {
    2145   -webkit-box-align: center;
    2146   -webkit-align-items: center;
    2147   -moz-box-align: center;
    2148   -ms-flex-align: center;
    2149   align-items: center;
    2150   background: none;
    2151   border: 0;
    2152   -webkit-border-radius: 0;
    2153   border-radius: 0;
    2154   -webkit-box-shadow: none;
    2155   box-shadow: none;
    2156   color: #cbcdce;
    2157   cursor: pointer;
    2158   display: -webkit-box;
    2159   display: -webkit-flex;
    2160   display: -moz-box;
    2161   display: -ms-flexbox;
    2162   display: flex;
    2163   font-size: 20px;
    2164   font-size: 1.25rem;
    2165   height: 100%;
    2166   -webkit-box-pack: center;
    2167   -webkit-justify-content: center;
    2168   -moz-box-pack: center;
    2169   -ms-flex-pack: center;
    2170   justify-content: center;
    2171   line-height: 1;
    2172   margin: 0;
    2173   outline: none;
    2174   padding: 0;
    2175   -webkit-transition: all .2s ease;
    2176   transition: all .2s ease;
    2177 }
    2178 
    2179 .plugin-favorite .plugin-favorite-heart.favorited {
    2180   color: #dc3232;
    2181 }
    2182 
    2183 .plugin-favorite .plugin-favorite-heart:hover {
    2184   -webkit-animation: favme-hover .3s infinite alternate;
    2185   animation: favme-hover .3s infinite alternate;
    2186 }
    2187 
    2188 .plugin-favorite .plugin-favorite-heart:focus {
    2189   outline: thin dotted;
    2190 }
    2191 
    2192 .plugin-favorite .plugin-favorite-heart:hover, .plugin-favorite .plugin-favorite-heart:focus {
    2193   text-decoration: none;
    2194 }
    2195 
    2196 .plugin-favorite .plugin-favorite-heart:after {
    2197   content: "\f487";
    2198   font-family: dashicons;
    2199   vertical-align: top;
    2200 }
    2201 
    2202 .plugin-favorite .plugin-favorite-heart.is-animating {
    2203   -webkit-animation: favme-anime .3s;
    2204   animation: favme-anime .3s;
    2205 }
    2206 
    2207 .plugin-banner {
    2208   background-position: 50% 50%;
    2209   -webkit-background-size: 100% 100%;
    2210   background-size: 100%;
    2211   display: inline-block;
    2212   font-size: 0;
    2213   line-height: 0;
    2214   margin: 0 auto 18.288px;
    2215   margin: 0 auto 1.143rem;
    2216   padding-top: 32.38342%;
    2217   /* 250px / 722px */
    2218   vertical-align: middle;
    2219   width: 100%;
    2220 }
    2221 
    2222 @media screen and (min-width: 60em) {
    2223   .plugin-banner {
    2224     margin-top: 1.5625rem;
    2225   }
    2226 }
    2227 
    2228 .plugin-changelog {
    2229   font-size: 12.8px;
    2230   font-size: 0.8rem;
    2231 }
    2232 
    2233 .plugin-changelog code {
    2234   font-size: 12.8px;
    2235   font-size: 0.8rem;
    2236 }
    2237 
    2238 .plugin-changelog h4 {
    2239   margin-top: 0;
    2240 }
    2241 
    2242 .plugin-developers {
    2243   list-style-type: none;
    2244   margin: 0;
    2245 }
    2246 
    2247 .plugin-developers li {
    2248   display: inline-block;
    2249   margin: 0 4% 16px 0;
    2250   margin: 0 4% 1rem 0;
    2251   vertical-align: top;
    2252   width: 48%;
    2253 }
    2254 
    2255 .plugin-developers li:nth-of-type(even) {
    2256   margin-right: 0;
    2257 }
    2258 
    2259 .avatar {
    2260   -webkit-border-radius: 50%;
    2261   border-radius: 50%;
    2262   margin-right: 10px;
    2263   vertical-align: middle;
    2264   float: left;
    2265 }
    2266 
    2267 .plugin-faq h2:first-of-type {
    2268   font-size: 20px;
    2269   font-size: 1.25rem;
    2270   font-weight: 600;
    2271   letter-spacing: 0.16px;
    2272   letter-spacing: 0.01rem;
    2273   text-transform: uppercase;
    2274   border: none;
    2275   color: #32373c;
    2276   padding: 0;
    2277   text-transform: inherit;
    2278 }
    2279 
    2280 .plugin-faq dl {
    2281   border-bottom: 1px solid #eee;
    2282 }
    2283 
    2284 .plugin-faq dt {
    2285   border-top: 1px solid #eee;
    2286   cursor: pointer;
    2287   font-size: 16px;
    2288   font-size: 1rem;
    2289   font-weight: 600;
    2290   padding: 16px 0;
    2291   padding: 1rem 0;
    2292 }
    2293 
    2294 .plugin-faq dt:before {
    2295   content: "\f347";
    2296   float: right;
    2297   font-family: dashicons;
    2298   margin: 0 16px;
    2299   margin: 0 1rem;
    2300 }
    2301 
    2302 .plugin-faq dt.open:before {
    2303   content: "\f343";
    2304 }
    2305 
    2306 .plugin-faq dd {
    2307   display: none;
    2308   margin: 0 0 16px;
    2309   margin: 0 0 1rem;
    2310 }
    2311 
    2312 .no-js .plugin-faq dd {
    2313   display: block;
    2314 }
    2315 
    2316 .plugin-faq dd p {
    2317   margin: 0;
    2318 }
    2319 
    2320 .plugin-faq dd p + p {
    2321   margin-top: 16px;
    2322   margin-top: 1rem;
    2323 }
    2324 
    2325 .plugin-reviews {
    2326   list-style-type: none;
    2327   margin: 0;
    2328   padding: 0;
    2329 }
    2330 
    2331 .plugin-reviews .plugin-review + .plugin-review {
    2332   margin: 32px 0 16px;
    2333   margin: 2rem 0 1rem;
    2334 }
    2335 
    2336 .plugin-reviews .review-avatar {
    2337   display: none;
    2338 }
    2339 
    2340 .plugin-reviews .review,
    2341 .plugin-reviews .wporg-ratings,
    2342 .plugin-reviews .review-author {
    2343   display: inline-block;
    2344   vertical-align: top;
    2345 }
    2346 
    2347 .plugin-reviews .review-header {
    2348   margin: 0 0 8px;
    2349   margin: 0 0 0.5rem;
    2350 }
    2351 
    2352 .plugin-reviews .review-title {
    2353   font-size: 16px;
    2354   font-size: 1rem;
    2355   font-weight: 600;
    2356   letter-spacing: 0.16px;
    2357   letter-spacing: 0.01rem;
    2358   margin: 0 0 8px;
    2359   margin: 0 0 0.5rem;
    2360   text-transform: inherit;
    2361 }
    2362 
    2363 .plugin-reviews .review-author {
    2364   line-height: 1.25;
    2365   margin-left: 10px;
    2366 }
    2367 
    2368 @media screen and (min-width: 48em) {
    2369   .plugin-reviews .review-avatar {
    2370     display: inline-block;
    2371     vertical-align: top;
    2372   }
    2373   .plugin-reviews .review-avatar .avatar {
    2374     margin-right: 1rem;
    2375   }
    2376   .plugin-reviews .review {
    2377     width: -webkit-calc(100% - 60px - 1rem);
    2378     width: calc(100% - 60px - 1rem);
    2379   }
    2380   .plugin-reviews .review-header {
    2381     margin: 0;
    2382   }
    2383   .plugin-reviews .review-author {
    2384     line-height: 1;
    2385   }
    2386 }
    2387 
    2388 .reviews-link {
    2389   display: inline-block;
    2390   font-size: 12.8px;
    2391   font-size: 0.8rem;
    2392   margin-top: 8px;
    2393   margin-top: 0.5rem;
    2394   text-decoration: none;
    2395 }
    2396 
    2397 .reviews-link:after {
    2398   content: "\f345";
    2399   font-family: dashicons;
    2400   vertical-align: text-top;
    2401   padding-left: 5px;
    2402   float: right;
    2403   position: relative;
    2404   top: 1px;
    2405 }
    2406 
    2407 .image-gallery {
    2408   -webkit-user-select: none;
    2409   -moz-user-select: none;
    2410   -ms-user-select: none;
    2411   user-select: none;
    2412 }
    2413 
    2414 .image-gallery-content {
    2415   position: relative;
    2416 }
    2417 
    2418 .image-gallery-content .image-gallery-left-nav,
    2419 .image-gallery-content .image-gallery-right-nav {
    2420   display: none;
    2421   font-size: 48.828px;
    2422   font-size: 3.0517578125rem;
    2423   height: 100%;
    2424   position: absolute;
    2425   top: 0;
    2426   z-index: 4;
    2427   border-color: #eee;
    2428   -webkit-transition: background 0.1s ease, border 0.1s ease;
    2429   transition: background 0.1s ease, border 0.1s ease;
    2430 }
    2431 
    2432 @media (max-width: 768px) {
    2433   .image-gallery-content .image-gallery-left-nav,
    2434   .image-gallery-content .image-gallery-right-nav {
    2435     font-size: 3.4em;
    2436   }
    2437 }
    2438 
    2439 @media (min-width: 768px) {
    2440   .image-gallery-content .image-gallery-left-nav:hover,
    2441   .image-gallery-content .image-gallery-right-nav:hover {
    2442     background: #fff;
    2443     opacity: 0.8;
    2444     border: 1px solid #eee;
    2445   }
    2446 }
    2447 
    2448 .image-gallery-content .image-gallery-left-nav:before,
    2449 .image-gallery-content .image-gallery-right-nav:before {
    2450   position: relative;
    2451   font-family: 'dashicons';
    2452 }
    2453 
    2454 .image-gallery-content .image-gallery-left-nav {
    2455   left: 0;
    2456 }
    2457 
    2458 .image-gallery-content .image-gallery-left-nav:before {
    2459   content: '\f341';
    2460 }
    2461 
    2462 .image-gallery-content .image-gallery-left-nav:hover {
    2463   margin-left: -1px;
    2464 }
    2465 
    2466 .image-gallery-content .image-gallery-right-nav {
    2467   right: 0;
    2468 }
    2469 
    2470 .image-gallery-content .image-gallery-right-nav:before {
    2471   content: '\f345';
    2472 }
    2473 
    2474 .image-gallery-content .image-gallery-right-nav:hover {
    2475   margin-right: -1px;
    2476 }
    2477 
    2478 .image-gallery-content:hover .image-gallery-left-nav,
    2479 .image-gallery-content:hover .image-gallery-right-nav {
    2480   display: block;
    2481 }
    2482 
    2483 .image-gallery-slides {
    2484   line-height: 0;
    2485   overflow: hidden;
    2486   position: relative;
    2487   white-space: nowrap;
    2488   border: 1px solid #eee;
    2489 }
    2490 
    2491 .image-gallery-slide {
    2492   left: 0;
    2493   position: absolute;
    2494   top: 0;
    2495   width: 100%;
    2496 }
    2497 
    2498 .image-gallery-slide.center {
    2499   position: relative;
    2500 }
    2501 
    2502 .image-gallery-slide .image-gallery-image {
    2503   margin: 0;
    2504 }
    2505 
    2506 .image-gallery-slide img {
    2507   display: block;
    2508   margin: 0 auto;
    2509 }
    2510 
    2511 .image-gallery-slide .image-gallery-description {
    2512   background: #f5f5f5;
    2513   color: #32373c;
    2514   line-height: 1.5;
    2515   padding: 10px 20px;
    2516   white-space: normal;
    2517   font-size: 12.8px;
    2518   font-size: 0.8rem;
    2519 }
    2520 
    2521 @media (max-width: 768px) {
    2522   .image-gallery-slide .image-gallery-description {
    2523     font-size: 0.8rem;
    2524     padding: 8px 15px;
    2525   }
    2526 }
    2527 
    2528 .image-gallery-thumbnails {
    2529   background: #fff;
    2530   margin-top: 5px;
    2531 }
    2532 
    2533 .image-gallery-thumbnails .image-gallery-thumbnails-container {
    2534   cursor: pointer;
    2535   text-align: center;
    2536   white-space: nowrap;
    2537 }
    2538 
    2539 .image-gallery-thumbnail {
    2540   display: table-cell;
    2541   margin-right: 5px;
    2542   border: 1px solid #eee;
    2543   max-height: 100px;
    2544   overflow: hidden;
    2545 }
    2546 
    2547 .image-gallery-thumbnail .image-gallery-image {
    2548   margin: 0;
    2549 }
    2550 
    2551 .image-gallery-thumbnail img {
    2552   vertical-align: middle;
    2553   width: 100px;
    2554 }
    2555 
    2556 @media (max-width: 768px) {
    2557   .image-gallery-thumbnail img {
    2558     width: 75px;
    2559   }
    2560 }
    2561 
    2562 .image-gallery-thumbnail:hover {
    2563   -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
    2564   box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
    2565 }
    2566 
    2567 .image-gallery-thumbnail.active {
    2568   border: 1px solid #337ab7;
    2569 }
    2570 
    2571 .image-gallery-thumbnail-label {
    2572   color: #222;
    2573   font-size: 1em;
    2574 }
    2575 
    2576 @media (max-width: 768px) {
    2577   .image-gallery-thumbnail-label {
    2578     font-size: 0.8em;
    2579   }
    2580 }
    2581 
    2582 .image-gallery-index {
    2583   background: rgba(0, 0, 0, 0.4);
    2584   bottom: 0;
    2585   color: #fff;
    2586   line-height: 1;
    2587   padding: 10px 20px;
    2588   position: absolute;
    2589   right: 0;
    2590   z-index: 4;
    2591 }
    2592 
    2593 .plugin-screenshots {
    2594   list-style-type: none;
    2595   margin: 0;
    2596   padding: 0;
    2597 }
    2598 
    2599 .plugin-screenshots h2:first-of-type {
    2600   font-size: 20px;
    2601   font-size: 1.25rem;
    2602   border: none;
    2603   color: #32373c;
    2604   font-weight: 600;
    2605   padding: 0;
    2606   text-transform: inherit;
    2607 }
    2608 
    2609 .plugin-screenshots .image-gallery-slides {
    2610   max-height: 600px;
    2611 }
    2612 
    2613 .plugin-screenshots .image-gallery-thumbnail {
    2614   vertical-align: top;
    2615 }
    2616 
    2617 .plugin-screenshots .image-gallery-thumbnail img {
    2618   max-height: 100px;
    2619 }
    2620 
    2621 .plugin-screenshots .image-gallery-thumbnails {
    2622   overflow: hidden;
    2623 }
    2624 
    2625 .section.read-more {
    2626   border-bottom: 2px solid #eee;
    2627   max-height: 200px;
    2628   overflow: hidden;
    2629   padding-bottom: 1px;
    2630 }
    2631 
    2632 .section.read-more.plugin-description {
    2633   max-height: 400px;
    2634 }
    2635 
    2636 .section.read-more.plugin-description.toggled {
    2637   max-height: none;
    2638 }
    2639 
    2640 .section.read-more.toggled {
    2641   max-height: none;
    2642 }
    2643 
    2644 .no-js .section.read-more {
    2645   max-height: none;
    2646   overflow: auto;
    2647 }
    2648 
    2649 .section h1, .section h2, .section h3 {
    2650   font-size: 16px;
    2651   font-size: 1rem;
    2652   font-weight: 600;
    2653   letter-spacing: 0.16px;
    2654   letter-spacing: 0.01rem;
    2655   text-transform: uppercase;
    2656 }
    2657 
    2658 .section h1:nth-child(2), .section h2:nth-child(2), .section h3:nth-child(2) {
    2659   margin-top: 0;
    2660 }
    2661 
    2662 .section h4, .section h5, .section h6 {
    2663   font-size: 12.8px;
    2664   font-size: 0.8rem;
    2665   font-weight: 600;
    2666   letter-spacing: 0.8px;
    2667   letter-spacing: 0.05rem;
    2668   text-transform: uppercase;
    2669 }
    2670 
    2671 .section h4:nth-child(2), .section h5:nth-child(2), .section h6:nth-child(2) {
    2672   margin-top: 0;
    2673 }
    2674 
    2675 .section h2:first-of-type {
    2676   font-size: 20px;
    2677   font-size: 1.25rem;
    2678   border: none;
    2679   color: #32373c;
    2680   font-weight: 600;
    2681   padding: 0;
    2682   text-transform: inherit;
    2683 }
    2684 
    2685 .section p:first-child {
    2686   margin-top: 0;
    2687 }
    2688 
    2689 .section-toggle {
    2690   color: #0073aa;
    2691   cursor: pointer;
    2692   font-size: 12.8px;
    2693   font-size: 0.8rem;
    2694   margin-top: 8px;
    2695   margin-top: 0.5rem;
    2696   position: relative;
    2697 }
    2698 
    2699 .no-js .section-toggle {
    2700   display: none;
    2701 }
    2702 
    2703 .section-toggle:after {
    2704   content: "\f347";
    2705   font-family: dashicons;
    2706   padding-left: 5px;
    2707   vertical-align: text-top;
    2708   position: relative;
    2709   float: right;
    2710   top: 1px;
    2711 }
    2712 
    2713 .toggled + .section-toggle:after {
    2714   content: "\f343";
    2715 }
    2716 
    2717 .section-toggle:hover {
    2718   text-decoration: underline;
    2719 }
    2720 
    2721 .type-plugin .plugin-notice {
    2722   margin-top: 0;
    2723 }
    2724 
    2725 .type-plugin .plugin-header {
    2726   border-bottom: 2px solid #eee;
    2727   padding: 18.288px 25px;
    2728   padding: 1.143rem 1.5625rem;
    2729 }
    2730 
    2731 .type-plugin .plugin-header .plugin-actions {
    2732   float: right;
    2733 }
    2734 
    2735 .type-plugin .plugin-header .plugin-actions div {
    2736   display: inline-block;
    2737   text-align: center;
    2738 }
    2739 
    2740 .type-plugin .plugin-header .plugin-title {
    2741   clear: none;
    2742   font-size: 25px;
    2743   font-size: 1.5625rem;
    2744   font-weight: 400;
    2745   margin: 0;
    2746 }
    2747 
    2748 .type-plugin .plugin-header .plugin-title a {
    2749   color: inherit;
    2750   text-decoration: none;
    2751 }
    2752 
    2753 .type-plugin .plugin-header .byline {
    2754   color: #78848f;
    2755 }
    2756 
    2757 .type-plugin .plugin-banner + .plugin-header {
    2758   padding-top: 0;
    2759 }
    2760 
    2761 .type-plugin .entry-content,
    2762 .type-plugin .entry-meta {
    2763   padding: 0 25px;
    2764   padding: 0 1.5625rem;
    2765 }
    2766 
    2767 .type-plugin .entry-content {
    2768   max-width: 768px;
    2769   max-width: 48rem;
    2770 }
    2771 
    2772 @media screen and (min-width: 48em) {
    2773   .type-plugin .entry-content {
    2774     float: left;
    2775     padding: 0;
    2776     width: 65%;
    2777   }
    2778 }
    2779 
    2780 @media screen and (min-width: 48em) {
    2781   .type-plugin .plugin-header,
    2782   .type-plugin .entry-content,
    2783   .type-plugin .entry-meta {
    2784     padding-left: 0;
    2785     padding-right: 0;
    2786   }
    2787   .type-plugin .entry-meta {
    2788     float: right;
    2789     width: 30%;
    2790   }
    2791 }
    2792 
    2793 .search-form {
    2794   font-size: 0;
    2795   margin-bottom: 32px;
    2796   margin-bottom: 2rem;
    2797   max-width: 100%;
    2798   position: relative;
    2799 }
    2800 
    2801 .search-form .search-field {
    2802   border: none;
    2803   -webkit-border-radius: 0;
    2804   border-radius: 0;
    2805   -webkit-box-shadow: none;
    2806   box-shadow: none;
    2807   display: block;
    2808   font-size: 16px;
    2809   font-size: 1rem;
    2810   margin: 0 auto;
    2811   max-width: 100%;
    2812   padding: 8px;
    2813   padding: 0.5rem;
    2814   width: 363.797px;
    2815   width: 22.7373675443rem;
    2816 }
    2817 
    2818 .search-form .button-search {
    2819   border-top: none;
    2820   border-left: none;
    2821   -webkit-border-radius: 0 2px 2px 0;
    2822   border-radius: 0 2px 2px 0;
    2823   font-size: 16px;
    2824   font-size: 1rem;
    2825   position: relative;
    2826   right: auto;
    2827   top: auto;
    2828   vertical-align: top;
    2829 }
    2830 
    2831 .search-form .button-search:active {
    2832   background: #006799;
    2833   border-right: 1px solid #006799;
    2834   -webkit-box-shadow: none;
    2835   box-shadow: none;
    2836 }
    2837 
    2838 .search-form .button-search .dashicons {
    2839   font-size: 16px;
    2840   font-size: 1rem;
    2841 }
    2842 
    2843 .site-header .search-form {
    2844   display: inline-block;
    2845 }
    2846 
    2847 .site-header.home .search-form .button-search,
    2848 .site-main .search-form .button-search {
    2849   background: transparent;
    2850   border: none;
    2851   -webkit-border-radius: 0;
    2852   border-radius: 0;
    2853   -webkit-box-shadow: none;
    2854   box-shadow: none;
    2855   color: #32373c;
    2856   display: block;
    2857   height: 45px;
    2858   padding: 8px 16px;
    2859   padding: 0.5rem 1rem;
    2860   position: absolute;
    2861   right: 0;
    2862   text-shadow: none;
    2863   top: 0;
    2864 }
    2865 
    2866 .site-header.home .search-form .button-search:focus,
    2867 .site-main .search-form .button-search:focus {
    2868   -webkit-box-shadow: 0 0 2px 1px #33b3db;
    2869   box-shadow: 0 0 2px 1px #33b3db;
    2870 }
    2871 
    2872 .site-header.home .search-form .button-search:active,
    2873 .site-main .search-form .button-search:active {
    2874   background: transparent;
    2875   border: none;
    2876   -webkit-transform: none;
    2877   -ms-transform: none;
    2878   transform: none;
    2879 }
    2880 
    2881 .site-header:not(.home) .search-form {
    2882   margin: 0;
    2883 }
    2884 
    2885 .site-header:not(.home) .search-form .search-field {
    2886   border: 0;
    2887   -webkit-border-radius: 2px 0 0 2px;
    2888   border-radius: 2px 0 0 2px;
    2889   display: inline-block;
    2890   font-size: 16px;
    2891   font-size: 1rem;
    2892   padding: 5px 10px;
    2893   position: relative;
    2894   width: auto;
    2895 }
    2896 
    2897 @media screen and (min-width: 48em) {
    2898   .site-header:not(.home) .search-form .search-field {
    2899     font-size: 0.64rem;
    2900     width: 7rem;
    2901   }
    2902   .site-header:not(.home) .search-form .search-field + .button-search {
    2903     display: inline-block;
    2904     margin-bottom: 0;
    2905   }
    2906 }
    2907 
    2908 @media screen and (min-width: 60em) {
    2909   .site-header:not(.home) .search-form .search-field {
    2910     width: 10rem;
    2911   }
    2912 }
    2913 
    2914 .site-main .search-form .search-field {
    2915   border: 1px solid #ddd;
    2916   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    2917   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    2918   padding: 8px;
    2919   padding: 0.5rem;
    2920   width: 100%;
    2921 }
    2922 
    2923 .search .site-main {
    2924   margin-top: 32px;
    2925   margin-top: 2rem;
    2926   padding-top: 0;
    2927 }
    2928 
    2929 .search.search-results .page-header {
    2930   margin: 32px 0;
    2931   margin: 2rem 0;
    2932 }
    2933 
    2934 nav .nav-links {
    2935   text-align: center;
    2936 }
    2937 
    2938 nav .nav-links .page-numbers {
    2939   background-color: #f9f9f9;
    2940   min-width: 2em;
    2941   padding: 8px;
    2942   display: inline-block;
    2943   cursor: hand;
    2944 }
    2945 
    2946 nav .nav-links .page-numbers.next, nav .nav-links .page-numbers.prev, nav .nav-links .page-numbers.dots {
    2947   width: auto;
    2948   font-size: 0.9em;
    2949   background: none;
    2950 }
    2951 
    2952 nav .nav-links .page-numbers.dots {
    2953   cursor: inherit;
    2954 }
    2955 
    2956 nav .nav-links span.page-numbers {
    2957   font-weight: bold;
    2958   background-color: #f7f7f7;
    2959 }
    2960 
    2961 .main-navigation {
    2962   background: #0073aa;
    2963   clear: both;
    2964   left: 0;
    2965   position: absolute;
    2966   top: 60px;
    2967   width: 100%;
    2968 }
    2969 
    2970 .main-navigation ul {
    2971   display: none;
    2972   list-style: none;
    2973   margin: 0;
    2974   padding-left: 0;
    2975 }
    2976 
    2977 .main-navigation ul ul {
    2978   -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    2979   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    2980   float: left;
    2981   left: -999em;
    2982   position: absolute;
    2983   top: 1.5em;
    2984   z-index: 99999;
    2985 }
    2986 
    2987 .main-navigation ul ul ul {
    2988   left: -999em;
    2989   top: 0;
    2990 }
    2991 
    2992 .main-navigation ul ul li:hover > ul,
    2993 .main-navigation ul ul li.focus > ul {
    2994   left: 100%;
    2995 }
    2996 
    2997 .main-navigation ul ul a {
    2998   width: 200px;
    2999 }
    3000 
    3001 .main-navigation ul li:hover > ul,
    3002 .main-navigation ul li.focus > ul {
    3003   left: auto;
    3004 }
    3005 
    3006 .main-navigation li {
    3007   border-top: 1px solid rgba(255, 255, 255, 0.2);
    3008   padding: 16px;
    3009   padding: 1rem;
    3010 }
    3011 
    3012 .main-navigation a {
    3013   color: rgba(255, 255, 255, 0.8);
    3014   display: block;
    3015   font-size: 12.8px;
    3016   font-size: 0.8rem;
    3017   text-decoration: none;
    3018 }
    3019 
    3020 .main-navigation a:hover, .main-navigation a.active {
    3021   color: #fff;
    3022 }
    3023 
    3024 @media screen and (min-width: 48em) {
    3025   .main-navigation a.active {
    3026     border-bottom: 1px solid;
    3027   }
    3028 }
    3029 
    3030 /* Small menu. */
    3031 .main-navigation.toggled ul {
    3032   display: block;
    3033 }
    3034 
    3035 .menu-toggle {
    3036   background: transparent;
    3037   border: none;
    3038   color: #fff;
    3039   font-size: 25px;
    3040   font-size: 1.5625rem;
    3041   height: 56px;
    3042   height: 3.5rem;
    3043   overflow: hidden;
    3044   position: absolute;
    3045   right: 16px;
    3046   right: 1rem;
    3047   top: -58px;
    3048   width: 56px;
    3049   width: 3.5rem;
    3050   -webkit-appearance: none;
    3051 }
    3052 
    3053 .toggled .menu-toggle:before {
    3054   content: "\f343";
    3055 }
    3056 
    3057 @media screen and (min-width: 48em) {
    3058   .menu-toggle {
    3059     display: none;
    3060   }
    3061   .main-navigation {
    3062     float: right;
    3063     position: relative;
    3064     width: auto;
    3065     top: auto;
    3066   }
    3067   .main-navigation.toggled {
    3068     padding: 1px 0;
    3069   }
    3070   .main-navigation ul {
    3071     display: inline-block;
    3072     font-size: 0;
    3073   }
    3074   .main-navigation ul li {
    3075     border: 0;
    3076     display: inline-block;
    3077     font-size: 1rem;
    3078     margin-right: 1rem;
    3079     padding: 0;
    3080   }
    3081   .main-navigation ul li:last-of-type {
    3082     margin-right: 0;
    3083   }
    3084 }
    3085 
    3086 .site-description {
    3087   color: rgba(255, 255, 255, 0.8);
    3088   font-size: 20px;
    3089   font-size: 1.25rem;
    3090   font-weight: 300;
    3091   margin: -6.4px auto 32px;
    3092   margin: -0.4rem auto 2rem;
    3093   text-align: center;
    3094 }
    3095 
    3096 .site-title {
    3097   display: inline-block;
    3098   font-size: 25px;
    3099   font-size: 1.5625rem;
    3100   font-weight: 300;
    3101   line-height: 1;
    3102   margin: 0 32px 0 0;
    3103   margin: 0 2rem 0 0;
    3104   max-width: none;
    3105 }
    3106 
    3107 .site-title a {
    3108   color: #fff;
    3109   font-weight: 300;
    3110 }
    3111 
    3112 .site-title a:hover, .site-title a:focus, .site-title a:active {
    3113   text-decoration: none;
    3114 }
    3115 
    3116 .site-header.home .site-title {
    3117   display: inherit;
    3118   font-size: 61.035px;
    3119   font-size: 3.8146972656rem;
    3120   margin: 32px 0 16px;
    3121   margin: 2rem 0 1rem;
    3122 }
    3123 
    3124 .site-header {
    3125   background: #0073aa;
    3126   padding: 16px 0;
    3127   padding: 1rem 0;
    3128   position: relative;
    3129 }
    3130 
    3131 .site-header .site-branding {
    3132   margin: 0 auto;
    3133   max-width: 960px;
    3134   padding: 0 25px;
    3135   padding: 0 1.5625rem;
    3136 }
    3137 
    3138 @media screen and (min-width: 48em) {
    3139   .site-header .site-branding {
    3140     padding: 0 10px;
    3141   }
    3142 }
    3143 
    3144 .site-header.home {
    3145   padding: 25px 18.288px;
    3146   padding: 1.5625rem 1.143rem;
    3147   text-align: center;
    3148 }
    3149 
    3150 .site-main {
    3151   margin: 0 auto;
    3152   max-width: 960px;
    3153   padding: 48.828px 25px;
    3154   padding: 3.0517578125rem 1.5625rem;
    3155 }
    3156 
    3157 @media screen and (min-width: 48em) {
    3158   .site-main {
    3159     padding: 3.0517578125rem 10px;
    3160   }
    3161 }
    3162 
    3163 .site-main.single,
    3164 .single .site-main {
    3165   padding: 0;
    3166 }
    3167 
    3168 @media screen and (min-width: 48em) {
    3169   .site-main.single,
    3170   .single .site-main {
    3171     padding: 0 10px 3.0517578125rem;
    3172   }
    3173 }
    3174 
    3175 .site-main.page,
    3176 .page .site-main {
    3177   padding-top: 0;
    3178 }
    3179 
    3180 .site-main .page-title {
    3181   font-size: 25px;
    3182   font-size: 1.5625rem;
    3183   font-weight: 400;
    3184 }
    3185 
    3186 .site-main .no-results {
    3187   margin: 0 auto;
    3188   max-width: 568.434px;
    3189   max-width: 35.527136788rem;
    3190   padding: 0 32px;
    3191   padding: 0 2rem;
    3192 }
    3193 
    3194 .widget-area {
    3195   margin: 0 auto;
    3196   max-width: 960px;
    3197   padding: 0 25px 48.828px 25px;
    3198   padding: 0 1.5625rem 3.0517578125rem 1.5625rem;
    3199 }
    3200 
    3201 @media screen and (min-width: 48em) {
    3202   .widget-area {
    3203     padding: 0 10px 3.0517578125rem;
    3204   }
    3205 }
    3206 
    3207 .plugin-meta {
    3208   margin-top: 32px;
    3209   margin-top: 2rem;
    3210 }
    3211 
    3212 .plugin-meta ul {
    3213   font-size: 12.8px;
    3214   font-size: 0.8rem;
    3215   list-style-type: none;
    3216   margin: 0;
    3217   padding: 0;
    3218 }
    3219 
    3220 .plugin-meta li {
    3221   border-top: 1px solid #eee;
    3222   padding: 8px 0;
    3223   padding: 0.5rem 0;
    3224 }
    3225 
    3226 .plugin-meta li strong {
    3227   float: right;
    3228 }
    3229 
    3230 .plugin-meta .tags {
    3231   float: right;
    3232   text-align: right;
    3233   width: 60%;
    3234 }
    3235 
    3236 .plugin-meta [rel="tag"] {
    3237   background: #eee;
    3238   -webkit-border-radius: 2px;
    3239   border-radius: 2px;
    3240   color: #000;
    3241   display: inline-block;
    3242   font-size: 10.24px;
    3243   font-size: 0.64rem;
    3244   margin: 2px;
    3245   padding: 3px 6px;
    3246   position: relative;
    3247   white-space: nowrap;
    3248   width: auto;
    3249 }
    3250 
    3251 .plugin-meta [rel="tag"]:hover {
    3252   background: #f3f3f3;
    3253 }
    3254 
    3255 .plugin-meta [rel="tag"]:active {
    3256   background: #dfdfdf;
    3257 }
    3258 
    3259 .plugin-ratings {
    3260   font-size: 12.8px;
    3261   font-size: 0.8rem;
    3262   position: relative;
    3263 }
    3264 
    3265 .plugin-ratings .reviews-link {
    3266   position: absolute;
    3267   right: 0;
    3268   top: 0;
    3269 }
    3270 
    3271 .plugin-ratings .reviews-link:after {
    3272   content: "\f345";
    3273   font-family: dashicons;
    3274   padding-left: 5px;
    3275   vertical-align: top;
    3276 }
    3277 
    3278 .plugin-ratings [class*='dashicons-star-'] {
    3279   color: #FFB900;
    3280   display: inline-block;
    3281   font-size: 25px;
    3282   font-size: 1.5625rem;
    3283   height: auto;
    3284   margin: 0;
    3285   width: auto;
    3286 }
    3287 
    3288 .plugin-ratings .ratings-list {
    3289   list-style-type: none;
    3290   margin: 16px 0;
    3291   margin: 1rem 0;
    3292   padding: 0;
    3293 }
    3294 
    3295 .plugin-ratings .ratings-list .counter-container,
    3296 .plugin-ratings .ratings-list .counter-container a {
    3297   width: 100%;
    3298 }
    3299 
    3300 .plugin-ratings .ratings-list .counter-container:hover,
    3301 .plugin-ratings .ratings-list .counter-container a:hover {
    3302   text-decoration: none;
    3303 }
    3304 
    3305 .plugin-ratings .ratings-list .counter-label {
    3306   display: inline-block;
    3307   min-width: 58px;
    3308 }
    3309 
    3310 .plugin-ratings .ratings-list .counter-back,
    3311 .plugin-ratings .ratings-list .counter-bar {
    3312   display: inline-block;
    3313   height: 16px;
    3314   height: 1rem;
    3315   vertical-align: middle;
    3316 }
    3317 
    3318 .plugin-ratings .ratings-list .counter-back {
    3319   background-color: #ececec;
    3320   width: 58%;
    3321   width: -webkit-calc(100% - 130px);
    3322   width: calc(100% - 130px);
    3323 }
    3324 
    3325 .plugin-ratings .ratings-list .counter-bar {
    3326   background-color: #ffc733;
    3327   display: block;
    3328 }
    3329 
    3330 .plugin-ratings .ratings-list .counter-count {
    3331   margin-left: 3px;
    3332 }
    3333 
    3334 .home .widget,
    3335 .widget-area.home .widget {
    3336   display: inline-block;
    3337   font-size: 12.8px;
    3338   font-size: 0.8rem;
    3339   margin: 0;
    3340   vertical-align: top;
    3341   /* Make sure select elements fit in widgets. */
    3342 }
    3343 
    3344 @media screen and (min-width: 48em) {
    3345   .home .widget,
    3346   .widget-area.home .widget {
    3347     margin-right: 5%;
    3348     width: 30%;
    3349   }
    3350   .home .widget:last-child,
    3351   .widget-area.home .widget:last-child {
    3352     margin-right: 0;
    3353   }
    3354 }
    3355 
    3356 .home .widget select,
    3357 .widget-area.home .widget select {
    3358   max-width: 100%;
    3359 }
    3360 
    3361 .entry-meta .widget-title {
    3362   font-size: 20px;
    3363   font-size: 1.25rem;
    3364   border: none;
    3365   color: #32373c;
    3366   font-weight: 600;
    3367   padding: 0;
    3368 }
    3369 
    3370 .plugin-support {
    3371   font-size: 12.8px;
    3372   font-size: 0.8rem;
    3373 }
    3374 
    3375 .plugin-support .counter-container {
    3376   margin-bottom: 16px;
    3377   margin-bottom: 1rem;
    3378   position: relative;
    3379 }
    3380 
    3381 .plugin-support .counter-back,
    3382 .plugin-support .counter-bar {
    3383   display: inline-block;
    3384   height: 30px;
    3385   vertical-align: middle;
    3386 }
    3387 
    3388 .plugin-support .counter-back {
    3389   background-color: #ececec;
    3390   width: 100%;
    3391 }
    3392 
    3393 .plugin-support .counter-bar {
    3394   background-color: #c7e8ca;
    3395   display: block;
    3396 }
    3397 
    3398 .plugin-support .counter-count {
    3399   font-size: 10.24px;
    3400   font-size: 0.64rem;
    3401   left: 8px;
    3402   position: absolute;
    3403   top: 8px;
    3404   width: 100%;
    3405   width: -webkit-calc(100% - 8px);
    3406   width: calc(100% - 8px);
    3407 }
    3408 
    3409 @media screen and (min-width: 48em) {
    3410   .plugin-support .counter-count {
    3411     top: 5px;
    3412   }
    3413 }
     1html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{font-size:100%}body,button,input,select,textarea{color:#32373c;font-family:Open Sans,sans-serif;font-size:100%;line-height:1.5}@media screen and (min-width:48em){html{font-size:1.125rem}}h1,h2,h3,h4,h5,h6{clear:both;font-family:inherit;line-height:1.5;margin:32px 0 16px;margin:2rem 0 1rem}h1{font-size:61.035px;font-size:3.8146972656rem;font-weight:300}h1.title{font-size:12.8px;font-size:.8rem;color:#0073aa;font-weight:600;letter-spacing:.8px;letter-spacing:.05rem;text-transform:uppercase}h2{font-size:39.062px;font-size:2.44140625rem;font-weight:300}h3{font-size:25px;font-size:1.5625rem;font-weight:400}h4{font-size:20px;font-size:1.25rem;border:none;color:#32373c;font-weight:600;padding:0}h5{font-size:16px;font-size:1rem;font-weight:600;letter-spacing:.16px;letter-spacing:.01rem;text-transform:uppercase}h6{font-size:12.8px;font-size:.8rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}p{margin:1em 0}p.subheading{color:#82878c;font-size:20px;font-size:1.25rem;font-weight:300;margin:-6.4px auto 32px;margin:-.4rem auto 2rem;text-align:center}p.intro{font-size:20px;font-size:1.25rem}p.aside{font-size:12.8px;font-size:.8rem}p.note{font-size:10.24px;font-size:.64rem;letter-spacing:.16px;letter-spacing:.01rem;max-width:291.038px;max-width:18.1898940355rem}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:Courier\ 10 Pitch,Courier,monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:15px;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}.feedback-survey{background:#fff;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.2);box-shadow:0 0 8px rgba(0,0,0,.2);display:block;font-size:12.8px;font-size:.8rem;padding:5px 10px;position:fixed;right:0;top:200px;width:40px;z-index:100}.feedback-survey .survey-msg{display:none}.feedback-survey:hover{width:auto}.feedback-survey:hover .survey-msg{display:inline-block}.feedback-survey a:hover{text-decoration:none}.feedback-survey .dashicons-megaphone{margin:2px 10px 0 0}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body{background:#fff}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{background:transparent;border:none;padding:0;border-left:2px solid #eee;color:#82878c;font-style:italic;margin:16px 0;margin:1rem 0;padding-left:16px;padding-left:1rem}blockquote cite{font-size:12.8px;font-size:.8rem}hr{background-color:#eee;border:0;height:2px;margin:80px auto;margin:5rem auto}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}table{margin:0 0 1.5em;width:100%}.notice{background:#fff;border-left:4px solid #fff;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:1em 0;padding:1px 12px}.notice p{font-size:12.8px;font-size:.8rem;margin:.5em 0;padding:2px}.notice.notice-alt{-webkit-box-shadow:none;box-shadow:none}.notice.notice-large{padding:10px 20px}.notice.notice-success{border-left-color:#46b450}.notice.notice-success.notice-alt{background-color:#ecf7ed}.notice.notice-warning{border-left-color:#ffb900}.notice.notice-warning.notice-alt{background-color:#fff8e5}.notice.notice-error{border-left-color:#dc3232}.notice.notice-error.notice-alt{background-color:#fbeaea}.notice.notice-info{border-left-color:#00a0d2}.notice.notice-info.notice-alt{background-color:#e5f5fa}.locale-banner{background:#c7e8ca;font-size:12.8px;font-size:.8rem;padding:8px;padding:.5rem;text-align:center}@media (min-width:67rem){.locale-banner{margin:1rem auto 0;max-width:960px}}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{border:1px solid;-webkit-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:12.8px;font-size:.8rem;height:25px;height:1.5625rem;line-height:1;margin:0;padding:0 12.8px;padding:0 .8rem;text-decoration:none;white-space:nowrap;-webkit-appearance:none}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0 none;padding:0}.button-group.button-large .button,.button.button-large{height:31.25px;height:1.953125rem;line-height:1;padding:0 16px;padding:0 1rem}.button-group.button-small .button,.button.button-small{font-size:10.24px;font-size:.64rem;height:20px;height:1.25rem;line-height:1;padding:0 8px;padding:0 .5rem}a.button,a.button-primary,a.button-secondary{line-height:25px;line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:31.25px;line-height:1.953125rem}.button-group.button-small a.button,a.button.button-small{line-height:20px;line-height:1.25rem}.button:active,.button:focus{outline:none}.button.hidden{display:none}input[type=reset],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{background:none;border:none;-webkit-box-shadow:none;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#ccc;-webkit-box-shadow:0 1px 0 #ccc;box-shadow:0 1px 0 #ccc;color:#555;vertical-align:top}p .button{vertical-align:baseline}.button-secondary:focus,.button-secondary:hover,.button.focus,.button.hover,.button:focus,.button:hover{background:#fafafa;border-color:#999;color:#23282d}.button-link:focus,.button-secondary:focus,.button.focus,.button:focus{border-color:#5b9dd9;-webkit-box-shadow:0 0 3px rgba(0,115,170,.8);box-shadow:0 0 3px rgba(0,115,170,.8)}.button-secondary:active,.button.active,.button.active:hover,.button:active{background:#eee;border-color:#999;-webkit-box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;-webkit-box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8);box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8)}.button-disabled,.button-secondary.disabled,.button-secondary:disabled,.button-secondary[disabled],.button.disabled,.button:disabled,.button[disabled]{background:#f7f7f7!important;border-color:#ddd!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.button-link{background:none;border:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;margin:0;outline:none;padding:0}.button-link:focus{outline:1px solid #5b9dd9}.button-primary,.download-button,.plugin-upload-form .button-primary{background:#0085ba;border-color:#0073aa #006799 #006799;-webkit-box-shadow:0 1px 0 #006799;box-shadow:0 1px 0 #006799;color:#fff;text-decoration:none;text-shadow:0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799}.button-primary:visited,.download-button:visited,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #006799;-webkit-box-shadow:0 1px 0 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary.hover,.button-primary:focus,.button-primary:hover,.download-button.focus,.download-button.hover,.download-button:focus,.download-button:hover,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary.hover,.plugin-upload-form .button-primary:focus,.plugin-upload-form .button-primary:hover{background:#008ec2;border-color:#006799;-webkit-box-shadow:0 1px 0 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary:focus,.download-button.focus,.download-button:focus,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary:focus{-webkit-box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db;box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.button-primary.active,.button-primary.active:focus,.button-primary.active:hover,.button-primary:active,.download-button.active,.download-button.active:focus,.download-button.active:hover,.download-button:active,.plugin-upload-form .button-primary.active,.plugin-upload-form .button-primary.active:focus,.plugin-upload-form .button-primary.active:hover,.plugin-upload-form .button-primary:active{background:#0073aa;border-color:#006799;-webkit-box-shadow:inset 0 2px 0 #006799;box-shadow:inset 0 2px 0 #006799;vertical-align:top}.button-primary.disabled,.button-primary:disabled,.button-primary[disabled],.download-button.disabled,.download-button:disabled,.download-button[disabled],.plugin-upload-form .button-primary.disabled,.plugin-upload-form .button-primary:disabled,.plugin-upload-form .button-primary[disabled]{background:#008ec2!important;border-color:#007cb2!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#66c6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-primary.button.button-hero,.download-button.button.button-hero,.plugin-upload-form .button-primary.button.button-hero{-webkit-box-shadow:0 2px 0 #006799;box-shadow:0 2px 0 #006799}.button-primary.button.button-hero.active,.button-primary.button.button-hero.active:focus,.button-primary.button.button-hero.active:hover,.button-primary.button.button-hero:active,.download-button.button.button-hero.active,.download-button.button.button-hero.active:focus,.download-button.button.button-hero.active:hover,.download-button.button.button-hero:active,.plugin-upload-form .button-primary.button.button-hero.active,.plugin-upload-form .button-primary.button.button-hero.active:focus,.plugin-upload-form .button-primary.button.button-hero.active:hover,.plugin-upload-form .button-primary.button.button-hero:active{-webkit-box-shadow:inset 0 3px 0 #006799;box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#66c6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}.button-group>.button{-webkit-border-radius:0;border-radius:0;display:inline-block;margin-right:-1px;z-index:10}.button-group>.button-primary{z-index:100}.button-group>.button:hover{z-index:20}.button-group>.button:first-child{-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.button-group>.button:last-child{-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:48em){.button,.button.button-large,.button.button-small,.plugin-upload-form .button-primary{font-size:14px;height:auto;line-height:normal;margin-bottom:4px;padding:6px 14px;vertical-align:middle}}input,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:#fff;border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.07);color:#32373c;-webkit-transition:border-color .05s ease-in-out;transition:border-color .05s ease-in-out;-webkit-appearance:none}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{color:#111}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#5b9dd9;-webkit-box-shadow:0 0 2px rgba(30,140,190,.8);box-shadow:0 0 2px rgba(30,140,190,.8)}input[type=email],input[type=url]{direction:ltr}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{padding:6px 10px}input[type=number]{height:40px;line-height:inherit}input[type=checkbox],input[type=radio]{background:#fff;border:1px solid #b4b9be;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);clear:none;color:#555;cursor:pointer;display:inline-block;height:25px;line-height:0;margin:-4px 4px 0 0;min-width:16px;padding:0!important;text-align:center;-webkit-transition:border-color .05s ease-in-out;transition:border-color .05s ease-in-out;vertical-align:middle;width:25px}input[type=checkbox]{padding:10px}input[type=radio]{-webkit-border-radius:50%;border-radius:50%;line-height:10px;margin-right:4px}input[type=checkbox]:checked:before,input[type=radio]:checked:before{display:inline-block;float:left;font:normal 21px/1 dashicons;vertical-align:middle;width:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;speak:none}input[type=checkbox]:checked:before{color:#1e8cbe;content:"\f147";font:normal 30px/1 dashicons;margin:-3px -5px}input[type=radio]:checked:before{background-color:#1e8cbe;-webkit-border-radius:50px;border-radius:50px;content:"\2022";font-size:24px;height:9px;line-height:16px;margin:7px;text-indent:-9999px;vertical-align:middle;width:9px}@-moz-document url-prefix(){.form-table input.tog,input[type=checkbox],input[type=radio]{margin-bottom:-1px}}input[type=search]::-webkit-search-decoration{display:none}.ie8 input[type=password]{font-family:sans-serif}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{-webkit-border-radius:0;border-radius:0;font-size:16px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}input[type=file]{padding:3px 0}label{cursor:pointer}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}:-moz-placeholder{color:#a9a9a9}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{background:hsla(0,0%,100%,.5);border-color:hsla(0,0%,87%,.75);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.04);box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:rgba(51,51,51,.5)}input[type=file].disabled,input[type=file]:disabled,input[type=range].disabled,input[type=range]:disabled{background:none;-webkit-box-shadow:none;box-shadow:none}input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before{opacity:.7}fieldset label,label{vertical-align:middle}@media screen and (min-width:48em){input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{padding:0}input[type=number]{height:28px}input[type=checkbox]{padding:0}input[type=checkbox]:checked:before{font:normal 21px/1 dashicons;margin:-3px 0 0 -4px}input[type=checkbox],input[type=radio]{height:16px;width:16px}input[type=radio]:checked:before{width:6px;height:6px;margin:4px}input,select,textarea{font-size:14px}}.plugin-upload-form fieldset{border:none;margin:0;padding:0}.plugin-upload-form legend{margin:16px 0;margin:1rem 0}.plugin-upload-form .category-checklist{list-style-type:none;margin:0 0 32px;margin:0 0 2rem}.plugin-upload-form .category-checklist li{float:left;padding:8px 0;padding:.5rem 0;width:50%}@media screen and (min-width:48em){.plugin-upload-form .category-checklist li{padding:0}.plugin-upload-form .category-checklist label{font-size:.8rem}}@media screen and (min-width:48em){.plugin-upload-form label.button{line-height:1.8}}.plugin-upload-form .plugin-file{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}a{color:#0073aa}a:visited{color:#0073aa}a:active,a:focus,a:hover{color:#0073aa;text-decoration:underline}a.button:active,a.button:focus,a.button:hover{text-decoration:none}a:focus{outline:thin dotted}a:active,a:hover{outline:0}p a:not(.button),p a:not(.button):hover{border:none}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{float:left;width:50%}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{float:right;text-align:right;width:50%}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{background-color:#f1f1f1;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.site-content[tabindex="-1"]:focus{outline:0}.no-js .hide-if-no-js{display:none}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.plugin-meta:after,.plugin-meta:before,.plugin-upload-form .category-checklist:after,.plugin-upload-form .category-checklist:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.type-plugin .plugin-header:after,.type-plugin .plugin-header:before,.type-plugin:after,.type-plugin:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.plugin-meta:after,.plugin-upload-form .category-checklist:after,.site-content:after,.site-footer:after,.site-header:after,.type-plugin .plugin-header:after,.type-plugin:after{clear:both}#wporg-header h1{margin:auto}#wporg-header h2.rosetta{clear:none}#wporg-header form input{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:3px}#wporg-header .button{-webkit-box-shadow:none;box-shadow:none}#wporg-header .download-button{background-color:#21759b;background-image:-webkit-gradient(linear,left top,left bottom,from(#2a95c5),to(#21759b));background-image:-webkit-linear-gradient(top,#2a95c5,#21759b);background-image:linear-gradient(180deg,#2a95c5,#21759b);border-bottom-color:#1e6a8d;border-color:#21759b;-webkit-box-shadow:inset 0 1px 0 rgba(120,200,230,.5);box-shadow:inset 0 1px 0 rgba(120,200,230,.5)}#wporg-header .download-button:focus,#wporg-header .download-button:hover{background-color:#278ab7;background-image:-webkit-gradient(linear,left top,left bottom,from(#2e9fd2),to(#21759b));background-image:-webkit-linear-gradient(top,#2e9fd2,#21759b);background-image:linear-gradient(180deg,#2e9fd2,#21759b);border-color:#1b607f;-webkit-box-shadow:inset 0 1px 0 rgba(120,200,230,.6);box-shadow:inset 0 1px 0 rgba(120,200,230,.6);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3)}#wporg-header .download-button:active{background:#1b607f;background-image:-webkit-gradient(linear,left top,left bottom,from(#21759b),to(#278ab7));background-image:-webkit-linear-gradient(top,#21759b,#278ab7);background-image:linear-gradient(180deg,#21759b,#278ab7);border-color:#124560 #2382ae #2382ae;-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(0,0,0,.1);color:hsla(0,0%,100%,.95);text-shadow:0 1px 0 rgba(0,0,0,.1);-webkit-transform:none;-ms-transform:none;transform:none}#wporg-header a:active,#wporg-header a:focus,#wporg-header a:hover{text-decoration:none}.infinite-scroll.neverending .site-footer,.infinite-scroll .posts-navigation{display:no