WordPress.org

Making WordPress.org

Changeset 5880


Ignore:
Timestamp:
09/04/2017 03:23:16 PM (3 years ago)
Author:
obenland
Message:

Main: Minified styles.

See [5879].

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/style-rtl.css

    r5879 r5880  
    1 html {
    2   font-family: sans-serif;
    3   -webkit-text-size-adjust: 100%;
    4   -ms-text-size-adjust: 100%;
    5 }
    6 
    7 body {
    8   margin: 0;
    9 }
    10 
    11 article,
    12 aside,
    13 details,
    14 figcaption,
    15 figure,
    16 footer,
    17 header,
    18 main,
    19 menu,
    20 nav,
    21 section,
    22 summary {
    23   display: block;
    24 }
    25 
    26 audio,
    27 canvas,
    28 progress,
    29 video {
    30   display: inline-block;
    31   vertical-align: baseline;
    32 }
    33 
    34 audio:not([controls]) {
    35   display: none;
    36   height: 0;
    37 }
    38 
    39 [hidden],
    40 template {
    41   display: none;
    42 }
    43 
    44 a {
    45   background-color: transparent;
    46 }
    47 
    48 a:active,
    49 a:hover {
    50   outline: 0;
    51 }
    52 
    53 abbr[title] {
    54   border-bottom: 1px dotted;
    55 }
    56 
    57 b,
    58 strong {
    59   font-weight: bold;
    60 }
    61 
    62 dfn {
    63   font-style: italic;
    64 }
    65 
    66 h1 {
    67   font-size: 2em;
    68   margin: 0.67em 0;
    69 }
    70 
    71 mark {
    72   background: #ff0;
    73   color: #000;
    74 }
    75 
    76 small {
    77   font-size: 80%;
    78 }
    79 
    80 sub,
    81 sup {
    82   font-size: 75%;
    83   line-height: 0;
    84   position: relative;
    85   vertical-align: baseline;
    86 }
    87 
    88 sup {
    89   top: -0.5em;
    90 }
    91 
    92 sub {
    93   bottom: -0.25em;
    94 }
    95 
    96 img {
    97   border: 0;
    98 }
    99 
    100 svg:not(:root) {
    101   overflow: hidden;
    102 }
    103 
    104 figure {
    105   margin: 1em 40px;
    106 }
    107 
    108 hr {
    109   -webkit-box-sizing: content-box;
    110   -moz-box-sizing: content-box;
    111   box-sizing: content-box;
    112   height: 0;
    113 }
    114 
    115 pre {
    116   overflow: auto;
    117 }
    118 
    119 code,
    120 kbd,
    121 pre,
    122 samp {
    123   font-family: monospace, monospace;
    124   font-size: 1em;
    125 }
    126 
    127 button,
    128 input,
    129 optgroup,
    130 select,
    131 textarea {
    132   color: inherit;
    133   font: inherit;
    134   margin: 0;
    135 }
    136 
    137 button {
    138   overflow: visible;
    139 }
    140 
    141 button,
    142 select {
    143   text-transform: none;
    144 }
    145 
    146 button,
    147 html input[type="button"],
    148 input[type="reset"],
    149 input[type="submit"] {
    150   -webkit-appearance: button;
    151   cursor: pointer;
    152 }
    153 
    154 button[disabled],
    155 html input[disabled] {
    156   cursor: default;
    157 }
    158 
    159 button::-moz-focus-inner,
    160 input::-moz-focus-inner {
    161   border: 0;
    162   padding: 0;
    163 }
    164 
    165 input {
    166   line-height: normal;
    167 }
    168 
    169 input[type="checkbox"],
    170 input[type="radio"] {
    171   -webkit-box-sizing: border-box;
    172   -moz-box-sizing: border-box;
    173   box-sizing: border-box;
    174   padding: 0;
    175 }
    176 
    177 input[type="number"]::-webkit-inner-spin-button,
    178 input[type="number"]::-webkit-outer-spin-button {
    179   height: auto;
    180 }
    181 
    182 input[type="search"]::-webkit-search-cancel-button,
    183 input[type="search"]::-webkit-search-decoration {
    184   -webkit-appearance: none;
    185 }
    186 
    187 fieldset {
    188   border: 1px solid #c0c0c0;
    189   margin: 0 2px;
    190   padding: 0.35em 0.625em 0.75em;
    191 }
    192 
    193 legend {
    194   border: 0;
    195   padding: 0;
    196 }
    197 
    198 textarea {
    199   overflow: auto;
    200 }
    201 
    202 optgroup {
    203   font-weight: bold;
    204 }
    205 
    206 table {
    207   border-collapse: collapse;
    208   border-spacing: 0;
    209 }
    210 
    211 td,
    212 th {
    213   padding: 0;
    214 }
    215 
    216 p {
    217   margin: 1em 0;
    218 }
    219 
    220 dfn, cite, em, i {
    221   font-style: italic;
    222 }
    223 
    224 blockquote {
    225   margin: 0 1.5em;
    226 }
    227 
    228 address {
    229   margin: 0 0 1.5em;
    230 }
    231 
    232 pre {
    233   background: #eee;
    234   font-family: "Courier 10 Pitch", Courier, monospace;
    235   font-size: 15px;
    236   font-size: 0.9375rem;
    237   line-height: 1.6;
    238   margin-bottom: 1.6em;
    239   max-width: 100%;
    240   overflow: auto;
    241   padding: 1.6em;
    242 }
    243 
    244 code, kbd, tt, var {
    245   font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    246   font-size: 15px;
    247   font-size: 0.9375rem;
    248 }
    249 
    250 abbr, acronym {
    251   border-bottom: 1px dotted #666;
    252   cursor: help;
    253 }
    254 
    255 mark, ins {
    256   background: #fff9c0;
    257   text-decoration: none;
    258 }
    259 
    260 big {
    261   font-size: 125%;
    262 }
    263 
    264 html {
    265   -webkit-box-sizing: border-box;
    266   -moz-box-sizing: border-box;
    267   box-sizing: border-box;
    268 }
    269 
    270 *,
    271 *:before,
    272 *:after {
    273   /* 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/ */
    274   -webkit-box-sizing: inherit;
    275   -moz-box-sizing: inherit;
    276   box-sizing: inherit;
    277 }
    278 
    279 body {
    280   background: #fff;
    281   /* Fallback for when there is no custom background color defined. */
    282 }
    283 
    284 blockquote, q {
    285   quotes: "" "";
    286 }
    287 
    288 blockquote:before, blockquote:after, q:before, q:after {
    289   content: "";
    290 }
    291 
    292 blockquote {
    293   background: transparent;
    294   border: none;
    295   padding: 0;
    296   border-right: 2px solid #eee;
    297   color: #82878c;
    298   font-style: italic;
    299   margin: 16px 0;
    300   margin: 1rem 0;
    301   padding-right: 16px;
    302   padding-right: 1rem;
    303 }
    304 
    305 blockquote cite {
    306   font-size: 12.8px;
    307   font-size: 0.8rem;
    308 }
    309 
    310 hr {
    311   background-color: #eee;
    312   border: 0;
    313   height: 2px;
    314   margin: 80px auto;
    315   margin: 5rem auto;
    316 }
    317 
    318 img {
    319   height: auto;
    320   /* Make sure images are scaled correctly. */
    321   max-width: 100%;
    322   /* Adhere to container width. */
    323 }
    324 
    325 h1, h2, h3, h4, h5, h6 {
    326   clear: both;
    327   font-family: inherit;
    328   line-height: 1.5;
    329   margin: 32px 0 16px;
    330   margin: 2rem 0 1rem;
    331 }
    332 
    333 h1 {
    334   font-size: 61.035px;
    335   font-size: 3.8146972656rem;
    336   font-weight: 300;
    337 }
    338 
    339 h2 {
    340   font-size: 39.062px;
    341   font-size: 2.44140625rem;
    342   font-weight: 300;
    343 }
    344 
    345 h3 {
    346   font-size: 25px;
    347   font-size: 1.5625rem;
    348   font-weight: 400;
    349 }
    350 
    351 h4 {
    352   font-size: 20px;
    353   font-size: 1.25rem;
    354   border: none;
    355   color: #32373c;
    356   font-weight: 600;
    357   padding: 0;
    358 }
    359 
    360 h5 {
    361   font-size: 16px;
    362   font-size: 1rem;
    363   font-weight: 600;
    364   letter-spacing: 0.16px;
    365   letter-spacing: 0.01rem;
    366   text-transform: uppercase;
    367 }
    368 
    369 h6 {
    370   font-size: 12.8px;
    371   font-size: 0.8rem;
    372   font-weight: 600;
    373   letter-spacing: 0.8px;
    374   text-transform: uppercase;
    375 }
    376 
    377 a {
    378   color: #0073aa;
    379 }
    380 
    381 a:visited {
    382   /* Override wp4.css */
    383   color: #0073aa;
    384 }
    385 
    386 a:hover, a:focus, a:active {
    387   /* Override wp4.css */
    388   color: #0073aa;
    389   text-decoration: underline;
    390 }
    391 
    392 a:focus {
    393   outline: thin dotted;
    394 }
    395 
    396 a:hover, a:active {
    397   outline: 0;
    398 }
    399 
    400 ul, ol {
    401   margin: 0 3em 1.5em 0;
    402 }
    403 
    404 ul {
    405   list-style: disc;
    406 }
    407 
    408 ol {
    409   list-style: decimal;
    410 }
    411 
    412 li > ul,
    413 li > ol {
    414   margin-bottom: 0;
    415   margin-right: 1.5em;
    416 }
    417 
    418 dt {
    419   font-weight: bold;
    420 }
    421 
    422 dd {
    423   margin: 0 1.5em 1.5em;
    424 }
    425 
    426 table {
    427   border: 1px solid #eee;
    428   border-collapse: collapse;
    429   font-size: 12.8px;
    430   font-size: 0.8rem;
    431   margin: 0 0 16px;
    432   margin: 0 0 1rem;
    433   padding: 0;
    434   width: 100%;
    435 }
    436 
    437 table thead {
    438   background: #32373c;
    439   color: #fff;
    440 }
    441 
    442 table th, table td {
    443   border: 1px solid #eee;
    444   font-weight: normal;
    445   margin: 0;
    446   padding: 6.4px;
    447   padding: 0.4rem;
    448   text-align: right;
    449   vertical-align: top;
    450 }
    451 
    452 table tbody tr:nth-child(even) {
    453   background: #f7f7f7;
    454 }
    455 
    456 html {
    457   font-size: 100%;
    458 }
    459 
    460 body,
    461 button,
    462 input,
    463 select,
    464 textarea {
    465   color: #32373c;
    466   font-family: "Open Sans", sans-serif;
    467   font-size: 100%;
    468   line-height: 1.5;
    469 }
    470 
    471 @media screen and (min-width: 737px) {
    472   html {
    473     font-size: 1.125rem;
    474   }
    475 }
    476 
    477 /* Text meant only for screen readers. */
    478 .screen-reader-text {
    479   clip: rect(1px, 1px, 1px, 1px);
    480   height: 1px;
    481   overflow: hidden;
    482   position: absolute !important;
    483   width: 1px;
    484 }
    485 
    486 .screen-reader-text:focus {
    487   background-color: #f1f1f1;
    488   -webkit-border-radius: 3px;
    489   border-radius: 3px;
    490   -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    491   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    492   clip: auto !important;
    493   color: #21759b;
    494   display: block;
    495   font-size: 14px;
    496   font-size: 0.875rem;
    497   font-weight: bold;
    498   height: auto;
    499   right: 5px;
    500   line-height: normal;
    501   padding: 15px 23px 14px;
    502   text-decoration: none;
    503   top: 5px;
    504   width: auto;
    505   z-index: 100000;
    506   /* Above WP toolbar. */
    507 }
    508 
    509 /* Do not show the outline on the skip link target. */
    510 #content[tabindex="-1"]:focus {
    511   outline: 0;
    512 }
    513 
    514 .alignleft {
    515   display: inline;
    516   float: right;
    517   margin-left: 1.5em;
    518 }
    519 
    520 .alignright {
    521   display: inline;
    522   float: left;
    523   margin-right: 1.5em;
    524 }
    525 
    526 .aligncenter {
    527   clear: both;
    528   display: block;
    529   margin-right: auto;
    530   margin-left: auto;
    531 }
    532 
    533 /* ----------------------------------------------------------------------------
    534   1.0 - Button Layouts
    535 ---------------------------------------------------------------------------- */
    536 .button,
    537 .button-primary,
    538 .button-secondary,
    539 .plugin-upload-form .button-primary {
    540   border: 1px solid;
    541   -webkit-border-radius: 3px;
    542   border-radius: 3px;
    543   -webkit-box-sizing: border-box;
    544   -moz-box-sizing: border-box;
    545   box-sizing: border-box;
    546   cursor: pointer;
    547   display: inline-block;
    548   font-size: 12.8px;
    549   font-size: 0.8rem;
    550   height: 25px;
    551   height: 1.5625rem;
    552   line-height: 1;
    553   margin: 0;
    554   padding: 0 12.8px;
    555   padding: 0 0.8rem;
    556   text-decoration: none;
    557   white-space: nowrap;
    558   -webkit-appearance: none;
    559 }
    560 
    561 /* Remove the dotted border on :focus and the extra padding in Firefox */
    562 button::-moz-focus-inner,
    563 input[type="reset"]::-moz-focus-inner,
    564 input[type="button"]::-moz-focus-inner,
    565 input[type="submit"]::-moz-focus-inner {
    566   border: 0 none;
    567   padding: 0;
    568 }
    569 
    570 .button.button-xl,
    571 .button-group.button-xl .button {
    572   font-size: 16px;
    573   font-size: 1rem;
    574   height: 39.062px;
    575   height: 2.44140625rem;
    576   line-height: 1;
    577   padding: 0 24px;
    578   padding: 0 1.5rem;
    579 }
    580 
    581 .button.button-large,
    582 .button-group.button-large .button {
    583   height: 31.25px;
    584   height: 1.953125rem;
    585   line-height: 1;
    586   padding: 0 16px;
    587   padding: 0 1rem;
    588 }
    589 
    590 .button.button-small,
    591 .button-group.button-small .button {
    592   font-size: 10.24px;
    593   font-size: 0.64rem;
    594   height: 20px;
    595   height: 1.25rem;
    596   line-height: 1;
    597   padding: 0 8px;
    598   padding: 0 0.5rem;
    599 }
    600 
    601 a.button,
    602 a.button-primary,
    603 a.button-secondary {
    604   line-height: 25px;
    605   line-height: 1.5625rem;
    606 }
    607 
    608 a.button.button-large,
    609 .button-group.button-large a.button {
    610   line-height: 31.25px;
    611   line-height: 1.953125rem;
    612 }
    613 
    614 a.button.button-xl,
    615 .button-group.button-xl a.button {
    616   line-height: 39.062px;
    617   line-height: 2.44140625rem;
    618 }
    619 
    620 a.button.button-small,
    621 .button-group.button-small a.button {
    622   line-height: 20px;
    623   line-height: 1.25rem;
    624 }
    625 
    626 .button:active,
    627 .button:focus {
    628   outline: none;
    629 }
    630 
    631 .button.hidden {
    632   display: none;
    633 }
    634 
    635 /* Style Reset buttons as simple text links */
    636 input[type="reset"],
    637 input[type="reset"]:hover,
    638 input[type="reset"]:active,
    639 input[type="reset"]:focus {
    640   background: none;
    641   border: none;
    642   -webkit-box-shadow: none;
    643   box-shadow: none;
    644   padding: 0 2px 1px;
    645   width: auto;
    646 }
    647 
    648 /* ----------------------------------------------------------------------------
    649   2.0 - Default Button Style
    650 ---------------------------------------------------------------------------- */
    651 .button,
    652 .button:visited,
    653 .button-secondary {
    654   background: #f7f7f7;
    655   border-color: #cccccc;
    656   -webkit-box-shadow: 0 1px 0 #cccccc;
    657   box-shadow: 0 1px 0 #cccccc;
    658   color: #555;
    659   vertical-align: top;
    660 }
    661 
    662 p .button {
    663   vertical-align: baseline;
    664 }
    665 
    666 .button.hover,
    667 .button:hover,
    668 .button-secondary:hover,
    669 .button.focus,
    670 .button:focus,
    671 .button-secondary:focus {
    672   background: #fafafa;
    673   border-color: #999;
    674   color: #23282d;
    675 }
    676 
    677 .button.focus,
    678 .button:focus,
    679 .button-secondary:focus,
    680 .button-link:focus {
    681   border-color: #5b9dd9;
    682   -webkit-box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    683   box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    684 }
    685 
    686 .button.active,
    687 .button.active:hover,
    688 .button:active,
    689 .button-secondary:active {
    690   background: #eee;
    691   border-color: #999;
    692   -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    693   box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    694   -webkit-transform: translateY(1px);
    695   -ms-transform: translateY(1px);
    696   transform: translateY(1px);
    697 }
    698 
    699 .button.active:focus {
    700   border-color: #5b9dd9;
    701   -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
    702   box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
    703 }
    704 
    705 .button[disabled],
    706 .button:disabled,
    707 .button.disabled,
    708 .button-secondary[disabled],
    709 .button-secondary:disabled,
    710 .button-secondary.disabled,
    711 .button-disabled {
    712   background: #f7f7f7 !important;
    713   border-color: #ddd !important;
    714   -webkit-box-shadow: none !important;
    715   box-shadow: none !important;
    716   color: #a0a5aa !important;
    717   cursor: default;
    718   text-shadow: 0 1px 0 #fff !important;
    719   -webkit-transform: none !important;
    720   -ms-transform: none !important;
    721   transform: none !important;
    722 }
    723 
    724 /* Buttons that look like links, for a cross of good semantics with the visual */
    725 .button-link {
    726   background: none;
    727   border: 0;
    728   -webkit-border-radius: 0;
    729   border-radius: 0;
    730   -webkit-box-shadow: none;
    731   box-shadow: none;
    732   cursor: pointer;
    733   margin: 0;
    734   outline: none;
    735   padding: 0;
    736 }
    737 
    738 .button-link:focus {
    739   outline: #5b9dd9 solid 1px;
    740 }
    741 
    742 /* ----------------------------------------------------------------------------
    743   3.0 - Primary Button Style
    744 ---------------------------------------------------------------------------- */
    745 .button-primary,
    746 .download-button,
    747 .plugin-upload-form .button-primary {
    748   background: #0085ba;
    749   border-color: #0073aa #006799 #006799;
    750   -webkit-box-shadow: 0 1px 0 #006799;
    751   box-shadow: 0 1px 0 #006799;
    752   color: #fff;
    753   text-decoration: none;
    754   text-shadow: 0 -1px 1px #006799, -1px 0 1px #006799, 0 1px 1px #006799, 1px 0 1px #006799;
    755 }
    756 
    757 .button-primary:visited,
    758 .download-button:visited,
    759 .plugin-upload-form .button-primary:visited {
    760   background: #0085ba;
    761   border-color: #0073aa #006799 #006799;
    762   -webkit-box-shadow: 0 1px 0 #006799;
    763   box-shadow: 0 1px 0 #006799;
    764   color: #fff;
    765 }
    766 
    767 .button-primary.hover, .button-primary:hover, .button-primary.focus, .button-primary:focus,
    768 .download-button.hover,
    769 .download-button:hover,
    770 .download-button.focus,
    771 .download-button:focus,
    772 .plugin-upload-form .button-primary.hover,
    773 .plugin-upload-form .button-primary:hover,
    774 .plugin-upload-form .button-primary.focus,
    775 .plugin-upload-form .button-primary:focus {
    776   background: #008ec2;
    777   border-color: #006799;
    778   -webkit-box-shadow: 0 1px 0 #006799;
    779   box-shadow: 0 1px 0 #006799;
    780   color: #fff;
    781 }
    782 
    783 .button-primary.focus, .button-primary:focus,
    784 .download-button.focus,
    785 .download-button:focus,
    786 .plugin-upload-form .button-primary.focus,
    787 .plugin-upload-form .button-primary:focus {
    788   -webkit-box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
    789   box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
    790 }
    791 
    792 .button-primary.active, .button-primary.active:hover, .button-primary.active:focus, .button-primary:active,
    793 .download-button.active,
    794 .download-button.active:hover,
    795 .download-button.active:focus,
    796 .download-button:active,
    797 .plugin-upload-form .button-primary.active,
    798 .plugin-upload-form .button-primary.active:hover,
    799 .plugin-upload-form .button-primary.active:focus,
    800 .plugin-upload-form .button-primary:active {
    801   background: #0073aa;
    802   border-color: #006799;
    803   -webkit-box-shadow: inset 0 2px 0 #006799;
    804   box-shadow: inset 0 2px 0 #006799;
    805   vertical-align: top;
    806 }
    807 
    808 .button-primary[disabled], .button-primary:disabled, .button-primary.disabled,
    809 .download-button[disabled],
    810 .download-button:disabled,
    811 .download-button.disabled,
    812 .plugin-upload-form .button-primary[disabled],
    813 .plugin-upload-form .button-primary:disabled,
    814 .plugin-upload-form .button-primary.disabled {
    815   background: #008ec2 !important;
    816   border-color: #007cb2 !important;
    817   -webkit-box-shadow: none !important;
    818   box-shadow: none !important;
    819   color: #66c6e4 !important;
    820   cursor: default;
    821   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
    822 }
    823 
    824 .button-primary.button.button-hero,
    825 .download-button.button.button-hero,
    826 .plugin-upload-form .button-primary.button.button-hero {
    827   -webkit-box-shadow: 0 2px 0 #006799;
    828   box-shadow: 0 2px 0 #006799;
    829 }
    830 
    831 .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,
    832 .download-button.button.button-hero.active,
    833 .download-button.button.button-hero.active:hover,
    834 .download-button.button.button-hero.active:focus,
    835 .download-button.button.button-hero:active,
    836 .plugin-upload-form .button-primary.button.button-hero.active,
    837 .plugin-upload-form .button-primary.button.button-hero.active:hover,
    838 .plugin-upload-form .button-primary.button.button-hero.active:focus,
    839 .plugin-upload-form .button-primary.button.button-hero:active {
    840   -webkit-box-shadow: inset 0 3px 0 #006799;
    841   box-shadow: inset 0 3px 0 #006799;
    842 }
    843 
    844 .button-primary-disabled {
    845   background: #008ec2 !important;
    846   border-color: #007cb2 !important;
    847   -webkit-box-shadow: none !important;
    848   box-shadow: none !important;
    849   color: #66c6e4 !important;
    850   cursor: default;
    851   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
    852 }
    853 
    854 /* ----------------------------------------------------------------------------
    855   4.0 - Button Groups
    856 ---------------------------------------------------------------------------- */
    857 .button-group {
    858   display: inline-block;
    859   font-size: 0;
    860   position: relative;
    861   vertical-align: middle;
    862   white-space: nowrap;
    863 }
    864 
    865 .button-group > .button {
    866   -webkit-border-radius: 0;
    867   border-radius: 0;
    868   display: inline-block;
    869   margin-left: -1px;
    870   z-index: 10;
    871 }
    872 
    873 .button-group > .button-primary {
    874   z-index: 100;
    875 }
    876 
    877 .button-group > .button:hover {
    878   z-index: 20;
    879 }
    880 
    881 .button-group > .button:first-child {
    882   -webkit-border-radius: 0 3px 3px 0;
    883   border-radius: 0 3px 3px 0;
    884 }
    885 
    886 .button-group > .button:last-child {
    887   -webkit-border-radius: 3px 0 0 3px;
    888   border-radius: 3px 0 0 3px;
    889 }
    890 
    891 .button-group > .button:focus {
    892   position: relative;
    893   z-index: 1;
    894 }
    895 
    896 /* ----------------------------------------------------------------------------
    897   5.0 - Responsive Button Styles
    898 ---------------------------------------------------------------------------- */
    899 @media screen and (max-width: 737px) {
    900   .button,
    901   .button.button-large,
    902   .button.button-small,
    903   .plugin-upload-form .button-primary {
    904     font-size: 14px;
    905     height: auto;
    906     line-height: normal;
    907     margin-bottom: 4px;
    908     padding: 6px 14px;
    909     vertical-align: middle;
    910   }
    911 }
    912 
    913 .clear:before, .page-template-get section.hosting .three-up:before, .page-template-get section.apps-mobile .web-stores:before, .clear:after, .page-template-get section.hosting .three-up:after, .page-template-get section.apps-mobile .web-stores:after,
    914 .entry-content:before,
    915 .entry-content:after,
    916 .comment-content:before,
    917 .comment-content:after,
    918 .site-header:before,
    919 .site-header:after,
    920 .site-content:before,
    921 .site-content:after,
    922 .site-footer:before,
    923 .site-footer:after {
    924   content: "";
    925   display: table;
    926   table-layout: fixed;
    927 }
    928 
    929 .clear:after, .page-template-get section.hosting .three-up:after, .page-template-get section.apps-mobile .web-stores:after,
    930 .entry-content:after,
    931 .comment-content:after,
    932 .site-header:after,
    933 .site-content:after,
    934 .site-footer:after {
    935   clear: both;
    936 }
    937 
    938 p.subheading {
    939   color: #82878c;
    940   font-size: 20px;
    941   font-size: 1.25rem;
    942   font-weight: 300;
    943   margin: -6.4px auto 32px;
    944   margin: -0.4rem auto 2rem;
    945   text-align: center;
    946 }
    947 
    948 p.intro {
    949   font-size: 20px;
    950   font-size: 1.25rem;
    951 }
    952 
    953 p.aside {
    954   font-size: 12.8px;
    955   font-size: 0.8rem;
    956 }
    957 
    958 p.note {
    959   font-size: 10.24px;
    960   font-size: 0.64rem;
    961   letter-spacing: 0.16px;
    962   letter-spacing: 0.01rem;
    963   max-width: 291.038px;
    964   max-width: 18.1898940355rem;
    965 }
    966 
    967 /* ----------------------------------------------------------------------------
    968 
    969 WordPress-style Form Elements
    970 =============================
    971 These are the current form element styles for wp-admin. Many of them include the .wp-admin class to be appended which I appended to the html tag on this pen.
    972 
    973 Form Styles
    974 -------------
    975 All form element styles are minimal and require additional styling for layout.
    976 
    977 ---------------------------------------------------------------------------- */
    978 /* Include margin and padding in the width calculation of input and textarea. */
    979 input,
    980 textarea {
    981   -webkit-box-sizing: border-box;
    982   -moz-box-sizing: border-box;
    983   box-sizing: border-box;
    984 }
    985 
    986 input[type="checkbox"],
    987 input[type="color"],
    988 input[type="date"],
    989 input[type="datetime"],
    990 input[type="datetime-local"],
    991 input[type="email"],
    992 input[type="month"],
    993 input[type="number"],
    994 input[type="password"],
    995 input[type="radio"],
    996 input[type="search"],
    997 input[type="tel"],
    998 input[type="text"],
    999 input[type="time"],
    1000 input[type="url"],
    1001 input[type="week"],
    1002 select,
    1003 textarea {
    1004   background-color: #fff;
    1005   border: 1px solid #ddd;
    1006   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    1007   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    1008   color: #32373c;
    1009   outline: none;
    1010   -webkit-transition: 0.05s border-color ease-in-out;
    1011   transition: 0.05s border-color ease-in-out;
    1012 }
    1013 
    1014 input[type="checkbox"]:focus,
    1015 input[type="color"]:focus,
    1016 input[type="date"]:focus,
    1017 input[type="datetime"]:focus,
    1018 input[type="datetime-local"]:focus,
    1019 input[type="email"]:focus,
    1020 input[type="month"]:focus,
    1021 input[type="number"]:focus,
    1022 input[type="password"]:focus,
    1023 input[type="radio"]: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 select:focus,
    1031 textarea:focus {
    1032   border-color: #5b9dd9;
    1033   -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
    1034   box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
    1035 }
    1036 
    1037 /* rtl:ignore */
    1038 input[type="email"],
    1039 input[type="url"] {
    1040   direction: ltr;
    1041 }
    1042 
    1043 /* Vertically align the number selector with the input. */
    1044 input[type="number"] {
    1045   height: 28px;
    1046   line-height: inherit;
    1047 }
    1048 
    1049 input[type="checkbox"],
    1050 input[type="radio"] {
    1051   background: #fff;
    1052   border: 1px solid #b4b9be;
    1053   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    1054   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    1055   clear: none;
    1056   color: #555;
    1057   cursor: pointer;
    1058   display: inline-block;
    1059   height: 16px;
    1060   line-height: 0;
    1061   margin: -4px 0 0 4px;
    1062   min-width: 16px;
    1063   outline: 0;
    1064   padding: 0 !important;
    1065   text-align: center;
    1066   -webkit-transition: 0.05s border-color ease-in-out;
    1067   transition: 0.05s border-color ease-in-out;
    1068   vertical-align: middle;
    1069   width: 16px;
    1070   -webkit-appearance: none;
    1071 }
    1072 
    1073 input[type="checkbox"]:checked:before,
    1074 input[type="radio"]:checked:before {
    1075   display: inline-block;
    1076   float: right;
    1077   font: normal 21px/1 dashicons;
    1078   vertical-align: middle;
    1079   width: 16px;
    1080   speak: none;
    1081   -webkit-font-smoothing: antialiased;
    1082   -moz-osx-font-smoothing: grayscale;
    1083 }
    1084 
    1085 input[type="checkbox"].disabled, input[type="checkbox"]:disabled, input[type="checkbox"]:disabled:checked:before, input[type="checkbox"].disabled:checked:before,
    1086 input[type="radio"].disabled,
    1087 input[type="radio"]:disabled,
    1088 input[type="radio"]:disabled:checked:before,
    1089 input[type="radio"].disabled:checked:before {
    1090   opacity: 0.7;
    1091 }
    1092 
    1093 input[type="checkbox"]:checked:before {
    1094   color: #1e8cbe;
    1095   content: "\f147";
    1096   margin: -3px -4px 0 0;
    1097 }
    1098 
    1099 input[type="radio"] {
    1100   -webkit-border-radius: 50%;
    1101   border-radius: 50%;
    1102   line-height: 10px;
    1103   margin-left: 4px;
    1104 }
    1105 
    1106 input[type="radio"]:checked + label:before {
    1107   color: #82878c;
    1108 }
    1109 
    1110 input[type="radio"]:checked:before {
    1111   background-color: #1e8cbe;
    1112   -webkit-border-radius: 50px;
    1113   border-radius: 50px;
    1114   content: "\2022";
    1115   font-size: 24px;
    1116   height: 6px;
    1117   line-height: 16px;
    1118   margin: 4px;
    1119   text-indent: -9999px;
    1120   width: 6px;
    1121 }
    1122 
    1123 input[type="reset"]:hover,
    1124 input[type="reset"]:active {
    1125   color: #00a0d2;
    1126 }
    1127 
    1128 /* Search */
    1129 input[type="search"] {
    1130   -webkit-appearance: textfield;
    1131 }
    1132 
    1133 input[type="search"]::-webkit-search-decoration {
    1134   display: none;
    1135 }
    1136 
    1137 textarea,
    1138 input,
    1139 select,
    1140 button {
    1141   font-family: inherit;
    1142   font-size: inherit;
    1143   font-weight: inherit;
    1144 }
    1145 
    1146 textarea,
    1147 input,
    1148 select {
    1149   -webkit-border-radius: 0;
    1150   border-radius: 0;
    1151   font-size: 14px;
    1152   padding: 3px 5px;
    1153   /* Reset mobile webkit's default element styling */
    1154 }
    1155 
    1156 textarea {
    1157   line-height: 1.4;
    1158   overflow: auto;
    1159   padding: 2px 6px;
    1160   resize: vertical;
    1161 }
    1162 
    1163 textarea.code {
    1164   line-height: 1.4;
    1165   padding: 4px 6px 1px 6px;
    1166 }
    1167 
    1168 label {
    1169   cursor: pointer;
    1170   vertical-align: middle;
    1171 }
    1172 
    1173 input,
    1174 select {
    1175   margin: 1px;
    1176   padding: 3px 5px;
    1177 }
    1178 
    1179 input.code {
    1180   padding-top: 6px;
    1181 }
    1182 
    1183 input.readonly,
    1184 input[readonly],
    1185 textarea.readonly,
    1186 textarea[readonly] {
    1187   background-color: #eee;
    1188 }
    1189 
    1190 :-moz-placeholder,
    1191 .wp-core-ui :-moz-placeholder {
    1192   color: #a9a9a9;
    1193 }
    1194 
    1195 input:disabled,
    1196 input.disabled,
    1197 select:disabled,
    1198 select.disabled,
    1199 textarea:disabled,
    1200 textarea.disabled {
    1201   background: rgba(255, 255, 255, 0.5);
    1202   border-color: rgba(222, 222, 222, 0.75);
    1203   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    1204   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    1205   color: rgba(51, 51, 51, 0.5);
    1206 }
    1207 
    1208 input[type="file"]:disabled,
    1209 input[type="file"].disabled,
    1210 input[type="range"]:disabled,
    1211 input[type="range"].disabled {
    1212   background: none;
    1213   -webkit-box-shadow: none;
    1214   box-shadow: none;
    1215 }
    1216 
    1217 input.large-text,
    1218 textarea.large-text {
    1219   width: 99%;
    1220 }
    1221 
    1222 input.regular-text {
    1223   width: 25em;
    1224 }
    1225 
    1226 input.small-text {
    1227   padding: 1px 6px;
    1228   width: 50px;
    1229 }
    1230 
    1231 input[type="number"].small-text {
    1232   width: 65px;
    1233 }
    1234 
    1235 input.tiny-text {
    1236   width: 35px;
    1237 }
    1238 
    1239 input[type="number"].tiny-text {
    1240   width: 45px;
    1241 }
    1242 
    1243 /* =Media Queries
    1244 -------------------------------------------------------------- */
    1245 @media screen and (max-width: 782px) {
    1246   /* Input Elements */
    1247   textarea {
    1248     -webkit-appearance: none;
    1249   }
    1250   input[type="text"],
    1251   input[type="email"],
    1252   input[type="search"],
    1253   input[type="password"],
    1254   input[type="number"] {
    1255     -webkit-appearance: none;
    1256     padding: 6px 10px;
    1257   }
    1258   input[type="number"] {
    1259     height: 40px;
    1260   }
    1261   input.code {
    1262     padding-bottom: 5px;
    1263     padding-top: 10px;
    1264   }
    1265   input[type="checkbox"] {
    1266     -webkit-appearance: none;
    1267     padding: 10px;
    1268   }
    1269   input[type="checkbox"]:checked:before {
    1270     font: normal 30px/1 dashicons;
    1271     margin: -3px -5px;
    1272   }
    1273   input[type="radio"],
    1274   input[type="checkbox"] {
    1275     height: 25px;
    1276     width: 25px;
    1277   }
    1278   input[type="radio"]:checked:before {
    1279     vertical-align: middle;
    1280     width: 9px;
    1281     height: 9px;
    1282     margin: 7px;
    1283     line-height: 16px;
    1284   }
    1285   textarea,
    1286   input {
    1287     font-size: 16px;
    1288   }
    1289   input[type="text"].small-text,
    1290   input[type="search"].small-text,
    1291   input[type="password"].small-text,
    1292   input[type="number"].small-text,
    1293   input[type="number"].small-text {
    1294     width: auto;
    1295     max-width: 55px;
    1296     display: inline;
    1297     padding: 3px 6px;
    1298     margin: 0 3px;
    1299   }
    1300   input.regular-text {
    1301     width: 100%;
    1302   }
    1303   label {
    1304     font-size: 14px;
    1305   }
    1306   fieldset label {
    1307     display: block;
    1308   }
    1309 }
    1310 
    1311 a.button:hover, a.button:focus, a.button:active {
    1312   text-decoration: none;
    1313 }
    1314 
    1315 p a:not(.button),
    1316 p a:not(.button):hover {
    1317   border: none;
    1318 }
    1319 
    1320 .main-navigation {
    1321   background: #0073aa;
    1322   clear: both;
    1323   right: 0;
    1324   position: absolute;
    1325   top: 60px;
    1326   width: 100%;
    1327 }
    1328 
    1329 .main-navigation ul {
    1330   display: none;
    1331   list-style: none;
    1332   margin: 0;
    1333   padding-right: 0;
    1334 }
    1335 
    1336 .main-navigation ul ul {
    1337   -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    1338   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    1339   float: right;
    1340   right: -999em;
    1341   position: absolute;
    1342   top: 1.5em;
    1343   z-index: 99999;
    1344 }
    1345 
    1346 .main-navigation ul ul ul {
    1347   right: -999em;
    1348   top: 0;
    1349 }
    1350 
    1351 .main-navigation ul ul li:hover > ul,
    1352 .main-navigation ul ul li.focus > ul {
    1353   right: 100%;
    1354 }
    1355 
    1356 .main-navigation ul ul a {
    1357   width: 200px;
    1358 }
    1359 
    1360 .main-navigation ul li:hover > ul,
    1361 .main-navigation ul li.focus > ul {
    1362   right: auto;
    1363 }
    1364 
    1365 .main-navigation li {
    1366   border-top: 1px solid rgba(255, 255, 255, 0.2);
    1367   padding: 16px;
    1368   padding: 1rem;
    1369 }
    1370 
    1371 .main-navigation a {
    1372   color: rgba(255, 255, 255, 0.8);
    1373   display: block;
    1374   font-size: 12.8px;
    1375   font-size: 0.8rem;
    1376   text-decoration: none;
    1377 }
    1378 
    1379 .main-navigation a:hover, .main-navigation a.active {
    1380   color: #fff;
    1381 }
    1382 
    1383 @media screen and (min-width: 737px) {
    1384   .main-navigation a.active {
    1385     border-bottom: 1px solid;
    1386   }
    1387 }
    1388 
    1389 /* Small menu. */
    1390 .main-navigation.toggled ul {
    1391   display: block;
    1392 }
    1393 
    1394 .menu-toggle {
    1395   background: transparent;
    1396   border: none;
    1397   color: #fff;
    1398   font-size: 25px;
    1399   font-size: 1.5625rem;
    1400   height: 56px;
    1401   height: 3.5rem;
    1402   overflow: hidden;
    1403   position: absolute;
    1404   left: 16px;
    1405   left: 1rem;
    1406   top: -58px;
    1407   width: 56px;
    1408   width: 3.5rem;
    1409   -webkit-appearance: none;
    1410 }
    1411 
    1412 .toggled .menu-toggle:before {
    1413   content: "\f343";
    1414 }
    1415 
    1416 @media screen and (min-width: 737px) {
    1417   .menu-toggle {
    1418     display: none;
    1419   }
    1420   .main-navigation {
    1421     float: left;
    1422     position: initial;
    1423     width: initial;
    1424   }
    1425   .main-navigation.toggled {
    1426     padding: 1px 0;
    1427   }
    1428   .main-navigation ul {
    1429     display: inline-block;
    1430     font-size: 0;
    1431   }
    1432   .main-navigation ul li {
    1433     border: 0;
    1434     display: inline-block;
    1435     font-size: 1rem;
    1436     margin-left: 1rem;
    1437     padding: 0;
    1438   }
    1439   .main-navigation ul li:last-of-type {
    1440     margin-left: 0;
    1441   }
    1442 }
    1443 
    1444 .notice {
    1445   background: #fff;
    1446   border-right: 4px solid #fff;
    1447   -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    1448   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    1449   margin: 1em 0;
    1450   padding: 1px 12px;
    1451 }
    1452 
    1453 .notice p {
    1454   font-size: 12.8px;
    1455   font-size: 0.8rem;
    1456   margin: 0.5em 0;
    1457   padding: 2px;
    1458 }
    1459 
    1460 .notice.notice-alt {
    1461   -webkit-box-shadow: none;
    1462   box-shadow: none;
    1463 }
    1464 
    1465 .notice.notice-large {
    1466   padding: 10px 20px;
    1467 }
    1468 
    1469 .notice.notice-success {
    1470   border-right-color: #46b450;
    1471 }
    1472 
    1473 .notice.notice-success.notice-alt {
    1474   background-color: #ecf7ed;
    1475 }
    1476 
    1477 .notice.notice-warning {
    1478   border-right-color: #ffb900;
    1479 }
    1480 
    1481 .notice.notice-warning.notice-alt {
    1482   background-color: #fff8e5;
    1483 }
    1484 
    1485 .notice.notice-error {
    1486   border-right-color: #dc3232;
    1487 }
    1488 
    1489 .notice.notice-error.notice-alt {
    1490   background-color: #fbeaea;
    1491 }
    1492 
    1493 .notice.notice-info {
    1494   border-right-color: #00a0d2;
    1495 }
    1496 
    1497 .notice.notice-info.notice-alt {
    1498   background-color: #e5f5fa;
    1499 }
    1500 
    1501 .site-description {
    1502   color: rgba(255, 255, 255, 0.8);
    1503   font-size: 20px;
    1504   font-size: 1.25rem;
    1505   font-weight: 300;
    1506   margin: -6.4px auto 32px;
    1507   margin: -0.4rem auto 2rem;
    1508   text-align: center;
    1509 }
    1510 
    1511 .site-header {
    1512   background: #0073aa;
    1513   padding: 16px 0;
    1514   padding: 1rem 0;
    1515   position: relative;
    1516 }
    1517 
    1518 .site-header .site-branding {
    1519   margin: 0 auto;
    1520   max-width: 960px;
    1521   padding: 0 25px;
    1522   padding: 0 1.5625rem;
    1523 }
    1524 
    1525 @media screen and (min-width: 737px) {
    1526   .site-header .site-branding {
    1527     padding: 0 10px;
    1528   }
    1529 }
    1530 
    1531 .site-header.home {
    1532   padding: 25px 18.288px;
    1533   padding: 1.5625rem 1.143rem;
    1534   text-align: center;
    1535 }
    1536 
    1537 .site-main {
    1538   margin: 0 auto;
    1539   max-width: 960px;
    1540   padding: 48.828px 25px;
    1541   padding: 3.0517578125rem 1.5625rem;
    1542 }
    1543 
    1544 @media screen and (min-width: 737px) {
    1545   .site-main {
    1546     padding: 3.0517578125rem 10px;
    1547   }
    1548 }
    1549 
    1550 .site-main.single,
    1551 .single .site-main {
    1552   padding: 0;
    1553 }
    1554 
    1555 @media screen and (min-width: 737px) {
    1556   .site-main.single,
    1557   .single .site-main {
    1558     padding: 0 10px 3.0517578125rem;
    1559   }
    1560 }
    1561 
    1562 .site-main.page,
    1563 .page .site-main {
    1564   padding-top: 0;
    1565 }
    1566 
    1567 .site-main .page-title {
    1568   font-size: 25px;
    1569   font-size: 1.5625rem;
    1570   font-weight: 400;
    1571 }
    1572 
    1573 .site-main .no-results {
    1574   margin: 0 auto;
    1575   max-width: 568.434px;
    1576   max-width: 35.527136788rem;
    1577   padding: 0 32px;
    1578   padding: 0 2rem;
    1579 }
    1580 
    1581 .site-title {
    1582   display: inline-block;
    1583   font-size: 25px;
    1584   font-size: 1.5625rem;
    1585   font-weight: 300;
    1586   line-height: 1;
    1587   margin: 0 0 0 32px;
    1588   margin: 0 0 0 2rem;
    1589   max-width: none;
    1590 }
    1591 
    1592 .site-title a {
    1593   color: #fff;
    1594   font-weight: 300;
    1595 }
    1596 
    1597 .site-title a:hover, .site-title a:focus, .site-title a:active {
    1598   text-decoration: none;
    1599 }
    1600 
    1601 .site-header.home .site-title {
    1602   display: inherit;
    1603   font-size: 61.035px;
    1604   font-size: 3.8146972656rem;
    1605   margin: 32px 0 16px;
    1606   margin: 2rem 0 1rem;
    1607 }
    1608 
    1609 #wporg-header h1 {
    1610   margin: auto;
    1611 }
    1612 
    1613 #wporg-header h2.rosetta {
    1614   clear: none;
    1615 }
    1616 
    1617 #wporg-header form input {
    1618   -webkit-box-sizing: content-box;
    1619   -moz-box-sizing: content-box;
    1620   box-sizing: content-box;
    1621   margin: 0;
    1622   padding: 3px;
    1623 }
    1624 
    1625 #wporg-header .button {
    1626   -webkit-box-shadow: none;
    1627   box-shadow: none;
    1628 }
    1629 
    1630 #wporg-header .download-button {
    1631   background-color: #21759b;
    1632   background-image: -webkit-gradient(linear, right top, right bottom, from(#2a95c5), to(#21759b));
    1633   background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    1634   background-image: linear-gradient(to bottom, #2a95c5, #21759b);
    1635   border-bottom-color: #1e6a8d;
    1636   border-color: #21759b;
    1637   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    1638   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    1639 }
    1640 
    1641 #wporg-header .download-button:hover, #wporg-header .download-button:focus {
    1642   background-color: #278ab7;
    1643   background-image: -webkit-gradient(linear, right top, right bottom, from(#2e9fd2), to(#21759b));
    1644   background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    1645   background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
    1646   border-color: #1b607f;
    1647   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    1648   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    1649   color: #fff;
    1650   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    1651 }
    1652 
    1653 #wporg-header .download-button:active {
    1654   background: #1b607f;
    1655   background-image: -webkit-gradient(linear, right top, right bottom, from(#21759b), to(#278ab7));
    1656   background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
    1657   background-image: linear-gradient(to bottom, #21759b, #278ab7);
    1658   border-color: #124560 #2382ae #2382ae #2382ae;
    1659   -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    1660   box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    1661   color: rgba(255, 255, 255, 0.95);
    1662   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    1663   -webkit-transform: none;
    1664   -ms-transform: none;
    1665   transform: none;
    1666 }
    1667 
    1668 #wporg-header a:hover,
    1669 #wporg-header a:focus,
    1670 #wporg-header a:active {
    1671   text-decoration: none;
    1672 }
    1673 
    1674 .home .site-header {
    1675   background: #0073aa;
    1676   padding: 18px 36px;
    1677 }
    1678 
    1679 @media (min-width: 737px) {
    1680   .home .site-header {
    1681     padding: 1.5625rem;
    1682   }
    1683 }
    1684 
    1685 .home .site-header .site-title {
    1686   color: #fff;
    1687   display: block;
    1688   font-size: 61.035px;
    1689   font-size: 3.8146972656rem;
    1690   font-weight: 300;
    1691   line-height: 1;
    1692   margin: 32px 0 16px;
    1693   margin: 2rem 0 1rem;
    1694   text-align: center;
    1695 }
    1696 
    1697 .home .site-header .site-description {
    1698   color: #fff;
    1699   max-width: 568.434px;
    1700   max-width: 35.52714rem;
    1701   padding: 11px 0;
    1702 }
    1703 
    1704 .home-welcome {
    1705   background: #fff;
    1706   color: #32373c;
    1707   font-family: "Open Sans", sans-serif;
    1708   font-weight: 400;
    1709   line-height: 1.5;
    1710   max-width: initial;
    1711   padding: 0;
    1712 }
    1713 
    1714 @media (min-width: 737px) {
    1715   .home-welcome {
    1716     font-size: 18px;
    1717   }
    1718 }
    1719 
    1720 .home-welcome h1 {
    1721   font-size: 51.2px;
    1722   font-size: 3.2rem;
    1723 }
    1724 
    1725 .home-welcome a:not(.button) {
    1726   background-color: transparent;
    1727   border: none;
    1728   color: #0073aa;
    1729   text-decoration: none;
    1730 }
    1731 
    1732 .home-welcome a:not(.button):hover {
    1733   text-decoration: underline;
    1734 }
    1735 
    1736 .home-welcome a:not(.button):active, .home-welcome a:not(.button):hover {
    1737   outline-width: 0;
    1738 }
    1739 
    1740 .home-welcome p {
    1741   font-size: 18px;
    1742   margin: 1em 0;
    1743   max-width: 568.434px;
    1744   max-width: 35.52714rem;
    1745 }
    1746 
    1747 .home-welcome p.subheading {
    1748   color: #82878c;
    1749   font-size: 20px;
    1750   font-size: 1.25rem;
    1751   font-weight: 300;
    1752   margin: -6.4px auto 32px;
    1753   margin: -.4rem auto 2rem;
    1754   text-align: center;
    1755 }
    1756 
    1757 .home-welcome section {
    1758   border-bottom: 2px solid #eee;
    1759   margin: 0 auto;
    1760   max-width: 800px;
    1761   max-width: 50rem;
    1762   padding: 48.828px 25px;
    1763   padding: 3.05176rem 1.5625rem;
    1764 }
    1765 
    1766 .home-welcome section:last-child {
    1767   border-bottom: none;
    1768 }
    1769 
    1770 .home-welcome section h2 {
    1771   line-height: 1;
    1772   text-align: center;
    1773 }
    1774 
    1775 .home-welcome section .container {
    1776   margin: 0 auto;
    1777   max-width: 800px;
    1778   max-width: 50rem;
    1779 }
    1780 
    1781 .home-welcome .dashicons {
    1782   color: #cbcdce;
    1783   display: block;
    1784   font-size: 64px;
    1785   font-size: 4rem;
    1786   height: auto;
    1787   margin: 0 auto -16px;
    1788   margin: 0 auto -1rem;
    1789   width: auto;
    1790 }
    1791 
    1792 .home-welcome .intro {
    1793   padding-bottom: 0;
    1794 }
    1795 
    1796 .home-welcome .features {
    1797   border-top: 2px solid #eee;
    1798 }
    1799 
    1800 .home-welcome .features ul {
    1801   -webkit-box-align: center;
    1802   -webkit-align-items: center;
    1803   -moz-box-align: center;
    1804   -ms-flex-align: center;
    1805   align-items: center;
    1806   display: -webkit-box;
    1807   display: -webkit-flex;
    1808   display: -moz-box;
    1809   display: -ms-flexbox;
    1810   display: flex;
    1811   -webkit-flex-wrap: wrap;
    1812   -ms-flex-wrap: wrap;
    1813   flex-wrap: wrap;
    1814   list-style: none;
    1815   margin: 48px 0;
    1816   margin: 3rem 0;
    1817   padding: 0;
    1818 }
    1819 
    1820 .home-welcome .features ul li {
    1821   -webkit-box-align: center;
    1822   -webkit-align-items: center;
    1823   -moz-box-align: center;
    1824   -ms-flex-align: center;
    1825   align-items: center;
    1826   border-bottom: 1px solid #eee;
    1827   border-left: 1px solid #eee;
    1828   display: -webkit-box;
    1829   display: -webkit-flex;
    1830   display: -moz-box;
    1831   display: -ms-flexbox;
    1832   display: flex;
    1833   -webkit-box-orient: vertical;
    1834   -webkit-box-direction: normal;
    1835   -webkit-flex-direction: column;
    1836   -moz-box-orient: vertical;
    1837   -moz-box-direction: normal;
    1838   -ms-flex-direction: column;
    1839   flex-direction: column;
    1840   height: 160px;
    1841   -webkit-box-pack: center;
    1842   -webkit-justify-content: center;
    1843   -moz-box-pack: center;
    1844   -ms-flex-pack: center;
    1845   justify-content: center;
    1846   text-align: center;
    1847   width: 50%;
    1848 }
    1849 
    1850 @media (max-width: 739px) {
    1851   .home-welcome .features ul li:nth-child(n+7) {
    1852     border-bottom: none;
    1853   }
    1854   .home-welcome .features ul li:nth-child(2n) {
    1855     border-left: none;
    1856   }
    1857 }
    1858 
    1859 @media (min-width: 740px) {
    1860   .home-welcome .features ul li {
    1861     width: 25%;
    1862     height: 200px;
    1863   }
    1864   .home-welcome .features ul li:nth-child(4n) {
    1865     border-left: none;
    1866   }
    1867   .home-welcome .features ul li:nth-child(n+5) {
    1868     border-bottom: none;
    1869   }
    1870 }
    1871 
    1872 .home-welcome .features ul li img {
    1873   height: 40px;
    1874   height: 2.5rem;
    1875   margin: 4px auto 20px;
    1876   margin: .25rem auto 1.25rem;
    1877 }
    1878 
    1879 .home-welcome .features ul li img,
    1880 .home-welcome .features ul li span {
    1881   color: #00a0d2;
    1882   display: block;
    1883   font-size: 48px;
    1884   font-size: 3rem;
    1885   margin-bottom: 16px;
    1886   margin-bottom: 1rem;
    1887 }
    1888 
    1889 .home-welcome .features p {
    1890   margin-right: auto;
    1891   margin-left: auto;
    1892   text-align: center;
    1893 }
    1894 
    1895 .home-welcome .screenshots {
    1896   height: 400px;
    1897   right: -30px;
    1898   overflow: hidden;
    1899   padding: 16px 16px 0;
    1900   padding: 1rem 1rem 0;
    1901   position: relative;
    1902   left: 0;
    1903   width: 106%;
    1904 }
    1905 
    1906 @media (max-width: 739px) {
    1907   .home-welcome .screenshots {
    1908     padding: 0;
    1909     right: auto;
    1910     left: auto;
    1911     width: 100%;
    1912   }
    1913 }
    1914 
    1915 .home-welcome .screenshots .dashboard {
    1916   -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    1917   box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    1918   max-width: 800px;
    1919 }
    1920 
    1921 .home-welcome .screenshots .dashboard-mobile {
    1922   bottom: -100px;
    1923   max-width: 200px;
    1924   position: absolute;
    1925   left: 1px;
    1926   z-index: 1;
    1927 }
    1928 
    1929 .home-welcome .cta-wrapper {
    1930   display: block;
    1931   font-size: 14.63px;
    1932   font-size: .9144rem;
    1933   margin: 32px 0;
    1934   margin: 2rem 0;
    1935   text-align: center;
    1936 }
    1937 
    1938 @media (min-width: 737px) {
    1939   .home-welcome .cta-wrapper {
    1940     font-size: .8rem;
    1941     margin: 4rem 0 2rem;
    1942   }
    1943 }
    1944 
    1945 .home-welcome .community-2 {
    1946   -webkit-box-align: start;
    1947   -webkit-align-items: flex-start;
    1948   -moz-box-align: start;
    1949   -ms-flex-align: start;
    1950   align-items: flex-start;
    1951   background: url(https://s.w.org/images/home/community-1.jpg) center bottom no-repeat;
    1952   -webkit-background-size: cover;
    1953   background-size: cover;
    1954   border: none;
    1955   display: -webkit-box;
    1956   display: -webkit-flex;
    1957   display: -moz-box;
    1958   display: -ms-flexbox;
    1959   display: flex;
    1960   -webkit-box-orient: vertical;
    1961   -webkit-box-direction: normal;
    1962   -webkit-flex-direction: column;
    1963   -moz-box-orient: vertical;
    1964   -moz-box-direction: normal;
    1965   -ms-flex-direction: column;
    1966   flex-direction: column;
    1967   height: 500px;
    1968   -webkit-box-pack: end;
    1969   -webkit-justify-content: flex-end;
    1970   -moz-box-pack: end;
    1971   -ms-flex-pack: end;
    1972   justify-content: flex-end;
    1973   max-width: 100%;
    1974   position: relative;
    1975 }
    1976 
    1977 .home-welcome .community-2 .screen {
    1978   background: rgba(0, 0, 0, 0.5);
    1979   height: 100%;
    1980   right: 0;
    1981   position: absolute;
    1982   left: 0;
    1983   top: 0;
    1984   width: 100%;
    1985   z-index: 0;
    1986 }
    1987 
    1988 .home-welcome .community-2 h2,
    1989 .home-welcome .community-2 .subheading {
    1990   color: #fff;
    1991   margin: 0 0 16px;
    1992   margin: 0 0 1rem;
    1993   max-width: 100%;
    1994   position: relative;
    1995   text-align: right;
    1996   text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    1997   z-index: 1;
    1998 }
    1999 
    2000 .home-welcome .showcase {
    2001   border-bottom: none;
    2002   margin: 0;
    2003   max-width: 100%;
    2004   padding-right: 0;
    2005   padding-left: 0;
    2006 }
    2007 
    2008 .home-welcome .showcase > div {
    2009   background: url(https://s.w.org/images/home/collage-min.jpg) center top;
    2010   -webkit-background-size: cover;
    2011   background-size: cover;
    2012   -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4);
    2013   box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4);
    2014   height: 300px;
    2015   width: 100%;
    2016 }
    2017 
    2018 @media (min-width: 700px) {
    2019   .home-welcome .showcase > div {
    2020     height: 600px;
    2021     background-attachment: fixed;
    2022   }
    2023 }
    2024 
    2025 .home-welcome .showcase .cta-link {
    2026   margin: 48.828px 0 0;
    2027   margin: 3.05176rem 0 0;
    2028   max-width: 100%;
    2029   text-align: center;
    2030 }
    2031 
    2032 .home-welcome #home-below ol, .home-welcome #home-below ul {
    2033   margin: 0;
    2034 }
    2035 
    2036 .home-welcome #home-below h4 {
    2037   border-bottom: 1px solid #dedede;
    2038   font-size: inherit;
    2039   padding-bottom: 4px;
    2040 }
    2041 
    2042 .home-welcome #showcase-link {
    2043   font-size: 14px;
    2044 }
    2045 
    2046 #lang-guess {
    2047   background: #c7e8ca;
    2048   border: inherit;
    2049   -webkit-border-radius: inherit;
    2050   border-radius: inherit;
    2051   cursor: pointer;
    2052   font: inherit;
    2053   font-size: 12.8px;
    2054   font-size: .8rem;
    2055   margin: 0;
    2056   max-width: inherit;
    2057   padding: 8px;
    2058   padding: .5rem;
    2059   text-align: center;
    2060   width: inherit;
    2061 }
    2062 
    2063 @media (min-width: 67rem) {
    2064   #lang-guess {
    2065     margin: 1rem auto 0;
    2066     max-width: 50rem;
    2067   }
    2068 }
    2069 
    2070 .page-template-get .site-header {
    2071   padding: 25px 18.288px;
    2072   padding: 1.5625rem 1.143rem;
    2073   text-align: center;
    2074 }
    2075 
    2076 .page-template-get .site-title {
    2077   display: inherit;
    2078   font-size: 61.035px;
    2079   font-size: 3.8146972656rem;
    2080   margin: 32px 0 16px;
    2081   margin: 2rem 0 1rem;
    2082 }
    2083 
    2084 .page-template-get section {
    2085   padding: 48.828px 25px;
    2086   padding: 3.0517578125rem 1.5625rem;
    2087 }
    2088 
    2089 .page-template-get section.download {
    2090   text-align: center;
    2091 }
    2092 
    2093 @media (min-width: 737px) {
    2094   .page-template-get section.download .container {
    2095     text-align: initial;
    2096   }
    2097   .page-template-get section.download .container aside,
    2098   .page-template-get section.download .container article {
    2099     display: inline-block;
    2100     vertical-align: top;
    2101   }
    2102   .page-template-get section.download .container aside {
    2103     width: 30%;
    2104   }
    2105   .page-template-get section.download .container article {
    2106     width: 65%;
    2107   }
    2108   .page-template-get section.download .container aside + article,
    2109   .page-template-get section.download .container article + aside {
    2110     margin-right: 5%;
    2111   }
    2112 }
    2113 
    2114 .page-template-get section.hosting {
    2115   text-align: center;
    2116 }
    2117 
    2118 .page-template-get section.hosting .three-up {
    2119   text-align: initial;
    2120 }
    2121 
    2122 .page-template-get section.hosting .three-up > div {
    2123   margin-top: 48px;
    2124   margin-top: 3rem;
    2125 }
    2126 
    2127 .page-template-get section.hosting .three-up > div .logo__bluehost, .page-template-get section.hosting .three-up > div .logo__getlisted, .page-template-get section.hosting .three-up > div .logo__wpcom {
    2128   height: 35px;
    2129 }
    2130 
    2131 @media (min-width: 737px) {
    2132   .page-template-get section.hosting .three-up > div {
    2133     float: right;
    2134     font-size: 0.8rem;
    2135     margin-left: 5%;
    2136     width: 30%;
    2137   }
    2138   .page-template-get section.hosting .three-up > div:last-child {
    2139     margin-left: 0;
    2140   }
    2141 }
    2142 
    2143 .page-template-get section.apps-mobile {
    2144   text-align: center;
    2145 }
    2146 
    2147 .page-template-get section.apps-mobile .web-stores {
    2148   margin: 32px auto 0;
    2149   margin: 2rem auto 0;
    2150   width: 100%;
    2151 }
    2152 
    2153 .page-template-get section.apps-mobile .web-stores a {
    2154   display: inline-block;
    2155   margin: 10px;
    2156   width: 150px;
    2157 }
    2158 
    2159 @media (min-width: 737px) {
    2160   .page-template-get section.apps-mobile .web-stores {
    2161     margin: 4rem auto 0;
    2162   }
    2163 }
    2164 
    2165 .page-template-get section.apps-mobile .ios .button-android {
    2166   display: none;
    2167 }
    2168 
    2169 .page-template-get section.apps-mobile .android .button-ios {
    2170   display: none;
    2171 }
    2172 
    2173 .page-template-get section + section {
    2174   border-top: 2px solid #eee;
    2175 }
    2176 
    2177 .page-template-get .call-to-action {
    2178   display: block;
    2179   font-size: 14.63px;
    2180   font-size: 0.9144rem;
    2181   margin: 32px 0 32px;
    2182   margin: 2rem 0 2rem;
    2183 }
    2184 
    2185 @media (min-width: 737px) {
    2186   .page-template-get .call-to-action {
    2187     font-size: 0.8rem;
    2188     margin: 4rem 0 2rem;
    2189   }
    2190 }
    2191 
    2192 .page-template-get .dashicons {
    2193   color: #cbcdce;
    2194   display: block;
    2195   font-size: 64px;
    2196   font-size: 4rem;
    2197   height: auto;
    2198   margin: 0 auto -16px;
    2199   margin: 0 auto -1rem;
    2200   width: auto;
    2201 }
     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{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]{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-spacing:0}td,th{padding:0}p{margin:1em 0}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%}html{box-sizing:border-box}*,:after,:before{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}img{height:auto;max-width:100%}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}h1,h2{font-weight:300}h2{font-size:39.062px;font-size:2.44140625rem}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;letter-spacing:0.16px;letter-spacing:.01rem}h5,h6{font-weight:600;text-transform:uppercase}h6{font-size:12.8px;font-size:.8rem;letter-spacing:.8px}a,a:visited{color:#0073aa}a:active,a:focus,a:hover{color:#0073aa;text-decoration:underline}a:focus{outline:thin dotted}a:active,a:hover{outline:0}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}table{border:1px solid #eee;border-collapse:collapse;font-size:12.8px;font-size:.8rem;margin:0 0 16px;margin:0 0 1rem;padding:0;width:100%}table thead{background:#32373c;color:#fff}table td,table th{border:1px solid #eee;font-weight:400;margin:0;padding:6.4px;padding:.4rem;text-align:right;vertical-align:top}table tbody tr:nth-child(2n){background:#f7f7f7}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:737px){html{font-size:1.125rem}}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.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:6}#content[tabindex="-1"]:focus{outline:0}.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}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{border:1px solid;border-radius:3px;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-xl .button,.button.button-xl{font-size:16px;font-size:1rem;height:39.062px;height:2.44140625rem;line-height:1;padding:0 24px;padding:0 1.5rem}.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-xl a.button,a.button.button-xl{line-height:39.062px;line-height:2.44140625rem}.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;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#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;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;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;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;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;transform:none!important}.button-link{background:none;border:0;border-radius:0;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{text-decoration:none;text-shadow:0 -1px 1px #006799,-1px 0 1px #006799,0 1px 1px #006799,1px 0 1px #006799}.button-primary,.button-primary:visited,.download-button,.download-button:visited,.plugin-upload-form .button-primary,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #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;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{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;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;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{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{box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!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{border-radius:0;display:inline-block;margin-left:-1px;z-index:2}.button-group>.button-primary{z-index:4}.button-group>.button:hover{z-index:3}.button-group>.button:first-child{border-radius:0 3px 3px 0}.button-group>.button:last-child{border-radius:3px 0 0 3px}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:737px){.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}}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.page-template-get section.apps-mobile .web-stores:after,.page-template-get section.apps-mobile .web-stores:before,.page-template-get section.hosting .three-up:after,.page-template-get section.hosting .three-up:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.page-template-get section.apps-mobile .web-stores:after,.page-template-get section.hosting .three-up:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}p.subheading{color:#82878c;font-weight:300;margin:-6.4px auto 32px;margin:-.4rem auto 2rem;text-align:center}p.intro,p.subheading{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:0.16px;letter-spacing:.01rem;max-width:291.038px;max-width:18.1898940355rem}input,textarea{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;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);color:#32373c;outline:none;transition:border-color .05s ease-in-out}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;box-shadow:0 0 2px rgba(30,140,190,.8)}input[type=email],input[type=url]{direction:rtl}input[type=number]{height:28px;line-height:inherit}input[type=checkbox],input[type=radio]{background:#fff;border:1px solid #b4b9be;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);clear:none;color:#555;cursor:pointer;display:inline-block;height:16px;line-height:0;margin:-4px 0 0 4px;min-width:16px;outline:0;padding:0!important;text-align:center;transition:border-color .05s ease-in-out;vertical-align:middle;width:16px;-webkit-appearance:none}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;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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}input[type=checkbox]:checked:before{color:#1e8cbe;content:"\f147";margin:-3px -4px 0 0}input[type=radio]{border-radius:50%;line-height:10px;margin-left:4px}input[type=radio]:checked+label:before{color:#82878c}input[type=radio]:checked:before{background-color:#1e8cbe;border-radius:50px;content:"\2022";font-size:24px;height:6px;line-height:16px;margin:4px;text-indent:-9999px;width:6px}input[type=reset]:active,input[type=reset]:hover{color:#00a0d2}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-decoration{display:none}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{border-radius:0;font-size:14px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}textarea.code{line-height:1.4;padding:4px 6px 1px}label{cursor:pointer;vertical-align:middle}input,select{margin:1px;padding:3px 5px}input.code{padding-top:6px}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}.wp-core-ui :-moz-placeholder,:-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);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;box-shadow:none}input.large-text,textarea.large-text{width:99%}input.regular-text{width:25em}input.small-text{padding:1px 6px;width:50px}input[type=number].small-text{width:65px}input.tiny-text{width:35px}input[type=number].tiny-text{width:45px}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;padding:6px 10px}input[type=number]{height:40px}input.code{padding-bottom:5px;padding-top:10px}input[type=checkbox]{-webkit-appearance:none;padding:10px}input[type=checkbox]:checked:before{font:normal 30px/1 dashicons;margin:-3px -5px}input[type=checkbox],input[type=radio]{height:25px;width:25px}input[type=radio]:checked:before{vertical-align:middle;width:9px;height:9px;margin:7px;line-height:16px}input,textarea{font-size:16px}input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{width:auto;max-width:55px;display:inline;padding:3px 6px;margin:0 3px}input.regular-text{width:100%}label{font-size:14px}fieldset label{display:block}}a.button:active,a.button:focus,a.button:hover{text-decoration:none}p a:not(.button),p a:not(.button):hover{border:none}.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{box-shadow:0 3px 3px rgba(0,0,0,.2);float:right;right:-999em;position:absolute;top:1.5em;z-index:5}.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:737px){.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:737px){.menu-toggle{display:none}.main-navigation{float:left;position:static;width: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}}.notice{background:#fff;border-right:4px solid #fff;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{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}.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-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:737px){.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:737px){.site-main{padding:3.0517578125rem 10px}}.single .site-main,.site-main.single{padding:0}@media screen and (min-width:737px){.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}.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}#wporg-header h1{margin:auto}#wporg-header h2.rosetta{clear:none}#wporg-header form input{box-sizing:content-box;margin:0;padding:3px}#wporg-header .button{box-shadow:none}#wporg-header .download-button{background-color:#21759b;background-image:linear-gradient(-180deg,#2a95c5,#21759b);border-bottom-color:#1e6a8d;border-color:#21759b;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:linear-gradient(-180deg,#2e9fd2,#21759b);border-color:#1b607f;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:linear-gradient(-180deg,#21759b,#278ab7);border-color:#124560 #2382ae #2382ae;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);transform:none}#wporg-header a:active,#wporg-header a:focus,#wporg-header a:hover{text-decoration:none}.home .site-header{background:#0073aa;padding:18px 36px}@media (min-width:737px){.home .site-header{padding:1.5625rem}}.home .site-header .site-title{color:#fff;display:block;font-size:61.035px;font-size:3.8146972656rem;font-weight:300;line-height:1;margin:32px 0 16px;margin:2rem 0 1rem;text-align:center}.home .site-header .site-description{color:#fff;max-width:568.434px;max-width:35.52714rem;padding:11px 0}.home-welcome{background:#fff;color:#32373c;font-family:Open Sans,sans-serif;font-weight:400;line-height:1.5;max-width:none;padding:0}@media (min-width:737px){.home-welcome{font-size:18px}}.home-welcome h1{font-size:51.2px;font-size:3.2rem}.home-welcome a:not(.button){background-color:transparent;border:none;color:#0073aa;text-decoration:none}.home-welcome a:not(.button):hover{text-decoration:underline}.home-welcome a:not(.button):active,.home-welcome a:not(.button):hover{outline-width:0}.home-welcome p{font-size:18px;margin:1em 0;max-width:568.434px;max-width:35.52714rem}.home-welcome 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}.home-welcome section{border-bottom:2px solid #eee;margin:0 auto;max-width:800px;max-width:50rem;padding:48.828px 25px;padding:3.05176rem 1.5625rem}.home-welcome section:last-child{border-bottom:none}.home-welcome section h2{line-height:1;text-align:center}.home-welcome section .container{margin:0 auto;max-width:800px;max-width:50rem}.home-welcome .dashicons{color:#cbcdce;display:block;font-size:64px;font-size:4rem;height:auto;margin:0 auto -16px;margin:0 auto -1rem;width:auto}.home-welcome .intro{padding-bottom:0}.home-welcome .features{border-top:2px solid #eee}.home-welcome .features ul{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:48px 0;margin:3rem 0;padding:0}.home-welcome .features ul li{align-items:center;border-bottom:1px solid #eee;border-left:1px solid #eee;display:flex;flex-direction:column;height:160px;justify-content:center;text-align:center;width:50%}@media (max-width:739px){.home-welcome .features ul li:nth-child(n+7){border-bottom:none}.home-welcome .features ul li:nth-child(2n){border-left:none}}@media (min-width:740px){.home-welcome .features ul li{width:25%;height:200px}.home-welcome .features ul li:nth-child(4n){border-left:none}.home-welcome .features ul li:nth-child(n+5){border-bottom:none}}.home-welcome .features ul li img{height:40px;height:2.5rem;margin:4px auto 20px;margin:.25rem auto 1.25rem}.home-welcome .features ul li img,.home-welcome .features ul li span{color:#00a0d2;display:block;font-size:48px;font-size:3rem;margin-bottom:16px;margin-bottom:1rem}.home-welcome .features p{margin-right:auto;margin-left:auto;text-align:center}.home-welcome .screenshots{height:400px;right:-30px;overflow:hidden;padding:16px 16px 0;padding:1rem 1rem 0;position:relative;left:0;width:106%}@media (max-width:739px){.home-welcome .screenshots{padding:0;right:auto;left:auto;width:100%}}.home-welcome .screenshots .dashboard{box-shadow:0 1px 8px rgba(0,0,0,.2);max-width:800px}.home-welcome .screenshots .dashboard-mobile{bottom:-100px;max-width:200px;position:absolute;left:1px;z-index:1}.home-welcome .cta-wrapper{display:block;font-size:14.63px;font-size:.9144rem;margin:32px 0;margin:2rem 0;text-align:center}@media (min-width:737px){.home-welcome .cta-wrapper{font-size:.8rem;margin:4rem 0 2rem}}.home-welcome .community-2{align-items:flex-start;background:url(https://s.w.org/images/home/community-1.jpg) bottom no-repeat;background-size:cover;border:none;display:flex;flex-direction:column;height:500px;justify-content:flex-end;max-width:100%;position:relative}.home-welcome .community-2 .screen{background:rgba(0,0,0,.5);height:100%;right:0;position:absolute;left:0;top:0;width:100%;z-index:0}.home-welcome .community-2 .subheading,.home-welcome .community-2 h2{color:#fff;margin:0 0 16px;margin:0 0 1rem;max-width:100%;position:relative;text-align:right;text-shadow:0 0 8px rgba(0,0,0,.5);z-index:1}.home-welcome .showcase{border-bottom:none;margin:0;max-width:100%;padding-right:0;padding-left:0}.home-welcome .showcase>div{background:url(https://s.w.org/images/home/collage-min.jpg) top;background-size:cover;box-shadow:inset 0 0 8px rgba(0,0,0,.4);height:300px;width:100%}@media (min-width:700px){.home-welcome .showcase>div{height:600px;background-attachment:fixed}}.home-welcome .showcase .cta-link{margin:48.828px 0 0;margin:3.05176rem 0 0;max-width:100%;text-align:center}.home-welcome #home-below ol,.home-welcome #home-below ul{margin:0}.home-welcome #home-below h4{border-bottom:1px solid #dedede;font-size:inherit;padding-bottom:4px}.home-welcome #showcase-link{font-size:14px}#lang-guess{background:#c7e8ca;border:inherit;border-radius:inherit;cursor:pointer;font:inherit;font-size:12.8px;font-size:.8rem;margin:0;max-width:inherit;padding:8px;padding:.5rem;text-align:center;width:inherit}@media (min-width:67rem){#lang-guess{margin:1rem auto 0;max-width:50rem}}.page-template-get .site-header{padding:25px 18.288px;padding:1.5625rem 1.143rem;text-align:center}.page-template-get .site-title{display:inherit;font-size:61.035px;font-size:3.8146972656rem;margin:32px 0 16px;margin:2rem 0 1rem}.page-template-get section{padding:48.828px 25px;padding:3.0517578125rem 1.5625rem}.page-template-get section.download{text-align:center}@media (min-width:737px){.page-template-get section.download .container{text-align:initial}.page-template-get section.download .container article,.page-template-get section.download .container aside{display:inline-block;vertical-align:top}.page-template-get section.download .container aside{width:30%}.page-template-get section.download .container article{width:65%}.page-template-get section.download .container article+aside,.page-template-get section.download .container aside+article{margin-right:5%}}.page-template-get section.hosting{text-align:center}.page-template-get section.hosting .three-up{text-align:initial}.page-template-get section.hosting .three-up>div{margin-top:48px;margin-top:3rem}.page-template-get section.hosting .three-up>div .logo__bluehost,.page-template-get section.hosting .three-up>div .logo__getlisted,.page-template-get section.hosting .three-up>div .logo__wpcom{height:35px}@media (min-width:737px){.page-template-get section.hosting .three-up>div{float:right;font-size:.8rem;margin-left:5%;width:30%}.page-template-get section.hosting .three-up>div:last-child{margin-left:0}}.page-template-get section.apps-mobile{text-align:center}.page-template-get section.apps-mobile .web-stores{margin:32px auto 0;margin:2rem auto 0;width:100%}.page-template-get section.apps-mobile .web-stores a{display:inline-block;margin:10px;width:150px}@media (min-width:737px){.page-template-get section.apps-mobile .web-stores{margin:4rem auto 0}}.page-template-get section.apps-mobile .android .button-ios,.page-template-get section.apps-mobile .ios .button-android{display:none}.page-template-get section+section{border-top:2px solid #eee}.page-template-get .call-to-action{display:block;font-size:14.63px;font-size:.9144rem;margin:32px 0;margin:2rem 0}@media (min-width:737px){.page-template-get .call-to-action{font-size:.8rem;margin:4rem 0 2rem}}.page-template-get .dashicons{color:#cbcdce;display:block;font-size:64px;font-size:4rem;height:auto;margin:0 auto -16px;margin:0 auto -1rem;width:auto}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/style.css

    r5879 r5880  
    1 html {
    2   font-family: sans-serif;
    3   -webkit-text-size-adjust: 100%;
    4   -ms-text-size-adjust: 100%;
    5 }
    6 
    7 body {
    8   margin: 0;
    9 }
    10 
    11 article,
    12 aside,
    13 details,
    14 figcaption,
    15 figure,
    16 footer,
    17 header,
    18 main,
    19 menu,
    20 nav,
    21 section,
    22 summary {
    23   display: block;
    24 }
    25 
    26 audio,
    27 canvas,
    28 progress,
    29 video {
    30   display: inline-block;
    31   vertical-align: baseline;
    32 }
    33 
    34 audio:not([controls]) {
    35   display: none;
    36   height: 0;
    37 }
    38 
    39 [hidden],
    40 template {
    41   display: none;
    42 }
    43 
    44 a {
    45   background-color: transparent;
    46 }
    47 
    48 a:active,
    49 a:hover {
    50   outline: 0;
    51 }
    52 
    53 abbr[title] {
    54   border-bottom: 1px dotted;
    55 }
    56 
    57 b,
    58 strong {
    59   font-weight: bold;
    60 }
    61 
    62 dfn {
    63   font-style: italic;
    64 }
    65 
    66 h1 {
    67   font-size: 2em;
    68   margin: 0.67em 0;
    69 }
    70 
    71 mark {
    72   background: #ff0;
    73   color: #000;
    74 }
    75 
    76 small {
    77   font-size: 80%;
    78 }
    79 
    80 sub,
    81 sup {
    82   font-size: 75%;
    83   line-height: 0;
    84   position: relative;
    85   vertical-align: baseline;
    86 }
    87 
    88 sup {
    89   top: -0.5em;
    90 }
    91 
    92 sub {
    93   bottom: -0.25em;
    94 }
    95 
    96 img {
    97   border: 0;
    98 }
    99 
    100 svg:not(:root) {
    101   overflow: hidden;
    102 }
    103 
    104 figure {
    105   margin: 1em 40px;
    106 }
    107 
    108 hr {
    109   -webkit-box-sizing: content-box;
    110   -moz-box-sizing: content-box;
    111   box-sizing: content-box;
    112   height: 0;
    113 }
    114 
    115 pre {
    116   overflow: auto;
    117 }
    118 
    119 code,
    120 kbd,
    121 pre,
    122 samp {
    123   font-family: monospace, monospace;
    124   font-size: 1em;
    125 }
    126 
    127 button,
    128 input,
    129 optgroup,
    130 select,
    131 textarea {
    132   color: inherit;
    133   font: inherit;
    134   margin: 0;
    135 }
    136 
    137 button {
    138   overflow: visible;
    139 }
    140 
    141 button,
    142 select {
    143   text-transform: none;
    144 }
    145 
    146 button,
    147 html input[type="button"],
    148 input[type="reset"],
    149 input[type="submit"] {
    150   -webkit-appearance: button;
    151   cursor: pointer;
    152 }
    153 
    154 button[disabled],
    155 html input[disabled] {
    156   cursor: default;
    157 }
    158 
    159 button::-moz-focus-inner,
    160 input::-moz-focus-inner {
    161   border: 0;
    162   padding: 0;
    163 }
    164 
    165 input {
    166   line-height: normal;
    167 }
    168 
    169 input[type="checkbox"],
    170 input[type="radio"] {
    171   -webkit-box-sizing: border-box;
    172   -moz-box-sizing: border-box;
    173   box-sizing: border-box;
    174   padding: 0;
    175 }
    176 
    177 input[type="number"]::-webkit-inner-spin-button,
    178 input[type="number"]::-webkit-outer-spin-button {
    179   height: auto;
    180 }
    181 
    182 input[type="search"]::-webkit-search-cancel-button,
    183 input[type="search"]::-webkit-search-decoration {
    184   -webkit-appearance: none;
    185 }
    186 
    187 fieldset {
    188   border: 1px solid #c0c0c0;
    189   margin: 0 2px;
    190   padding: 0.35em 0.625em 0.75em;
    191 }
    192 
    193 legend {
    194   border: 0;
    195   padding: 0;
    196 }
    197 
    198 textarea {
    199   overflow: auto;
    200 }
    201 
    202 optgroup {
    203   font-weight: bold;
    204 }
    205 
    206 table {
    207   border-collapse: collapse;
    208   border-spacing: 0;
    209 }
    210 
    211 td,
    212 th {
    213   padding: 0;
    214 }
    215 
    216 p {
    217   margin: 1em 0;
    218 }
    219 
    220 dfn, cite, em, i {
    221   font-style: italic;
    222 }
    223 
    224 blockquote {
    225   margin: 0 1.5em;
    226 }
    227 
    228 address {
    229   margin: 0 0 1.5em;
    230 }
    231 
    232 pre {
    233   background: #eee;
    234   font-family: "Courier 10 Pitch", Courier, monospace;
    235   font-size: 15px;
    236   font-size: 0.9375rem;
    237   line-height: 1.6;
    238   margin-bottom: 1.6em;
    239   max-width: 100%;
    240   overflow: auto;
    241   padding: 1.6em;
    242 }
    243 
    244 code, kbd, tt, var {
    245   font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    246   font-size: 15px;
    247   font-size: 0.9375rem;
    248 }
    249 
    250 abbr, acronym {
    251   border-bottom: 1px dotted #666;
    252   cursor: help;
    253 }
    254 
    255 mark, ins {
    256   background: #fff9c0;
    257   text-decoration: none;
    258 }
    259 
    260 big {
    261   font-size: 125%;
    262 }
    263 
    264 html {
    265   -webkit-box-sizing: border-box;
    266   -moz-box-sizing: border-box;
    267   box-sizing: border-box;
    268 }
    269 
    270 *,
    271 *:before,
    272 *:after {
    273   /* 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/ */
    274   -webkit-box-sizing: inherit;
    275   -moz-box-sizing: inherit;
    276   box-sizing: inherit;
    277 }
    278 
    279 body {
    280   background: #fff;
    281   /* Fallback for when there is no custom background color defined. */
    282 }
    283 
    284 blockquote, q {
    285   quotes: "" "";
    286 }
    287 
    288 blockquote:before, blockquote:after, q:before, q:after {
    289   content: "";
    290 }
    291 
    292 blockquote {
    293   background: transparent;
    294   border: none;
    295   padding: 0;
    296   border-left: 2px solid #eee;
    297   color: #82878c;
    298   font-style: italic;
    299   margin: 16px 0;
    300   margin: 1rem 0;
    301   padding-left: 16px;
    302   padding-left: 1rem;
    303 }
    304 
    305 blockquote cite {
    306   font-size: 12.8px;
    307   font-size: 0.8rem;
    308 }
    309 
    310 hr {
    311   background-color: #eee;
    312   border: 0;
    313   height: 2px;
    314   margin: 80px auto;
    315   margin: 5rem auto;
    316 }
    317 
    318 img {
    319   height: auto;
    320   /* Make sure images are scaled correctly. */
    321   max-width: 100%;
    322   /* Adhere to container width. */
    323 }
    324 
    325 h1, h2, h3, h4, h5, h6 {
    326   clear: both;
    327   font-family: inherit;
    328   line-height: 1.5;
    329   margin: 32px 0 16px;
    330   margin: 2rem 0 1rem;
    331 }
    332 
    333 h1 {
    334   font-size: 61.035px;
    335   font-size: 3.8146972656rem;
    336   font-weight: 300;
    337 }
    338 
    339 h2 {
    340   font-size: 39.062px;
    341   font-size: 2.44140625rem;
    342   font-weight: 300;
    343 }
    344 
    345 h3 {
    346   font-size: 25px;
    347   font-size: 1.5625rem;
    348   font-weight: 400;
    349 }
    350 
    351 h4 {
    352   font-size: 20px;
    353   font-size: 1.25rem;
    354   border: none;
    355   color: #32373c;
    356   font-weight: 600;
    357   padding: 0;
    358 }
    359 
    360 h5 {
    361   font-size: 16px;
    362   font-size: 1rem;
    363   font-weight: 600;
    364   letter-spacing: 0.16px;
    365   letter-spacing: 0.01rem;
    366   text-transform: uppercase;
    367 }
    368 
    369 h6 {
    370   font-size: 12.8px;
    371   font-size: 0.8rem;
    372   font-weight: 600;
    373   letter-spacing: 0.8px;
    374   text-transform: uppercase;
    375 }
    376 
    377 a {
    378   color: #0073aa;
    379 }
    380 
    381 a:visited {
    382   /* Override wp4.css */
    383   color: #0073aa;
    384 }
    385 
    386 a:hover, a:focus, a:active {
    387   /* Override wp4.css */
    388   color: #0073aa;
    389   text-decoration: underline;
    390 }
    391 
    392 a:focus {
    393   outline: thin dotted;
    394 }
    395 
    396 a:hover, a:active {
    397   outline: 0;
    398 }
    399 
    400 ul, ol {
    401   margin: 0 0 1.5em 3em;
    402 }
    403 
    404 ul {
    405   list-style: disc;
    406 }
    407 
    408 ol {
    409   list-style: decimal;
    410 }
    411 
    412 li > ul,
    413 li > ol {
    414   margin-bottom: 0;
    415   margin-left: 1.5em;
    416 }
    417 
    418 dt {
    419   font-weight: bold;
    420 }
    421 
    422 dd {
    423   margin: 0 1.5em 1.5em;
    424 }
    425 
    426 table {
    427   border: 1px solid #eee;
    428   border-collapse: collapse;
    429   font-size: 12.8px;
    430   font-size: 0.8rem;
    431   margin: 0 0 16px;
    432   margin: 0 0 1rem;
    433   padding: 0;
    434   width: 100%;
    435 }
    436 
    437 table thead {
    438   background: #32373c;
    439   color: #fff;
    440 }
    441 
    442 table th, table td {
    443   border: 1px solid #eee;
    444   font-weight: normal;
    445   margin: 0;
    446   padding: 6.4px;
    447   padding: 0.4rem;
    448   text-align: left;
    449   vertical-align: top;
    450 }
    451 
    452 table tbody tr:nth-child(even) {
    453   background: #f7f7f7;
    454 }
    455 
    456 html {
    457   font-size: 100%;
    458 }
    459 
    460 body,
    461 button,
    462 input,
    463 select,
    464 textarea {
    465   color: #32373c;
    466   font-family: "Open Sans", sans-serif;
    467   font-size: 100%;
    468   line-height: 1.5;
    469 }
    470 
    471 @media screen and (min-width: 737px) {
    472   html {
    473     font-size: 1.125rem;
    474   }
    475 }
    476 
    477 /* Text meant only for screen readers. */
    478 .screen-reader-text {
    479   clip: rect(1px, 1px, 1px, 1px);
    480   height: 1px;
    481   overflow: hidden;
    482   position: absolute !important;
    483   width: 1px;
    484 }
    485 
    486 .screen-reader-text:focus {
    487   background-color: #f1f1f1;
    488   -webkit-border-radius: 3px;
    489   border-radius: 3px;
    490   -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    491   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    492   clip: auto !important;
    493   color: #21759b;
    494   display: block;
    495   font-size: 14px;
    496   font-size: 0.875rem;
    497   font-weight: bold;
    498   height: auto;
    499   left: 5px;
    500   line-height: normal;
    501   padding: 15px 23px 14px;
    502   text-decoration: none;
    503   top: 5px;
    504   width: auto;
    505   z-index: 100000;
    506   /* Above WP toolbar. */
    507 }
    508 
    509 /* Do not show the outline on the skip link target. */
    510 #content[tabindex="-1"]:focus {
    511   outline: 0;
    512 }
    513 
    514 .alignleft {
    515   display: inline;
    516   float: left;
    517   margin-right: 1.5em;
    518 }
    519 
    520 .alignright {
    521   display: inline;
    522   float: right;
    523   margin-left: 1.5em;
    524 }
    525 
    526 .aligncenter {
    527   clear: both;
    528   display: block;
    529   margin-left: auto;
    530   margin-right: auto;
    531 }
    532 
    533 /* ----------------------------------------------------------------------------
    534   1.0 - Button Layouts
    535 ---------------------------------------------------------------------------- */
    536 .button,
    537 .button-primary,
    538 .button-secondary,
    539 .plugin-upload-form .button-primary {
    540   border: 1px solid;
    541   -webkit-border-radius: 3px;
    542   border-radius: 3px;
    543   -webkit-box-sizing: border-box;
    544   -moz-box-sizing: border-box;
    545   box-sizing: border-box;
    546   cursor: pointer;
    547   display: inline-block;
    548   font-size: 12.8px;
    549   font-size: 0.8rem;
    550   height: 25px;
    551   height: 1.5625rem;
    552   line-height: 1;
    553   margin: 0;
    554   padding: 0 12.8px;
    555   padding: 0 0.8rem;
    556   text-decoration: none;
    557   white-space: nowrap;
    558   -webkit-appearance: none;
    559 }
    560 
    561 /* Remove the dotted border on :focus and the extra padding in Firefox */
    562 button::-moz-focus-inner,
    563 input[type="reset"]::-moz-focus-inner,
    564 input[type="button"]::-moz-focus-inner,
    565 input[type="submit"]::-moz-focus-inner {
    566   border: 0 none;
    567   padding: 0;
    568 }
    569 
    570 .button.button-xl,
    571 .button-group.button-xl .button {
    572   font-size: 16px;
    573   font-size: 1rem;
    574   height: 39.062px;
    575   height: 2.44140625rem;
    576   line-height: 1;
    577   padding: 0 24px;
    578   padding: 0 1.5rem;
    579 }
    580 
    581 .button.button-large,
    582 .button-group.button-large .button {
    583   height: 31.25px;
    584   height: 1.953125rem;
    585   line-height: 1;
    586   padding: 0 16px;
    587   padding: 0 1rem;
    588 }
    589 
    590 .button.button-small,
    591 .button-group.button-small .button {
    592   font-size: 10.24px;
    593   font-size: 0.64rem;
    594   height: 20px;
    595   height: 1.25rem;
    596   line-height: 1;
    597   padding: 0 8px;
    598   padding: 0 0.5rem;
    599 }
    600 
    601 a.button,
    602 a.button-primary,
    603 a.button-secondary {
    604   line-height: 25px;
    605   line-height: 1.5625rem;
    606 }
    607 
    608 a.button.button-large,
    609 .button-group.button-large a.button {
    610   line-height: 31.25px;
    611   line-height: 1.953125rem;
    612 }
    613 
    614 a.button.button-xl,
    615 .button-group.button-xl a.button {
    616   line-height: 39.062px;
    617   line-height: 2.44140625rem;
    618 }
    619 
    620 a.button.button-small,
    621 .button-group.button-small a.button {
    622   line-height: 20px;
    623   line-height: 1.25rem;
    624 }
    625 
    626 .button:active,
    627 .button:focus {
    628   outline: none;
    629 }
    630 
    631 .button.hidden {
    632   display: none;
    633 }
    634 
    635 /* Style Reset buttons as simple text links */
    636 input[type="reset"],
    637 input[type="reset"]:hover,
    638 input[type="reset"]:active,
    639 input[type="reset"]:focus {
    640   background: none;
    641   border: none;
    642   -webkit-box-shadow: none;
    643   box-shadow: none;
    644   padding: 0 2px 1px;
    645   width: auto;
    646 }
    647 
    648 /* ----------------------------------------------------------------------------
    649   2.0 - Default Button Style
    650 ---------------------------------------------------------------------------- */
    651 .button,
    652 .button:visited,
    653 .button-secondary {
    654   background: #f7f7f7;
    655   border-color: #cccccc;
    656   -webkit-box-shadow: 0 1px 0 #cccccc;
    657   box-shadow: 0 1px 0 #cccccc;
    658   color: #555;
    659   vertical-align: top;
    660 }
    661 
    662 p .button {
    663   vertical-align: baseline;
    664 }
    665 
    666 .button.hover,
    667 .button:hover,
    668 .button-secondary:hover,
    669 .button.focus,
    670 .button:focus,
    671 .button-secondary:focus {
    672   background: #fafafa;
    673   border-color: #999;
    674   color: #23282d;
    675 }
    676 
    677 .button.focus,
    678 .button:focus,
    679 .button-secondary:focus,
    680 .button-link:focus {
    681   border-color: #5b9dd9;
    682   -webkit-box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    683   box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    684 }
    685 
    686 .button.active,
    687 .button.active:hover,
    688 .button:active,
    689 .button-secondary:active {
    690   background: #eee;
    691   border-color: #999;
    692   -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    693   box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    694   -webkit-transform: translateY(1px);
    695   -ms-transform: translateY(1px);
    696   transform: translateY(1px);
    697 }
    698 
    699 .button.active:focus {
    700   border-color: #5b9dd9;
    701   -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
    702   box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
    703 }
    704 
    705 .button[disabled],
    706 .button:disabled,
    707 .button.disabled,
    708 .button-secondary[disabled],
    709 .button-secondary:disabled,
    710 .button-secondary.disabled,
    711 .button-disabled {
    712   background: #f7f7f7 !important;
    713   border-color: #ddd !important;
    714   -webkit-box-shadow: none !important;
    715   box-shadow: none !important;
    716   color: #a0a5aa !important;
    717   cursor: default;
    718   text-shadow: 0 1px 0 #fff !important;
    719   -webkit-transform: none !important;
    720   -ms-transform: none !important;
    721   transform: none !important;
    722 }
    723 
    724 /* Buttons that look like links, for a cross of good semantics with the visual */
    725 .button-link {
    726   background: none;
    727   border: 0;
    728   -webkit-border-radius: 0;
    729   border-radius: 0;
    730   -webkit-box-shadow: none;
    731   box-shadow: none;
    732   cursor: pointer;
    733   margin: 0;
    734   outline: none;
    735   padding: 0;
    736 }
    737 
    738 .button-link:focus {
    739   outline: #5b9dd9 solid 1px;
    740 }
    741 
    742 /* ----------------------------------------------------------------------------
    743   3.0 - Primary Button Style
    744 ---------------------------------------------------------------------------- */
    745 .button-primary,
    746 .download-button,
    747 .plugin-upload-form .button-primary {
    748   background: #0085ba;
    749   border-color: #0073aa #006799 #006799;
    750   -webkit-box-shadow: 0 1px 0 #006799;
    751   box-shadow: 0 1px 0 #006799;
    752   color: #fff;
    753   text-decoration: none;
    754   text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
    755 }
    756 
    757 .button-primary:visited,
    758 .download-button:visited,
    759 .plugin-upload-form .button-primary:visited {
    760   background: #0085ba;
    761   border-color: #0073aa #006799 #006799;
    762   -webkit-box-shadow: 0 1px 0 #006799;
    763   box-shadow: 0 1px 0 #006799;
    764   color: #fff;
    765 }
    766 
    767 .button-primary.hover, .button-primary:hover, .button-primary.focus, .button-primary:focus,
    768 .download-button.hover,
    769 .download-button:hover,
    770 .download-button.focus,
    771 .download-button:focus,
    772 .plugin-upload-form .button-primary.hover,
    773 .plugin-upload-form .button-primary:hover,
    774 .plugin-upload-form .button-primary.focus,
    775 .plugin-upload-form .button-primary:focus {
    776   background: #008ec2;
    777   border-color: #006799;
    778   -webkit-box-shadow: 0 1px 0 #006799;
    779   box-shadow: 0 1px 0 #006799;
    780   color: #fff;
    781 }
    782 
    783 .button-primary.focus, .button-primary:focus,
    784 .download-button.focus,
    785 .download-button:focus,
    786 .plugin-upload-form .button-primary.focus,
    787 .plugin-upload-form .button-primary:focus {
    788   -webkit-box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
    789   box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
    790 }
    791 
    792 .button-primary.active, .button-primary.active:hover, .button-primary.active:focus, .button-primary:active,
    793 .download-button.active,
    794 .download-button.active:hover,
    795 .download-button.active:focus,
    796 .download-button:active,
    797 .plugin-upload-form .button-primary.active,
    798 .plugin-upload-form .button-primary.active:hover,
    799 .plugin-upload-form .button-primary.active:focus,
    800 .plugin-upload-form .button-primary:active {
    801   background: #0073aa;
    802   border-color: #006799;
    803   -webkit-box-shadow: inset 0 2px 0 #006799;
    804   box-shadow: inset 0 2px 0 #006799;
    805   vertical-align: top;
    806 }
    807 
    808 .button-primary[disabled], .button-primary:disabled, .button-primary.disabled,
    809 .download-button[disabled],
    810 .download-button:disabled,
    811 .download-button.disabled,
    812 .plugin-upload-form .button-primary[disabled],
    813 .plugin-upload-form .button-primary:disabled,
    814 .plugin-upload-form .button-primary.disabled {
    815   background: #008ec2 !important;
    816   border-color: #007cb2 !important;
    817   -webkit-box-shadow: none !important;
    818   box-shadow: none !important;
    819   color: #66c6e4 !important;
    820   cursor: default;
    821   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
    822 }
    823 
    824 .button-primary.button.button-hero,
    825 .download-button.button.button-hero,
    826 .plugin-upload-form .button-primary.button.button-hero {
    827   -webkit-box-shadow: 0 2px 0 #006799;
    828   box-shadow: 0 2px 0 #006799;
    829 }
    830 
    831 .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,
    832 .download-button.button.button-hero.active,
    833 .download-button.button.button-hero.active:hover,
    834 .download-button.button.button-hero.active:focus,
    835 .download-button.button.button-hero:active,
    836 .plugin-upload-form .button-primary.button.button-hero.active,
    837 .plugin-upload-form .button-primary.button.button-hero.active:hover,
    838 .plugin-upload-form .button-primary.button.button-hero.active:focus,
    839 .plugin-upload-form .button-primary.button.button-hero:active {
    840   -webkit-box-shadow: inset 0 3px 0 #006799;
    841   box-shadow: inset 0 3px 0 #006799;
    842 }
    843 
    844 .button-primary-disabled {
    845   background: #008ec2 !important;
    846   border-color: #007cb2 !important;
    847   -webkit-box-shadow: none !important;
    848   box-shadow: none !important;
    849   color: #66c6e4 !important;
    850   cursor: default;
    851   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
    852 }
    853 
    854 /* ----------------------------------------------------------------------------
    855   4.0 - Button Groups
    856 ---------------------------------------------------------------------------- */
    857 .button-group {
    858   display: inline-block;
    859   font-size: 0;
    860   position: relative;
    861   vertical-align: middle;
    862   white-space: nowrap;
    863 }
    864 
    865 .button-group > .button {
    866   -webkit-border-radius: 0;
    867   border-radius: 0;
    868   display: inline-block;
    869   margin-right: -1px;
    870   z-index: 10;
    871 }
    872 
    873 .button-group > .button-primary {
    874   z-index: 100;
    875 }
    876 
    877 .button-group > .button:hover {
    878   z-index: 20;
    879 }
    880 
    881 .button-group > .button:first-child {
    882   -webkit-border-radius: 3px 0 0 3px;
    883   border-radius: 3px 0 0 3px;
    884 }
    885 
    886 .button-group > .button:last-child {
    887   -webkit-border-radius: 0 3px 3px 0;
    888   border-radius: 0 3px 3px 0;
    889 }
    890 
    891 .button-group > .button:focus {
    892   position: relative;
    893   z-index: 1;
    894 }
    895 
    896 /* ----------------------------------------------------------------------------
    897   5.0 - Responsive Button Styles
    898 ---------------------------------------------------------------------------- */
    899 @media screen and (max-width: 737px) {
    900   .button,
    901   .button.button-large,
    902   .button.button-small,
    903   .plugin-upload-form .button-primary {
    904     font-size: 14px;
    905     height: auto;
    906     line-height: normal;
    907     margin-bottom: 4px;
    908     padding: 6px 14px;
    909     vertical-align: middle;
    910   }
    911 }
    912 
    913 .clear:before, .page-template-get section.hosting .three-up:before, .page-template-get section.apps-mobile .web-stores:before, .clear:after, .page-template-get section.hosting .three-up:after, .page-template-get section.apps-mobile .web-stores:after,
    914 .entry-content:before,
    915 .entry-content:after,
    916 .comment-content:before,
    917 .comment-content:after,
    918 .site-header:before,
    919 .site-header:after,
    920 .site-content:before,
    921 .site-content:after,
    922 .site-footer:before,
    923 .site-footer:after {
    924   content: "";
    925   display: table;
    926   table-layout: fixed;
    927 }
    928 
    929 .clear:after, .page-template-get section.hosting .three-up:after, .page-template-get section.apps-mobile .web-stores:after,
    930 .entry-content:after,
    931 .comment-content:after,
    932 .site-header:after,
    933 .site-content:after,
    934 .site-footer:after {
    935   clear: both;
    936 }
    937 
    938 p.subheading {
    939   color: #82878c;
    940   font-size: 20px;
    941   font-size: 1.25rem;
    942   font-weight: 300;
    943   margin: -6.4px auto 32px;
    944   margin: -0.4rem auto 2rem;
    945   text-align: center;
    946 }
    947 
    948 p.intro {
    949   font-size: 20px;
    950   font-size: 1.25rem;
    951 }
    952 
    953 p.aside {
    954   font-size: 12.8px;
    955   font-size: 0.8rem;
    956 }
    957 
    958 p.note {
    959   font-size: 10.24px;
    960   font-size: 0.64rem;
    961   letter-spacing: 0.16px;
    962   letter-spacing: 0.01rem;
    963   max-width: 291.038px;
    964   max-width: 18.1898940355rem;
    965 }
    966 
    967 /* ----------------------------------------------------------------------------
    968 
    969 WordPress-style Form Elements
    970 =============================
    971 These are the current form element styles for wp-admin. Many of them include the .wp-admin class to be appended which I appended to the html tag on this pen.
    972 
    973 Form Styles
    974 -------------
    975 All form element styles are minimal and require additional styling for layout.
    976 
    977 ---------------------------------------------------------------------------- */
    978 /* Include margin and padding in the width calculation of input and textarea. */
    979 input,
    980 textarea {
    981   -webkit-box-sizing: border-box;
    982   -moz-box-sizing: border-box;
    983   box-sizing: border-box;
    984 }
    985 
    986 input[type="checkbox"],
    987 input[type="color"],
    988 input[type="date"],
    989 input[type="datetime"],
    990 input[type="datetime-local"],
    991 input[type="email"],
    992 input[type="month"],
    993 input[type="number"],
    994 input[type="password"],
    995 input[type="radio"],
    996 input[type="search"],
    997 input[type="tel"],
    998 input[type="text"],
    999 input[type="time"],
    1000 input[type="url"],
    1001 input[type="week"],
    1002 select,
    1003 textarea {
    1004   background-color: #fff;
    1005   border: 1px solid #ddd;
    1006   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    1007   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    1008   color: #32373c;
    1009   outline: none;
    1010   -webkit-transition: 0.05s border-color ease-in-out;
    1011   transition: 0.05s border-color ease-in-out;
    1012 }
    1013 
    1014 input[type="checkbox"]:focus,
    1015 input[type="color"]:focus,
    1016 input[type="date"]:focus,
    1017 input[type="datetime"]:focus,
    1018 input[type="datetime-local"]:focus,
    1019 input[type="email"]:focus,
    1020 input[type="month"]:focus,
    1021 input[type="number"]:focus,
    1022 input[type="password"]:focus,
    1023 input[type="radio"]: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 select:focus,
    1031 textarea:focus {
    1032   border-color: #5b9dd9;
    1033   -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
    1034   box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
    1035 }
    1036 
    1037 /* rtl:ignore */
    1038 input[type="email"],
    1039 input[type="url"] {
    1040   direction: ltr;
    1041 }
    1042 
    1043 /* Vertically align the number selector with the input. */
    1044 input[type="number"] {
    1045   height: 28px;
    1046   line-height: inherit;
    1047 }
    1048 
    1049 input[type="checkbox"],
    1050 input[type="radio"] {
    1051   background: #fff;
    1052   border: 1px solid #b4b9be;
    1053   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    1054   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    1055   clear: none;
    1056   color: #555;
    1057   cursor: pointer;
    1058   display: inline-block;
    1059   height: 16px;
    1060   line-height: 0;
    1061   margin: -4px 4px 0 0;
    1062   min-width: 16px;
    1063   outline: 0;
    1064   padding: 0 !important;
    1065   text-align: center;
    1066   -webkit-transition: 0.05s border-color ease-in-out;
    1067   transition: 0.05s border-color ease-in-out;
    1068   vertical-align: middle;
    1069   width: 16px;
    1070   -webkit-appearance: none;
    1071 }
    1072 
    1073 input[type="checkbox"]:checked:before,
    1074 input[type="radio"]:checked:before {
    1075   display: inline-block;
    1076   float: left;
    1077   font: normal 21px/1 dashicons;
    1078   vertical-align: middle;
    1079   width: 16px;
    1080   speak: none;
    1081   -webkit-font-smoothing: antialiased;
    1082   -moz-osx-font-smoothing: grayscale;
    1083 }
    1084 
    1085 input[type="checkbox"].disabled, input[type="checkbox"]:disabled, input[type="checkbox"]:disabled:checked:before, input[type="checkbox"].disabled:checked:before,
    1086 input[type="radio"].disabled,
    1087 input[type="radio"]:disabled,
    1088 input[type="radio"]:disabled:checked:before,
    1089 input[type="radio"].disabled:checked:before {
    1090   opacity: 0.7;
    1091 }
    1092 
    1093 input[type="checkbox"]:checked:before {
    1094   color: #1e8cbe;
    1095   content: "\f147";
    1096   margin: -3px 0 0 -4px;
    1097 }
    1098 
    1099 input[type="radio"] {
    1100   -webkit-border-radius: 50%;
    1101   border-radius: 50%;
    1102   line-height: 10px;
    1103   margin-right: 4px;
    1104 }
    1105 
    1106 input[type="radio"]:checked + label:before {
    1107   color: #82878c;
    1108 }
    1109 
    1110 input[type="radio"]:checked:before {
    1111   background-color: #1e8cbe;
    1112   -webkit-border-radius: 50px;
    1113   border-radius: 50px;
    1114   content: "\2022";
    1115   font-size: 24px;
    1116   height: 6px;
    1117   line-height: 16px;
    1118   margin: 4px;
    1119   text-indent: -9999px;
    1120   width: 6px;
    1121 }
    1122 
    1123 input[type="reset"]:hover,
    1124 input[type="reset"]:active {
    1125   color: #00a0d2;
    1126 }
    1127 
    1128 /* Search */
    1129 input[type="search"] {
    1130   -webkit-appearance: textfield;
    1131 }
    1132 
    1133 input[type="search"]::-webkit-search-decoration {
    1134   display: none;
    1135 }
    1136 
    1137 textarea,
    1138 input,
    1139 select,
    1140 button {
    1141   font-family: inherit;
    1142   font-size: inherit;
    1143   font-weight: inherit;
    1144 }
    1145 
    1146 textarea,
    1147 input,
    1148 select {
    1149   -webkit-border-radius: 0;
    1150   border-radius: 0;
    1151   font-size: 14px;
    1152   padding: 3px 5px;
    1153   /* Reset mobile webkit's default element styling */
    1154 }
    1155 
    1156 textarea {
    1157   line-height: 1.4;
    1158   overflow: auto;
    1159   padding: 2px 6px;
    1160   resize: vertical;
    1161 }
    1162 
    1163 textarea.code {
    1164   line-height: 1.4;
    1165   padding: 4px 6px 1px 6px;
    1166 }
    1167 
    1168 label {
    1169   cursor: pointer;
    1170   vertical-align: middle;
    1171 }
    1172 
    1173 input,
    1174 select {
    1175   margin: 1px;
    1176   padding: 3px 5px;
    1177 }
    1178 
    1179 input.code {
    1180   padding-top: 6px;
    1181 }
    1182 
    1183 input.readonly,
    1184 input[readonly],
    1185 textarea.readonly,
    1186 textarea[readonly] {
    1187   background-color: #eee;
    1188 }
    1189 
    1190 :-moz-placeholder,
    1191 .wp-core-ui :-moz-placeholder {
    1192   color: #a9a9a9;
    1193 }
    1194 
    1195 input:disabled,
    1196 input.disabled,
    1197 select:disabled,
    1198 select.disabled,
    1199 textarea:disabled,
    1200 textarea.disabled {
    1201   background: rgba(255, 255, 255, 0.5);
    1202   border-color: rgba(222, 222, 222, 0.75);
    1203   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    1204   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    1205   color: rgba(51, 51, 51, 0.5);
    1206 }
    1207 
    1208 input[type="file"]:disabled,
    1209 input[type="file"].disabled,
    1210 input[type="range"]:disabled,
    1211 input[type="range"].disabled {
    1212   background: none;
    1213   -webkit-box-shadow: none;
    1214   box-shadow: none;
    1215 }
    1216 
    1217 input.large-text,
    1218 textarea.large-text {
    1219   width: 99%;
    1220 }
    1221 
    1222 input.regular-text {
    1223   width: 25em;
    1224 }
    1225 
    1226 input.small-text {
    1227   padding: 1px 6px;
    1228   width: 50px;
    1229 }
    1230 
    1231 input[type="number"].small-text {
    1232   width: 65px;
    1233 }
    1234 
    1235 input.tiny-text {
    1236   width: 35px;
    1237 }
    1238 
    1239 input[type="number"].tiny-text {
    1240   width: 45px;
    1241 }
    1242 
    1243 /* =Media Queries
    1244 -------------------------------------------------------------- */
    1245 @media screen and (max-width: 782px) {
    1246   /* Input Elements */
    1247   textarea {
    1248     -webkit-appearance: none;
    1249   }
    1250   input[type="text"],
    1251   input[type="email"],
    1252   input[type="search"],
    1253   input[type="password"],
    1254   input[type="number"] {
    1255     -webkit-appearance: none;
    1256     padding: 6px 10px;
    1257   }
    1258   input[type="number"] {
    1259     height: 40px;
    1260   }
    1261   input.code {
    1262     padding-bottom: 5px;
    1263     padding-top: 10px;
    1264   }
    1265   input[type="checkbox"] {
    1266     -webkit-appearance: none;
    1267     padding: 10px;
    1268   }
    1269   input[type="checkbox"]:checked:before {
    1270     font: normal 30px/1 dashicons;
    1271     margin: -3px -5px;
    1272   }
    1273   input[type="radio"],
    1274   input[type="checkbox"] {
    1275     height: 25px;
    1276     width: 25px;
    1277   }
    1278   input[type="radio"]:checked:before {
    1279     vertical-align: middle;
    1280     width: 9px;
    1281     height: 9px;
    1282     margin: 7px;
    1283     line-height: 16px;
    1284   }
    1285   textarea,
    1286   input {
    1287     font-size: 16px;
    1288   }
    1289   input[type="text"].small-text,
    1290   input[type="search"].small-text,
    1291   input[type="password"].small-text,
    1292   input[type="number"].small-text,
    1293   input[type="number"].small-text {
    1294     width: auto;
    1295     max-width: 55px;
    1296     display: inline;
    1297     padding: 3px 6px;
    1298     margin: 0 3px;
    1299   }
    1300   input.regular-text {
    1301     width: 100%;
    1302   }
    1303   label {
    1304     font-size: 14px;
    1305   }
    1306   fieldset label {
    1307     display: block;
    1308   }
    1309 }
    1310 
    1311 a.button:hover, a.button:focus, a.button:active {
    1312   text-decoration: none;
    1313 }
    1314 
    1315 p a:not(.button),
    1316 p a:not(.button):hover {
    1317   border: none;
    1318 }
    1319 
    1320 .main-navigation {
    1321   background: #0073aa;
    1322   clear: both;
    1323   left: 0;
    1324   position: absolute;
    1325   top: 60px;
    1326   width: 100%;
    1327 }
    1328 
    1329 .main-navigation ul {
    1330   display: none;
    1331   list-style: none;
    1332   margin: 0;
    1333   padding-left: 0;
    1334 }
    1335 
    1336 .main-navigation ul ul {
    1337   -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    1338   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    1339   float: left;
    1340   left: -999em;
    1341   position: absolute;
    1342   top: 1.5em;
    1343   z-index: 99999;
    1344 }
    1345 
    1346 .main-navigation ul ul ul {
    1347   left: -999em;
    1348   top: 0;
    1349 }
    1350 
    1351 .main-navigation ul ul li:hover > ul,
    1352 .main-navigation ul ul li.focus > ul {
    1353   left: 100%;
    1354 }
    1355 
    1356 .main-navigation ul ul a {
    1357   width: 200px;
    1358 }
    1359 
    1360 .main-navigation ul li:hover > ul,
    1361 .main-navigation ul li.focus > ul {
    1362   left: auto;
    1363 }
    1364 
    1365 .main-navigation li {
    1366   border-top: 1px solid rgba(255, 255, 255, 0.2);
    1367   padding: 16px;
    1368   padding: 1rem;
    1369 }
    1370 
    1371 .main-navigation a {
    1372   color: rgba(255, 255, 255, 0.8);
    1373   display: block;
    1374   font-size: 12.8px;
    1375   font-size: 0.8rem;
    1376   text-decoration: none;
    1377 }
    1378 
    1379 .main-navigation a:hover, .main-navigation a.active {
    1380   color: #fff;
    1381 }
    1382 
    1383 @media screen and (min-width: 737px) {
    1384   .main-navigation a.active {
    1385     border-bottom: 1px solid;
    1386   }
    1387 }
    1388 
    1389 /* Small menu. */
    1390 .main-navigation.toggled ul {
    1391   display: block;
    1392 }
    1393 
    1394 .menu-toggle {
    1395   background: transparent;
    1396   border: none;
    1397   color: #fff;
    1398   font-size: 25px;
    1399   font-size: 1.5625rem;
    1400   height: 56px;
    1401   height: 3.5rem;
    1402   overflow: hidden;
    1403   position: absolute;
    1404   right: 16px;
    1405   right: 1rem;
    1406   top: -58px;
    1407   width: 56px;
    1408   width: 3.5rem;
    1409   -webkit-appearance: none;
    1410 }
    1411 
    1412 .toggled .menu-toggle:before {
    1413   content: "\f343";
    1414 }
    1415 
    1416 @media screen and (min-width: 737px) {
    1417   .menu-toggle {
    1418     display: none;
    1419   }
    1420   .main-navigation {
    1421     float: right;
    1422     position: initial;
    1423     width: initial;
    1424   }
    1425   .main-navigation.toggled {
    1426     padding: 1px 0;
    1427   }
    1428   .main-navigation ul {
    1429     display: inline-block;
    1430     font-size: 0;
    1431   }
    1432   .main-navigation ul li {
    1433     border: 0;
    1434     display: inline-block;
    1435     font-size: 1rem;
    1436     margin-right: 1rem;
    1437     padding: 0;
    1438   }
    1439   .main-navigation ul li:last-of-type {
    1440     margin-right: 0;
    1441   }
    1442 }
    1443 
    1444 .notice {
    1445   background: #fff;
    1446   border-left: 4px solid #fff;
    1447   -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    1448   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    1449   margin: 1em 0;
    1450   padding: 1px 12px;
    1451 }
    1452 
    1453 .notice p {
    1454   font-size: 12.8px;
    1455   font-size: 0.8rem;
    1456   margin: 0.5em 0;
    1457   padding: 2px;
    1458 }
    1459 
    1460 .notice.notice-alt {
    1461   -webkit-box-shadow: none;
    1462   box-shadow: none;
    1463 }
    1464 
    1465 .notice.notice-large {
    1466   padding: 10px 20px;
    1467 }
    1468 
    1469 .notice.notice-success {
    1470   border-left-color: #46b450;
    1471 }
    1472 
    1473 .notice.notice-success.notice-alt {
    1474   background-color: #ecf7ed;
    1475 }
    1476 
    1477 .notice.notice-warning {
    1478   border-left-color: #ffb900;
    1479 }
    1480 
    1481 .notice.notice-warning.notice-alt {
    1482   background-color: #fff8e5;
    1483 }
    1484 
    1485 .notice.notice-error {
    1486   border-left-color: #dc3232;
    1487 }
    1488 
    1489 .notice.notice-error.notice-alt {
    1490   background-color: #fbeaea;
    1491 }
    1492 
    1493 .notice.notice-info {
    1494   border-left-color: #00a0d2;
    1495 }
    1496 
    1497 .notice.notice-info.notice-alt {
    1498   background-color: #e5f5fa;
    1499 }
    1500 
    1501 .site-description {
    1502   color: rgba(255, 255, 255, 0.8);
    1503   font-size: 20px;
    1504   font-size: 1.25rem;
    1505   font-weight: 300;
    1506   margin: -6.4px auto 32px;
    1507   margin: -0.4rem auto 2rem;
    1508   text-align: center;
    1509 }
    1510 
    1511 .site-header {
    1512   background: #0073aa;
    1513   padding: 16px 0;
    1514   padding: 1rem 0;
    1515   position: relative;
    1516 }
    1517 
    1518 .site-header .site-branding {
    1519   margin: 0 auto;
    1520   max-width: 960px;
    1521   padding: 0 25px;
    1522   padding: 0 1.5625rem;
    1523 }
    1524 
    1525 @media screen and (min-width: 737px) {
    1526   .site-header .site-branding {
    1527     padding: 0 10px;
    1528   }
    1529 }
    1530 
    1531 .site-header.home {
    1532   padding: 25px 18.288px;
    1533   padding: 1.5625rem 1.143rem;
    1534   text-align: center;
    1535 }
    1536 
    1537 .site-main {
    1538   margin: 0 auto;
    1539   max-width: 960px;
    1540   padding: 48.828px 25px;
    1541   padding: 3.0517578125rem 1.5625rem;
    1542 }
    1543 
    1544 @media screen and (min-width: 737px) {
    1545   .site-main {
    1546     padding: 3.0517578125rem 10px;
    1547   }
    1548 }
    1549 
    1550 .site-main.single,
    1551 .single .site-main {
    1552   padding: 0;
    1553 }
    1554 
    1555 @media screen and (min-width: 737px) {
    1556   .site-main.single,
    1557   .single .site-main {
    1558     padding: 0 10px 3.0517578125rem;
    1559   }
    1560 }
    1561 
    1562 .site-main.page,
    1563 .page .site-main {
    1564   padding-top: 0;
    1565 }
    1566 
    1567 .site-main .page-title {
    1568   font-size: 25px;
    1569   font-size: 1.5625rem;
    1570   font-weight: 400;
    1571 }
    1572 
    1573 .site-main .no-results {
    1574   margin: 0 auto;
    1575   max-width: 568.434px;
    1576   max-width: 35.527136788rem;
    1577   padding: 0 32px;
    1578   padding: 0 2rem;
    1579 }
    1580 
    1581 .site-title {
    1582   display: inline-block;
    1583   font-size: 25px;
    1584   font-size: 1.5625rem;
    1585   font-weight: 300;
    1586   line-height: 1;
    1587   margin: 0 32px 0 0;
    1588   margin: 0 2rem 0 0;
    1589   max-width: none;
    1590 }
    1591 
    1592 .site-title a {
    1593   color: #fff;
    1594   font-weight: 300;
    1595 }
    1596 
    1597 .site-title a:hover, .site-title a:focus, .site-title a:active {
    1598   text-decoration: none;
    1599 }
    1600 
    1601 .site-header.home .site-title {
    1602   display: inherit;
    1603   font-size: 61.035px;
    1604   font-size: 3.8146972656rem;
    1605   margin: 32px 0 16px;
    1606   margin: 2rem 0 1rem;
    1607 }
    1608 
    1609 #wporg-header h1 {
    1610   margin: auto;
    1611 }
    1612 
    1613 #wporg-header h2.rosetta {
    1614   clear: none;
    1615 }
    1616 
    1617 #wporg-header form input {
    1618   -webkit-box-sizing: content-box;
    1619   -moz-box-sizing: content-box;
    1620   box-sizing: content-box;
    1621   margin: 0;
    1622   padding: 3px;
    1623 }
    1624 
    1625 #wporg-header .button {
    1626   -webkit-box-shadow: none;
    1627   box-shadow: none;
    1628 }
    1629 
    1630 #wporg-header .download-button {
    1631   background-color: #21759b;
    1632   background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
    1633   background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    1634   background-image: linear-gradient(to bottom, #2a95c5, #21759b);
    1635   border-bottom-color: #1e6a8d;
    1636   border-color: #21759b;
    1637   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    1638   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    1639 }
    1640 
    1641 #wporg-header .download-button:hover, #wporg-header .download-button:focus {
    1642   background-color: #278ab7;
    1643   background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
    1644   background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    1645   background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
    1646   border-color: #1b607f;
    1647   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    1648   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    1649   color: #fff;
    1650   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    1651 }
    1652 
    1653 #wporg-header .download-button:active {
    1654   background: #1b607f;
    1655   background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
    1656   background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
    1657   background-image: linear-gradient(to bottom, #21759b, #278ab7);
    1658   border-color: #124560 #2382ae #2382ae #2382ae;
    1659   -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    1660   box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    1661   color: rgba(255, 255, 255, 0.95);
    1662   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    1663   -webkit-transform: none;
    1664   -ms-transform: none;
    1665   transform: none;
    1666 }
    1667 
    1668 #wporg-header a:hover,
    1669 #wporg-header a:focus,
    1670 #wporg-header a:active {
    1671   text-decoration: none;
    1672 }
    1673 
    1674 .home .site-header {
    1675   background: #0073aa;
    1676   padding: 18px 36px;
    1677 }
    1678 
    1679 @media (min-width: 737px) {
    1680   .home .site-header {
    1681     padding: 1.5625rem;
    1682   }
    1683 }
    1684 
    1685 .home .site-header .site-title {
    1686   color: #fff;
    1687   display: block;
    1688   font-size: 61.035px;
    1689   font-size: 3.8146972656rem;
    1690   font-weight: 300;
    1691   line-height: 1;
    1692   margin: 32px 0 16px;
    1693   margin: 2rem 0 1rem;
    1694   text-align: center;
    1695 }
    1696 
    1697 .home .site-header .site-description {
    1698   color: #fff;
    1699   max-width: 568.434px;
    1700   max-width: 35.52714rem;
    1701   padding: 11px 0;
    1702 }
    1703 
    1704 .home-welcome {
    1705   background: #fff;
    1706   color: #32373c;
    1707   font-family: "Open Sans", sans-serif;
    1708   font-weight: 400;
    1709   line-height: 1.5;
    1710   max-width: initial;
    1711   padding: 0;
    1712 }
    1713 
    1714 @media (min-width: 737px) {
    1715   .home-welcome {
    1716     font-size: 18px;
    1717   }
    1718 }
    1719 
    1720 .home-welcome h1 {
    1721   font-size: 51.2px;
    1722   font-size: 3.2rem;
    1723 }
    1724 
    1725 .home-welcome a:not(.button) {
    1726   background-color: transparent;
    1727   border: none;
    1728   color: #0073aa;
    1729   text-decoration: none;
    1730 }
    1731 
    1732 .home-welcome a:not(.button):hover {
    1733   text-decoration: underline;
    1734 }
    1735 
    1736 .home-welcome a:not(.button):active, .home-welcome a:not(.button):hover {
    1737   outline-width: 0;
    1738 }
    1739 
    1740 .home-welcome p {
    1741   font-size: 18px;
    1742   margin: 1em 0;
    1743   max-width: 568.434px;
    1744   max-width: 35.52714rem;
    1745 }
    1746 
    1747 .home-welcome p.subheading {
    1748   color: #82878c;
    1749   font-size: 20px;
    1750   font-size: 1.25rem;
    1751   font-weight: 300;
    1752   margin: -6.4px auto 32px;
    1753   margin: -.4rem auto 2rem;
    1754   text-align: center;
    1755 }
    1756 
    1757 .home-welcome section {
    1758   border-bottom: 2px solid #eee;
    1759   margin: 0 auto;
    1760   max-width: 800px;
    1761   max-width: 50rem;
    1762   padding: 48.828px 25px;
    1763   padding: 3.05176rem 1.5625rem;
    1764 }
    1765 
    1766 .home-welcome section:last-child {
    1767   border-bottom: none;
    1768 }
    1769 
    1770 .home-welcome section h2 {
    1771   line-height: 1;
    1772   text-align: center;
    1773 }
    1774 
    1775 .home-welcome section .container {
    1776   margin: 0 auto;
    1777   max-width: 800px;
    1778   max-width: 50rem;
    1779 }
    1780 
    1781 .home-welcome .dashicons {
    1782   color: #cbcdce;
    1783   display: block;
    1784   font-size: 64px;
    1785   font-size: 4rem;
    1786   height: auto;
    1787   margin: 0 auto -16px;
    1788   margin: 0 auto -1rem;
    1789   width: auto;
    1790 }
    1791 
    1792 .home-welcome .intro {
    1793   padding-bottom: 0;
    1794 }
    1795 
    1796 .home-welcome .features {
    1797   border-top: 2px solid #eee;
    1798 }
    1799 
    1800 .home-welcome .features ul {
    1801   -webkit-box-align: center;
    1802   -webkit-align-items: center;
    1803   -moz-box-align: center;
    1804   -ms-flex-align: center;
    1805   align-items: center;
    1806   display: -webkit-box;
    1807   display: -webkit-flex;
    1808   display: -moz-box;
    1809   display: -ms-flexbox;
    1810   display: flex;
    1811   -webkit-flex-wrap: wrap;
    1812   -ms-flex-wrap: wrap;
    1813   flex-wrap: wrap;
    1814   list-style: none;
    1815   margin: 48px 0;
    1816   margin: 3rem 0;
    1817   padding: 0;
    1818 }
    1819 
    1820 .home-welcome .features ul li {
    1821   -webkit-box-align: center;
    1822   -webkit-align-items: center;
    1823   -moz-box-align: center;
    1824   -ms-flex-align: center;
    1825   align-items: center;
    1826   border-bottom: 1px solid #eee;
    1827   border-right: 1px solid #eee;
    1828   display: -webkit-box;
    1829   display: -webkit-flex;
    1830   display: -moz-box;
    1831   display: -ms-flexbox;
    1832   display: flex;
    1833   -webkit-box-orient: vertical;
    1834   -webkit-box-direction: normal;
    1835   -webkit-flex-direction: column;
    1836   -moz-box-orient: vertical;
    1837   -moz-box-direction: normal;
    1838   -ms-flex-direction: column;
    1839   flex-direction: column;
    1840   height: 160px;
    1841   -webkit-box-pack: center;
    1842   -webkit-justify-content: center;
    1843   -moz-box-pack: center;
    1844   -ms-flex-pack: center;
    1845   justify-content: center;
    1846   text-align: center;
    1847   width: 50%;
    1848 }
    1849 
    1850 @media (max-width: 739px) {
    1851   .home-welcome .features ul li:nth-child(n+7) {
    1852     border-bottom: none;
    1853   }
    1854   .home-welcome .features ul li:nth-child(2n) {
    1855     border-right: none;
    1856   }
    1857 }
    1858 
    1859 @media (min-width: 740px) {
    1860   .home-welcome .features ul li {
    1861     width: 25%;
    1862     height: 200px;
    1863   }
    1864   .home-welcome .features ul li:nth-child(4n) {
    1865     border-right: none;
    1866   }
    1867   .home-welcome .features ul li:nth-child(n+5) {
    1868     border-bottom: none;
    1869   }
    1870 }
    1871 
    1872 .home-welcome .features ul li img {
    1873   height: 40px;
    1874   height: 2.5rem;
    1875   margin: 4px auto 20px;
    1876   margin: .25rem auto 1.25rem;
    1877 }
    1878 
    1879 .home-welcome .features ul li img,
    1880 .home-welcome .features ul li span {
    1881   color: #00a0d2;
    1882   display: block;
    1883   font-size: 48px;
    1884   font-size: 3rem;
    1885   margin-bottom: 16px;
    1886   margin-bottom: 1rem;
    1887 }
    1888 
    1889 .home-welcome .features p {
    1890   margin-left: auto;
    1891   margin-right: auto;
    1892   text-align: center;
    1893 }
    1894 
    1895 .home-welcome .screenshots {
    1896   height: 400px;
    1897   left: -30px;
    1898   overflow: hidden;
    1899   padding: 16px 16px 0;
    1900   padding: 1rem 1rem 0;
    1901   position: relative;
    1902   right: 0;
    1903   width: 106%;
    1904 }
    1905 
    1906 @media (max-width: 739px) {
    1907   .home-welcome .screenshots {
    1908     padding: 0;
    1909     left: auto;
    1910     right: auto;
    1911     width: 100%;
    1912   }
    1913 }
    1914 
    1915 .home-welcome .screenshots .dashboard {
    1916   -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    1917   box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    1918   max-width: 800px;
    1919 }
    1920 
    1921 .home-welcome .screenshots .dashboard-mobile {
    1922   bottom: -100px;
    1923   max-width: 200px;
    1924   position: absolute;
    1925   right: 1px;
    1926   z-index: 1;
    1927 }
    1928 
    1929 .home-welcome .cta-wrapper {
    1930   display: block;
    1931   font-size: 14.63px;
    1932   font-size: .9144rem;
    1933   margin: 32px 0;
    1934   margin: 2rem 0;
    1935   text-align: center;
    1936 }
    1937 
    1938 @media (min-width: 737px) {
    1939   .home-welcome .cta-wrapper {
    1940     font-size: .8rem;
    1941     margin: 4rem 0 2rem;
    1942   }
    1943 }
    1944 
    1945 .home-welcome .community-2 {
    1946   -webkit-box-align: start;
    1947   -webkit-align-items: flex-start;
    1948   -moz-box-align: start;
    1949   -ms-flex-align: start;
    1950   align-items: flex-start;
    1951   background: url(https://s.w.org/images/home/community-1.jpg) center bottom no-repeat;
    1952   -webkit-background-size: cover;
    1953   background-size: cover;
    1954   border: none;
    1955   display: -webkit-box;
    1956   display: -webkit-flex;
    1957   display: -moz-box;
    1958   display: -ms-flexbox;
    1959   display: flex;
    1960   -webkit-box-orient: vertical;
    1961   -webkit-box-direction: normal;
    1962   -webkit-flex-direction: column;
    1963   -moz-box-orient: vertical;
    1964   -moz-box-direction: normal;
    1965   -ms-flex-direction: column;
    1966   flex-direction: column;
    1967   height: 500px;
    1968   -webkit-box-pack: end;
    1969   -webkit-justify-content: flex-end;
    1970   -moz-box-pack: end;
    1971   -ms-flex-pack: end;
    1972   justify-content: flex-end;
    1973   max-width: 100%;
    1974   position: relative;
    1975 }
    1976 
    1977 .home-welcome .community-2 .screen {
    1978   background: rgba(0, 0, 0, 0.5);
    1979   height: 100%;
    1980   left: 0;
    1981   position: absolute;
    1982   right: 0;
    1983   top: 0;
    1984   width: 100%;
    1985   z-index: 0;
    1986 }
    1987 
    1988 .home-welcome .community-2 h2,
    1989 .home-welcome .community-2 .subheading {
    1990   color: #fff;
    1991   margin: 0 0 16px;
    1992   margin: 0 0 1rem;
    1993   max-width: 100%;
    1994   position: relative;
    1995   text-align: left;
    1996   text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    1997   z-index: 1;
    1998 }
    1999 
    2000 .home-welcome .showcase {
    2001   border-bottom: none;
    2002   margin: 0;
    2003   max-width: 100%;
    2004   padding-left: 0;
    2005   padding-right: 0;
    2006 }
    2007 
    2008 .home-welcome .showcase > div {
    2009   background: url(https://s.w.org/images/home/collage-min.jpg) center top;
    2010   -webkit-background-size: cover;
    2011   background-size: cover;
    2012   -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4);
    2013   box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4);
    2014   height: 300px;
    2015   width: 100%;
    2016 }
    2017 
    2018 @media (min-width: 700px) {
    2019   .home-welcome .showcase > div {
    2020     height: 600px;
    2021     background-attachment: fixed;
    2022   }
    2023 }
    2024 
    2025 .home-welcome .showcase .cta-link {
    2026   margin: 48.828px 0 0;
    2027   margin: 3.05176rem 0 0;
    2028   max-width: 100%;
    2029   text-align: center;
    2030 }
    2031 
    2032 .home-welcome #home-below ol, .home-welcome #home-below ul {
    2033   margin: 0;
    2034 }
    2035 
    2036 .home-welcome #home-below h4 {
    2037   border-bottom: 1px solid #dedede;
    2038   font-size: inherit;
    2039   padding-bottom: 4px;
    2040 }
    2041 
    2042 .home-welcome #showcase-link {
    2043   font-size: 14px;
    2044 }
    2045 
    2046 #lang-guess {
    2047   background: #c7e8ca;
    2048   border: inherit;
    2049   -webkit-border-radius: inherit;
    2050   border-radius: inherit;
    2051   cursor: pointer;
    2052   font: inherit;
    2053   font-size: 12.8px;
    2054   font-size: .8rem;
    2055   margin: 0;
    2056   max-width: inherit;
    2057   padding: 8px;
    2058   padding: .5rem;
    2059   text-align: center;
    2060   width: inherit;
    2061 }
    2062 
    2063 @media (min-width: 67rem) {
    2064   #lang-guess {
    2065     margin: 1rem auto 0;
    2066     max-width: 50rem;
    2067   }
    2068 }
    2069 
    2070 .page-template-get .site-header {
    2071   padding: 25px 18.288px;
    2072   padding: 1.5625rem 1.143rem;
    2073   text-align: center;
    2074 }
    2075 
    2076 .page-template-get .site-title {
    2077   display: inherit;
    2078   font-size: 61.035px;
    2079   font-size: 3.8146972656rem;
    2080   margin: 32px 0 16px;
    2081   margin: 2rem 0 1rem;
    2082 }
    2083 
    2084 .page-template-get section {
    2085   padding: 48.828px 25px;
    2086   padding: 3.0517578125rem 1.5625rem;
    2087 }
    2088 
    2089 .page-template-get section.download {
    2090   text-align: center;
    2091 }
    2092 
    2093 @media (min-width: 737px) {
    2094   .page-template-get section.download .container {
    2095     text-align: initial;
    2096   }
    2097   .page-template-get section.download .container aside,
    2098   .page-template-get section.download .container article {
    2099     display: inline-block;
    2100     vertical-align: top;
    2101   }
    2102   .page-template-get section.download .container aside {
    2103     width: 30%;
    2104   }
    2105   .page-template-get section.download .container article {
    2106     width: 65%;
    2107   }
    2108   .page-template-get section.download .container aside + article,
    2109   .page-template-get section.download .container article + aside {
    2110     margin-left: 5%;
    2111   }
    2112 }
    2113 
    2114 .page-template-get section.hosting {
    2115   text-align: center;
    2116 }
    2117 
    2118 .page-template-get section.hosting .three-up {
    2119   text-align: initial;
    2120 }
    2121 
    2122 .page-template-get section.hosting .three-up > div {
    2123   margin-top: 48px;
    2124   margin-top: 3rem;
    2125 }
    2126 
    2127 .page-template-get section.hosting .three-up > div .logo__bluehost, .page-template-get section.hosting .three-up > div .logo__getlisted, .page-template-get section.hosting .three-up > div .logo__wpcom {
    2128   height: 35px;
    2129 }
    2130 
    2131 @media (min-width: 737px) {
    2132   .page-template-get section.hosting .three-up > div {
    2133     float: left;
    2134     font-size: 0.8rem;
    2135     margin-right: 5%;
    2136     width: 30%;
    2137   }
    2138   .page-template-get section.hosting .three-up > div:last-child {
    2139     margin-right: 0;
    2140   }
    2141 }
    2142 
    2143 .page-template-get section.apps-mobile {
    2144   text-align: center;
    2145 }
    2146 
    2147 .page-template-get section.apps-mobile .web-stores {
    2148   margin: 32px auto 0;
    2149   margin: 2rem auto 0;
    2150   width: 100%;
    2151 }
    2152 
    2153 .page-template-get section.apps-mobile .web-stores a {
    2154   display: inline-block;
    2155   margin: 10px;
    2156   width: 150px;
    2157 }
    2158 
    2159 @media (min-width: 737px) {
    2160   .page-template-get section.apps-mobile .web-stores {
    2161     margin: 4rem auto 0;
    2162   }
    2163 }
    2164 
    2165 .page-template-get section.apps-mobile .ios .button-android {
    2166   display: none;
    2167 }
    2168 
    2169 .page-template-get section.apps-mobile .android .button-ios {
    2170   display: none;
    2171 }
    2172 
    2173 .page-template-get section + section {
    2174   border-top: 2px solid #eee;
    2175 }
    2176 
    2177 .page-template-get .call-to-action {
    2178   display: block;
    2179   font-size: 14.63px;
    2180   font-size: 0.9144rem;
    2181   margin: 32px 0 32px;
    2182   margin: 2rem 0 2rem;
    2183 }
    2184 
    2185 @media (min-width: 737px) {
    2186   .page-template-get .call-to-action {
    2187     font-size: 0.8rem;
    2188     margin: 4rem 0 2rem;
    2189   }
    2190 }
    2191 
    2192 .page-template-get .dashicons {
    2193   color: #cbcdce;
    2194   display: block;
    2195   font-size: 64px;
    2196   font-size: 4rem;
    2197   height: auto;
    2198   margin: 0 auto -16px;
    2199   margin: 0 auto -1rem;
    2200   width: auto;
    2201 }
    2202 /*# sourceMappingURL=style.css.map */
     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{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]{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-spacing:0}td,th{padding:0}p{margin:1em 0}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%}html{box-sizing:border-box}*,:after,:before{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}img{height:auto;max-width:100%}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}h1,h2{font-weight:300}h2{font-size:39.062px;font-size:2.44140625rem}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;letter-spacing:0.16px;letter-spacing:.01rem}h5,h6{font-weight:600;text-transform:uppercase}h6{font-size:12.8px;font-size:.8rem;letter-spacing:.8px}a,a:visited{color:#0073aa}a:active,a:focus,a:hover{color:#0073aa;text-decoration:underline}a:focus{outline:thin dotted}a:active,a:hover{outline:0}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}table{border:1px solid #eee;border-collapse:collapse;font-size:12.8px;font-size:.8rem;margin:0 0 16px;margin:0 0 1rem;padding:0;width:100%}table thead{background:#32373c;color:#fff}table td,table th{border:1px solid #eee;font-weight:400;margin:0;padding:6.4px;padding:.4rem;text-align:left;vertical-align:top}table tbody tr:nth-child(2n){background:#f7f7f7}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:737px){html{font-size:1.125rem}}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.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:6}#content[tabindex="-1"]:focus{outline:0}.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}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{border:1px solid;border-radius:3px;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-xl .button,.button.button-xl{font-size:16px;font-size:1rem;height:39.062px;height:2.44140625rem;line-height:1;padding:0 24px;padding:0 1.5rem}.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-xl a.button,a.button.button-xl{line-height:39.062px;line-height:2.44140625rem}.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;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#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;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;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;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;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;transform:none!important}.button-link{background:none;border:0;border-radius:0;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{text-decoration:none;text-shadow:0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799}.button-primary,.button-primary:visited,.download-button,.download-button:visited,.plugin-upload-form .button-primary,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #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;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{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;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;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{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{box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!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{border-radius:0;display:inline-block;margin-right:-1px;z-index:2}.button-group>.button-primary{z-index:4}.button-group>.button:hover{z-index:3}.button-group>.button:first-child{border-radius:3px 0 0 3px}.button-group>.button:last-child{border-radius:0 3px 3px 0}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:737px){.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}}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.page-template-get section.apps-mobile .web-stores:after,.page-template-get section.apps-mobile .web-stores:before,.page-template-get section.hosting .three-up:after,.page-template-get section.hosting .three-up:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.page-template-get section.apps-mobile .web-stores:after,.page-template-get section.hosting .three-up:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}p.subheading{color:#82878c;font-weight:300;margin:-6.4px auto 32px;margin:-.4rem auto 2rem;text-align:center}p.intro,p.subheading{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:0.16px;letter-spacing:.01rem;max-width:291.038px;max-width:18.1898940355rem}input,textarea{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;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);color:#32373c;outline:none;transition:border-color .05s ease-in-out}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;box-shadow:0 0 2px rgba(30,140,190,.8)}input[type=email],input[type=url]{direction:ltr}input[type=number]{height:28px;line-height:inherit}input[type=checkbox],input[type=radio]{background:#fff;border:1px solid #b4b9be;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);clear:none;color:#555;cursor:pointer;display:inline-block;height:16px;line-height:0;margin:-4px 4px 0 0;min-width:16px;outline:0;padding:0!important;text-align:center;transition:border-color .05s ease-in-out;vertical-align:middle;width:16px;-webkit-appearance:none}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;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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}input[type=checkbox]:checked:before{color:#1e8cbe;content:"\f147";margin:-3px 0 0 -4px}input[type=radio]{border-radius:50%;line-height:10px;margin-right:4px}input[type=radio]:checked+label:before{color:#82878c}input[type=radio]:checked:before{background-color:#1e8cbe;border-radius:50px;content:"\2022";font-size:24px;height:6px;line-height:16px;margin:4px;text-indent:-9999px;width:6px}input[type=reset]:active,input[type=reset]:hover{color:#00a0d2}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-decoration{display:none}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{border-radius:0;font-size:14px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}textarea.code{line-height:1.4;padding:4px 6px 1px}label{cursor:pointer;vertical-align:middle}input,select{margin:1px;padding:3px 5px}input.code{padding-top:6px}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}.wp-core-ui :-moz-placeholder,:-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);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;box-shadow:none}input.large-text,textarea.large-text{width:99%}input.regular-text{width:25em}input.small-text{padding:1px 6px;width:50px}input[type=number].small-text{width:65px}input.tiny-text{width:35px}input[type=number].tiny-text{width:45px}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;padding:6px 10px}input[type=number]{height:40px}input.code{padding-bottom:5px;padding-top:10px}input[type=checkbox]{-webkit-appearance:none;padding:10px}input[type=checkbox]:checked:before{font:normal 30px/1 dashicons;margin:-3px -5px}input[type=checkbox],input[type=radio]{height:25px;width:25px}input[type=radio]:checked:before{vertical-align:middle;width:9px;height:9px;margin:7px;line-height:16px}input,textarea{font-size:16px}input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{width:auto;max-width:55px;display:inline;padding:3px 6px;margin:0 3px}input.regular-text{width:100%}label{font-size:14px}fieldset label{display:block}}a.button:active,a.button:focus,a.button:hover{text-decoration:none}p a:not(.button),p a:not(.button):hover{border:none}.main-navigation{background:#0073aa;clear:both;left:0;position:absolute;top:60px;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:left;left:-999em;position:absolute;top:1.5em;z-index:5}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{left:100%}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left: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:737px){.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;right:16px;right:1rem;top:-58px;width:56px;width:3.5rem;-webkit-appearance:none}.toggled .menu-toggle:before{content:"\f343"}@media screen and (min-width:737px){.menu-toggle{display:none}.main-navigation{float:right;position:static;width: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-right:1rem;padding:0}.main-navigation ul li:last-of-type{margin-right:0}}.notice{background:#fff;border-left:4px solid #fff;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{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}.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-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:737px){.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:737px){.site-main{padding:3.0517578125rem 10px}}.single .site-main,.site-main.single{padding:0}@media screen and (min-width:737px){.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}.site-title{display:inline-block;font-size:25px;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 32px 0 0;margin:0 2rem 0 0;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}#wporg-header h1{margin:auto}#wporg-header h2.rosetta{clear:none}#wporg-header form input{box-sizing:content-box;margin:0;padding:3px}#wporg-header .button{box-shadow:none}#wporg-header .download-button{background-color:#21759b;background-image:linear-gradient(180deg,#2a95c5,#21759b);border-bottom-color:#1e6a8d;border-color:#21759b;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:linear-gradient(180deg,#2e9fd2,#21759b);border-color:#1b607f;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:linear-gradient(180deg,#21759b,#278ab7);border-color:#124560 #2382ae #2382ae;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);transform:none}#wporg-header a:active,#wporg-header a:focus,#wporg-header a:hover{text-decoration:none}.home .site-header{background:#0073aa;padding:18px 36px}@media (min-width:737px){.home .site-header{padding:1.5625rem}}.home .site-header .site-title{color:#fff;display:block;font-size:61.035px;font-size:3.8146972656rem;font-weight:300;line-height:1;margin:32px 0 16px;margin:2rem 0 1rem;text-align:center}.home .site-header .site-description{color:#fff;max-width:568.434px;max-width:35.52714rem;padding:11px 0}.home-welcome{background:#fff;color:#32373c;font-family:Open Sans,sans-serif;font-weight:400;line-height:1.5;max-width:none;padding:0}@media (min-width:737px){.home-welcome{font-size:18px}}.home-welcome h1{font-size:51.2px;font-size:3.2rem}.home-welcome a:not(.button){background-color:transparent;border:none;color:#0073aa;text-decoration:none}.home-welcome a:not(.button):hover{text-decoration:underline}.home-welcome a:not(.button):active,.home-welcome a:not(.button):hover{outline-width:0}.home-welcome p{font-size:18px;margin:1em 0;max-width:568.434px;max-width:35.52714rem}.home-welcome 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}.home-welcome section{border-bottom:2px solid #eee;margin:0 auto;max-width:800px;max-width:50rem;padding:48.828px 25px;padding:3.05176rem 1.5625rem}.home-welcome section:last-child{border-bottom:none}.home-welcome section h2{line-height:1;text-align:center}.home-welcome section .container{margin:0 auto;max-width:800px;max-width:50rem}.home-welcome .dashicons{color:#cbcdce;display:block;font-size:64px;font-size:4rem;height:auto;margin:0 auto -16px;margin:0 auto -1rem;width:auto}.home-welcome .intro{padding-bottom:0}.home-welcome .features{border-top:2px solid #eee}.home-welcome .features ul{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:48px 0;margin:3rem 0;padding:0}.home-welcome .features ul li{align-items:center;border-bottom:1px solid #eee;border-right:1px solid #eee;display:flex;flex-direction:column;height:160px;justify-content:center;text-align:center;width:50%}@media (max-width:739px){.home-welcome .features ul li:nth-child(n+7){border-bottom:none}.home-welcome .features ul li:nth-child(2n){border-right:none}}@media (min-width:740px){.home-welcome .features ul li{width:25%;height:200px}.home-welcome .features ul li:nth-child(4n){border-right:none}.home-welcome .features ul li:nth-child(n+5){border-bottom:none}}.home-welcome .features ul li img{height:40px;height:2.5rem;margin:4px auto 20px;margin:.25rem auto 1.25rem}.home-welcome .features ul li img,.home-welcome .features ul li span{color:#00a0d2;display:block;font-size:48px;font-size:3rem;margin-bottom:16px;margin-bottom:1rem}.home-welcome .features p{margin-left:auto;margin-right:auto;text-align:center}.home-welcome .screenshots{height:400px;left:-30px;overflow:hidden;padding:16px 16px 0;padding:1rem 1rem 0;position:relative;right:0;width:106%}@media (max-width:739px){.home-welcome .screenshots{padding:0;left:auto;right:auto;width:100%}}.home-welcome .screenshots .dashboard{box-shadow:0 1px 8px rgba(0,0,0,.2);max-width:800px}.home-welcome .screenshots .dashboard-mobile{bottom:-100px;max-width:200px;position:absolute;right:1px;z-index:1}.home-welcome .cta-wrapper{display:block;font-size:14.63px;font-size:.9144rem;margin:32px 0;margin:2rem 0;text-align:center}@media (min-width:737px){.home-welcome .cta-wrapper{font-size:.8rem;margin:4rem 0 2rem}}.home-welcome .community-2{align-items:flex-start;background:url(https://s.w.org/images/home/community-1.jpg) bottom no-repeat;background-size:cover;border:none;display:flex;flex-direction:column;height:500px;justify-content:flex-end;max-width:100%;position:relative}.home-welcome .community-2 .screen{background:rgba(0,0,0,.5);height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}.home-welcome .community-2 .subheading,.home-welcome .community-2 h2{color:#fff;margin:0 0 16px;margin:0 0 1rem;max-width:100%;position:relative;text-align:left;text-shadow:0 0 8px rgba(0,0,0,.5);z-index:1}.home-welcome .showcase{border-bottom:none;margin:0;max-width:100%;padding-left:0;padding-right:0}.home-welcome .showcase>div{background:url(https://s.w.org/images/home/collage-min.jpg) top;background-size:cover;box-shadow:inset 0 0 8px rgba(0,0,0,.4);height:300px;width:100%}@media (min-width:700px){.home-welcome .showcase>div{height:600px;background-attachment:fixed}}.home-welcome .showcase .cta-link{margin:48.828px 0 0;margin:3.05176rem 0 0;max-width:100%;text-align:center}.home-welcome #home-below ol,.home-welcome #home-below ul{margin:0}.home-welcome #home-below h4{border-bottom:1px solid #dedede;font-size:inherit;padding-bottom:4px}.home-welcome #showcase-link{font-size:14px}#lang-guess{background:#c7e8ca;border:inherit;border-radius:inherit;cursor:pointer;font:inherit;font-size:12.8px;font-size:.8rem;margin:0;max-width:inherit;padding:8px;padding:.5rem;text-align:center;width:inherit}@media (min-width:67rem){#lang-guess{margin:1rem auto 0;max-width:50rem}}.page-template-get .site-header{padding:25px 18.288px;padding:1.5625rem 1.143rem;text-align:center}.page-template-get .site-title{display:inherit;font-size:61.035px;font-size:3.8146972656rem;margin:32px 0 16px;margin:2rem 0 1rem}.page-template-get section{padding:48.828px 25px;padding:3.0517578125rem 1.5625rem}.page-template-get section.download{text-align:center}@media (min-width:737px){.page-template-get section.download .container{text-align:initial}.page-template-get section.download .container article,.page-template-get section.download .container aside{display:inline-block;vertical-align:top}.page-template-get section.download .container aside{width:30%}.page-template-get section.download .container article{width:65%}.page-template-get section.download .container article+aside,.page-template-get section.download .container aside+article{margin-left:5%}}.page-template-get section.hosting{text-align:center}.page-template-get section.hosting .three-up{text-align:initial}.page-template-get section.hosting .three-up>div{margin-top:48px;margin-top:3rem}.page-template-get section.hosting .three-up>div .logo__bluehost,.page-template-get section.hosting .three-up>div .logo__getlisted,.page-template-get section.hosting .three-up>div .logo__wpcom{height:35px}@media (min-width:737px){.page-template-get section.hosting .three-up>div{float:left;font-size:.8rem;margin-right:5%;width:30%}.page-template-get section.hosting .three-up>div:last-child{margin-right:0}}.page-template-get section.apps-mobile{text-align:center}.page-template-get section.apps-mobile .web-stores{margin:32px auto 0;margin:2rem auto 0;width:100%}.page-template-get section.apps-mobile .web-stores a{display:inline-block;margin:10px;width:150px}@media (min-width:737px){.page-template-get section.apps-mobile .web-stores{margin:4rem auto 0}}.page-template-get section.apps-mobile .android .button-ios,.page-template-get section.apps-mobile .ios .button-android{display:none}.page-template-get section+section{border-top:2px solid #eee}.page-template-get .call-to-action{display:block;font-size:14.63px;font-size:.9144rem;margin:32px 0;margin:2rem 0}@media (min-width:737px){.page-template-get .call-to-action{font-size:.8rem;margin:4rem 0 2rem}}.page-template-get .dashicons{color:#cbcdce;display:block;font-size:64px;font-size:4rem;height:auto;margin:0 auto -16px;margin:0 auto -1rem;width:auto}
Note: See TracChangeset for help on using the changeset viewer.