WordPress.org

Making WordPress.org

Changeset 6166


Ignore:
Timestamp:
11/24/2017 01:05:49 AM (8 months ago)
Author:
tellyworth
Message:

Plugin directory theme: better visual separation of blockquote elements. Props @webdevmattcrom and @noisysocks

Uses a different background colour and padding to make blockquotes stand out more.

Fixes #2790

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

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/styles/elements/_elements.scss

    r4223 r6166  
    2626blockquote {
    2727    // Override wp4.css.
    28     background: transparent;
     28    background: $color__background-pre;
    2929    border: none;
    30     padding: 0;
    3130
    32     border-left: 2px solid $color__border;
    3331    color: #82878c;
    3432    font-style: italic;
    3533    margin: 1rem 0;
    36     padding-left: 1rem;
     34    padding: 1rem 2rem;
    3735
    3836    cite {
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

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