WordPress.org
Get WordPress

Making WordPress.org

Changeset 5879


Ignore:
Timestamp:
09/04/2017 03:22:08 PM (7 years ago)
Author:
obenland
Message:

Main: Add front page template.

Brings the existing WordPress.org front page to the Main theme.
Still nneds work around pulling in News posts and some polish.

See #2861.

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

Legend:

Unmodified
Added
Removed

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_components.scss

    r4885 r5879  
     1@import "home-welcome";
    12@import "template-get";

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/objects/_objects.scss

    r4885 r5879  
    1313@import "../../../wporg/css/objects/site-title";
    1414@import "../../../wporg/css/objects/wporg-header";
     15@import "site-header";

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

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

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

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