WordPress.org

Making WordPress.org

Changeset 5893


Ignore:
Timestamp:
09/06/2017 10:17:59 PM (2 years ago)
Author:
obenland
Message:

Main: Add page template for releases.

Also removes sidebar from page content.

See #2861.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub
Files:
2 added
3 edited

Legend:

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

    r5892 r5893  
    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 .home-below:before,
    925 .home-below:after {
    926   content: "";
    927   display: table;
    928   table-layout: fixed;
    929 }
    930 
    931 .clear:after, .page-template-get section.hosting .three-up:after, .page-template-get section.apps-mobile .web-stores:after,
    932 .entry-content:after,
    933 .comment-content:after,
    934 .site-header:after,
    935 .site-content:after,
    936 .site-footer:after,
    937 .home-below:after {
    938   clear: both;
    939 }
    940 
    941 p.subheading {
    942   color: #82878c;
    943   font-size: 20px;
    944   font-size: 1.25rem;
    945   font-weight: 300;
    946   margin: -6.4px auto 32px;
    947   margin: -0.4rem auto 2rem;
    948   text-align: center;
    949 }
    950 
    951 p.intro {
    952   font-size: 20px;
    953   font-size: 1.25rem;
    954 }
    955 
    956 p.aside {
    957   font-size: 12.8px;
    958   font-size: 0.8rem;
    959 }
    960 
    961 p.note {
    962   font-size: 10.24px;
    963   font-size: 0.64rem;
    964   letter-spacing: 0.16px;
    965   letter-spacing: 0.01rem;
    966   max-width: 291.038px;
    967   max-width: 18.1898940355rem;
    968 }
    969 
    970 .entry-footer > span {
    971   margin-left: 16px;
    972   margin-left: 1rem;
    973 }
    974 
    975 .entry-footer > span :last-of-type {
    976   margin: 0;
    977 }
    978 
    979 .entry-footer .updated:not(.published) {
    980   display: none;
    981 }
    982 
    983 .entry-footer .sticky .posted-on,
    984 .entry-footer .byline {
    985   display: none;
    986 }
    987 
    988 .entry-footer .single .byline,
    989 .entry-footer .group-blog .byline {
    990   display: inline;
    991 }
    992 
    993 /* ----------------------------------------------------------------------------
    994 
    995 WordPress-style Form Elements
    996 =============================
    997 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.
    998 
    999 Form Styles
    1000 -------------
    1001 All form element styles are minimal and require additional styling for layout.
    1002 
    1003 ---------------------------------------------------------------------------- */
    1004 /* Include margin and padding in the width calculation of input and textarea. */
    1005 input,
    1006 textarea {
    1007   -webkit-box-sizing: border-box;
    1008   -moz-box-sizing: border-box;
    1009   box-sizing: border-box;
    1010 }
    1011 
    1012 input[type="checkbox"],
    1013 input[type="color"],
    1014 input[type="date"],
    1015 input[type="datetime"],
    1016 input[type="datetime-local"],
    1017 input[type="email"],
    1018 input[type="month"],
    1019 input[type="number"],
    1020 input[type="password"],
    1021 input[type="radio"],
    1022 input[type="search"],
    1023 input[type="tel"],
    1024 input[type="text"],
    1025 input[type="time"],
    1026 input[type="url"],
    1027 input[type="week"],
    1028 select,
    1029 textarea {
    1030   background-color: #fff;
    1031   border: 1px solid #ddd;
    1032   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    1033   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    1034   color: #32373c;
    1035   outline: none;
    1036   -webkit-transition: 0.05s border-color ease-in-out;
    1037   transition: 0.05s border-color ease-in-out;
    1038 }
    1039 
    1040 input[type="checkbox"]:focus,
    1041 input[type="color"]:focus,
    1042 input[type="date"]:focus,
    1043 input[type="datetime"]:focus,
    1044 input[type="datetime-local"]:focus,
    1045 input[type="email"]:focus,
    1046 input[type="month"]:focus,
    1047 input[type="number"]:focus,
    1048 input[type="password"]:focus,
    1049 input[type="radio"]:focus,
    1050 input[type="search"]:focus,
    1051 input[type="tel"]:focus,
    1052 input[type="text"]:focus,
    1053 input[type="time"]:focus,
    1054 input[type="url"]:focus,
    1055 input[type="week"]:focus,
    1056 select:focus,
    1057 textarea:focus {
    1058   border-color: #5b9dd9;
    1059   -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
    1060   box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
    1061 }
    1062 
    1063 /* rtl:ignore */
    1064 input[type="email"],
    1065 input[type="url"] {
    1066   direction: ltr;
    1067 }
    1068 
    1069 /* Vertically align the number selector with the input. */
    1070 input[type="number"] {
    1071   height: 28px;
    1072   line-height: inherit;
    1073 }
    1074 
    1075 input[type="checkbox"],
    1076 input[type="radio"] {
    1077   background: #fff;
    1078   border: 1px solid #b4b9be;
    1079   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    1080   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    1081   clear: none;
    1082   color: #555;
    1083   cursor: pointer;
    1084   display: inline-block;
    1085   height: 16px;
    1086   line-height: 0;
    1087   margin: -4px 0 0 4px;
    1088   min-width: 16px;
    1089   outline: 0;
    1090   padding: 0 !important;
    1091   text-align: center;
    1092   -webkit-transition: 0.05s border-color ease-in-out;
    1093   transition: 0.05s border-color ease-in-out;
    1094   vertical-align: middle;
    1095   width: 16px;
    1096   -webkit-appearance: none;
    1097 }
    1098 
    1099 input[type="checkbox"]:checked:before,
    1100 input[type="radio"]:checked:before {
    1101   display: inline-block;
    1102   float: right;
    1103   font: normal 21px/1 dashicons;
    1104   vertical-align: middle;
    1105   width: 16px;
    1106   speak: none;
    1107   -webkit-font-smoothing: antialiased;
    1108   -moz-osx-font-smoothing: grayscale;
    1109 }
    1110 
    1111 input[type="checkbox"].disabled, input[type="checkbox"]:disabled, input[type="checkbox"]:disabled:checked:before, input[type="checkbox"].disabled:checked:before,
    1112 input[type="radio"].disabled,
    1113 input[type="radio"]:disabled,
    1114 input[type="radio"]:disabled:checked:before,
    1115 input[type="radio"].disabled:checked:before {
    1116   opacity: 0.7;
    1117 }
    1118 
    1119 input[type="checkbox"]:checked:before {
    1120   color: #1e8cbe;
    1121   content: "\f147";
    1122   margin: -3px -4px 0 0;
    1123 }
    1124 
    1125 input[type="radio"] {
    1126   -webkit-border-radius: 50%;
    1127   border-radius: 50%;
    1128   line-height: 10px;
    1129   margin-left: 4px;
    1130 }
    1131 
    1132 input[type="radio"]:checked + label:before {
    1133   color: #82878c;
    1134 }
    1135 
    1136 input[type="radio"]:checked:before {
    1137   background-color: #1e8cbe;
    1138   -webkit-border-radius: 50px;
    1139   border-radius: 50px;
    1140   content: "\2022";
    1141   font-size: 24px;
    1142   height: 6px;
    1143   line-height: 16px;
    1144   margin: 4px;
    1145   text-indent: -9999px;
    1146   width: 6px;
    1147 }
    1148 
    1149 input[type="reset"]:hover,
    1150 input[type="reset"]:active {
    1151   color: #00a0d2;
    1152 }
    1153 
    1154 /* Search */
    1155 input[type="search"] {
    1156   -webkit-appearance: textfield;
    1157 }
    1158 
    1159 input[type="search"]::-webkit-search-decoration {
    1160   display: none;
    1161 }
    1162 
    1163 textarea,
    1164 input,
    1165 select,
    1166 button {
    1167   font-family: inherit;
    1168   font-size: inherit;
    1169   font-weight: inherit;
    1170 }
    1171 
    1172 textarea,
    1173 input,
    1174 select {
    1175   -webkit-border-radius: 0;
    1176   border-radius: 0;
    1177   font-size: 14px;
    1178   padding: 3px 5px;
    1179   /* Reset mobile webkit's default element styling */
    1180 }
    1181 
    1182 textarea {
    1183   line-height: 1.4;
    1184   overflow: auto;
    1185   padding: 2px 6px;
    1186   resize: vertical;
    1187 }
    1188 
    1189 textarea.code {
    1190   line-height: 1.4;
    1191   padding: 4px 6px 1px 6px;
    1192 }
    1193 
    1194 label {
    1195   cursor: pointer;
    1196   vertical-align: middle;
    1197 }
    1198 
    1199 input,
    1200 select {
    1201   margin: 1px;
    1202   padding: 3px 5px;
    1203 }
    1204 
    1205 input.code {
    1206   padding-top: 6px;
    1207 }
    1208 
    1209 input.readonly,
    1210 input[readonly],
    1211 textarea.readonly,
    1212 textarea[readonly] {
    1213   background-color: #eee;
    1214 }
    1215 
    1216 :-moz-placeholder,
    1217 .wp-core-ui :-moz-placeholder {
    1218   color: #a9a9a9;
    1219 }
    1220 
    1221 input:disabled,
    1222 input.disabled,
    1223 select:disabled,
    1224 select.disabled,
    1225 textarea:disabled,
    1226 textarea.disabled {
    1227   background: rgba(255, 255, 255, 0.5);
    1228   border-color: rgba(222, 222, 222, 0.75);
    1229   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    1230   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    1231   color: rgba(51, 51, 51, 0.5);
    1232 }
    1233 
    1234 input[type="file"]:disabled,
    1235 input[type="file"].disabled,
    1236 input[type="range"]:disabled,
    1237 input[type="range"].disabled {
    1238   background: none;
    1239   -webkit-box-shadow: none;
    1240   box-shadow: none;
    1241 }
    1242 
    1243 input.large-text,
    1244 textarea.large-text {
    1245   width: 99%;
    1246 }
    1247 
    1248 input.regular-text {
    1249   width: 25em;
    1250 }
    1251 
    1252 input.small-text {
    1253   padding: 1px 6px;
    1254   width: 50px;
    1255 }
    1256 
    1257 input[type="number"].small-text {
    1258   width: 65px;
    1259 }
    1260 
    1261 input.tiny-text {
    1262   width: 35px;
    1263 }
    1264 
    1265 input[type="number"].tiny-text {
    1266   width: 45px;
    1267 }
    1268 
    1269 /* =Media Queries
    1270 -------------------------------------------------------------- */
    1271 @media screen and (max-width: 782px) {
    1272   /* Input Elements */
    1273   textarea {
    1274     -webkit-appearance: none;
    1275   }
    1276   input[type="text"],
    1277   input[type="email"],
    1278   input[type="search"],
    1279   input[type="password"],
    1280   input[type="number"] {
    1281     -webkit-appearance: none;
    1282     padding: 6px 10px;
    1283   }
    1284   input[type="number"] {
    1285     height: 40px;
    1286   }
    1287   input.code {
    1288     padding-bottom: 5px;
    1289     padding-top: 10px;
    1290   }
    1291   input[type="checkbox"] {
    1292     -webkit-appearance: none;
    1293     padding: 10px;
    1294   }
    1295   input[type="checkbox"]:checked:before {
    1296     font: normal 30px/1 dashicons;
    1297     margin: -3px -5px;
    1298   }
    1299   input[type="radio"],
    1300   input[type="checkbox"] {
    1301     height: 25px;
    1302     width: 25px;
    1303   }
    1304   input[type="radio"]:checked:before {
    1305     vertical-align: middle;
    1306     width: 9px;
    1307     height: 9px;
    1308     margin: 7px;
    1309     line-height: 16px;
    1310   }
    1311   textarea,
    1312   input {
    1313     font-size: 16px;
    1314   }
    1315   input[type="text"].small-text,
    1316   input[type="search"].small-text,
    1317   input[type="password"].small-text,
    1318   input[type="number"].small-text,
    1319   input[type="number"].small-text {
    1320     width: auto;
    1321     max-width: 55px;
    1322     display: inline;
    1323     padding: 3px 6px;
    1324     margin: 0 3px;
    1325   }
    1326   input.regular-text {
    1327     width: 100%;
    1328   }
    1329   label {
    1330     font-size: 14px;
    1331   }
    1332   fieldset label {
    1333     display: block;
    1334   }
    1335 }
    1336 
    1337 a.button:hover, a.button:focus, a.button:active {
    1338   text-decoration: none;
    1339 }
    1340 
    1341 p a:not(.button),
    1342 p a:not(.button):hover {
    1343   border: none;
    1344 }
    1345 
    1346 .main-navigation {
    1347   background: #0073aa;
    1348   clear: both;
    1349   right: 0;
    1350   position: absolute;
    1351   top: 60px;
    1352   width: 100%;
    1353 }
    1354 
    1355 .main-navigation ul {
    1356   display: none;
    1357   list-style: none;
    1358   margin: 0;
    1359   padding-right: 0;
    1360 }
    1361 
    1362 .main-navigation ul ul {
    1363   -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    1364   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    1365   float: right;
    1366   right: -999em;
    1367   position: absolute;
    1368   top: 1.5em;
    1369   z-index: 99999;
    1370 }
    1371 
    1372 .main-navigation ul ul ul {
    1373   right: -999em;
    1374   top: 0;
    1375 }
    1376 
    1377 .main-navigation ul ul li:hover > ul,
    1378 .main-navigation ul ul li.focus > ul {
    1379   right: 100%;
    1380 }
    1381 
    1382 .main-navigation ul ul a {
    1383   width: 200px;
    1384 }
    1385 
    1386 .main-navigation ul li:hover > ul,
    1387 .main-navigation ul li.focus > ul {
    1388   right: auto;
    1389 }
    1390 
    1391 .main-navigation li {
    1392   border-top: 1px solid rgba(255, 255, 255, 0.2);
    1393   padding: 16px;
    1394   padding: 1rem;
    1395 }
    1396 
    1397 .main-navigation a {
    1398   color: rgba(255, 255, 255, 0.8);
    1399   display: block;
    1400   font-size: 12.8px;
    1401   font-size: 0.8rem;
    1402   text-decoration: none;
    1403 }
    1404 
    1405 .main-navigation a:hover, .main-navigation a.active {
    1406   color: #fff;
    1407 }
    1408 
    1409 @media screen and (min-width: 737px) {
    1410   .main-navigation a.active {
    1411     border-bottom: 1px solid;
    1412   }
    1413 }
    1414 
    1415 /* Small menu. */
    1416 .main-navigation.toggled ul {
    1417   display: block;
    1418 }
    1419 
    1420 .menu-toggle {
    1421   background: transparent;
    1422   border: none;
    1423   color: #fff;
    1424   font-size: 25px;
    1425   font-size: 1.5625rem;
    1426   height: 56px;
    1427   height: 3.5rem;
    1428   overflow: hidden;
    1429   position: absolute;
    1430   left: 16px;
    1431   left: 1rem;
    1432   top: -58px;
    1433   width: 56px;
    1434   width: 3.5rem;
    1435   -webkit-appearance: none;
    1436 }
    1437 
    1438 .toggled .menu-toggle:before {
    1439   content: "\f343";
    1440 }
    1441 
    1442 @media screen and (min-width: 737px) {
    1443   .menu-toggle {
    1444     display: none;
    1445   }
    1446   .main-navigation {
    1447     float: left;
    1448     position: initial;
    1449     width: initial;
    1450   }
    1451   .main-navigation.toggled {
    1452     padding: 1px 0;
    1453   }
    1454   .main-navigation ul {
    1455     display: inline-block;
    1456     font-size: 0;
    1457   }
    1458   .main-navigation ul li {
    1459     border: 0;
    1460     display: inline-block;
    1461     font-size: 1rem;
    1462     margin-left: 1rem;
    1463     padding: 0;
    1464   }
    1465   .main-navigation ul li:last-of-type {
    1466     margin-left: 0;
    1467   }
    1468 }
    1469 
    1470 .notice {
    1471   background: #fff;
    1472   border-right: 4px solid #fff;
    1473   -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    1474   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    1475   margin: 1em 0;
    1476   padding: 1px 12px;
    1477 }
    1478 
    1479 .notice p {
    1480   font-size: 12.8px;
    1481   font-size: 0.8rem;
    1482   margin: 0.5em 0;
    1483   padding: 2px;
    1484 }
    1485 
    1486 .notice.notice-alt {
    1487   -webkit-box-shadow: none;
    1488   box-shadow: none;
    1489 }
    1490 
    1491 .notice.notice-large {
    1492   padding: 10px 20px;
    1493 }
    1494 
    1495 .notice.notice-success {
    1496   border-right-color: #46b450;
    1497 }
    1498 
    1499 .notice.notice-success.notice-alt {
    1500   background-color: #ecf7ed;
    1501 }
    1502 
    1503 .notice.notice-warning {
    1504   border-right-color: #ffb900;
    1505 }
    1506 
    1507 .notice.notice-warning.notice-alt {
    1508   background-color: #fff8e5;
    1509 }
    1510 
    1511 .notice.notice-error {
    1512   border-right-color: #dc3232;
    1513 }
    1514 
    1515 .notice.notice-error.notice-alt {
    1516   background-color: #fbeaea;
    1517 }
    1518 
    1519 .notice.notice-info {
    1520   border-right-color: #00a0d2;
    1521 }
    1522 
    1523 .notice.notice-info.notice-alt {
    1524   background-color: #e5f5fa;
    1525 }
    1526 
    1527 .site-content {
    1528   margin: 0 auto;
    1529   max-width: 960px;
    1530   padding: 48.828px 25px;
    1531   padding: 3.0517578125rem 1.5625rem;
    1532 }
    1533 
    1534 @media screen and (min-width: 737px) {
    1535   .site-content {
    1536     padding: 3.0517578125rem 10px;
    1537   }
    1538 }
    1539 
    1540 .site-content.single,
    1541 .single .site-content {
    1542   padding: 0;
    1543 }
    1544 
    1545 @media screen and (min-width: 737px) {
    1546   .site-content.single,
    1547   .single .site-content {
    1548     padding: 0 10px 3.0517578125rem;
    1549   }
    1550 }
    1551 
    1552 .site-content.page,
    1553 .page .site-content,
    1554 .home .site-content {
    1555   margin: auto;
    1556   max-width: none;
    1557   padding: 0;
    1558 }
    1559 
    1560 .site-content .page-title {
    1561   font-size: 25px;
    1562   font-size: 1.5625rem;
    1563   font-weight: 400;
    1564 }
    1565 
    1566 .site-content .no-results {
    1567   margin: 0 auto;
    1568   max-width: 568.434px;
    1569   max-width: 35.527136788rem;
    1570   padding: 0 32px;
    1571   padding: 0 2rem;
    1572 }
    1573 
    1574 .site-description {
    1575   color: rgba(255, 255, 255, 0.8);
    1576   font-size: 20px;
    1577   font-size: 1.25rem;
    1578   font-weight: 300;
    1579   margin: -6.4px auto 32px;
    1580   margin: -0.4rem auto 2rem;
    1581   text-align: center;
    1582 }
    1583 
    1584 .site-header {
    1585   background: #0073aa;
    1586   padding: 16px 0;
    1587   padding: 1rem 0;
    1588   position: relative;
    1589 }
    1590 
    1591 .site-header .site-branding {
    1592   margin: 0 auto;
    1593   max-width: 960px;
    1594   padding: 0 25px;
    1595   padding: 0 1.5625rem;
    1596 }
    1597 
    1598 @media screen and (min-width: 737px) {
    1599   .site-header .site-branding {
    1600     padding: 0 10px;
    1601   }
    1602 }
    1603 
    1604 .site-header.home {
    1605   padding: 25px 18.288px;
    1606   padding: 1.5625rem 1.143rem;
    1607   text-align: center;
    1608 }
    1609 
    1610 .site-title {
    1611   display: inline-block;
    1612   font-size: 25px;
    1613   font-size: 1.5625rem;
    1614   font-weight: 300;
    1615   line-height: 1;
    1616   margin: 0 0 0 32px;
    1617   margin: 0 0 0 2rem;
    1618   max-width: none;
    1619 }
    1620 
    1621 .site-title a {
    1622   color: #fff;
    1623   font-weight: 300;
    1624 }
    1625 
    1626 .site-title a:hover, .site-title a:focus, .site-title a:active {
    1627   text-decoration: none;
    1628 }
    1629 
    1630 .site-header.home .site-title {
    1631   display: inherit;
    1632   font-size: 61.035px;
    1633   font-size: 3.8146972656rem;
    1634   margin: 32px 0 16px;
    1635   margin: 2rem 0 1rem;
    1636 }
    1637 
    1638 #wporg-header h1 {
    1639   margin: auto;
    1640 }
    1641 
    1642 #wporg-header h2.rosetta {
    1643   clear: none;
    1644 }
    1645 
    1646 #wporg-header form input {
    1647   -webkit-box-sizing: content-box;
    1648   -moz-box-sizing: content-box;
    1649   box-sizing: content-box;
    1650   margin: 0;
    1651   padding: 3px;
    1652 }
    1653 
    1654 #wporg-header .button {
    1655   -webkit-box-shadow: none;
    1656   box-shadow: none;
    1657 }
    1658 
    1659 #wporg-header .download-button {
    1660   background-color: #21759b;
    1661   background-image: -webkit-gradient(linear, right top, right bottom, from(#2a95c5), to(#21759b));
    1662   background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    1663   background-image: linear-gradient(to bottom, #2a95c5, #21759b);
    1664   border-bottom-color: #1e6a8d;
    1665   border-color: #21759b;
    1666   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    1667   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    1668 }
    1669 
    1670 #wporg-header .download-button:hover, #wporg-header .download-button:focus {
    1671   background-color: #278ab7;
    1672   background-image: -webkit-gradient(linear, right top, right bottom, from(#2e9fd2), to(#21759b));
    1673   background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    1674   background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
    1675   border-color: #1b607f;
    1676   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    1677   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    1678   color: #fff;
    1679   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    1680 }
    1681 
    1682 #wporg-header .download-button:active {
    1683   background: #1b607f;
    1684   background-image: -webkit-gradient(linear, right top, right bottom, from(#21759b), to(#278ab7));
    1685   background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
    1686   background-image: linear-gradient(to bottom, #21759b, #278ab7);
    1687   border-color: #124560 #2382ae #2382ae #2382ae;
    1688   -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    1689   box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    1690   color: rgba(255, 255, 255, 0.95);
    1691   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    1692   -webkit-transform: none;
    1693   -ms-transform: none;
    1694   transform: none;
    1695 }
    1696 
    1697 #wporg-header a:hover,
    1698 #wporg-header a:focus,
    1699 #wporg-header a:active {
    1700   text-decoration: none;
    1701 }
    1702 
    1703 @media screen and (min-width: 769px) {
    1704   #wporg-header ul li.current-menu-item:after,
    1705   #wporg-header ul li.current_page_parent:after,
    1706   #wporg-header ul li a.current ~ .uparrow {
    1707     border-bottom-color: #0073aa;
    1708   }
    1709 }
    1710 
    1711 .home .site-header {
    1712   background: #0073aa;
    1713   padding: 18px 36px;
    1714 }
    1715 
    1716 @media (min-width: 737px) {
    1717   .home .site-header {
    1718     padding: 1.5625rem;
    1719   }
    1720 }
    1721 
    1722 .home .site-header .site-title {
    1723   color: #fff;
    1724   display: block;
    1725   font-size: 61.035px;
    1726   font-size: 3.8146972656rem;
    1727   font-weight: 300;
    1728   line-height: 1;
    1729   margin: 32px 0 16px;
    1730   margin: 2rem 0 1rem;
    1731   text-align: center;
    1732 }
    1733 
    1734 .home .site-header .site-description {
    1735   color: #fff;
    1736   max-width: 568.434px;
    1737   max-width: 35.52714rem;
    1738   padding: 11px 0;
    1739 }
    1740 
    1741 .error-404 .page-title {
    1742   text-align: center;
    1743 }
    1744 
    1745 .error-404 .page-content {
    1746   text-align: center;
    1747 }
    1748 
    1749 .error-404 .page-content .logo-swing {
    1750   height: 160px;
    1751   height: 10rem;
    1752   margin: 96px auto;
    1753   margin: 6rem auto;
    1754   position: relative;
    1755   text-align: center;
    1756   width: 160px;
    1757   width: 10rem;
    1758 }
    1759 
    1760 .error-404 .page-content .logo-swing .wp-logo {
    1761   right: 0;
    1762   max-width: none;
    1763   position: absolute;
    1764   top: 0;
    1765   width: 160px;
    1766   width: 10rem;
    1767 }
    1768 
    1769 @-webkit-keyframes hinge {
    1770   10% {
    1771     width: 180px;
    1772     height: 180px;
    1773     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1774     transform: rotate3d(0, 0, 1, 0deg);
    1775   }
    1776   15% {
    1777     width: 185px;
    1778     height: 185px;
    1779     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1780     transform: rotate3d(0, 0, 1, 0deg);
    1781   }
    1782   20% {
    1783     width: 180px;
    1784     height: 180px;
    1785     -webkit-transform: rotate3d(0, 0, 1, -5deg);
    1786     transform: rotate3d(0, 0, 1, -5deg);
    1787   }
    1788   40% {
    1789     -webkit-transform-origin: top right;
    1790     transform-origin: top right;
    1791     -webkit-animation-timing-function: ease-in-out;
    1792     animation-timing-function: ease-in-out;
    1793   }
    1794   60% {
    1795     -webkit-transform: rotate3d(0, 0, 1, -40deg);
    1796     transform: rotate3d(0, 0, 1, -40deg);
    1797     -webkit-transform-origin: top right;
    1798     transform-origin: top right;
    1799     -webkit-animation-timing-function: ease-in-out;
    1800     animation-timing-function: ease-in-out;
    1801   }
    1802   40%, 80% {
    1803     -webkit-transform: rotate3d(0, 0, 1, -60deg);
    1804     transform: rotate3d(0, 0, 1, -60deg);
    1805     -webkit-transform-origin: top right;
    1806     transform-origin: top right;
    1807     -webkit-animation-timing-function: ease-in-out;
    1808     animation-timing-function: ease-in-out;
    1809     opacity: 1;
    1810   }
    1811   to {
    1812     -webkit-transform: translate3d(0, 700px, 0);
    1813     transform: translate3d(0, 700px, 0);
    1814     opacity: 0;
    1815   }
    1816 }
    1817 
    1818 @keyframes hinge {
    1819   10% {
    1820     width: 180px;
    1821     height: 180px;
    1822     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1823     transform: rotate3d(0, 0, 1, 0deg);
    1824   }
    1825   15% {
    1826     width: 185px;
    1827     height: 185px;
    1828     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1829     transform: rotate3d(0, 0, 1, 0deg);
    1830   }
    1831   20% {
    1832     width: 180px;
    1833     height: 180px;
    1834     -webkit-transform: rotate3d(0, 0, 1, -5deg);
    1835     transform: rotate3d(0, 0, 1, -5deg);
    1836   }
    1837   40% {
    1838     -webkit-transform-origin: top right;
    1839     transform-origin: top right;
    1840     -webkit-animation-timing-function: ease-in-out;
    1841     animation-timing-function: ease-in-out;
    1842   }
    1843   60% {
    1844     -webkit-transform: rotate3d(0, 0, 1, -40deg);
    1845     transform: rotate3d(0, 0, 1, -40deg);
    1846     -webkit-transform-origin: top right;
    1847     transform-origin: top right;
    1848     -webkit-animation-timing-function: ease-in-out;
    1849     animation-timing-function: ease-in-out;
    1850   }
    1851   40%, 80% {
    1852     -webkit-transform: rotate3d(0, 0, 1, -60deg);
    1853     transform: rotate3d(0, 0, 1, -60deg);
    1854     -webkit-transform-origin: top right;
    1855     transform-origin: top right;
    1856     -webkit-animation-timing-function: ease-in-out;
    1857     animation-timing-function: ease-in-out;
    1858     opacity: 1;
    1859   }
    1860   to {
    1861     -webkit-transform: translate3d(0, 700px, 0);
    1862     transform: translate3d(0, 700px, 0);
    1863     opacity: 0;
    1864   }
    1865 }
    1866 
    1867 .hinge {
    1868   -webkit-animation-duration: 2s;
    1869   animation-duration: 2s;
    1870   -webkit-animation-name: hinge;
    1871   animation-name: hinge;
    1872 }
    1873 
    1874 .comments-area {
    1875   margin-top: 5em;
    1876 }
    1877 
    1878 .comments-area > :last-child {
    1879   margin-bottom: 0;
    1880 }
    1881 
    1882 .comments-area .comment-list + .comment-respond {
    1883   border-top: 1px solid #eaeaea;
    1884 }
    1885 
    1886 .comments-area .comment-list + .comment-respond,
    1887 .comments-area .comment-navigation + .comment-respond {
    1888   padding-top: 1.6em;
    1889 }
    1890 
    1891 .comments-area .comments-title {
    1892   margin-bottom: 1.3333em;
    1893 }
    1894 
    1895 .comments-area .comment-list {
    1896   list-style: none;
    1897   margin: 0;
    1898 }
    1899 
    1900 .comments-area .comment-list article,
    1901 .comments-area .comment-list .pingback,
    1902 .comments-area .comment-list .trackback {
    1903   border-top: 1px solid #eaeaea;
    1904   padding: 1.6em 0;
    1905 }
    1906 
    1907 .comments-area .comment-list .children {
    1908   list-style: none;
    1909   margin: 0;
    1910 }
    1911 
    1912 .comments-area .comment-list .children > li {
    1913   padding-right: 0.8em;
    1914 }
    1915 
    1916 .comments-area .comment-list .alt {
    1917   background: none;
    1918 }
    1919 
    1920 .comments-area .comment-author {
    1921   color: #999;
    1922   margin-bottom: 0.4em;
    1923 }
    1924 
    1925 .comments-area .comment-author .avatar {
    1926   float: right;
    1927   height: 24px;
    1928   margin-left: 0.8em;
    1929   width: 24px;
    1930 }
    1931 
    1932 .comments-area .comment-metadata,
    1933 .comments-area .pingback .edit-link {
    1934   color: #999;
    1935   line-height: 1.5;
    1936 }
    1937 
    1938 .comments-area .comment-metadata a,
    1939 .comments-area .pingback .edit-link a {
    1940   color: #777;
    1941   border-bottom: 1px solid #dfdfdf;
    1942 }
    1943 
    1944 .comments-area .comment-metadata a:hover, .comments-area .comment-metadata a:focus,
    1945 .comments-area .pingback .edit-link a:hover,
    1946 .comments-area .pingback .edit-link a:focus {
    1947   color: #d54e21;
    1948   border-bottom-color: #d54e21;
    1949 }
    1950 
    1951 .comments-area .comment-metadata {
    1952   margin-bottom: 1.6em;
    1953 }
    1954 
    1955 .comments-area .comment-metadata .edit-link {
    1956   margin-right: 1em;
    1957 }
    1958 
    1959 .comments-area .pingback .edit-link {
    1960   margin-right: 1em;
    1961 }
    1962 
    1963 .comments-area .pingback .edit-link:before {
    1964   top: 5px;
    1965 }
    1966 
    1967 .comments-area .comment-content ul,
    1968 .comments-area .comment-content ol {
    1969   margin: 0 1.3333em 1.6em 0;
    1970 }
    1971 
    1972 .comments-area .comment-content li > ul,
    1973 .comments-area .comment-content li > ol {
    1974   margin-bottom: 0;
    1975 }
    1976 
    1977 .comments-area .comment-content > :last-child {
    1978   margin-bottom: 0;
    1979 }
    1980 
    1981 .comments-area .comment-content .reply {
    1982   font-size: 12px;
    1983 }
    1984 
    1985 .comments-area .comment-content .reply a {
    1986   border: 1px solid #eaeaea;
    1987   color: #707070;
    1988   display: inline-block;
    1989   font-weight: 700;
    1990   line-height: 1;
    1991   margin-top: 2em;
    1992   padding: 0.4167em 0.8333em;
    1993   text-transform: uppercase;
    1994 }
    1995 
    1996 .comments-area .comment-content .reply a:hover, .comments-area .comment-content .reply a:focus {
    1997   border-color: #333;
    1998   color: #333;
    1999   outline: 0;
    2000 }
    2001 
    2002 .comments-area .comment-form {
    2003   padding-top: 1.6em;
    2004 }
    2005 
    2006 .comments-area .comment-form label {
    2007   font-size: 12px;
    2008   font-weight: 700;
    2009   display: block;
    2010   letter-spacing: 0.04em;
    2011   line-height: 1.5;
    2012 }
    2013 
    2014 .comments-area .comment-form input[type="text"],
    2015 .comments-area .comment-form input[type="email"],
    2016 .comments-area .comment-form input[type="url"] {
    2017   width: 100%;
    2018 }
    2019 
    2020 .comments-area .comment-notes,
    2021 .comments-area .comment-awaiting-moderation,
    2022 .comments-area .logged-in-as,
    2023 .comments-area .form-allowed-tags {
    2024   font-size: 16px;
    2025   font-size: 1rem;
    2026   line-height: 1.5;
    2027   margin-bottom: 2em;
    2028 }
    2029 
    2030 .comments-area .no-comments {
    2031   border-top: 1px solid #eaeaea;
    2032   color: #999;
    2033   font-weight: 700;
    2034   padding-top: 1.6em;
    2035 }
    2036 
    2037 .comments-area .comment-navigation + .no-comments {
    2038   border-top: 0;
    2039 }
    2040 
    2041 .comments-area .form-allowed-tags code {
    2042   font-family: Inconsolata, monospace;
    2043 }
    2044 
    2045 .comments-area .form-submit {
    2046   margin-bottom: 0;
    2047 }
    2048 
    2049 .comments-area .required {
    2050   color: #c0392b;
    2051 }
    2052 
    2053 .page .entry-header {
    2054   background: #0073aa;
    2055   padding: 16px 0;
    2056   padding: 1rem 0;
    2057   position: relative;
    2058 }
    2059 
    2060 .page .entry-header .entry-title {
    2061   color: #fff;
    2062   font-size: 25px;
    2063   font-size: 1.5625rem;
    2064   font-weight: 300;
    2065   line-height: 1;
    2066   margin: 0 auto;
    2067   max-width: 960px;
    2068   padding: 0 25px;
    2069   padding: 0 1.5625rem;
    2070 }
    2071 
    2072 @media screen and (min-width: 737px) {
    2073   .page .entry-header .entry-title {
    2074     padding: 0 10px;
    2075   }
    2076 }
    2077 
    2078 .page .entry-header.home {
    2079   padding: 25px 18.288px;
    2080   padding: 1.5625rem 1.143rem;
    2081   text-align: center;
    2082 }
    2083 
    2084 .page .entry-content,
    2085 .page .entry-footer {
    2086   margin: 0 auto;
    2087   max-width: 960px;
    2088   padding: 48.828px 25px;
    2089   padding: 3.0517578125rem 1.5625rem;
    2090 }
    2091 
    2092 .post-navigation {
    2093   margin: 5em auto;
    2094   padding: 0;
    2095 }
    2096 
    2097 .post-navigation a {
    2098   border-bottom: 1px solid #eaeaea;
    2099   color: #444;
    2100   display: block;
    2101   font-weight: 600;
    2102   padding: 11px 0 12px;
    2103   text-transform: none;
    2104   width: 100%;
    2105 }
    2106 
    2107 .post-navigation a:hover {
    2108   color: #21759b;
    2109 }
    2110 
    2111 .post-navigation .nav-links {
    2112   border-top: 1px solid #eaeaea;
    2113   -webkit-hyphens: auto;
    2114   -moz-hyphens: auto;
    2115   -ms-hyphens: auto;
    2116   hyphens: auto;
    2117   word-wrap: break-word;
    2118 }
    2119 
    2120 .post-navigation .meta-nav {
    2121   color: #777;
    2122   display: block;
    2123   font-size: 13px;
    2124   line-height: 2;
    2125   text-transform: uppercase;
    2126 }
    2127 
    2128 .post-navigation .nav-next {
    2129   text-align: left;
    2130 }
    2131 
    2132 .home-welcome {
    2133   background: #fff;
    2134   border-bottom: 1px solid #dfdfdf;
    2135   color: #32373c;
    2136   font-family: "Open Sans", sans-serif;
    2137   font-weight: 400;
    2138   line-height: 1.5;
    2139   max-width: initial;
    2140   padding: 0;
    2141 }
    2142 
    2143 @media (min-width: 737px) {
    2144   .home-welcome {
    2145     font-size: 18px;
    2146   }
    2147 }
    2148 
    2149 .home-welcome h1 {
    2150   font-size: 51.2px;
    2151   font-size: 3.2rem;
    2152 }
    2153 
    2154 .home-welcome a:not(.button) {
    2155   background-color: transparent;
    2156   border: none;
    2157   color: #0073aa;
    2158   text-decoration: none;
    2159 }
    2160 
    2161 .home-welcome a:not(.button):hover {
    2162   text-decoration: underline;
    2163 }
    2164 
    2165 .home-welcome a:not(.button):active, .home-welcome a:not(.button):hover {
    2166   outline-width: 0;
    2167 }
    2168 
    2169 .home-welcome p {
    2170   font-size: 18px;
    2171   margin: 1em 0;
    2172   max-width: 568.434px;
    2173   max-width: 35.52714rem;
    2174 }
    2175 
    2176 .home-welcome p.subheading {
    2177   color: #82878c;
    2178   font-size: 20px;
    2179   font-size: 1.25rem;
    2180   font-weight: 300;
    2181   margin: -6.4px auto 32px;
    2182   margin: -.4rem auto 2rem;
    2183   text-align: center;
    2184 }
    2185 
    2186 .home-welcome section {
    2187   border-bottom: 2px solid #eee;
    2188   margin: 0 auto;
    2189   max-width: 800px;
    2190   max-width: 50rem;
    2191   padding: 48.828px 25px;
    2192   padding: 3.05176rem 1.5625rem;
    2193 }
    2194 
    2195 .home-welcome section:last-of-type {
    2196   border-bottom: none;
    2197 }
    2198 
    2199 .home-welcome section h2 {
    2200   line-height: 1;
    2201   text-align: center;
    2202 }
    2203 
    2204 .home-welcome section .container {
    2205   margin: 0 auto;
    2206   max-width: 800px;
    2207   max-width: 50rem;
    2208 }
    2209 
    2210 .home-welcome .dashicons {
    2211   color: #cbcdce;
    2212   display: block;
    2213   font-size: 64px;
    2214   font-size: 4rem;
    2215   height: auto;
    2216   margin: 0 auto -16px;
    2217   margin: 0 auto -1rem;
    2218   width: auto;
    2219 }
    2220 
    2221 .home-welcome .intro {
    2222   padding-bottom: 0;
    2223 }
    2224 
    2225 .home-welcome .features {
    2226   border-top: 2px solid #eee;
    2227 }
    2228 
    2229 .home-welcome .features ul {
    2230   -webkit-box-align: center;
    2231   -webkit-align-items: center;
    2232   -moz-box-align: center;
    2233   -ms-flex-align: center;
    2234   align-items: center;
    2235   display: -webkit-box;
    2236   display: -webkit-flex;
    2237   display: -moz-box;
    2238   display: -ms-flexbox;
    2239   display: flex;
    2240   -webkit-flex-wrap: wrap;
    2241   -ms-flex-wrap: wrap;
    2242   flex-wrap: wrap;
    2243   list-style: none;
    2244   margin: 48px 0;
    2245   margin: 3rem 0;
    2246   padding: 0;
    2247 }
    2248 
    2249 .home-welcome .features ul li {
    2250   -webkit-box-align: center;
    2251   -webkit-align-items: center;
    2252   -moz-box-align: center;
    2253   -ms-flex-align: center;
    2254   align-items: center;
    2255   border-bottom: 1px solid #eee;
    2256   border-left: 1px solid #eee;
    2257   display: -webkit-box;
    2258   display: -webkit-flex;
    2259   display: -moz-box;
    2260   display: -ms-flexbox;
    2261   display: flex;
    2262   -webkit-box-orient: vertical;
    2263   -webkit-box-direction: normal;
    2264   -webkit-flex-direction: column;
    2265   -moz-box-orient: vertical;
    2266   -moz-box-direction: normal;
    2267   -ms-flex-direction: column;
    2268   flex-direction: column;
    2269   height: 160px;
    2270   -webkit-box-pack: center;
    2271   -webkit-justify-content: center;
    2272   -moz-box-pack: center;
    2273   -ms-flex-pack: center;
    2274   justify-content: center;
    2275   text-align: center;
    2276   width: 50%;
    2277 }
    2278 
    2279 @media (max-width: 739px) {
    2280   .home-welcome .features ul li:nth-child(n+7) {
    2281     border-bottom: none;
    2282   }
    2283   .home-welcome .features ul li:nth-child(2n) {
    2284     border-left: none;
    2285   }
    2286 }
    2287 
    2288 @media (min-width: 740px) {
    2289   .home-welcome .features ul li {
    2290     width: 25%;
    2291     height: 200px;
    2292   }
    2293   .home-welcome .features ul li:nth-child(4n) {
    2294     border-left: none;
    2295   }
    2296   .home-welcome .features ul li:nth-child(n+5) {
    2297     border-bottom: none;
    2298   }
    2299 }
    2300 
    2301 .home-welcome .features ul li img {
    2302   height: 40px;
    2303   height: 2.5rem;
    2304   margin: 4px auto 20px;
    2305   margin: .25rem auto 1.25rem;
    2306 }
    2307 
    2308 .home-welcome .features ul li img,
    2309 .home-welcome .features ul li span {
    2310   color: #00a0d2;
    2311   display: block;
    2312   font-size: 48px;
    2313   font-size: 3rem;
    2314   margin-bottom: 16px;
    2315   margin-bottom: 1rem;
    2316 }
    2317 
    2318 .home-welcome .features p {
    2319   margin-right: auto;
    2320   margin-left: auto;
    2321   text-align: center;
    2322 }
    2323 
    2324 .home-welcome .screenshots {
    2325   height: 400px;
    2326   right: -30px;
    2327   overflow: hidden;
    2328   padding: 16px 16px 0;
    2329   padding: 1rem 1rem 0;
    2330   position: relative;
    2331   left: 0;
    2332   width: 106%;
    2333 }
    2334 
    2335 @media (max-width: 739px) {
    2336   .home-welcome .screenshots {
    2337     padding: 0;
    2338     right: auto;
    2339     left: auto;
    2340     width: 100%;
    2341   }
    2342 }
    2343 
    2344 .home-welcome .screenshots .dashboard {
    2345   -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    2346   box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    2347   max-width: 800px;
    2348 }
    2349 
    2350 .home-welcome .screenshots .dashboard-mobile {
    2351   bottom: -100px;
    2352   max-width: 200px;
    2353   position: absolute;
    2354   left: 1px;
    2355   z-index: 1;
    2356 }
    2357 
    2358 .home-welcome .cta-wrapper {
    2359   display: block;
    2360   font-size: 14.63px;
    2361   font-size: .9144rem;
    2362   margin: 32px 0;
    2363   margin: 2rem 0;
    2364   text-align: center;
    2365 }
    2366 
    2367 @media (min-width: 737px) {
    2368   .home-welcome .cta-wrapper {
    2369     font-size: .8rem;
    2370     margin: 4rem 0 2rem;
    2371   }
    2372 }
    2373 
    2374 .home-welcome .community-2 {
    2375   -webkit-box-align: start;
    2376   -webkit-align-items: flex-start;
    2377   -moz-box-align: start;
    2378   -ms-flex-align: start;
    2379   align-items: flex-start;
    2380   background: url(https://s.w.org/images/home/community-1.jpg) center bottom no-repeat;
    2381   -webkit-background-size: cover;
    2382   background-size: cover;
    2383   border: none;
    2384   display: -webkit-box;
    2385   display: -webkit-flex;
    2386   display: -moz-box;
    2387   display: -ms-flexbox;
    2388   display: flex;
    2389   -webkit-box-orient: vertical;
    2390   -webkit-box-direction: normal;
    2391   -webkit-flex-direction: column;
    2392   -moz-box-orient: vertical;
    2393   -moz-box-direction: normal;
    2394   -ms-flex-direction: column;
    2395   flex-direction: column;
    2396   height: 500px;
    2397   -webkit-box-pack: end;
    2398   -webkit-justify-content: flex-end;
    2399   -moz-box-pack: end;
    2400   -ms-flex-pack: end;
    2401   justify-content: flex-end;
    2402   max-width: 100%;
    2403   position: relative;
    2404 }
    2405 
    2406 .home-welcome .community-2 .screen {
    2407   background: rgba(0, 0, 0, 0.5);
    2408   height: 100%;
    2409   right: 0;
    2410   position: absolute;
    2411   left: 0;
    2412   top: 0;
    2413   width: 100%;
    2414   z-index: 0;
    2415 }
    2416 
    2417 .home-welcome .community-2 h2,
    2418 .home-welcome .community-2 .subheading {
    2419   color: #fff;
    2420   margin: 0 0 16px;
    2421   margin: 0 0 1rem;
    2422   max-width: 100%;
    2423   position: relative;
    2424   text-align: right;
    2425   text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    2426   z-index: 1;
    2427 }
    2428 
    2429 .home-welcome .showcase {
    2430   border-bottom: none;
    2431   margin: 0;
    2432   max-width: 100%;
    2433   padding-right: 0;
    2434   padding-left: 0;
    2435 }
    2436 
    2437 .home-welcome .showcase > div {
    2438   background: url(https://s.w.org/images/home/collage-min.jpg) center top;
    2439   -webkit-background-size: cover;
    2440   background-size: cover;
    2441   -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4);
    2442   box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4);
    2443   height: 300px;
    2444   width: 100%;
    2445 }
    2446 
    2447 @media (min-width: 700px) {
    2448   .home-welcome .showcase > div {
    2449     height: 600px;
    2450     background-attachment: fixed;
    2451   }
    2452 }
    2453 
    2454 .home-welcome .showcase .cta-link {
    2455   margin: 48.828px 0 0;
    2456   margin: 3.05176rem 0 0;
    2457   max-width: 100%;
    2458   text-align: center;
    2459 }
    2460 
    2461 .home-welcome #showcase-link {
    2462   font-size: 14px;
    2463 }
    2464 
    2465 #lang-guess {
    2466   background: #c7e8ca;
    2467   border: inherit;
    2468   -webkit-border-radius: inherit;
    2469   border-radius: inherit;
    2470   cursor: pointer;
    2471   font: inherit;
    2472   font-size: 12.8px;
    2473   font-size: .8rem;
    2474   margin: 0;
    2475   max-width: inherit;
    2476   padding: 8px;
    2477   padding: .5rem;
    2478   text-align: center;
    2479   width: inherit;
    2480 }
    2481 
    2482 @media (min-width: 67rem) {
    2483   #lang-guess {
    2484     margin: 1rem auto 0;
    2485     max-width: 50rem;
    2486   }
    2487 }
    2488 
    2489 #home-below {
    2490   margin-bottom: 14px;
    2491 }
    2492 
    2493 #home-below h4 {
    2494   border-bottom: 1px solid #dedede;
    2495   font-size: inherit;
    2496   padding-bottom: 4px;
    2497 }
    2498 
    2499 #home-below h5 {
    2500   line-height: 1;
    2501   margin: 0;
    2502   text-transform: none;
    2503 }
    2504 
    2505 #home-below ol, #home-below ul {
    2506   margin: 0;
    2507 }
    2508 
    2509 .page-template-get .site-header {
    2510   padding: 25px 18.288px;
    2511   padding: 1.5625rem 1.143rem;
    2512   text-align: center;
    2513 }
    2514 
    2515 .page-template-get .site-title {
    2516   display: inherit;
    2517   font-size: 61.035px;
    2518   font-size: 3.8146972656rem;
    2519   margin: 32px 0 16px;
    2520   margin: 2rem 0 1rem;
    2521 }
    2522 
    2523 .page-template-get section {
    2524   padding: 48.828px 25px;
    2525   padding: 3.0517578125rem 1.5625rem;
    2526 }
    2527 
    2528 .page-template-get section.download {
    2529   text-align: center;
    2530 }
    2531 
    2532 @media (min-width: 737px) {
    2533   .page-template-get section.download .container {
    2534     text-align: initial;
    2535   }
    2536   .page-template-get section.download .container aside,
    2537   .page-template-get section.download .container article {
    2538     display: inline-block;
    2539     vertical-align: top;
    2540   }
    2541   .page-template-get section.download .container aside {
    2542     width: 30%;
    2543   }
    2544   .page-template-get section.download .container article {
    2545     width: 65%;
    2546   }
    2547   .page-template-get section.download .container aside + article,
    2548   .page-template-get section.download .container article + aside {
    2549     margin-right: 5%;
    2550   }
    2551 }
    2552 
    2553 .page-template-get section.hosting {
    2554   text-align: center;
    2555 }
    2556 
    2557 .page-template-get section.hosting .three-up {
    2558   text-align: initial;
    2559 }
    2560 
    2561 .page-template-get section.hosting .three-up > div {
    2562   margin-top: 48px;
    2563   margin-top: 3rem;
    2564 }
    2565 
    2566 .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 {
    2567   height: 35px;
    2568 }
    2569 
    2570 @media (min-width: 737px) {
    2571   .page-template-get section.hosting .three-up > div {
    2572     float: right;
    2573     font-size: 0.8rem;
    2574     margin-left: 5%;
    2575     width: 30%;
    2576   }
    2577   .page-template-get section.hosting .three-up > div:last-child {
    2578     margin-left: 0;
    2579   }
    2580 }
    2581 
    2582 .page-template-get section.apps-mobile {
    2583   text-align: center;
    2584 }
    2585 
    2586 .page-template-get section.apps-mobile .web-stores {
    2587   margin: 32px auto 0;
    2588   margin: 2rem auto 0;
    2589   width: 100%;
    2590 }
    2591 
    2592 .page-template-get section.apps-mobile .web-stores a {
    2593   display: inline-block;
    2594   margin: 10px;
    2595   width: 150px;
    2596 }
    2597 
    2598 @media (min-width: 737px) {
    2599   .page-template-get section.apps-mobile .web-stores {
    2600     margin: 4rem auto 0;
    2601   }
    2602 }
    2603 
    2604 .page-template-get section.apps-mobile .ios .button-android {
    2605   display: none;
    2606 }
    2607 
    2608 .page-template-get section.apps-mobile .android .button-ios {
    2609   display: none;
    2610 }
    2611 
    2612 .page-template-get section + section {
    2613   border-top: 2px solid #eee;
    2614 }
    2615 
    2616 .page-template-get .call-to-action {
    2617   display: block;
    2618   font-size: 14.63px;
    2619   font-size: 0.9144rem;
    2620   margin: 32px 0 32px;
    2621   margin: 2rem 0 2rem;
    2622 }
    2623 
    2624 @media (min-width: 737px) {
    2625   .page-template-get .call-to-action {
    2626     font-size: 0.8rem;
    2627     margin: 4rem 0 2rem;
    2628   }
    2629 }
    2630 
    2631 .page-template-get .dashicons {
    2632   color: #cbcdce;
    2633   display: block;
    2634   font-size: 64px;
    2635   font-size: 4rem;
    2636   height: auto;
    2637   margin: 0 auto -16px;
    2638   margin: 0 auto -1rem;
    2639   width: auto;
    2640 }
     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,.home-below:after,.home-below: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,.home-below: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}.entry-footer>span{margin-left:16px;margin-left:1rem}.entry-footer>span :last-of-type{margin:0}.entry-footer .byline,.entry-footer .sticky .posted-on,.entry-footer .updated:not(.published){display:none}.entry-footer .group-blog .byline,.entry-footer .single .byline{display:inline}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-content{margin:0 auto;max-width:960px;padding:48.828px 25px;padding:3.0517578125rem 1.5625rem}@media screen and (min-width:737px){.site-content{padding:3.0517578125rem 10px}}.single .site-content,.site-content.single{padding:0}@media screen and (min-width:737px){.single .site-content,.site-content.single{padding:0 10px 3.0517578125rem}}.home .site-content,.page .site-content,.site-content.page{margin:auto;max-width:none;padding:0}.site-content .page-title{font-size:25px;font-size:1.5625rem;font-weight:400}.site-content .no-results{margin:0 auto;max-width:568.434px;max-width:35.527136788rem;padding:0 32px;padding:0 2rem}.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-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}@media screen and (min-width:769px){#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after,#wporg-header ul li a.current~.uparrow{border-bottom-color:#0073aa}}.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}.error-404 .page-content,.error-404 .page-title{text-align:center}.error-404 .page-content .logo-swing{height:160px;height:10rem;margin:96px auto;margin:6rem auto;position:relative;text-align:center;width:160px;width:10rem}.error-404 .page-content .logo-swing .wp-logo{right:0;max-width:none;position:absolute;top:0;width:160px;width:10rem}@keyframes a{10%{width:180px;height:180px;transform:rotate(0deg)}15%{width:185px;height:185px;transform:rotate(0deg)}20%{width:180px;height:180px;transform:rotate(-5deg)}40%{transform-origin:top right;animation-timing-function:ease-in-out}60%{transform:rotate(-40deg);transform-origin:top right;animation-timing-function:ease-in-out}40%,80%{transform:rotate(-60deg);transform-origin:top right;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-duration:2s;animation-name:a}.comments-area{margin-top:5em}.comments-area>:last-child{margin-bottom:0}.comments-area .comment-list+.comment-respond{border-top:1px solid #eaeaea}.comments-area .comment-list+.comment-respond,.comments-area .comment-navigation+.comment-respond{padding-top:1.6em}.comments-area .comments-title{margin-bottom:1.3333em}.comments-area .comment-list{list-style:none;margin:0}.comments-area .comment-list .pingback,.comments-area .comment-list .trackback,.comments-area .comment-list article{border-top:1px solid #eaeaea;padding:1.6em 0}.comments-area .comment-list .children{list-style:none;margin:0}.comments-area .comment-list .children>li{padding-right:.8em}.comments-area .comment-list .alt{background:none}.comments-area .comment-author{color:#999;margin-bottom:.4em}.comments-area .comment-author .avatar{float:right;height:24px;margin-left:.8em;width:24px}.comments-area .comment-metadata,.comments-area .pingback .edit-link{color:#999;line-height:1.5}.comments-area .comment-metadata a,.comments-area .pingback .edit-link a{color:#777;border-bottom:1px solid #dfdfdf}.comments-area .comment-metadata a:focus,.comments-area .comment-metadata a:hover,.comments-area .pingback .edit-link a:focus,.comments-area .pingback .edit-link a:hover{color:#d54e21;border-bottom-color:#d54e21}.comments-area .comment-metadata{margin-bottom:1.6em}.comments-area .comment-metadata .edit-link,.comments-area .pingback .edit-link{margin-right:1em}.comments-area .pingback .edit-link:before{top:5px}.comments-area .comment-content ol,.comments-area .comment-content ul{margin:0 1.3333em 1.6em 0}.comments-area .comment-content>:last-child,.comments-area .comment-content li>ol,.comments-area .comment-content li>ul{margin-bottom:0}.comments-area .comment-content .reply{font-size:12px}.comments-area .comment-content .reply a{border:1px solid #eaeaea;color:#707070;display:inline-block;font-weight:700;line-height:1;margin-top:2em;padding:.4167em .8333em;text-transform:uppercase}.comments-area .comment-content .reply a:focus,.comments-area .comment-content .reply a:hover{border-color:#333;color:#333;outline:0}.comments-area .comment-form{padding-top:1.6em}.comments-area .comment-form label{font-size:12px;font-weight:700;display:block;letter-spacing:.04em;line-height:1.5}.comments-area .comment-form input[type=email],.comments-area .comment-form input[type=text],.comments-area .comment-form input[type=url]{width:100%}.comments-area .comment-awaiting-moderation,.comments-area .comment-notes,.comments-area .form-allowed-tags,.comments-area .logged-in-as{font-size:16px;font-size:1rem;line-height:1.5;margin-bottom:2em}.comments-area .no-comments{border-top:1px solid #eaeaea;color:#999;font-weight:700;padding-top:1.6em}.comments-area .comment-navigation+.no-comments{border-top:0}.comments-area .form-allowed-tags code{font-family:Inconsolata,monospace}.comments-area .form-submit{margin-bottom:0}.comments-area .required{color:#c0392b}.page .entry-header{background:#0073aa;padding:16px 0;padding:1rem 0;position:relative}.page .entry-header .entry-title{color:#fff;font-size:25px;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 auto;max-width:960px;padding:0 25px;padding:0 1.5625rem}@media screen and (min-width:737px){.page .entry-header .entry-title{padding:0 10px}}.page .entry-header.home{padding:25px 18.288px;padding:1.5625rem 1.143rem;text-align:center}.page .entry-content,.page .entry-footer{margin:0 auto;max-width:960px;padding:48.828px 25px;padding:3.0517578125rem 1.5625rem}.post-navigation{margin:5em auto;padding:0}.post-navigation a{border-bottom:1px solid #eaeaea;color:#444;display:block;font-weight:600;padding:11px 0 12px;text-transform:none;width:100%}.post-navigation a:hover{color:#21759b}.post-navigation .nav-links{border-top:1px solid #eaeaea;hyphens:auto;word-wrap:break-word}.post-navigation .meta-nav{color:#777;display:block;font-size:13px;line-height:2;text-transform:uppercase}.post-navigation .nav-next{text-align:left}.home-welcome{background:#fff;border-bottom:1px solid #dfdfdf;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-of-type{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 #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}}#home-below{margin-bottom:14px}#home-below h4{border-bottom:1px solid #dedede;font-size:inherit;padding-bottom:4px}#home-below h5{line-height:1;margin:0;text-transform:none}#home-below ol,#home-below ul{margin:0}.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

    r5892 r5893  
    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 .home-below:before,
    925 .home-below:after {
    926   content: "";
    927   display: table;
    928   table-layout: fixed;
    929 }
    930 
    931 .clear:after, .page-template-get section.hosting .three-up:after, .page-template-get section.apps-mobile .web-stores:after,
    932 .entry-content:after,
    933 .comment-content:after,
    934 .site-header:after,
    935 .site-content:after,
    936 .site-footer:after,
    937 .home-below:after {
    938   clear: both;
    939 }
    940 
    941 p.subheading {
    942   color: #82878c;
    943   font-size: 20px;
    944   font-size: 1.25rem;
    945   font-weight: 300;
    946   margin: -6.4px auto 32px;
    947   margin: -0.4rem auto 2rem;
    948   text-align: center;
    949 }
    950 
    951 p.intro {
    952   font-size: 20px;
    953   font-size: 1.25rem;
    954 }
    955 
    956 p.aside {
    957   font-size: 12.8px;
    958   font-size: 0.8rem;
    959 }
    960 
    961 p.note {
    962   font-size: 10.24px;
    963   font-size: 0.64rem;
    964   letter-spacing: 0.16px;
    965   letter-spacing: 0.01rem;
    966   max-width: 291.038px;
    967   max-width: 18.1898940355rem;
    968 }
    969 
    970 .entry-footer > span {
    971   margin-right: 16px;
    972   margin-right: 1rem;
    973 }
    974 
    975 .entry-footer > span :last-of-type {
    976   margin: 0;
    977 }
    978 
    979 .entry-footer .updated:not(.published) {
    980   display: none;
    981 }
    982 
    983 .entry-footer .sticky .posted-on,
    984 .entry-footer .byline {
    985   display: none;
    986 }
    987 
    988 .entry-footer .single .byline,
    989 .entry-footer .group-blog .byline {
    990   display: inline;
    991 }
    992 
    993 /* ----------------------------------------------------------------------------
    994 
    995 WordPress-style Form Elements
    996 =============================
    997 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.
    998 
    999 Form Styles
    1000 -------------
    1001 All form element styles are minimal and require additional styling for layout.
    1002 
    1003 ---------------------------------------------------------------------------- */
    1004 /* Include margin and padding in the width calculation of input and textarea. */
    1005 input,
    1006 textarea {
    1007   -webkit-box-sizing: border-box;
    1008   -moz-box-sizing: border-box;
    1009   box-sizing: border-box;
    1010 }
    1011 
    1012 input[type="checkbox"],
    1013 input[type="color"],
    1014 input[type="date"],
    1015 input[type="datetime"],
    1016 input[type="datetime-local"],
    1017 input[type="email"],
    1018 input[type="month"],
    1019 input[type="number"],
    1020 input[type="password"],
    1021 input[type="radio"],
    1022 input[type="search"],
    1023 input[type="tel"],
    1024 input[type="text"],
    1025 input[type="time"],
    1026 input[type="url"],
    1027 input[type="week"],
    1028 select,
    1029 textarea {
    1030   background-color: #fff;
    1031   border: 1px solid #ddd;
    1032   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    1033   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    1034   color: #32373c;
    1035   outline: none;
    1036   -webkit-transition: 0.05s border-color ease-in-out;
    1037   transition: 0.05s border-color ease-in-out;
    1038 }
    1039 
    1040 input[type="checkbox"]:focus,
    1041 input[type="color"]:focus,
    1042 input[type="date"]:focus,
    1043 input[type="datetime"]:focus,
    1044 input[type="datetime-local"]:focus,
    1045 input[type="email"]:focus,
    1046 input[type="month"]:focus,
    1047 input[type="number"]:focus,
    1048 input[type="password"]:focus,
    1049 input[type="radio"]:focus,
    1050 input[type="search"]:focus,
    1051 input[type="tel"]:focus,
    1052 input[type="text"]:focus,
    1053 input[type="time"]:focus,
    1054 input[type="url"]:focus,
    1055 input[type="week"]:focus,
    1056 select:focus,
    1057 textarea:focus {
    1058   border-color: #5b9dd9;
    1059   -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
    1060   box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
    1061 }
    1062 
    1063 /* rtl:ignore */
    1064 input[type="email"],
    1065 input[type="url"] {
    1066   direction: ltr;
    1067 }
    1068 
    1069 /* Vertically align the number selector with the input. */
    1070 input[type="number"] {
    1071   height: 28px;
    1072   line-height: inherit;
    1073 }
    1074 
    1075 input[type="checkbox"],
    1076 input[type="radio"] {
    1077   background: #fff;
    1078   border: 1px solid #b4b9be;
    1079   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    1080   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    1081   clear: none;
    1082   color: #555;
    1083   cursor: pointer;
    1084   display: inline-block;
    1085   height: 16px;
    1086   line-height: 0;
    1087   margin: -4px 4px 0 0;
    1088   min-width: 16px;
    1089   outline: 0;
    1090   padding: 0 !important;
    1091   text-align: center;
    1092   -webkit-transition: 0.05s border-color ease-in-out;
    1093   transition: 0.05s border-color ease-in-out;
    1094   vertical-align: middle;
    1095   width: 16px;
    1096   -webkit-appearance: none;
    1097 }
    1098 
    1099 input[type="checkbox"]:checked:before,
    1100 input[type="radio"]:checked:before {
    1101   display: inline-block;
    1102   float: left;
    1103   font: normal 21px/1 dashicons;
    1104   vertical-align: middle;
    1105   width: 16px;
    1106   speak: none;
    1107   -webkit-font-smoothing: antialiased;
    1108   -moz-osx-font-smoothing: grayscale;
    1109 }
    1110 
    1111 input[type="checkbox"].disabled, input[type="checkbox"]:disabled, input[type="checkbox"]:disabled:checked:before, input[type="checkbox"].disabled:checked:before,
    1112 input[type="radio"].disabled,
    1113 input[type="radio"]:disabled,
    1114 input[type="radio"]:disabled:checked:before,
    1115 input[type="radio"].disabled:checked:before {
    1116   opacity: 0.7;
    1117 }
    1118 
    1119 input[type="checkbox"]:checked:before {
    1120   color: #1e8cbe;
    1121   content: "\f147";
    1122   margin: -3px 0 0 -4px;
    1123 }
    1124 
    1125 input[type="radio"] {
    1126   -webkit-border-radius: 50%;
    1127   border-radius: 50%;
    1128   line-height: 10px;
    1129   margin-right: 4px;
    1130 }
    1131 
    1132 input[type="radio"]:checked + label:before {
    1133   color: #82878c;
    1134 }
    1135 
    1136 input[type="radio"]:checked:before {
    1137   background-color: #1e8cbe;
    1138   -webkit-border-radius: 50px;
    1139   border-radius: 50px;
    1140   content: "\2022";
    1141   font-size: 24px;
    1142   height: 6px;
    1143   line-height: 16px;
    1144   margin: 4px;
    1145   text-indent: -9999px;
    1146   width: 6px;
    1147 }
    1148 
    1149 input[type="reset"]:hover,
    1150 input[type="reset"]:active {
    1151   color: #00a0d2;
    1152 }
    1153 
    1154 /* Search */
    1155 input[type="search"] {
    1156   -webkit-appearance: textfield;
    1157 }
    1158 
    1159 input[type="search"]::-webkit-search-decoration {
    1160   display: none;
    1161 }
    1162 
    1163 textarea,
    1164 input,
    1165 select,
    1166 button {
    1167   font-family: inherit;
    1168   font-size: inherit;
    1169   font-weight: inherit;
    1170 }
    1171 
    1172 textarea,
    1173 input,
    1174 select {
    1175   -webkit-border-radius: 0;
    1176   border-radius: 0;
    1177   font-size: 14px;
    1178   padding: 3px 5px;
    1179   /* Reset mobile webkit's default element styling */
    1180 }
    1181 
    1182 textarea {
    1183   line-height: 1.4;
    1184   overflow: auto;
    1185   padding: 2px 6px;
    1186   resize: vertical;
    1187 }
    1188 
    1189 textarea.code {
    1190   line-height: 1.4;
    1191   padding: 4px 6px 1px 6px;
    1192 }
    1193 
    1194 label {
    1195   cursor: pointer;
    1196   vertical-align: middle;
    1197 }
    1198 
    1199 input,
    1200 select {
    1201   margin: 1px;
    1202   padding: 3px 5px;
    1203 }
    1204 
    1205 input.code {
    1206   padding-top: 6px;
    1207 }
    1208 
    1209 input.readonly,
    1210 input[readonly],
    1211 textarea.readonly,
    1212 textarea[readonly] {
    1213   background-color: #eee;
    1214 }
    1215 
    1216 :-moz-placeholder,
    1217 .wp-core-ui :-moz-placeholder {
    1218   color: #a9a9a9;
    1219 }
    1220 
    1221 input:disabled,
    1222 input.disabled,
    1223 select:disabled,
    1224 select.disabled,
    1225 textarea:disabled,
    1226 textarea.disabled {
    1227   background: rgba(255, 255, 255, 0.5);
    1228   border-color: rgba(222, 222, 222, 0.75);
    1229   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    1230   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    1231   color: rgba(51, 51, 51, 0.5);
    1232 }
    1233 
    1234 input[type="file"]:disabled,
    1235 input[type="file"].disabled,
    1236 input[type="range"]:disabled,
    1237 input[type="range"].disabled {
    1238   background: none;
    1239   -webkit-box-shadow: none;
    1240   box-shadow: none;
    1241 }
    1242 
    1243 input.large-text,
    1244 textarea.large-text {
    1245   width: 99%;
    1246 }
    1247 
    1248 input.regular-text {
    1249   width: 25em;
    1250 }
    1251 
    1252 input.small-text {
    1253   padding: 1px 6px;
    1254   width: 50px;
    1255 }
    1256 
    1257 input[type="number"].small-text {
    1258   width: 65px;
    1259 }
    1260 
    1261 input.tiny-text {
    1262   width: 35px;
    1263 }
    1264 
    1265 input[type="number"].tiny-text {
    1266   width: 45px;
    1267 }
    1268 
    1269 /* =Media Queries
    1270 -------------------------------------------------------------- */
    1271 @media screen and (max-width: 782px) {
    1272   /* Input Elements */
    1273   textarea {
    1274     -webkit-appearance: none;
    1275   }
    1276   input[type="text"],
    1277   input[type="email"],
    1278   input[type="search"],
    1279   input[type="password"],
    1280   input[type="number"] {
    1281     -webkit-appearance: none;
    1282     padding: 6px 10px;
    1283   }
    1284   input[type="number"] {
    1285     height: 40px;
    1286   }
    1287   input.code {
    1288     padding-bottom: 5px;
    1289     padding-top: 10px;
    1290   }
    1291   input[type="checkbox"] {
    1292     -webkit-appearance: none;
    1293     padding: 10px;
    1294   }
    1295   input[type="checkbox"]:checked:before {
    1296     font: normal 30px/1 dashicons;
    1297     margin: -3px -5px;
    1298   }
    1299   input[type="radio"],
    1300   input[type="checkbox"] {
    1301     height: 25px;
    1302     width: 25px;
    1303   }
    1304   input[type="radio"]:checked:before {
    1305     vertical-align: middle;
    1306     width: 9px;
    1307     height: 9px;
    1308     margin: 7px;
    1309     line-height: 16px;
    1310   }
    1311   textarea,
    1312   input {
    1313     font-size: 16px;
    1314   }
    1315   input[type="text"].small-text,
    1316   input[type="search"].small-text,
    1317   input[type="password"].small-text,
    1318   input[type="number"].small-text,
    1319   input[type="number"].small-text {
    1320     width: auto;
    1321     max-width: 55px;
    1322     display: inline;
    1323     padding: 3px 6px;
    1324     margin: 0 3px;
    1325   }
    1326   input.regular-text {
    1327     width: 100%;
    1328   }
    1329   label {
    1330     font-size: 14px;
    1331   }
    1332   fieldset label {
    1333     display: block;
    1334   }
    1335 }
    1336 
    1337 a.button:hover, a.button:focus, a.button:active {
    1338   text-decoration: none;
    1339 }
    1340 
    1341 p a:not(.button),
    1342 p a:not(.button):hover {
    1343   border: none;
    1344 }
    1345 
    1346 .main-navigation {
    1347   background: #0073aa;
    1348   clear: both;
    1349   left: 0;
    1350   position: absolute;
    1351   top: 60px;
    1352   width: 100%;
    1353 }
    1354 
    1355 .main-navigation ul {
    1356   display: none;
    1357   list-style: none;
    1358   margin: 0;
    1359   padding-left: 0;
    1360 }
    1361 
    1362 .main-navigation ul ul {
    1363   -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    1364   box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    1365   float: left;
    1366   left: -999em;
    1367   position: absolute;
    1368   top: 1.5em;
    1369   z-index: 99999;
    1370 }
    1371 
    1372 .main-navigation ul ul ul {
    1373   left: -999em;
    1374   top: 0;
    1375 }
    1376 
    1377 .main-navigation ul ul li:hover > ul,
    1378 .main-navigation ul ul li.focus > ul {
    1379   left: 100%;
    1380 }
    1381 
    1382 .main-navigation ul ul a {
    1383   width: 200px;
    1384 }
    1385 
    1386 .main-navigation ul li:hover > ul,
    1387 .main-navigation ul li.focus > ul {
    1388   left: auto;
    1389 }
    1390 
    1391 .main-navigation li {
    1392   border-top: 1px solid rgba(255, 255, 255, 0.2);
    1393   padding: 16px;
    1394   padding: 1rem;
    1395 }
    1396 
    1397 .main-navigation a {
    1398   color: rgba(255, 255, 255, 0.8);
    1399   display: block;
    1400   font-size: 12.8px;
    1401   font-size: 0.8rem;
    1402   text-decoration: none;
    1403 }
    1404 
    1405 .main-navigation a:hover, .main-navigation a.active {
    1406   color: #fff;
    1407 }
    1408 
    1409 @media screen and (min-width: 737px) {
    1410   .main-navigation a.active {
    1411     border-bottom: 1px solid;
    1412   }
    1413 }
    1414 
    1415 /* Small menu. */
    1416 .main-navigation.toggled ul {
    1417   display: block;
    1418 }
    1419 
    1420 .menu-toggle {
    1421   background: transparent;
    1422   border: none;
    1423   color: #fff;
    1424   font-size: 25px;
    1425   font-size: 1.5625rem;
    1426   height: 56px;
    1427   height: 3.5rem;
    1428   overflow: hidden;
    1429   position: absolute;
    1430   right: 16px;
    1431   right: 1rem;
    1432   top: -58px;
    1433   width: 56px;
    1434   width: 3.5rem;
    1435   -webkit-appearance: none;
    1436 }
    1437 
    1438 .toggled .menu-toggle:before {
    1439   content: "\f343";
    1440 }
    1441 
    1442 @media screen and (min-width: 737px) {
    1443   .menu-toggle {
    1444     display: none;
    1445   }
    1446   .main-navigation {
    1447     float: right;
    1448     position: initial;
    1449     width: initial;
    1450   }
    1451   .main-navigation.toggled {
    1452     padding: 1px 0;
    1453   }
    1454   .main-navigation ul {
    1455     display: inline-block;
    1456     font-size: 0;
    1457   }
    1458   .main-navigation ul li {
    1459     border: 0;
    1460     display: inline-block;
    1461     font-size: 1rem;
    1462     margin-right: 1rem;
    1463     padding: 0;
    1464   }
    1465   .main-navigation ul li:last-of-type {
    1466     margin-right: 0;
    1467   }
    1468 }
    1469 
    1470 .notice {
    1471   background: #fff;
    1472   border-left: 4px solid #fff;
    1473   -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    1474   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    1475   margin: 1em 0;
    1476   padding: 1px 12px;
    1477 }
    1478 
    1479 .notice p {
    1480   font-size: 12.8px;
    1481   font-size: 0.8rem;
    1482   margin: 0.5em 0;
    1483   padding: 2px;
    1484 }
    1485 
    1486 .notice.notice-alt {
    1487   -webkit-box-shadow: none;
    1488   box-shadow: none;
    1489 }
    1490 
    1491 .notice.notice-large {
    1492   padding: 10px 20px;
    1493 }
    1494 
    1495 .notice.notice-success {
    1496   border-left-color: #46b450;
    1497 }
    1498 
    1499 .notice.notice-success.notice-alt {
    1500   background-color: #ecf7ed;
    1501 }
    1502 
    1503 .notice.notice-warning {
    1504   border-left-color: #ffb900;
    1505 }
    1506 
    1507 .notice.notice-warning.notice-alt {
    1508   background-color: #fff8e5;
    1509 }
    1510 
    1511 .notice.notice-error {
    1512   border-left-color: #dc3232;
    1513 }
    1514 
    1515 .notice.notice-error.notice-alt {
    1516   background-color: #fbeaea;
    1517 }
    1518 
    1519 .notice.notice-info {
    1520   border-left-color: #00a0d2;
    1521 }
    1522 
    1523 .notice.notice-info.notice-alt {
    1524   background-color: #e5f5fa;
    1525 }
    1526 
    1527 .site-content {
    1528   margin: 0 auto;
    1529   max-width: 960px;
    1530   padding: 48.828px 25px;
    1531   padding: 3.0517578125rem 1.5625rem;
    1532 }
    1533 
    1534 @media screen and (min-width: 737px) {
    1535   .site-content {
    1536     padding: 3.0517578125rem 10px;
    1537   }
    1538 }
    1539 
    1540 .site-content.single,
    1541 .single .site-content {
    1542   padding: 0;
    1543 }
    1544 
    1545 @media screen and (min-width: 737px) {
    1546   .site-content.single,
    1547   .single .site-content {
    1548     padding: 0 10px 3.0517578125rem;
    1549   }
    1550 }
    1551 
    1552 .site-content.page,
    1553 .page .site-content,
    1554 .home .site-content {
    1555   margin: auto;
    1556   max-width: none;
    1557   padding: 0;
    1558 }
    1559 
    1560 .site-content .page-title {
    1561   font-size: 25px;
    1562   font-size: 1.5625rem;
    1563   font-weight: 400;
    1564 }
    1565 
    1566 .site-content .no-results {
    1567   margin: 0 auto;
    1568   max-width: 568.434px;
    1569   max-width: 35.527136788rem;
    1570   padding: 0 32px;
    1571   padding: 0 2rem;
    1572 }
    1573 
    1574 .site-description {
    1575   color: rgba(255, 255, 255, 0.8);
    1576   font-size: 20px;
    1577   font-size: 1.25rem;
    1578   font-weight: 300;
    1579   margin: -6.4px auto 32px;
    1580   margin: -0.4rem auto 2rem;
    1581   text-align: center;
    1582 }
    1583 
    1584 .site-header {
    1585   background: #0073aa;
    1586   padding: 16px 0;
    1587   padding: 1rem 0;
    1588   position: relative;
    1589 }
    1590 
    1591 .site-header .site-branding {
    1592   margin: 0 auto;
    1593   max-width: 960px;
    1594   padding: 0 25px;
    1595   padding: 0 1.5625rem;
    1596 }
    1597 
    1598 @media screen and (min-width: 737px) {
    1599   .site-header .site-branding {
    1600     padding: 0 10px;
    1601   }
    1602 }
    1603 
    1604 .site-header.home {
    1605   padding: 25px 18.288px;
    1606   padding: 1.5625rem 1.143rem;
    1607   text-align: center;
    1608 }
    1609 
    1610 .site-title {
    1611   display: inline-block;
    1612   font-size: 25px;
    1613   font-size: 1.5625rem;
    1614   font-weight: 300;
    1615   line-height: 1;
    1616   margin: 0 32px 0 0;
    1617   margin: 0 2rem 0 0;
    1618   max-width: none;
    1619 }
    1620 
    1621 .site-title a {
    1622   color: #fff;
    1623   font-weight: 300;
    1624 }
    1625 
    1626 .site-title a:hover, .site-title a:focus, .site-title a:active {
    1627   text-decoration: none;
    1628 }
    1629 
    1630 .site-header.home .site-title {
    1631   display: inherit;
    1632   font-size: 61.035px;
    1633   font-size: 3.8146972656rem;
    1634   margin: 32px 0 16px;
    1635   margin: 2rem 0 1rem;
    1636 }
    1637 
    1638 #wporg-header h1 {
    1639   margin: auto;
    1640 }
    1641 
    1642 #wporg-header h2.rosetta {
    1643   clear: none;
    1644 }
    1645 
    1646 #wporg-header form input {
    1647   -webkit-box-sizing: content-box;
    1648   -moz-box-sizing: content-box;
    1649   box-sizing: content-box;
    1650   margin: 0;
    1651   padding: 3px;
    1652 }
    1653 
    1654 #wporg-header .button {
    1655   -webkit-box-shadow: none;
    1656   box-shadow: none;
    1657 }
    1658 
    1659 #wporg-header .download-button {
    1660   background-color: #21759b;
    1661   background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
    1662   background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    1663   background-image: linear-gradient(to bottom, #2a95c5, #21759b);
    1664   border-bottom-color: #1e6a8d;
    1665   border-color: #21759b;
    1666   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    1667   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    1668 }
    1669 
    1670 #wporg-header .download-button:hover, #wporg-header .download-button:focus {
    1671   background-color: #278ab7;
    1672   background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
    1673   background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    1674   background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
    1675   border-color: #1b607f;
    1676   -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    1677   box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    1678   color: #fff;
    1679   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    1680 }
    1681 
    1682 #wporg-header .download-button:active {
    1683   background: #1b607f;
    1684   background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
    1685   background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
    1686   background-image: linear-gradient(to bottom, #21759b, #278ab7);
    1687   border-color: #124560 #2382ae #2382ae #2382ae;
    1688   -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    1689   box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    1690   color: rgba(255, 255, 255, 0.95);
    1691   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    1692   -webkit-transform: none;
    1693   -ms-transform: none;
    1694   transform: none;
    1695 }
    1696 
    1697 #wporg-header a:hover,
    1698 #wporg-header a:focus,
    1699 #wporg-header a:active {
    1700   text-decoration: none;
    1701 }
    1702 
    1703 @media screen and (min-width: 769px) {
    1704   #wporg-header ul li.current-menu-item:after,
    1705   #wporg-header ul li.current_page_parent:after,
    1706   #wporg-header ul li a.current ~ .uparrow {
    1707     border-bottom-color: #0073aa;
    1708   }
    1709 }
    1710 
    1711 .home .site-header {
    1712   background: #0073aa;
    1713   padding: 18px 36px;
    1714 }
    1715 
    1716 @media (min-width: 737px) {
    1717   .home .site-header {
    1718     padding: 1.5625rem;
    1719   }
    1720 }
    1721 
    1722 .home .site-header .site-title {
    1723   color: #fff;
    1724   display: block;
    1725   font-size: 61.035px;
    1726   font-size: 3.8146972656rem;
    1727   font-weight: 300;
    1728   line-height: 1;
    1729   margin: 32px 0 16px;
    1730   margin: 2rem 0 1rem;
    1731   text-align: center;
    1732 }
    1733 
    1734 .home .site-header .site-description {
    1735   color: #fff;
    1736   max-width: 568.434px;
    1737   max-width: 35.52714rem;
    1738   padding: 11px 0;
    1739 }
    1740 
    1741 .error-404 .page-title {
    1742   text-align: center;
    1743 }
    1744 
    1745 .error-404 .page-content {
    1746   text-align: center;
    1747 }
    1748 
    1749 .error-404 .page-content .logo-swing {
    1750   height: 160px;
    1751   height: 10rem;
    1752   margin: 96px auto;
    1753   margin: 6rem auto;
    1754   position: relative;
    1755   text-align: center;
    1756   width: 160px;
    1757   width: 10rem;
    1758 }
    1759 
    1760 .error-404 .page-content .logo-swing .wp-logo {
    1761   left: 0;
    1762   max-width: none;
    1763   position: absolute;
    1764   top: 0;
    1765   width: 160px;
    1766   width: 10rem;
    1767 }
    1768 
    1769 @-webkit-keyframes hinge {
    1770   10% {
    1771     width: 180px;
    1772     height: 180px;
    1773     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1774     transform: rotate3d(0, 0, 1, 0deg);
    1775   }
    1776   15% {
    1777     width: 185px;
    1778     height: 185px;
    1779     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1780     transform: rotate3d(0, 0, 1, 0deg);
    1781   }
    1782   20% {
    1783     width: 180px;
    1784     height: 180px;
    1785     -webkit-transform: rotate3d(0, 0, 1, 5deg);
    1786     transform: rotate3d(0, 0, 1, 5deg);
    1787   }
    1788   40% {
    1789     -webkit-transform-origin: top left;
    1790     transform-origin: top left;
    1791     -webkit-animation-timing-function: ease-in-out;
    1792     animation-timing-function: ease-in-out;
    1793   }
    1794   60% {
    1795     -webkit-transform: rotate3d(0, 0, 1, 40deg);
    1796     transform: rotate3d(0, 0, 1, 40deg);
    1797     -webkit-transform-origin: top left;
    1798     transform-origin: top left;
    1799     -webkit-animation-timing-function: ease-in-out;
    1800     animation-timing-function: ease-in-out;
    1801   }
    1802   40%, 80% {
    1803     -webkit-transform: rotate3d(0, 0, 1, 60deg);
    1804     transform: rotate3d(0, 0, 1, 60deg);
    1805     -webkit-transform-origin: top left;
    1806     transform-origin: top left;
    1807     -webkit-animation-timing-function: ease-in-out;
    1808     animation-timing-function: ease-in-out;
    1809     opacity: 1;
    1810   }
    1811   to {
    1812     -webkit-transform: translate3d(0, 700px, 0);
    1813     transform: translate3d(0, 700px, 0);
    1814     opacity: 0;
    1815   }
    1816 }
    1817 
    1818 @keyframes hinge {
    1819   10% {
    1820     width: 180px;
    1821     height: 180px;
    1822     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1823     transform: rotate3d(0, 0, 1, 0deg);
    1824   }
    1825   15% {
    1826     width: 185px;
    1827     height: 185px;
    1828     -webkit-transform: rotate3d(0, 0, 1, 0deg);
    1829     transform: rotate3d(0, 0, 1, 0deg);
    1830   }
    1831   20% {
    1832     width: 180px;
    1833     height: 180px;
    1834     -webkit-transform: rotate3d(0, 0, 1, 5deg);
    1835     transform: rotate3d(0, 0, 1, 5deg);
    1836   }
    1837   40% {
    1838     -webkit-transform-origin: top left;
    1839     transform-origin: top left;
    1840     -webkit-animation-timing-function: ease-in-out;
    1841     animation-timing-function: ease-in-out;
    1842   }
    1843   60% {
    1844     -webkit-transform: rotate3d(0, 0, 1, 40deg);
    1845     transform: rotate3d(0, 0, 1, 40deg);
    1846     -webkit-transform-origin: top left;
    1847     transform-origin: top left;
    1848     -webkit-animation-timing-function: ease-in-out;
    1849     animation-timing-function: ease-in-out;
    1850   }
    1851   40%, 80% {
    1852     -webkit-transform: rotate3d(0, 0, 1, 60deg);
    1853     transform: rotate3d(0, 0, 1, 60deg);
    1854     -webkit-transform-origin: top left;
    1855     transform-origin: top left;
    1856     -webkit-animation-timing-function: ease-in-out;
    1857     animation-timing-function: ease-in-out;
    1858     opacity: 1;
    1859   }
    1860   to {
    1861     -webkit-transform: translate3d(0, 700px, 0);
    1862     transform: translate3d(0, 700px, 0);
    1863     opacity: 0;
    1864   }
    1865 }
    1866 
    1867 .hinge {
    1868   -webkit-animation-duration: 2s;
    1869   animation-duration: 2s;
    1870   -webkit-animation-name: hinge;
    1871   animation-name: hinge;
    1872 }
    1873 
    1874 .comments-area {
    1875   margin-top: 5em;
    1876 }
    1877 
    1878 .comments-area > :last-child {
    1879   margin-bottom: 0;
    1880 }
    1881 
    1882 .comments-area .comment-list + .comment-respond {
    1883   border-top: 1px solid #eaeaea;
    1884 }
    1885 
    1886 .comments-area .comment-list + .comment-respond,
    1887 .comments-area .comment-navigation + .comment-respond {
    1888   padding-top: 1.6em;
    1889 }
    1890 
    1891 .comments-area .comments-title {
    1892   margin-bottom: 1.3333em;
    1893 }
    1894 
    1895 .comments-area .comment-list {
    1896   list-style: none;
    1897   margin: 0;
    1898 }
    1899 
    1900 .comments-area .comment-list article,
    1901 .comments-area .comment-list .pingback,
    1902 .comments-area .comment-list .trackback {
    1903   border-top: 1px solid #eaeaea;
    1904   padding: 1.6em 0;
    1905 }
    1906 
    1907 .comments-area .comment-list .children {
    1908   list-style: none;
    1909   margin: 0;
    1910 }
    1911 
    1912 .comments-area .comment-list .children > li {
    1913   padding-left: 0.8em;
    1914 }
    1915 
    1916 .comments-area .comment-list .alt {
    1917   background: none;
    1918 }
    1919 
    1920 .comments-area .comment-author {
    1921   color: #999;
    1922   margin-bottom: 0.4em;
    1923 }
    1924 
    1925 .comments-area .comment-author .avatar {
    1926   float: left;
    1927   height: 24px;
    1928   margin-right: 0.8em;
    1929   width: 24px;
    1930 }
    1931 
    1932 .comments-area .comment-metadata,
    1933 .comments-area .pingback .edit-link {
    1934   color: #999;
    1935   line-height: 1.5;
    1936 }
    1937 
    1938 .comments-area .comment-metadata a,
    1939 .comments-area .pingback .edit-link a {
    1940   color: #777;
    1941   border-bottom: 1px solid #dfdfdf;
    1942 }
    1943 
    1944 .comments-area .comment-metadata a:hover, .comments-area .comment-metadata a:focus,
    1945 .comments-area .pingback .edit-link a:hover,
    1946 .comments-area .pingback .edit-link a:focus {
    1947   color: #d54e21;
    1948   border-bottom-color: #d54e21;
    1949 }
    1950 
    1951 .comments-area .comment-metadata {
    1952   margin-bottom: 1.6em;
    1953 }
    1954 
    1955 .comments-area .comment-metadata .edit-link {
    1956   margin-left: 1em;
    1957 }
    1958 
    1959 .comments-area .pingback .edit-link {
    1960   margin-left: 1em;
    1961 }
    1962 
    1963 .comments-area .pingback .edit-link:before {
    1964   top: 5px;
    1965 }
    1966 
    1967 .comments-area .comment-content ul,
    1968 .comments-area .comment-content ol {
    1969   margin: 0 0 1.6em 1.3333em;
    1970 }
    1971 
    1972 .comments-area .comment-content li > ul,
    1973 .comments-area .comment-content li > ol {
    1974   margin-bottom: 0;
    1975 }
    1976 
    1977 .comments-area .comment-content > :last-child {
    1978   margin-bottom: 0;
    1979 }
    1980 
    1981 .comments-area .comment-content .reply {
    1982   font-size: 12px;
    1983 }
    1984 
    1985 .comments-area .comment-content .reply a {
    1986   border: 1px solid #eaeaea;
    1987   color: #707070;
    1988   display: inline-block;
    1989   font-weight: 700;
    1990   line-height: 1;
    1991   margin-top: 2em;
    1992   padding: 0.4167em 0.8333em;
    1993   text-transform: uppercase;
    1994 }
    1995 
    1996 .comments-area .comment-content .reply a:hover, .comments-area .comment-content .reply a:focus {
    1997   border-color: #333;
    1998   color: #333;
    1999   outline: 0;
    2000 }
    2001 
    2002 .comments-area .comment-form {
    2003   padding-top: 1.6em;
    2004 }
    2005 
    2006 .comments-area .comment-form label {
    2007   font-size: 12px;
    2008   font-weight: 700;
    2009   display: block;
    2010   letter-spacing: 0.04em;
    2011   line-height: 1.5;
    2012 }
    2013 
    2014 .comments-area .comment-form input[type="text"],
    2015 .comments-area .comment-form input[type="email"],
    2016 .comments-area .comment-form input[type="url"] {
    2017   width: 100%;
    2018 }
    2019 
    2020 .comments-area .comment-notes,
    2021 .comments-area .comment-awaiting-moderation,
    2022 .comments-area .logged-in-as,
    2023 .comments-area .form-allowed-tags {
    2024   font-size: 16px;
    2025   font-size: 1rem;
    2026   line-height: 1.5;
    2027   margin-bottom: 2em;
    2028 }
    2029 
    2030 .comments-area .no-comments {
    2031   border-top: 1px solid #eaeaea;
    2032   color: #999;
    2033   font-weight: 700;
    2034   padding-top: 1.6em;
    2035 }
    2036 
    2037 .comments-area .comment-navigation + .no-comments {
    2038   border-top: 0;
    2039 }
    2040 
    2041 .comments-area .form-allowed-tags code {
    2042   font-family: Inconsolata, monospace;
    2043 }
    2044 
    2045 .comments-area .form-submit {
    2046   margin-bottom: 0;
    2047 }
    2048 
    2049 .comments-area .required {
    2050   color: #c0392b;
    2051 }
    2052 
    2053 .page .entry-header {
    2054   background: #0073aa;
    2055   padding: 16px 0;
    2056   padding: 1rem 0;
    2057   position: relative;
    2058 }
    2059 
    2060 .page .entry-header .entry-title {
    2061   color: #fff;
    2062   font-size: 25px;
    2063   font-size: 1.5625rem;
    2064   font-weight: 300;
    2065   line-height: 1;
    2066   margin: 0 auto;
    2067   max-width: 960px;
    2068   padding: 0 25px;
    2069   padding: 0 1.5625rem;
    2070 }
    2071 
    2072 @media screen and (min-width: 737px) {
    2073   .page .entry-header .entry-title {
    2074     padding: 0 10px;
    2075   }
    2076 }
    2077 
    2078 .page .entry-header.home {
    2079   padding: 25px 18.288px;
    2080   padding: 1.5625rem 1.143rem;
    2081   text-align: center;
    2082 }
    2083 
    2084 .page .entry-content,
    2085 .page .entry-footer {
    2086   margin: 0 auto;
    2087   max-width: 960px;
    2088   padding: 48.828px 25px;
    2089   padding: 3.0517578125rem 1.5625rem;
    2090 }
    2091 
    2092 .post-navigation {
    2093   margin: 5em auto;
    2094   padding: 0;
    2095 }
    2096 
    2097 .post-navigation a {
    2098   border-bottom: 1px solid #eaeaea;
    2099   color: #444;
    2100   display: block;
    2101   font-weight: 600;
    2102   padding: 11px 0 12px;
    2103   text-transform: none;
    2104   width: 100%;
    2105 }
    2106 
    2107 .post-navigation a:hover {
    2108   color: #21759b;
    2109 }
    2110 
    2111 .post-navigation .nav-links {
    2112   border-top: 1px solid #eaeaea;
    2113   -webkit-hyphens: auto;
    2114   -moz-hyphens: auto;
    2115   -ms-hyphens: auto;
    2116   hyphens: auto;
    2117   word-wrap: break-word;
    2118 }
    2119 
    2120 .post-navigation .meta-nav {
    2121   color: #777;
    2122   display: block;
    2123   font-size: 13px;
    2124   line-height: 2;
    2125   text-transform: uppercase;
    2126 }
    2127 
    2128 .post-navigation .nav-next {
    2129   text-align: right;
    2130 }
    2131 
    2132 .home-welcome {
    2133   background: #fff;
    2134   border-bottom: 1px solid #dfdfdf;
    2135   color: #32373c;
    2136   font-family: "Open Sans", sans-serif;
    2137   font-weight: 400;
    2138   line-height: 1.5;
    2139   max-width: initial;
    2140   padding: 0;
    2141 }
    2142 
    2143 @media (min-width: 737px) {
    2144   .home-welcome {
    2145     font-size: 18px;
    2146   }
    2147 }
    2148 
    2149 .home-welcome h1 {
    2150   font-size: 51.2px;
    2151   font-size: 3.2rem;
    2152 }
    2153 
    2154 .home-welcome a:not(.button) {
    2155   background-color: transparent;
    2156   border: none;
    2157   color: #0073aa;
    2158   text-decoration: none;
    2159 }
    2160 
    2161 .home-welcome a:not(.button):hover {
    2162   text-decoration: underline;
    2163 }
    2164 
    2165 .home-welcome a:not(.button):active, .home-welcome a:not(.button):hover {
    2166   outline-width: 0;
    2167 }
    2168 
    2169 .home-welcome p {
    2170   font-size: 18px;
    2171   margin: 1em 0;
    2172   max-width: 568.434px;
    2173   max-width: 35.52714rem;
    2174 }
    2175 
    2176 .home-welcome p.subheading {
    2177   color: #82878c;
    2178   font-size: 20px;
    2179   font-size: 1.25rem;
    2180   font-weight: 300;
    2181   margin: -6.4px auto 32px;
    2182   margin: -.4rem auto 2rem;
    2183   text-align: center;
    2184 }
    2185 
    2186 .home-welcome section {
    2187   border-bottom: 2px solid #eee;
    2188   margin: 0 auto;
    2189   max-width: 800px;
    2190   max-width: 50rem;
    2191   padding: 48.828px 25px;
    2192   padding: 3.05176rem 1.5625rem;
    2193 }
    2194 
    2195 .home-welcome section:last-of-type {
    2196   border-bottom: none;
    2197 }
    2198 
    2199 .home-welcome section h2 {
    2200   line-height: 1;
    2201   text-align: center;
    2202 }
    2203 
    2204 .home-welcome section .container {
    2205   margin: 0 auto;
    2206   max-width: 800px;
    2207   max-width: 50rem;
    2208 }
    2209 
    2210 .home-welcome .dashicons {
    2211   color: #cbcdce;
    2212   display: block;
    2213   font-size: 64px;
    2214   font-size: 4rem;
    2215   height: auto;
    2216   margin: 0 auto -16px;
    2217   margin: 0 auto -1rem;
    2218   width: auto;
    2219 }
    2220 
    2221 .home-welcome .intro {
    2222   padding-bottom: 0;
    2223 }
    2224 
    2225 .home-welcome .features {
    2226   border-top: 2px solid #eee;
    2227 }
    2228 
    2229 .home-welcome .features ul {
    2230   -webkit-box-align: center;
    2231   -webkit-align-items: center;
    2232   -moz-box-align: center;
    2233   -ms-flex-align: center;
    2234   align-items: center;
    2235   display: -webkit-box;
    2236   display: -webkit-flex;
    2237   display: -moz-box;
    2238   display: -ms-flexbox;
    2239   display: flex;
    2240   -webkit-flex-wrap: wrap;
    2241   -ms-flex-wrap: wrap;
    2242   flex-wrap: wrap;
    2243   list-style: none;
    2244   margin: 48px 0;
    2245   margin: 3rem 0;
    2246   padding: 0;
    2247 }
    2248 
    2249 .home-welcome .features ul li {
    2250   -webkit-box-align: center;
    2251   -webkit-align-items: center;
    2252   -moz-box-align: center;
    2253   -ms-flex-align: center;
    2254   align-items: center;
    2255   border-bottom: 1px solid #eee;
    2256   border-right: 1px solid #eee;
    2257   display: -webkit-box;
    2258   display: -webkit-flex;
    2259   display: -moz-box;
    2260   display: -ms-flexbox;
    2261   display: flex;
    2262   -webkit-box-orient: vertical;
    2263   -webkit-box-direction: normal;
    2264   -webkit-flex-direction: column;
    2265   -moz-box-orient: vertical;
    2266   -moz-box-direction: normal;
    2267   -ms-flex-direction: column;
    2268   flex-direction: column;
    2269   height: 160px;
    2270   -webkit-box-pack: center;
    2271   -webkit-justify-content: center;
    2272   -moz-box-pack: center;
    2273   -ms-flex-pack: center;
    2274   justify-content: center;
    2275   text-align: center;
    2276   width: 50%;
    2277 }
    2278 
    2279 @media (max-width: 739px) {
    2280   .home-welcome .features ul li:nth-child(n+7) {
    2281     border-bottom: none;
    2282   }
    2283   .home-welcome .features ul li:nth-child(2n) {
    2284     border-right: none;
    2285   }
    2286 }
    2287 
    2288 @media (min-width: 740px) {
    2289   .home-welcome .features ul li {
    2290     width: 25%;
    2291     height: 200px;
    2292   }
    2293   .home-welcome .features ul li:nth-child(4n) {
    2294     border-right: none;
    2295   }
    2296   .home-welcome .features ul li:nth-child(n+5) {
    2297     border-bottom: none;
    2298   }
    2299 }
    2300 
    2301 .home-welcome .features ul li img {
    2302   height: 40px;
    2303   height: 2.5rem;
    2304   margin: 4px auto 20px;
    2305   margin: .25rem auto 1.25rem;
    2306 }
    2307 
    2308 .home-welcome .features ul li img,
    2309 .home-welcome .features ul li span {
    2310   color: #00a0d2;
    2311   display: block;
    2312   font-size: 48px;
    2313   font-size: 3rem;
    2314   margin-bottom: 16px;
    2315   margin-bottom: 1rem;
    2316 }
    2317 
    2318 .home-welcome .features p {
    2319   margin-left: auto;
    2320   margin-right: auto;
    2321   text-align: center;
    2322 }
    2323 
    2324 .home-welcome .screenshots {
    2325   height: 400px;
    2326   left: -30px;
    2327   overflow: hidden;
    2328   padding: 16px 16px 0;
    2329   padding: 1rem 1rem 0;
    2330   position: relative;
    2331   right: 0;
    2332   width: 106%;
    2333 }
    2334 
    2335 @media (max-width: 739px) {
    2336   .home-welcome .screenshots {
    2337     padding: 0;
    2338     left: auto;
    2339     right: auto;
    2340     width: 100%;
    2341   }
    2342 }
    2343 
    2344 .home-welcome .screenshots .dashboard {
    2345   -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    2346   box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    2347   max-width: 800px;
    2348 }
    2349 
    2350 .home-welcome .screenshots .dashboard-mobile {
    2351   bottom: -100px;
    2352   max-width: 200px;
    2353   position: absolute;
    2354   right: 1px;
    2355   z-index: 1;
    2356 }
    2357 
    2358 .home-welcome .cta-wrapper {
    2359   display: block;
    2360   font-size: 14.63px;
    2361   font-size: .9144rem;
    2362   margin: 32px 0;
    2363   margin: 2rem 0;
    2364   text-align: center;
    2365 }
    2366 
    2367 @media (min-width: 737px) {
    2368   .home-welcome .cta-wrapper {
    2369     font-size: .8rem;
    2370     margin: 4rem 0 2rem;
    2371   }
    2372 }
    2373 
    2374 .home-welcome .community-2 {
    2375   -webkit-box-align: start;
    2376   -webkit-align-items: flex-start;
    2377   -moz-box-align: start;
    2378   -ms-flex-align: start;
    2379   align-items: flex-start;
    2380   background: url(https://s.w.org/images/home/community-1.jpg) center bottom no-repeat;
    2381   -webkit-background-size: cover;
    2382   background-size: cover;
    2383   border: none;
    2384   display: -webkit-box;
    2385   display: -webkit-flex;
    2386   display: -moz-box;
    2387   display: -ms-flexbox;
    2388   display: flex;
    2389   -webkit-box-orient: vertical;
    2390   -webkit-box-direction: normal;
    2391   -webkit-flex-direction: column;
    2392   -moz-box-orient: vertical;
    2393   -moz-box-direction: normal;
    2394   -ms-flex-direction: column;
    2395   flex-direction: column;
    2396   height: 500px;
    2397   -webkit-box-pack: end;
    2398   -webkit-justify-content: flex-end;
    2399   -moz-box-pack: end;
    2400   -ms-flex-pack: end;
    2401   justify-content: flex-end;
    2402   max-width: 100%;
    2403   position: relative;
    2404 }
    2405 
    2406 .home-welcome .community-2 .screen {
    2407   background: rgba(0, 0, 0, 0.5);
    2408   height: 100%;
    2409   left: 0;
    2410   position: absolute;
    2411   right: 0;
    2412   top: 0;
    2413   width: 100%;
    2414   z-index: 0;
    2415 }
    2416 
    2417 .home-welcome .community-2 h2,
    2418 .home-welcome .community-2 .subheading {
    2419   color: #fff;
    2420   margin: 0 0 16px;
    2421   margin: 0 0 1rem;
    2422   max-width: 100%;
    2423   position: relative;
    2424   text-align: left;
    2425   text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    2426   z-index: 1;
    2427 }
    2428 
    2429 .home-welcome .showcase {
    2430   border-bottom: none;
    2431   margin: 0;
    2432   max-width: 100%;
    2433   padding-left: 0;
    2434   padding-right: 0;
    2435 }
    2436 
    2437 .home-welcome .showcase > div {
    2438   background: url(https://s.w.org/images/home/collage-min.jpg) center top;
    2439   -webkit-background-size: cover;
    2440   background-size: cover;
    2441   -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4);
    2442   box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4);
    2443   height: 300px;
    2444   width: 100%;
    2445 }
    2446 
    2447 @media (min-width: 700px) {
    2448   .home-welcome .showcase > div {
    2449     height: 600px;
    2450     background-attachment: fixed;
    2451   }
    2452 }
    2453 
    2454 .home-welcome .showcase .cta-link {
    2455   margin: 48.828px 0 0;
    2456   margin: 3.05176rem 0 0;
    2457   max-width: 100%;
    2458   text-align: center;
    2459 }
    2460 
    2461 .home-welcome #showcase-link {
    2462   font-size: 14px;
    2463 }
    2464 
    2465 #lang-guess {
    2466   background: #c7e8ca;
    2467   border: inherit;
    2468   -webkit-border-radius: inherit;
    2469   border-radius: inherit;
    2470   cursor: pointer;
    2471   font: inherit;
    2472   font-size: 12.8px;
    2473   font-size: .8rem;
    2474   margin: 0;
    2475   max-width: inherit;
    2476   padding: 8px;
    2477   padding: .5rem;
    2478   text-align: center;
    2479   width: inherit;
    2480 }
    2481 
    2482 @media (min-width: 67rem) {
    2483   #lang-guess {
    2484     margin: 1rem auto 0;
    2485     max-width: 50rem;
    2486   }
    2487 }
    2488 
    2489 #home-below {
    2490   margin-bottom: 14px;
    2491 }
    2492 
    2493 #home-below h4 {
    2494   border-bottom: 1px solid #dedede;
    2495   font-size: inherit;
    2496   padding-bottom: 4px;
    2497 }
    2498 
    2499 #home-below h5 {
    2500   line-height: 1;
    2501   margin: 0;
    2502   text-transform: none;
    2503 }
    2504 
    2505 #home-below ol, #home-below ul {
    2506   margin: 0;
    2507 }
    2508 
    2509 .page-template-get .site-header {
    2510   padding: 25px 18.288px;
    2511   padding: 1.5625rem 1.143rem;
    2512   text-align: center;
    2513 }
    2514 
    2515 .page-template-get .site-title {
    2516   display: inherit;
    2517   font-size: 61.035px;
    2518   font-size: 3.8146972656rem;
    2519   margin: 32px 0 16px;
    2520   margin: 2rem 0 1rem;
    2521 }
    2522 
    2523 .page-template-get section {
    2524   padding: 48.828px 25px;
    2525   padding: 3.0517578125rem 1.5625rem;
    2526 }
    2527 
    2528 .page-template-get section.download {
    2529   text-align: center;
    2530 }
    2531 
    2532 @media (min-width: 737px) {
    2533   .page-template-get section.download .container {
    2534     text-align: initial;
    2535   }
    2536   .page-template-get section.download .container aside,
    2537   .page-template-get section.download .container article {
    2538     display: inline-block;
    2539     vertical-align: top;
    2540   }
    2541   .page-template-get section.download .container aside {
    2542     width: 30%;
    2543   }
    2544   .page-template-get section.download .container article {
    2545     width: 65%;
    2546   }
    2547   .page-template-get section.download .container aside + article,
    2548   .page-template-get section.download .container article + aside {
    2549     margin-left: 5%;
    2550   }
    2551 }
    2552 
    2553 .page-template-get section.hosting {
    2554   text-align: center;
    2555 }
    2556 
    2557 .page-template-get section.hosting .three-up {
    2558   text-align: initial;
    2559 }
    2560 
    2561 .page-template-get section.hosting .three-up > div {
    2562   margin-top: 48px;
    2563   margin-top: 3rem;
    2564 }
    2565 
    2566 .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 {
    2567   height: 35px;
    2568 }
    2569 
    2570 @media (min-width: 737px) {
    2571   .page-template-get section.hosting .three-up > div {
    2572     float: left;
    2573     font-size: 0.8rem;
    2574     margin-right: 5%;
    2575     width: 30%;
    2576   }
    2577   .page-template-get section.hosting .three-up > div:last-child {
    2578     margin-right: 0;
    2579   }
    2580 }
    2581 
    2582 .page-template-get section.apps-mobile {
    2583   text-align: center;
    2584 }
    2585 
    2586 .page-template-get section.apps-mobile .web-stores {
    2587   margin: 32px auto 0;
    2588   margin: 2rem auto 0;
    2589   width: 100%;
    2590 }
    2591 
    2592 .page-template-get section.apps-mobile .web-stores a {
    2593   display: inline-block;
    2594   margin: 10px;
    2595   width: 150px;
    2596 }
    2597 
    2598 @media (min-width: 737px) {
    2599   .page-template-get section.apps-mobile .web-stores {
    2600     margin: 4rem auto 0;
    2601   }
    2602 }
    2603 
    2604 .page-template-get section.apps-mobile .ios .button-android {
    2605   display: none;
    2606 }
    2607 
    2608 .page-template-get section.apps-mobile .android .button-ios {
    2609   display: none;
    2610 }
    2611 
    2612 .page-template-get section + section {
    2613   border-top: 2px solid #eee;
    2614 }
    2615 
    2616 .page-template-get .call-to-action {
    2617   display: block;
    2618   font-size: 14.63px;
    2619   font-size: 0.9144rem;
    2620   margin: 32px 0 32px;
    2621   margin: 2rem 0 2rem;
    2622 }
    2623 
    2624 @media (min-width: 737px) {
    2625   .page-template-get .call-to-action {
    2626     font-size: 0.8rem;
    2627     margin: 4rem 0 2rem;
    2628   }
    2629 }
    2630 
    2631 .page-template-get .dashicons {
    2632   color: #cbcdce;
    2633   display: block;
    2634   font-size: 64px;
    2635   font-size: 4rem;
    2636   height: auto;
    2637   margin: 0 auto -16px;
    2638   margin: 0 auto -1rem;
    2639   width: auto;
    2640 }
    2641 /*# 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,.home-below:after,.home-below: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,.home-below: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}.entry-footer>span{margin-right:16px;margin-right:1rem}.entry-footer>span :last-of-type{margin:0}.entry-footer .byline,.entry-footer .sticky .posted-on,.entry-footer .updated:not(.published){display:none}.entry-footer .group-blog .byline,.entry-footer .single .byline{display:inline}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-content{margin:0 auto;max-width:960px;padding:48.828px 25px;padding:3.0517578125rem 1.5625rem}@media screen and (min-width:737px){.site-content{padding:3.0517578125rem 10px}}.single .site-content,.site-content.single{padding:0}@media screen and (min-width:737px){.single .site-content,.site-content.single{padding:0 10px 3.0517578125rem}}.home .site-content,.page .site-content,.site-content.page{margin:auto;max-width:none;padding:0}.site-content .page-title{font-size:25px;font-size:1.5625rem;font-weight:400}.site-content .no-results{margin:0 auto;max-width:568.434px;max-width:35.527136788rem;padding:0 32px;padding:0 2rem}.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-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}@media screen and (min-width:769px){#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after,#wporg-header ul li a.current~.uparrow{border-bottom-color:#0073aa}}.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}.error-404 .page-content,.error-404 .page-title{text-align:center}.error-404 .page-content .logo-swing{height:160px;height:10rem;margin:96px auto;margin:6rem auto;position:relative;text-align:center;width:160px;width:10rem}.error-404 .page-content .logo-swing .wp-logo{left:0;max-width:none;position:absolute;top:0;width:160px;width:10rem}@keyframes a{10%{width:180px;height:180px;transform:rotate(0deg)}15%{width:185px;height:185px;transform:rotate(0deg)}20%{width:180px;height:180px;transform:rotate(5deg)}40%{transform-origin:top left;animation-timing-function:ease-in-out}60%{transform:rotate(40deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-duration:2s;animation-name:a}.comments-area{margin-top:5em}.comments-area>:last-child{margin-bottom:0}.comments-area .comment-list+.comment-respond{border-top:1px solid #eaeaea}.comments-area .comment-list+.comment-respond,.comments-area .comment-navigation+.comment-respond{padding-top:1.6em}.comments-area .comments-title{margin-bottom:1.3333em}.comments-area .comment-list{list-style:none;margin:0}.comments-area .comment-list .pingback,.comments-area .comment-list .trackback,.comments-area .comment-list article{border-top:1px solid #eaeaea;padding:1.6em 0}.comments-area .comment-list .children{list-style:none;margin:0}.comments-area .comment-list .children>li{padding-left:.8em}.comments-area .comment-list .alt{background:none}.comments-area .comment-author{color:#999;margin-bottom:.4em}.comments-area .comment-author .avatar{float:left;height:24px;margin-right:.8em;width:24px}.comments-area .comment-metadata,.comments-area .pingback .edit-link{color:#999;line-height:1.5}.comments-area .comment-metadata a,.comments-area .pingback .edit-link a{color:#777;border-bottom:1px solid #dfdfdf}.comments-area .comment-metadata a:focus,.comments-area .comment-metadata a:hover,.comments-area .pingback .edit-link a:focus,.comments-area .pingback .edit-link a:hover{color:#d54e21;border-bottom-color:#d54e21}.comments-area .comment-metadata{margin-bottom:1.6em}.comments-area .comment-metadata .edit-link,.comments-area .pingback .edit-link{margin-left:1em}.comments-area .pingback .edit-link:before{top:5px}.comments-area .comment-content ol,.comments-area .comment-content ul{margin:0 0 1.6em 1.3333em}.comments-area .comment-content>:last-child,.comments-area .comment-content li>ol,.comments-area .comment-content li>ul{margin-bottom:0}.comments-area .comment-content .reply{font-size:12px}.comments-area .comment-content .reply a{border:1px solid #eaeaea;color:#707070;display:inline-block;font-weight:700;line-height:1;margin-top:2em;padding:.4167em .8333em;text-transform:uppercase}.comments-area .comment-content .reply a:focus,.comments-area .comment-content .reply a:hover{border-color:#333;color:#333;outline:0}.comments-area .comment-form{padding-top:1.6em}.comments-area .comment-form label{font-size:12px;font-weight:700;display:block;letter-spacing:.04em;line-height:1.5}.comments-area .comment-form input[type=email],.comments-area .comment-form input[type=text],.comments-area .comment-form input[type=url]{width:100%}.comments-area .comment-awaiting-moderation,.comments-area .comment-notes,.comments-area .form-allowed-tags,.comments-area .logged-in-as{font-size:16px;font-size:1rem;line-height:1.5;margin-bottom:2em}.comments-area .no-comments{border-top:1px solid #eaeaea;color:#999;font-weight:700;padding-top:1.6em}.comments-area .comment-navigation+.no-comments{border-top:0}.comments-area .form-allowed-tags code{font-family:Inconsolata,monospace}.comments-area .form-submit{margin-bottom:0}.comments-area .required{color:#c0392b}.page .entry-header{background:#0073aa;padding:16px 0;padding:1rem 0;position:relative}.page .entry-header .entry-title{color:#fff;font-size:25px;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 auto;max-width:960px;padding:0 25px;padding:0 1.5625rem}@media screen and (min-width:737px){.page .entry-header .entry-title{padding:0 10px}}.page .entry-header.home{padding:25px 18.288px;padding:1.5625rem 1.143rem;text-align:center}.page .entry-content,.page .entry-footer{margin:0 auto;max-width:960px;padding:48.828px 25px;padding:3.0517578125rem 1.5625rem}.post-navigation{margin:5em auto;padding:0}.post-navigation a{border-bottom:1px solid #eaeaea;color:#444;display:block;font-weight:600;padding:11px 0 12px;text-transform:none;width:100%}.post-navigation a:hover{color:#21759b}.post-navigation .nav-links{border-top:1px solid #eaeaea;hyphens:auto;word-wrap:break-word}.post-navigation .meta-nav{color:#777;display:block;font-size:13px;line-height:2;text-transform:uppercase}.post-navigation .nav-next{text-align:right}.home-welcome{background:#fff;border-bottom:1px solid #dfdfdf;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-of-type{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 #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}}#home-below{margin-bottom:14px}#home-below h4{border-bottom:1px solid #dedede;font-size:inherit;padding-bottom:4px}#home-below h5{line-height:1;margin:0;text-transform:none}#home-below ol,#home-below ul{margin:0}.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}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/template-parts/content-page.php

    r5892 r5893  
    1010?>
    1111
    12 <article id="post-<?php the_ID(); ?>" <?php post_class( 'col-9' ); ?>>
     12<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    1313    <header class="entry-header">
    1414        <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
     
    4040    </footer><!-- .entry-footer -->
    4141</article><!-- #post-## -->
    42 <aside class="col-3" role="complementary">
    43     <?php get_sidebar( 'page' ); ?>
    44 </aside>
Note: See TracChangeset for help on using the changeset viewer.