WordPress.org

Making WordPress.org

Changeset 5892


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

WPorg/Main: First pass at blog-related templates.

See #2861.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub
Files:
10 added
1 deleted
9 edited

Legend:

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

    r5885 r5892  
    11@import "../../../wporg/css/components/404";
     2@import "../../../wporg/css/components/comments";
    23@import "../../../wporg/css/components/page";
     4@import "../../../wporg/css/components/post-navigation";
    35@import "home-welcome";
    46@import "template-get";
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/objects/_objects.scss

    r5879 r5892  
    44@import "../../../wporg/css/objects/clearings";
    55@import "../../../wporg/css/objects/copy";
     6@import "../../../wporg/css/objects/entry-footer";
    67@import "../../../wporg/css/objects/inputs";
    78@import "../../../wporg/css/objects/links";
    89@import "../../../wporg/css/objects/main-navigation";
    910@import "../../../wporg/css/objects/notices";
     11@import "../../../wporg/css/objects/site-content";
    1012@import "../../../wporg/css/objects/site-description";
    1113@import "../../../wporg/css/objects/site-header";
    12 @import "../../../wporg/css/objects/site-main";
    1314@import "../../../wporg/css/objects/site-title";
    1415@import "../../../wporg/css/objects/wporg-header";
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/style-rtl.css

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

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

    r5891 r5892  
    115115
    116116                <?php
    117                 foreach ( get_posts( [ 'numberposts' => 1 ] ) as $featured_post ) :
    118                     setup_postdata( $featured_post );
     117                $featured = new \WP_Query( [ 'posts_per_page' => 1 ] );
     118                while ( $featured->have_posts() ) :
     119                    $featured->the_post();
    119120                    the_title( sprintf( '<h5><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h5>' );
    120121                    echo '<p>' . apply_filters( 'the_excerpt', get_the_excerpt() ) . '</p>';
    121                 endforeach;
    122                 wp_reset_postdata();
     122                endwhile;
     123                wp_reset_query();
    123124                ?>
    124125            </div>
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/functions.php

    r5877 r5892  
    174174}
    175175add_action( 'wp_head', __NAMESPACE__ . '\hreflang_link_attributes' );
     176
     177/**
     178 * Custom template tags.
     179 */
     180require_once get_template_directory() . '/inc/template-tags.php';
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/header.php

    r3879 r5892  
    11<?php
    22/**
    3  * The header for our theme.
     3 * The template for displaying all pages.
    44 *
    5  * This is the template that displays all of the <head> section and everything up until <div id="content">
     5 * This is the template that displays all pages by default.
     6 * Please note that this is the WordPress construct of pages
     7 * and that other 'pages' on your WordPress site may use a
     8 * different template.
    69 *
    7  * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
     10 * @link https://codex.wordpress.org/Template_Hierarchy
    811 *
    9  * @package WordPressdotorg\Theme
     12 * @package WordPressdotorg\Plugin_Directory\Theme
    1013 */
    1114
     
    1821
    1922    <div id="content" class="site-content">
    20         <header id="masthead" class="site-header" role="banner">
    21             <div class="site-branding">
    22                 <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
    23 
    24                 <nav id="site-navigation" class="main-navigation" role="navigation">
    25                     <button class="menu-toggle dashicons dashicons-arrow-down-alt2" aria-controls="primary-menu" aria-expanded="false" aria-label="<?php esc_attr_e( 'Primary Menu', 'wporg' ); ?>"></button>
    26                     <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu', 'depth' => 1 ) ); ?>
    27                 </nav><!-- #site-navigation -->
    28             </div><!-- .site-branding -->
    29         </header><!-- #masthead -->
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/index.php

    r3879 r5892  
    1717get_header(); ?>
    1818
    19     <main id="main" class="site-main" role="main">
     19    <main id="main" class="site-main col-8" role="main">
    2020
    2121        <?php
     
    2626                the_post();
    2727
    28                 get_template_part( 'content' );
     28                get_template_part( 'template-parts/content' );
    2929            endwhile;
    3030
     
    3939
    4040    <?php
     41get_sidebar();
    4142get_footer();
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/template-parts/content-page.php

    r5884 r5892  
    1010?>
    1111
    12 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
     12<article id="post-<?php the_ID(); ?>" <?php post_class( 'col-9' ); ?>>
    1313    <header class="entry-header">
    1414        <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
     
    2020
    2121        wp_link_pages( array(
    22             'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'wporg-plugins' ),
     22            'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'wporg' ),
    2323            'after'  => '</div>',
    2424        ) );
     
    3131            sprintf(
    3232            /* translators: %s: Name of current post */
    33                 esc_html__( 'Edit %s', 'wporg-plugins' ),
     33                esc_html__( 'Edit %s', 'wporg' ),
    3434                the_title( '<span class="screen-reader-text">"', '"</span>', false )
    3535            ),
     
    4040    </footer><!-- .entry-footer -->
    4141</article><!-- #post-## -->
     42<aside class="col-3" role="complementary">
     43    <?php get_sidebar( 'page' ); ?>
     44</aside>
Note: See TracChangeset for help on using the changeset viewer.