/** * Like Button toolbar button, loading text & container styles * * @todo: doesn't look like "style.css" is used anymore. */ /* Master container */ #jp-post-flair { padding-top: .5em; } /* Overall Sharedaddy block title */ div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy { clear: both; } div.sharedaddy h3.sd-title { margin: 0 0 1em 0; display: inline-block; line-height: 1.2; font-size: 9pt; font-weight: bold; } div.sharedaddy h3.sd-title:before { content: ""; display: block; width: 100%; min-width: 30px; border-top: 1px solid #ddd; margin-bottom: 1em; } /* Toolbar */ #wpadminbar li#wp-admin-bar-admin-bar-likes-widget { width: 61px; overflow: hidden; } #wpadminbar iframe.admin-bar-likes-widget { width: 61px; height: 28px; min-height: 28px; border-width: 0px; position: absolute; top: 0; } div.jetpack-likes-widget-wrapper { width: 100%; min-height: 50px; /* Previous height, 60px */ position: relative; /* Need to abs position placeholder and iframe so there isn't a jarring jump */ } div.jetpack-likes-widget-wrapper .sd-link-color { font-size: 12px; } div.jetpack-likes-widget-wrapper.slim-likes-widget { width: 1px; /* initial default */ min-height: 0; } #likes-other-gravatars { display: none; position: absolute; padding: 10px 10px 12px 10px; background-color: #2e4453; border-width: 0; box-shadow: 0 0 10px #2e4453; box-shadow: 0 0 10px rgba(46,68,83,.6); min-width: 130px; z-index: 1000; } #likes-other-gravatars * { line-height: normal; } #likes-other-gravatars .likes-text { color: white; font-size: 12px; padding-bottom: 8px; } #likes-other-gravatars ul, #likes-other-gravatars li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; } #likes-other-gravatars li::before { content: ""; } #likes-other-gravatars ul.wpl-avatars { overflow: auto; display: block; max-height: 190px; } #likes-other-gravatars ul.wpl-avatars li { width: 32px; height: 32px; float: left; margin: 0 5px 5px 0; } #likes-other-gravatars ul.wpl-avatars li a { margin: 0 2px 0 0; border-bottom: none !important; display: block; } #likes-other-gravatars ul.wpl-avatars li a img { background: none; border: none; margin: 0 !important; padding: 0 !important; position: static; } div.sd-box { border-top: 1px solid #ddd; border-top: 1px solid rgba(0,0,0,.13); } .entry-content .post-likes-widget, .post-likes-widget, .comment-likes-widget { margin: 0; border-width: 0; display: block; } /* Loading text */ .post-likes-widget-placeholder { margin: 0; border-width: 0; position: relative; } .post-likes-widget-placeholder .button { display: none; /* Let's not show a dummy like button, let's just make a great button experience once it's loaded */ } .post-likes-widget-placeholder .button span { } .post-likes-widget-placeholder .loading { color: #999; font-size: 12px; } .slim-likes-widget .post-likes-widget { width: auto; float: none; } /* Like Special cases (display on it's own) */ div.sharedaddy.sd-like-enabled .sd-like h3 { display: none; } div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget { width: 100%; float: none; position: absolute; /* Need to abs position placeholder and iframe so there isn't a jarring jump */ top: 0; } .comment-likes-widget { width: 100%; } /* Make ratings block. @todo: make !important unnecessary by removing inline style */ .pd-rating { display: block !important; } /* Hide G+ title */ .sd-gplus .sd-title { display: none; } /* line 16, _typography.scss */ body { font-family: "Merriweather Sans", Helvetica, Arial, sans-serif; } /* line 21, _typography.scss */ .lp-module h1, .lp-module h2, .lp-module h3, .lp-module h4, .lp-module p { line-height: 1.618; } /* line 24, _typography.scss */ .lp-module h1, .lp-module h2, .lp-module h3, .lp-module h4 { font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 31, _typography.scss */ .lp-module h1 { font-size: 47px; } /* line 34, _typography.scss */ .lp-module h2 { font-size: 32px; letter-spacing: -0.025em; } @media (max-width: 660px) { /* line 34, _typography.scss */ .lp-module h2 { font-size: 24px; } } /* line 42, _typography.scss */ .lp-module h3 { font-size: 24px; } @media (max-width: 660px) { /* line 42, _typography.scss */ .lp-module h3 { font-size: 21px; } } /* line 49, _typography.scss */ .lp-module h4 { font-size: 21px; } /* line 53, _typography.scss */ .lp-module h5 { font-size: 21px; } /* line 57, _typography.scss */ .lp-module h6 { font-size: 16px; } /* line 61, _typography.scss */ .lp-module p, .lp-module ul, .lp-module ol { font-size: 16px; font-weight: 300; } /* line 67, _typography.scss */ .lp-module p.foot-notes { font-size: 12px; font-weight: 400; opacity: 0.7; } /* line 76, _typography.scss */ html[dir=rtl] .lp-module h1, html[dir=rtl] .lp-module h2, html[dir=rtl] .lp-module h3, html[dir=rtl] .lp-module h4 { font-family: Tahoma, Helvetica, Arial, sans-serif; } /* line 84, _typography.scss */ .lp-faq.is-long h4 { font-size: 16px; } /* line 89, _typography.scss */ .legacy-footer { font-family: "Merriweather Sans", Helvetica, Arial, sans-serif; } /* line 92, _typography.scss */ .legacy-footer h4 { font-family: "Merriweather Sans", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; } /* line 99, _typography.scss */ .legacy-footer li { font-size: 13px; line-height: 16px; } /* Components * Reusable components that can be use directly or extended */ /* line 5, _components.scss */ .card { background: white; border: 1px solid #d9e3ea; box-sizing: border-box; } /* line 13, _components.scss */ button { background: transparent; border: none; outline: 0; padding: 0; font-size: 14px; -webkit-appearance: none; appearance: none; vertical-align: baseline; } /* line 24, _components.scss */ .button, .lp-showcase__theme-list a span, .legacy-footer .button-primary { background: white; border-color: #c8d7e1; border-style: solid; border-width: 1px 1px 2px; color: #2e4453; cursor: pointer; display: inline-block; margin: 0; outline: 0; overflow: hidden; font-weight: 600; text-overflow: ellipsis; text-decoration: none; vertical-align: top; box-sizing: border-box; font-size: 14px; line-height: 21px; border-radius: 4px; padding: 7px 14px 9px; -webkit-appearance: none; appearance: none; transition: all .2s ease-in; -webkit-font-smoothing: none; -webkit-font-smoothing: auto; } /* line 51, _components.scss */ .button:hover, .lp-showcase__theme-list a span:hover, .legacy-footer .button-primary:hover { border-color: #a8bece; color: #2e4453; } /* line 55, _components.scss */ .button:active, .lp-showcase__theme-list a span:active, .legacy-footer .button-primary:active { border-width: 2px 1px 1px; } /* line 58, _components.scss */ .button:visited, .lp-showcase__theme-list a span:visited, .legacy-footer .button-primary:visited { color: #2e4453; } /* line 62, _components.scss */ .button[disabled], .lp-showcase__theme-list a span[disabled], .legacy-footer [disabled].button-primary, .button:disabled, .lp-showcase__theme-list a span:disabled, .legacy-footer .button-primary:disabled { color: #e9eff3; background: white; border-color: #e9eff3; cursor: default; } /* line 68, _components.scss */ .button[disabled]:active, .lp-showcase__theme-list a span[disabled]:active, .legacy-footer [disabled].button-primary:active, .button:disabled:active, .lp-showcase__theme-list a span:disabled:active, .legacy-footer .button-primary:disabled:active { border-width: 1px 1px 2px; } /* line 72, _components.scss */ .button:focus, .lp-showcase__theme-list a span:focus, .legacy-footer .button-primary:focus { border-color: #00aadc; box-shadow: 0 0 0 2px #78dcfa; } /* line 76, _components.scss */ .button.is-compact, .lp-showcase__theme-list a span.is-compact, .legacy-footer .is-compact.button-primary { padding: 7px; color: #668eaa; font-size: 11px; line-height: 1; text-transform: uppercase; } /* line 83, _components.scss */ .button.is-compact .gridicon, .lp-showcase__theme-list a span.is-compact .gridicon, .legacy-footer .is-compact.button-primary .gridicon { top: 4px; margin-top: -8px; } /* line 88, _components.scss */ .button.hidden, .lp-showcase__theme-list a span.hidden, .legacy-footer .hidden.button-primary { display: none; } /* line 91, _components.scss */ .button .gridicon, .lp-showcase__theme-list a span .gridicon, .legacy-footer .button-primary .gridicon { position: relative; top: 4px; margin-top: -2px; width: 18px; height: 18px; } /* line 101, _components.scss */ .button.is-primary, .lp-showcase__theme-list a span, .legacy-footer .button-primary { background: #00aadc; border-color: #0087be; color: white; } /* line 107, _components.scss */ .button.is-primary:hover, .lp-showcase__theme-list a span:hover, .legacy-footer .button-primary:hover, .button.is-primary:focus, .lp-showcase__theme-list a span:focus, .legacy-footer .button-primary:focus { border-color: #005082; color: white; } /* line 111, _components.scss */ .button.is-primary[disabled], .lp-showcase__theme-list a span[disabled], .legacy-footer [disabled].button-primary { background: #bbedfc; border-color: #8cc9e1; color: white; } /* line 116, _components.scss */ .button.is-primary.is-compact, .lp-showcase__theme-list a span.is-compact, .legacy-footer .is-compact.button-primary { color: white; } /* line 123, _components.scss */ .button.is-scary, .lp-showcase__theme-list a span.is-scary, .legacy-footer .is-scary.button-primary, .button.is-dangerous, .lp-showcase__theme-list a span.is-dangerous, .legacy-footer .is-dangerous.button-primary { color: #d94f4f; } /* line 126, _components.scss */ .button.is-scary[disabled], .lp-showcase__theme-list a span.is-scary[disabled], .legacy-footer .is-scary[disabled].button-primary, .button.is-dangerous[disabled], .lp-showcase__theme-list a span.is-dangerous[disabled], .legacy-footer .is-dangerous[disabled].button-primary { color: #f4cdcd; } /* line 132, _components.scss */ .button.is-primary.is-scary, .lp-showcase__theme-list a span.is-scary, .legacy-footer .is-scary.button-primary, .button.is-destructive, .lp-showcase__theme-list a span.is-destructive, .legacy-footer .is-destructive.button-primary { background: #d94f4f; border-color: #a02222; color: white; } /* line 138, _components.scss */ .button.is-primary.is-scary:hover, .lp-showcase__theme-list a span.is-scary:hover, .legacy-footer .is-scary.button-primary:hover, .button.is-primary.is-scary:focus, .lp-showcase__theme-list a span.is-scary:focus, .legacy-footer .is-scary.button-primary:focus, .button.is-destructive:hover, .lp-showcase__theme-list a span.is-destructive:hover, .legacy-footer .is-destructive.button-primary:hover, .button.is-destructive:focus, .lp-showcase__theme-list a span.is-destructive:focus, .legacy-footer .is-destructive.button-primary:focus { border-color: #761919; } /* line 141, _components.scss */ .button.is-primary.is-scary[disabled], .lp-showcase__theme-list a span.is-scary[disabled], .legacy-footer .is-scary[disabled].button-primary, .button.is-destructive[disabled], .lp-showcase__theme-list a span.is-destructive[disabled], .legacy-footer .is-destructive[disabled].button-primary { background: #eba3a3; border-color: #e48383; } /* line 150, _components.scss */ button, a.button, .legacy-footer a.button-primary { padding: 0.5em 1em 0.5em; color: #2e4453; font-weight: 400 !important; } /* line 155, _components.scss */ button.is-medium, a.button.is-medium, .legacy-footer a.is-medium.button-primary { font-size: 16px; } /* line 159, _components.scss */ button.is-large, a.button.is-large, .legacy-footer a.is-large.button-primary { font-size: 18px; } /* line 163, _components.scss */ button.is-xlarge, a.button.is-xlarge, .legacy-footer a.is-xlarge.button-primary { font-size: 21px; } @media (max-width: 660px) { /* line 163, _components.scss */ button.is-xlarge, a.button.is-xlarge, .legacy-footer a.is-xlarge.button-primary { font-size: 18px; } } /* line 171, _components.scss */ button.is-large.is-primary, a.button.is-large.is-primary, .legacy-footer a.is-large.button-primary { color: #fff; } /* line 175, _components.scss */ button.is-gray-dark, a.button.is-gray-dark, .legacy-footer a.is-gray-dark.button-primary { background: #2e4453; border-color: #253643; color: white; } /* line 180, _components.scss */ button.is-blue-dark, a.button.is-blue-dark, .legacy-footer a.is-blue-dark.button-primary { background: #005082; border-color: #004069; color: white; } /* line 8, _reset.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } /* line 18, _reset.scss */ html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } /* line 24, _reset.scss */ body { background: #fff; } /* line 36, _reset.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } /* line 39, _reset.scss */ ol, ul { list-style: none; } /* line 42, _reset.scss */ table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } /* line 46, _reset.scss */ caption, th, td { font-weight: normal; text-align: left; } /* line 51, _reset.scss */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } /* line 54, _reset.scss */ blockquote, q { quotes: "" ""; } /* line 57, _reset.scss */ a:focus { outline: thin dotted; } /* line 61, _reset.scss */ a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; } /* line 64, _reset.scss */ a img { border: 0; } /* line 70, _reset.scss */ input, textarea { border-radius: 0; appearance: none; } /* line 75, _reset.scss */ input[type="radio"], input[type="checkbox"] { -webkit-appearance: none; } /* line 6, _generic.scss */ html { box-sizing: border-box; } /* line 9, _generic.scss */ *, *:before, *:after { box-sizing: inherit; } /* line 13, _generic.scss */ body { background: #2e4453; margin: 0; padding: 0 !important; } /* line 21, _generic.scss */ a:link, a:visited, h2 a:visited { color: #005082; } /* line 25, _generic.scss */ .lp-module { position: relative; width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; background-color: white; } /* line 68, _utils.scss */ .lp-module:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* line 30, _generic.scss */ .lp-module h2 { padding: 0.4em 0; margin: 0; text-align: center; color: #2e4453; } /* line 37, _generic.scss */ .lp-module h3, .lp-module h4 { color: #253643; } /* line 41, _generic.scss */ .lp-module h5 { color: #4f748e; font-weight: 400; } /* line 46, _generic.scss */ .lp-module p { color: #4f748e; } /* line 51, _generic.scss */ .lp-module.is-blue { background-color: #0087be; } /* line 53, _generic.scss */ .lp-module.is-blue h1, .lp-module.is-blue h2, .lp-module.is-blue h3 { color: white; } /* line 56, _generic.scss */ .lp-module.is-blue h4, .lp-module.is-blue h5, .lp-module.is-blue p { color: #e9eff3; } /* line 61, _generic.scss */ .lp-module.is-grey { background-color: #2e4453; } /* line 65, _generic.scss */ .lp-module.is-light { background-color: white; } /* line 69, _generic.scss */ .lp-module.is-light-grey { background-color: #f3f6f8; } /* line 74, _generic.scss */ .lp-module.is-dark-grey { background-color: #2e4453; } /* line 79, _generic.scss */ .lp-module.is-light h1, .lp-module.is-light h2, .lp-module.is-light h3, .lp-module.is-light-grey h1, .lp-module.is-light-grey h2, .lp-module.is-light-grey h3 { color: #2e4453; } /* line 82, _generic.scss */ .lp-module.is-light h4, .lp-module.is-light h5, .lp-module.is-light p, .lp-module.is-light-grey h4, .lp-module.is-light-grey h5, .lp-module.is-light-grey p { color: #4f748e; } /* line 88, _generic.scss */ .lp-module.is-dark h1, .lp-module.is-dark h2, .lp-module.is-dark h3 { color: white; } /* line 91, _generic.scss */ .lp-module.is-dark h4, .lp-module.is-dark h5, .lp-module.is-dark p { color: #d9e3ea; } /* line 95, _generic.scss */ .lp-module.is-dark .button.is-primary:hover, .lp-module.is-dark .lp-showcase__theme-list a span:hover, .lp-showcase__theme-list a .lp-module.is-dark span:hover, .lp-module.is-dark .legacy-footer .button-primary:hover, .legacy-footer .lp-module.is-dark .button-primary:hover { border-color: #00609b; } /* line 101, _generic.scss */ .lp-module.header-extra-padding { padding-top: 3.5rem; } /* line 106, _generic.scss */ .is-fullscreen { height: 100vh; } /* line 110, _generic.scss */ .lp-container, .wpcom-navigation, .wpcom-masterbar .wpcom-navigation { position: relative; max-width: 1140px; margin: 0 auto; padding: 48px 16px; overflow: visible; } /* line 117, _generic.scss */ .lp-container.is-divider:before, .is-divider.wpcom-navigation:before { position: absolute; top: 0; left: 0; right: 0; height: 1px; width: 100%; content: " "; background: linear-gradient(to right, rgba(200, 215, 225, 0) 0%, #c8d7e1 50%, rgba(200, 215, 225, 0) 100%); opacity: 0.75; } /* line 130, _generic.scss */ .lp-module.is-dark .is-divider:before { position: absolute; bottom: 0; left: 0; right: 0; height: 1px; width: 100%; content: " "; background: linear-gradient(to right, rgba(28, 41, 50, 0) 0%, rgba(28, 41, 50, 0.7) 50%, rgba(28, 41, 50, 0) 100%); opacity: 0.75; } /* line 142, _generic.scss */ .lp-small-block { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 41.66667%; float: left; } @media (max-width: 660px) { /* line 142, _generic.scss */ .lp-small-block { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; } } /* line 149, _generic.scss */ .lp-small-block.align-right { float: right; } @media (max-width: 660px) { /* line 149, _generic.scss */ .lp-small-block.align-right { float: none; } } /* line 158, _generic.scss */ .lp-large-block { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 58.33333%; float: left; } @media (max-width: 660px) { /* line 158, _generic.scss */ .lp-large-block { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; } } /* line 166, _generic.scss */ .lp-one-third-block, .lp-faq__item .lp-faq__question { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 33.33333%; float: left; } @media (max-width: 660px) { /* line 166, _generic.scss */ .lp-one-third-block, .lp-faq__item .lp-faq__question { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; } } /* line 174, _generic.scss */ .lp-half-block, .lp-faq.is-long .lp-faq__item { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; float: left; } @media (max-width: 660px) { /* line 174, _generic.scss */ .lp-half-block, .lp-faq.is-long .lp-faq__item { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; } } /* line 182, _generic.scss */ .lp-two-thirds-block, .lp-faq__item .lp-faq__response { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 66.66667%; float: left; } @media (max-width: 660px) { /* line 182, _generic.scss */ .lp-two-thirds-block, .lp-faq__item .lp-faq__response { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; } } /* line 190, _generic.scss */ .lp-full-block, .lp-faq__row { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; position: relative; } /* line 195, _generic.scss */ .lp-cta-area { overflow: auto; padding: 30px 0 0; text-align: center; } /* line 201, _generic.scss */ .lp-cta { padding: 30px 0; text-align: center; } @media (max-width: 480px) { /* line 206, _generic.scss */ .lp-cta .button, .lp-cta .lp-showcase__theme-list a span, .lp-showcase__theme-list a .lp-cta span, .lp-cta .legacy-footer .button-primary, .legacy-footer .lp-cta .button-primary { margin-bottom: 16px; } } /* line 211, _generic.scss */ .lp-cta.double-cta .button, .lp-cta.double-cta .lp-showcase__theme-list a span, .lp-showcase__theme-list a .lp-cta.double-cta span, .lp-cta.double-cta .legacy-footer .button-primary, .legacy-footer .lp-cta.double-cta .button-primary { margin: 0 5px; } /* line 68, _utils.scss */ .lp-module-notes:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* line 221, _generic.scss */ .lp-small-text p, .lp-small-text ul, .lp-small-text ol { font-size: 14px; } /* line 226, _generic.scss */ .is-small-only { display: none; } @media (max-width: 660px) { /* line 226, _generic.scss */ .is-small-only { display: inline-block; } } /* line 233, _generic.scss */ .is-large-only { display: none; } @media (min-width: 661px) { /* line 233, _generic.scss */ .is-large-only { display: block; } } /* line 240, _generic.scss */ .gridicons-quote { background-image: url(data:image/svg+xml;base64, ); } @media (min-width: 661px) { /* line 244, _generic.scss */ .is-mobile-only { display: none; } } /*-------------------------------------------------------------- Masterbar overrides --------------------------------------------------------------*/ /* line 1, _header.scss */ .wpcom-masterbar { position: fixed; left: 0; top: 0; width: 100%; height: 48px; background-color: #0087be; border-bottom: 1px solid #0079aa; z-index: 9998; color: white; font-size: 0.9em; box-shadow: none; -webkit-font-smoothing: subpixel-antialiased; transition: all 0.3s ease-in; } /* line 16, _header.scss */ .wpcom-masterbar.is-transparent { background: transparent; border-bottom: 1px solid transparent; } /* line 20, _header.scss */ .wpcom-masterbar.is-transparent .button, .wpcom-masterbar.is-transparent .lp-showcase__theme-list a span, .lp-showcase__theme-list a .wpcom-masterbar.is-transparent span, .wpcom-masterbar.is-transparent .legacy-footer .button-primary, .legacy-footer .wpcom-masterbar.is-transparent .button-primary { opacity: 0; } /* line 25, _header.scss */ .wpcom-masterbar .wpcom-logo { display: block; width: 150px; height: 48px; background: url(../wp-content/themes/h4/landing/marketing/img/wpcom-white.svg) no-repeat left center; background-size: 100% auto; color: #fff; font-weight: 100; font-size: 17px; text-indent: -50000px; text-decoration: none; } /* line 37, _header.scss */ .wpcom-masterbar .wpcom-logo.is-blue { background-image: url(../wp-content/themes/h4/landing/marketing/img/wpcom-blue.svg); } /* line 41, _header.scss */ .wpcom-masterbar .wpcom-logo.is-dark { background-image: url(../wp-content/themes/h4/landing/marketing/img/wpcom-grey.svg); } /* line 47, _header.scss */ .wpcom-masterbar .wpcom-navigation { padding: 0 20px; font-size: 15px; } /* line 53, _header.scss */ .wpcom-masterbar .button, .wpcom-masterbar .lp-showcase__theme-list a span, .lp-showcase__theme-list a .wpcom-masterbar span, .wpcom-masterbar .legacy-footer .button-primary, .legacy-footer .wpcom-masterbar .button-primary { float: right; margin: 4px 0; transition: all 0.3s ease-in; } /* line 59, _header.scss */ .wpcom-masterbar ul { float: left; list-style: none; padding: 0; margin: 0; } /* line 65, _header.scss */ .wpcom-masterbar ul li { float: left; } /* line 69, _header.scss */ .wpcom-masterbar ul a { display: block; height: 48px; line-height: 48px; margin: 0; padding: 0 10px; outline: 0; transition: background 100ms ease-in-out, color 80ms ease-in-out; color: white; text-decoration: none; } /* line 80, _header.scss */ .wpcom-masterbar ul a:hover { background: #00aadc; color: white; cursor: pointer; box-shadow: inset 0 -2px rgba(0, 86, 132, 0.2); } @media (max-width: 480px) { /* line 1, _header.scss */ .wpcom-masterbar { left: 0; padding: 0 10px; } /* line 94, _header.scss */ .wpcom-masterbar .wpcom-navigation { padding: 0; } } /* line 101, _header.scss */ .loggedin .wpcom-masterbar { top: 32px; } @media (max-width: 782px) { /* line 101, _header.scss */ .loggedin .wpcom-masterbar { top: 46px; position: absolute; } } @media (max-width: 660px) { /* line 112, _header.scss */ .wpcom-nav .wpcom-pages .pages-menu { display: none; } /* line 114, _header.scss */ .wpcom-nav .wpcom-pages .pages-menu.toggled-on { display: none; background: white; float: none; line-height: 46px; min-width: 220px; overflow: visible; padding: 0; position: absolute; width: auto; z-index: 1; box-sizing: border-box; box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1); display: block; top: 44px; right: 10px; } /* line 131, _header.scss */ .wpcom-nav .wpcom-pages .pages-menu.toggled-on li { display: block; float: none; } /* line 136, _header.scss */ .wpcom-nav .wpcom-pages .pages-menu.toggled-on a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #0085be; display: block; float: none; height: auto; margin: 0; padding: 0 14px; text-align: left; } /* line 147, _header.scss */ .wpcom-nav .wpcom-pages .pages-menu.toggled-on::after { position: absolute; top: -12px; left: auto; right: 26px; height: 0; width: 0; border: 6px solid transparent; border-bottom-color: white; content: ' '; } } /* line 163, _header.scss */ .menu-toggle { cursor: pointer; display: none; vertical-align: top; color: #fff; position: absolute; top: 0; left: 0; font-size: 14px; font-weight: 400; line-height: 46px; margin: 0; padding: 0 10px; } @media (max-width: 660px) { /* line 163, _header.scss */ .menu-toggle { display: block; } /* line 179, _header.scss */ .menu-toggle::after { font-weight: 400; content: '\f431'; display: inline-block; font: normal 16px/1 "Noticons"; margin: -4px -2px 0 2px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } /* line 193, _header.scss */ .wpcom-title { display: inline-block; } /* line 197, _header.scss */ .newdash-welcome .wpcom-masterbar .wpcom-title a.wpcom-logo span { line-height: 46px; } /* line 201, _header.scss */ .wpcom-nav .wpcom-title a:before { color: white; } /* line 204, _header.scss */ .wpcom-nav .wpcom-title span { line-height: 46px; } /* line 208, _header.scss */ .wpcom-nav .wpcom-pages { float: right; } /* line 211, _header.scss */ .wpcom-nav .wpcom-pages .menu-toggle { left: auto; right: 0; } /* line 222, _header.scss */ .masterbar { display: flex; position: absolute; left: 0; top: 0; height: 46px; width: 100%; min-width: 320px; margin: 0; z-index: 200; background-color: #0087be; border-bottom: 1px solid #0079aa; color: white; transition: opacity .2s ease-in; -webkit-font-smoothing: subpixel-antialiased; } @media (min-width: 783px) { /* line 222, _header.scss */ .masterbar { overflow-y: hidden; } } /* line 242, _header.scss */ .masterbar.logged-in { top: 32px; } @media (max-width: 782px) { /* line 242, _header.scss */ .masterbar.logged-in { top: 46px; } } /* line 250, _header.scss */ .masterbar.is-transparent { background-color: rgba(0, 135, 190, 0); border-bottom-color: rgba(0, 135, 190, 0); } /* line 255, _header.scss */ .masterbar.is-invisible { position: fixed; top: -47px; opacity: 0; transition-duration: 0; } /* line 262, _header.scss */ .masterbar.is-fixed { position: fixed; top: 0; opacity: 1; } /* line 267, _header.scss */ .masterbar.is-fixed.logged-in { top: 32px; } @media (max-width: 782px) { /* line 267, _header.scss */ .masterbar.is-fixed.logged-in { top: 0; } } /* line 276, _header.scss */ .masterbar li { font-size: 13px; line-height: 1; } /* line 281, _header.scss */ .masterbar .wpcom-logo { flex: 0 0 162px; margin: 0 16px; padding: 0; height: 46px; } /* line 288, _header.scss */ .masterbar .wpcom-logo:hover a { cursor: default; } @media (max-width: 782px) { /* line 281, _header.scss */ .masterbar .wpcom-logo { flex: 0 0 52px; margin: 0; padding: 0 8px 0 16px; min-width: 52px; } /* line 299, _header.scss */ .masterbar .wpcom-logo.toggled-on { background-color: #00aadc; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } } /* line 305, _header.scss */ .masterbar .wpcom-logo a { display: inline-block; height: 44px; width: 162px; padding: 0; margin: 0; background-image: url(data:image/svg+xml;base64, ); background-position: center; background-size: 146px auto; background-repeat: no-repeat; text-indent: -30000px; } @media (max-width: 782px) { /* line 305, _header.scss */ .masterbar .wpcom-logo a { width: 28px; background-position: left center; } } /* line 326, _header.scss */ .masterbar__navigation { flex: 1; display: flex; height: 46px; margin-right: 8px; } @media (max-width: 782px) { /* line 326, _header.scss */ .masterbar__navigation { left: 52px; } } /* line 337, _header.scss */ .masterbar__menu-toggle { display: none; transition: none; } @media (max-width: 782px) { /* line 337, _header.scss */ .masterbar__menu-toggle { display: block; line-height: 46px; padding: 0 8px; } /* line 346, _header.scss */ .masterbar__menu-toggle svg { margin-top: 2px; vertical-align: middle; fill: white; } /* line 352, _header.scss */ .masterbar__menu-toggle:hover, .masterbar__menu-toggle:focus { cursor: pointer; } /* line 356, _header.scss */ .masterbar__menu-toggle.toggled-on { background-color: #00aadc; border-bottom: 1px solid rgba(0, 0, 0, 0.05); cursor: pointer; } /* line 361, _header.scss */ .masterbar__menu-toggle.toggled-on svg { transform: rotate(180deg); } } /* line 369, _header.scss */ .masterbar__links, .masterbar__session { margin: 0; padding: 0; } /* line 373, _header.scss */ .masterbar__links li, .masterbar__session li { display: inline-block; list-style: none; line-height: 46px; } /* line 378, _header.scss */ .masterbar__links li a, .masterbar__session li a { display: block; color: white; text-decoration: none; padding: 0 8px 0; transition: all .1s ease-in; } /* line 385, _header.scss */ .masterbar__links li a:hover, .masterbar__links li a:focus, .masterbar__session li a:hover, .masterbar__session li a:focus { background-color: #00aadc; } /* line 392, _header.scss */ .masterbar__links { width: 75%; } @media (max-width: 782px) { /* line 392, _header.scss */ .masterbar__links { display: none; opacity: 0; } /* line 399, _header.scss */ .masterbar__links.toggled-on { display: block; position: absolute; top: 46px; left: 0; min-width: 220px; width: auto; opacity: 1; background-color: #00aadc; box-shadow: 0 1px 10px -2px rgba(0, 0, 0, 0.075); } /* line 410, _header.scss */ .masterbar__links.toggled-on li { display: block; } /* line 413, _header.scss */ .masterbar__links.toggled-on li a { color: white; padding: 0 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* line 418, _header.scss */ .masterbar__links.toggled-on li a:hover { background-color: rgba(255, 255, 255, 0.1); } } @media (min-width: 783px) { /* line 427, _header.scss */ .is-fixed .masterbar__links { opacity: 0; } } /* line 433, _header.scss */ .masterbar__session { width: 25%; text-align: right; } @media (max-width: 782px) { /* line 433, _header.scss */ .masterbar__session { width: 100%; } } /*-------------------------------------------------------------- Headline block --------------------------------------------------------------*/ /* @noflip */ /* line 6, _headline.scss */ .lp-headline { margin-top: 0; height: 50vh; background-color: #00aadc; border: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; transition: all .2s ease-in; /* Bellow 782px override all previouly defined heights for lp-headlien */ /* When logged-in window has to be slightly smaller */ } /* line 16, _headline.scss */ .lp-headline .lp-container h1, .lp-headline .wpcom-navigation h1, .lp-headline .lp-container h2, .lp-headline .wpcom-navigation h2, .lp-headline .lp-container h3, .lp-headline .wpcom-navigation h3, .lp-headline .lp-container p, .lp-headline .wpcom-navigation p { text-align: left; color: #f3f6f8; } /* line 21, _headline.scss */ .lp-headline .lp-container h1, .lp-headline .wpcom-navigation h1, .lp-headline .lp-container h2, .lp-headline .wpcom-navigation h2, .lp-headline .lp-container h3, .lp-headline .wpcom-navigation h3, .lp-headline .lp-container p, .lp-headline .wpcom-navigation p, .lp-headline .lp-container img, .lp-headline .wpcom-navigation img { transition: all .2s ease-in; } /* line 25, _headline.scss */ .lp-headline .lp-container h1, .lp-headline .wpcom-navigation h1 { font-size: 54px; letter-spacing: -0.02em; line-height: 1.3; } /* line 31, _headline.scss */ .lp-headline .lp-container h2, .lp-headline .wpcom-navigation h2 { font-size: 32px; line-height: 1.4; } /* line 36, _headline.scss */ .lp-headline .lp-container h3, .lp-headline .wpcom-navigation h3 { margin: 0; padding: 1em 0 1.75em; line-height: 1.4; font-size: 24px; font-family: "Merriweather Sans", Helvetica, Arial, sans-serif; font-weight: 400; } /* line 45, _headline.scss */ .lp-headline .lp-container p, .lp-headline .wpcom-navigation p { font-size: 21px; line-height: 2.5; color: rgba(255, 255, 255, 0.7); font-weight: 300; } @media (max-width: 782px) { /* line 53, _headline.scss */ .lp-headline .lp-container h1, .lp-headline .wpcom-navigation h1 { font-size: 47px; } /* line 56, _headline.scss */ .lp-headline .lp-container h2, .lp-headline .wpcom-navigation h2 { font-size: 32px; } } @media (max-width: 782px) { /* line 14, _headline.scss */ .lp-headline .lp-container, .lp-headline .wpcom-navigation { position: absolute; bottom: 6%; left: 0; right: 0; } /* line 67, _headline.scss */ .lp-headline .lp-container h1, .lp-headline .wpcom-navigation h1 { font-size: 32px; } /* line 71, _headline.scss */ .lp-headline .lp-container h2, .lp-headline .wpcom-navigation h2 { font-size: 24px; } /* line 75, _headline.scss */ .lp-headline .lp-container h3, .lp-headline .wpcom-navigation h3 { font-size: 18px; } /* line 78, _headline.scss */ .lp-headline .lp-container span, .lp-headline .wpcom-navigation span { display: inline; } } @media (min-width: 783px) { /* line 14, _headline.scss */ .lp-headline .lp-container, .lp-headline .wpcom-navigation { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } /* line 88, _headline.scss */ .lp-headline.is-light { color: #2e4453; } /* line 90, _headline.scss */ .lp-headline.is-light h1, .lp-headline.is-light h2, .lp-headline.is-light h3, .lp-headline.is-light p { color: #2e4453; } /* line 96, _headline.scss */ .lp-headline.is-blue h1, .lp-headline.is-blue h2, .lp-headline.is-blue h3, .lp-headline.is-blue p { color: #0087be; } /* line 101, _headline.scss */ .lp-headline.is-fullscreen { height: 100vh; } @media (min-width: 783px) { /* line 101, _headline.scss */ .lp-headline.is-fullscreen { min-height: 600px; } } /* line 108, _headline.scss */ .lp-headline.is-fullscreen .lp-headline__more { display: block; } /* line 113, _headline.scss */ .lp-headline.is-threequarters { height: 70vh; min-height: 400px; } /* line 118, _headline.scss */ .lp-headline.is-half { height: 50vh; min-height: 400px; } /* line 123, _headline.scss */ .lp-headline.is-short { height: 45vh; min-height: 400px; } /* line 129, _headline.scss */ .lp-headline.is-centered h1, .lp-headline.is-centered h2, .lp-headline.is-centered h3, .lp-headline.is-centered p { text-align: center; } @media (min-width: 783px) { /* line 135, _headline.scss */ .lp-headline.is-right-aligned .lp-container, .lp-headline.is-right-aligned .wpcom-navigation { /* @noflip */ } /* line 138, _headline.scss */ .lp-headline.is-right-aligned .lp-container h1, .lp-headline.is-right-aligned .wpcom-navigation h1, .lp-headline.is-right-aligned .lp-container h2, .lp-headline.is-right-aligned .wpcom-navigation h2, .lp-headline.is-right-aligned .lp-container h3, .lp-headline.is-right-aligned .wpcom-navigation h3, .lp-headline.is-right-aligned .lp-container p, .lp-headline.is-right-aligned .wpcom-navigation p { text-align: right; } } /* line 146, _headline.scss */ .lp-headline.is-wrapped .lp-container, .lp-headline.is-wrapped .wpcom-navigation { max-width: 782px; margin-left: auto; margin-right: auto; } @media (min-width: 783px) { /* line 154, _headline.scss */ .lp-headline.is-aligned-bottom .lp-container, .lp-headline.is-aligned-bottom .wpcom-navigation { position: absolute; top: auto; bottom: 6%; left: 0; right: 0; transform: none; padding: 25px; } } /* line 167, _headline.scss */ .lp-headline.is-theme-entrepreneur { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-creativeguy.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 167, _headline.scss */ .lp-headline.is-theme-entrepreneur { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-creativeguy-2x.jpg); } } /* line 171, _headline.scss */ .lp-headline.is-theme-entrepreneur h3 { max-width: 700px; } @media (min-width: 961px) { /* line 175, _headline.scss */ .lp-headline.is-theme-entrepreneur h3 span { display: block; } } @media (max-width: 782px) { /* line 167, _headline.scss */ .lp-headline.is-theme-entrepreneur { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-creativeguy-small.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } /* line 184, _headline.scss */ .lp-headline.is-theme-entrepreneur h1, .lp-headline.is-theme-entrepreneur h2, .lp-headline.is-theme-entrepreneur h3 { text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } } @media only screen and (max-width: 782px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (max-width: 782px) and (min-resolution: 144dpi), only screen and (max-width: 782px) and (min-resolution: 1.5dppx) { /* line 167, _headline.scss */ .lp-headline.is-theme-entrepreneur { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-creativeguy-small-2x.jpg); } } /* line 190, _headline.scss */ .lp-headline.is-theme-business { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-smallbizguy.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 190, _headline.scss */ .lp-headline.is-theme-business { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-smallbizguy-2x.jpg); } } @media (max-width: 960px) { /* line 190, _headline.scss */ .lp-headline.is-theme-business { background-position: center center; } } @media (max-width: 782px) { /* line 190, _headline.scss */ .lp-headline.is-theme-business { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-smallbizguy-small.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } /* line 201, _headline.scss */ .lp-headline.is-theme-business h1, .lp-headline.is-theme-business h2, .lp-headline.is-theme-business h3 { text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } } @media only screen and (max-width: 782px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (max-width: 782px) and (min-resolution: 144dpi), only screen and (max-width: 782px) and (min-resolution: 1.5dppx) { /* line 190, _headline.scss */ .lp-headline.is-theme-business { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-smallbizguy-small-2x.jpg); } } /* line 207, _headline.scss */ .lp-headline.is-theme-business-sbe { background: radial-gradient(ellipse at center, #0087be 0%, #005082 100%); } @media (max-width: 782px) { /* line 211, _headline.scss */ .lp-headline.is-theme-business-sbe .lp-container, .lp-headline.is-theme-business-sbe .wpcom-navigation { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); bottom: auto; position: absolute; } } /* line 220, _headline.scss */ .lp-headline.lp-headline.is-theme-resolutions { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-sparklers.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 220, _headline.scss */ .lp-headline.lp-headline.is-theme-resolutions { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-sparklers-2x.jpg); } } /* line 224, _headline.scss */ .lp-headline.lp-headline.is-theme-resolutions h1, .lp-headline.lp-headline.is-theme-resolutions h2, .lp-headline.lp-headline.is-theme-resolutions h3 { text-shadow: 0 0 30px rgba(0, 0, 0, 0.9); } /* line 227, _headline.scss */ .lp-headline.lp-headline.is-theme-resolutions span.no-widows { display: block; } @media (max-width: 960px) { /* line 232, _headline.scss */ .lp-headline.lp-headline.is-theme-resolutions span.no-widows { display: inline; } } @media (max-width: 782px) { /* line 220, _headline.scss */ .lp-headline.lp-headline.is-theme-resolutions { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-sparklers-small.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } /* line 240, _headline.scss */ .lp-headline.lp-headline.is-theme-resolutions h1, .lp-headline.lp-headline.is-theme-resolutions h2, .lp-headline.lp-headline.is-theme-resolutions h3 { text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); color: white; } } @media only screen and (max-width: 782px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (max-width: 782px) and (min-resolution: 144dpi), only screen and (max-width: 782px) and (min-resolution: 1.5dppx) { /* line 220, _headline.scss */ .lp-headline.lp-headline.is-theme-resolutions { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-sparklers-small-2x.jpg); } } /* line 247, _headline.scss */ .lp-headline.is-theme-easy { background-color: #00aadc; text-align: center; min-height: 850px; } /* line 254, _headline.scss */ .lp-headline.is-theme-easy .lp-container h2, .lp-headline.is-theme-easy .wpcom-navigation h2, .lp-headline.is-theme-easy .lp-container h3, .lp-headline.is-theme-easy .wpcom-navigation h3, .lp-headline.is-theme-easy .lp-container p, .lp-headline.is-theme-easy .wpcom-navigation p { color: white; } /* line 257, _headline.scss */ .lp-headline.is-theme-easy .lp-container h1, .lp-headline.is-theme-easy .wpcom-navigation h1 { font-size: 32px; text-align: center; } @media (min-width: 783px) { /* line 262, _headline.scss */ .lp-headline.is-theme-easy .lp-container h1 span, .lp-headline.is-theme-easy .wpcom-navigation h1 span { display: block; } } /* line 267, _headline.scss */ .lp-headline.is-theme-easy .lp-container h2, .lp-headline.is-theme-easy .wpcom-navigation h2 { font-size: 21px; font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; } /* line 271, _headline.scss */ .lp-headline.is-theme-easy .lp-container h3, .lp-headline.is-theme-easy .wpcom-navigation h3 { font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; font-weight: 400; } /* line 275, _headline.scss */ .lp-headline.is-theme-easy .lp-container p, .lp-headline.is-theme-easy .wpcom-navigation p { font-size: 16px; line-height: 1.618; font-weight: 300; text-align: center; } @media (max-width: 782px) { /* line 252, _headline.scss */ .lp-headline.is-theme-easy .lp-container, .lp-headline.is-theme-easy .wpcom-navigation { position: static; padding: 10rem 20px; } /* line 286, _headline.scss */ .lp-headline.is-theme-easy .lp-container h1, .lp-headline.is-theme-easy .wpcom-navigation h1 { font-size: 24px; max-width: 400px; margin: 0 auto; } } @media (min-height: 1000px) and (orientation: landscape) { /* line 294, _headline.scss */ .lp-headline.is-theme-easy .lp-container h1, .lp-headline.is-theme-easy .wpcom-navigation h1 { font-size: 36px; } /* line 297, _headline.scss */ .lp-headline.is-theme-easy .lp-container h2, .lp-headline.is-theme-easy .wpcom-navigation h2 { font-size: 24px; } /* line 300, _headline.scss */ .lp-headline.is-theme-easy .lp-container p, .lp-headline.is-theme-easy .wpcom-navigation p { font-size: 18px; } } /* line 307, _headline.scss */ .lp-headline.is-theme-easy .lp-headline__more a { font-weight: 700; } @media (min-width: 783px) { /* line 322, _headline.scss */ .lp-headline.is-theme-artist-v1 h1, .lp-headline.is-theme-artist-v2 h1, .lp-headline.is-theme-artist-v3 h1, .lp-headline.is-theme-business-v1 h1, .lp-headline.is-theme-business-v2 h1, .lp-headline.is-theme-business-v3 h1, .lp-headline.is-theme-consultant-v1 h1 { max-width: 65%; line-height: 1.2; font-size: 54px; text-shadow: 0 1px 30px rgba(255, 255, 255, 0.5); } /* line 328, _headline.scss */ .lp-headline.is-theme-artist-v1 h3, .lp-headline.is-theme-artist-v2 h3, .lp-headline.is-theme-artist-v3 h3, .lp-headline.is-theme-business-v1 h3, .lp-headline.is-theme-business-v2 h3, .lp-headline.is-theme-business-v3 h3, .lp-headline.is-theme-consultant-v1 h3 { text-shadow: 0 1px 20px rgba(255, 255, 255, 0.8); } /* line 331, _headline.scss */ .lp-headline.is-theme-artist-v1 h1, .lp-headline.is-theme-artist-v1 h3, .lp-headline.is-theme-artist-v1 p, .lp-headline.is-theme-artist-v2 h1, .lp-headline.is-theme-artist-v2 h3, .lp-headline.is-theme-artist-v2 p, .lp-headline.is-theme-artist-v3 h1, .lp-headline.is-theme-artist-v3 h3, .lp-headline.is-theme-artist-v3 p, .lp-headline.is-theme-business-v1 h1, .lp-headline.is-theme-business-v1 h3, .lp-headline.is-theme-business-v1 p, .lp-headline.is-theme-business-v2 h1, .lp-headline.is-theme-business-v2 h3, .lp-headline.is-theme-business-v2 p, .lp-headline.is-theme-business-v3 h1, .lp-headline.is-theme-business-v3 h3, .lp-headline.is-theme-business-v3 p, .lp-headline.is-theme-consultant-v1 h1, .lp-headline.is-theme-consultant-v1 h3, .lp-headline.is-theme-consultant-v1 p { color: #2e4453; } } @media (min-width: 961px) { /* line 336, _headline.scss */ .lp-headline.is-theme-artist-v1 h1, .lp-headline.is-theme-artist-v2 h1, .lp-headline.is-theme-artist-v3 h1, .lp-headline.is-theme-business-v1 h1, .lp-headline.is-theme-business-v2 h1, .lp-headline.is-theme-business-v3 h1, .lp-headline.is-theme-consultant-v1 h1 { max-width: 50%; font-size: 62px; } } /* line 344, _headline.scss */ .lp-headline.is-theme-artist-v1 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-artist-1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 344, _headline.scss */ .lp-headline.is-theme-artist-v1 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-artist-1-2x.jpg); } } /* line 349, _headline.scss */ .lp-headline.is-theme-artist-v2 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-artist-2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 349, _headline.scss */ .lp-headline.is-theme-artist-v2 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-artist-2-2x.jpg); } } /* line 354, _headline.scss */ .lp-headline.is-theme-artist-v3 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-artist-3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 354, _headline.scss */ .lp-headline.is-theme-artist-v3 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-artist-3-2x.jpg); } } @media (max-width: 782px) { /* line 361, _headline.scss */ .lp-headline.is-theme-artist-v1, .lp-headline.is-theme-artist-v2, .lp-headline.is-theme-artist-v3 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-artist-small.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } /* line 365, _headline.scss */ .lp-headline.is-theme-artist-v1 h1, .lp-headline.is-theme-artist-v1 h3, .lp-headline.is-theme-artist-v2 h1, .lp-headline.is-theme-artist-v2 h3, .lp-headline.is-theme-artist-v3 h1, .lp-headline.is-theme-artist-v3 h3 { text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); color: white; } } @media only screen and (max-width: 782px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (max-width: 782px) and (min-resolution: 144dpi), only screen and (max-width: 782px) and (min-resolution: 1.5dppx) { /* line 361, _headline.scss */ .lp-headline.is-theme-artist-v1, .lp-headline.is-theme-artist-v2, .lp-headline.is-theme-artist-v3 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-artist-small-2x.jpg); } } /* line 372, _headline.scss */ .lp-headline.is-theme-business-v1 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-coffee-1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 372, _headline.scss */ .lp-headline.is-theme-business-v1 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-coffee-1-2x.jpg); } } /* line 377, _headline.scss */ .lp-headline.is-theme-business-v2 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-coffee-2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 377, _headline.scss */ .lp-headline.is-theme-business-v2 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-coffee-2-2x.jpg); } } /* line 382, _headline.scss */ .lp-headline.is-theme-business-v3 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-coffee-3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 382, _headline.scss */ .lp-headline.is-theme-business-v3 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-coffee-3-2x.jpg); } } @media (max-width: 782px) { /* line 389, _headline.scss */ .lp-headline.is-theme-business-v1, .lp-headline.is-theme-business-v2, .lp-headline.is-theme-business-v3 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-coffee-small.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } /* line 393, _headline.scss */ .lp-headline.is-theme-business-v1 h1, .lp-headline.is-theme-business-v1 h3, .lp-headline.is-theme-business-v2 h1, .lp-headline.is-theme-business-v2 h3, .lp-headline.is-theme-business-v3 h1, .lp-headline.is-theme-business-v3 h3 { text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); color: white; } } @media only screen and (max-width: 782px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (max-width: 782px) and (min-resolution: 144dpi), only screen and (max-width: 782px) and (min-resolution: 1.5dppx) { /* line 389, _headline.scss */ .lp-headline.is-theme-business-v1, .lp-headline.is-theme-business-v2, .lp-headline.is-theme-business-v3 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-coffee-small-2x.jpg); } } /* line 400, _headline.scss */ .lp-headline.is-theme-consultant-v1 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-consultant-1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 400, _headline.scss */ .lp-headline.is-theme-consultant-v1 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-consultant-1-2x.jpg); } } @media (min-width: 961px) { /* line 406, _headline.scss */ .lp-headline.is-theme-consultant-v1 h1, .lp-headline.is-theme-consultant-v1 h3, .lp-headline.is-theme-consultant-v1 p { color: #2e4453; } } /* line 415, _headline.scss */ .lp-headline.is-theme-consultant-v2 h1, .lp-headline.is-theme-consultant-v2 h3, .lp-headline.is-theme-consultant-v2 p, .lp-headline.is-theme-consultant-v3 h1, .lp-headline.is-theme-consultant-v3 h3, .lp-headline.is-theme-consultant-v3 p { color: #fff; } @media (max-width: 960px) { /* line 419, _headline.scss */ .lp-headline.is-theme-consultant-v2 h1, .lp-headline.is-theme-consultant-v3 h1 { font-size: 47px; } } @media (max-width: 782px) { /* line 424, _headline.scss */ .lp-headline.is-theme-consultant-v2 h1, .lp-headline.is-theme-consultant-v3 h1 { font-size: 32px; } } /* line 430, _headline.scss */ .lp-headline.is-theme-consultant-v2 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-consultant-2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } /* line 431, _headline.scss */ .lp-headline.is-theme-consultant-v2 h1, .lp-headline.is-theme-consultant-v2 h3 { text-shadow: 0 1px 20px rgba(0, 0, 0, 0.4); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 430, _headline.scss */ .lp-headline.is-theme-consultant-v2 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-consultant-2-2x.jpg); } } /* line 439, _headline.scss */ .lp-headline.is-theme-consultant-v3 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-consultant-3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } /* line 440, _headline.scss */ .lp-headline.is-theme-consultant-v3 h1, .lp-headline.is-theme-consultant-v3 h3 { text-shadow: 0 0 15px rgba(0, 0, 0, 0.6); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 439, _headline.scss */ .lp-headline.is-theme-consultant-v3 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-consultant-3-2x.jpg); } } @media (max-width: 782px) { /* line 450, _headline.scss */ .lp-headline.is-theme-consultant-v1, .lp-headline.is-theme-consultant-v2, .lp-headline.is-theme-consultant-v3 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-consultant-small.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } /* line 454, _headline.scss */ .lp-headline.is-theme-consultant-v1 h1, .lp-headline.is-theme-consultant-v1 h3, .lp-headline.is-theme-consultant-v2 h1, .lp-headline.is-theme-consultant-v2 h3, .lp-headline.is-theme-consultant-v3 h1, .lp-headline.is-theme-consultant-v3 h3 { text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); color: white; } } @media only screen and (max-width: 782px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (max-width: 782px) and (min-resolution: 144dpi), only screen and (max-width: 782px) and (min-resolution: 1.5dppx) { /* line 450, _headline.scss */ .lp-headline.is-theme-consultant-v1, .lp-headline.is-theme-consultant-v2, .lp-headline.is-theme-consultant-v3 { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-consultant-small-2x.jpg); } } /* line 463, _headline.scss */ .lp-headline.is-theme-blog h1, .lp-headline.is-theme-website h1 { text-shadow: 0 1px 40px #0096ca; } /* line 466, _headline.scss */ .lp-headline.is-theme-blog h1 span, .lp-headline.is-theme-website h1 span { display: block; } /* line 471, _headline.scss */ .lp-headline.is-theme-blog h3, .lp-headline.is-theme-blog p, .lp-headline.is-theme-website h3, .lp-headline.is-theme-website p { color: #2e4453; } @media (min-width: 783px) { /* line 462, _headline.scss */ .lp-headline.is-theme-blog, .lp-headline.is-theme-website { min-height: 600px; } } @media (max-width: 782px) { /* line 462, _headline.scss */ .lp-headline.is-theme-blog, .lp-headline.is-theme-website { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /* line 481, _headline.scss */ .lp-headline.is-theme-blog .lp-container, .lp-headline.is-theme-blog .wpcom-navigation, .lp-headline.is-theme-website .lp-container, .lp-headline.is-theme-website .wpcom-navigation { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; bottom: auto; left: 0; right: 0; } /* line 488, _headline.scss */ .lp-headline.is-theme-blog .lp-container h3, .lp-headline.is-theme-blog .wpcom-navigation h3, .lp-headline.is-theme-website .lp-container h3, .lp-headline.is-theme-website .wpcom-navigation h3 { max-width: 90%; margin: 0 auto; } /* line 491, _headline.scss */ .lp-headline.is-theme-blog .lp-container h3 span, .lp-headline.is-theme-blog .wpcom-navigation h3 span, .lp-headline.is-theme-website .lp-container h3 span, .lp-headline.is-theme-website .wpcom-navigation h3 span { display: inline; } /* line 497, _headline.scss */ .lp-headline.is-theme-blog .lp-headline__more, .lp-headline.is-theme-website .lp-headline__more { display: none; } } @media (max-width: 480px) { /* line 504, _headline.scss */ .lp-headline.is-theme-blog .lp-container h1, .lp-headline.is-theme-blog .wpcom-navigation h1, .lp-headline.is-theme-website .lp-container h1, .lp-headline.is-theme-website .wpcom-navigation h1 { font-size: 28px; } /* line 507, _headline.scss */ .lp-headline.is-theme-blog .lp-container h2, .lp-headline.is-theme-blog .wpcom-navigation h2, .lp-headline.is-theme-website .lp-container h2, .lp-headline.is-theme-website .wpcom-navigation h2 { font-size: 21px; } /* line 510, _headline.scss */ .lp-headline.is-theme-blog .lp-container h3, .lp-headline.is-theme-blog .wpcom-navigation h3, .lp-headline.is-theme-website .lp-container h3, .lp-headline.is-theme-website .wpcom-navigation h3 { font-size: 16px; } } @media (max-width: 320px) { /* line 517, _headline.scss */ .lp-headline.is-theme-blog .lp-container, .lp-headline.is-theme-blog .wpcom-navigation, .lp-headline.is-theme-website .lp-container, .lp-headline.is-theme-website .wpcom-navigation { position: relative; top: 40%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); position: absolute; } /* line 522, _headline.scss */ .lp-headline.is-theme-blog h1, .lp-headline.is-theme-website h1 { max-width: 90%; margin: 0 auto; } } /* line 528, _headline.scss */ .lp-headline.is-theme-blog { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-blog.jpg); background-repeat: no-repeat; background-size: cover; background-position: center bottom; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 528, _headline.scss */ .lp-headline.is-theme-blog { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-blog-2x.jpg); } } @media (max-width: 782px) { /* line 528, _headline.scss */ .lp-headline.is-theme-blog { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-blog-small.jpg); background-repeat: no-repeat; background-size: cover; background-position: center bottom; } } @media only screen and (max-width: 782px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (max-width: 782px) and (min-resolution: 144dpi), only screen and (max-width: 782px) and (min-resolution: 1.5dppx) { /* line 528, _headline.scss */ .lp-headline.is-theme-blog { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-blog-small-2x.jpg); } } /* line 538, _headline.scss */ .lp-headline.is-theme-website { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-website.jpg); background-repeat: no-repeat; background-size: cover; background-position: center bottom; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 538, _headline.scss */ .lp-headline.is-theme-website { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-website-2x.jpg); } } @media (max-width: 782px) { /* line 538, _headline.scss */ .lp-headline.is-theme-website { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-website-small.jpg); background-repeat: no-repeat; background-size: cover; background-position: center bottom; } } @media only screen and (max-width: 782px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (max-width: 782px) and (min-resolution: 144dpi), only screen and (max-width: 782px) and (min-resolution: 1.5dppx) { /* line 538, _headline.scss */ .lp-headline.is-theme-website { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-website-small-2x.jpg); } } @media (min-width: 783px) { /* line 548, _headline.scss */ .lp-headline.is-theme-dotblogthankyou { min-height: 680px; } } @media (max-width: 782px) { /* line 548, _headline.scss */ .lp-headline.is-theme-dotblogthankyou { padding: 100px 0; } } @media (max-width: 480px) { /* line 548, _headline.scss */ .lp-headline.is-theme-dotblogthankyou { height: auto !important; padding: 50px 0 200px; overflow: visible; } } /* line 561, _headline.scss */ .lp-headline.is-theme-dotblogthankyou .lp-container, .lp-headline.is-theme-dotblogthankyou .wpcom-navigation { max-width: 700px; margin-left: auto; margin-right: auto; } @media (max-width: 782px) { /* line 561, _headline.scss */ .lp-headline.is-theme-dotblogthankyou .lp-container, .lp-headline.is-theme-dotblogthankyou .wpcom-navigation { max-width: 90%; position: static; transform: none; } /* line 571, _headline.scss */ .lp-headline.is-theme-dotblogthankyou .lp-container h1, .lp-headline.is-theme-dotblogthankyou .wpcom-navigation h1, .lp-headline.is-theme-dotblogthankyou .lp-container h2, .lp-headline.is-theme-dotblogthankyou .wpcom-navigation h2, .lp-headline.is-theme-dotblogthankyou .lp-container p, .lp-headline.is-theme-dotblogthankyou .wpcom-navigation p { text-align: left; } } /* line 575, _headline.scss */ .lp-headline.is-theme-dotblogthankyou .lp-container h1, .lp-headline.is-theme-dotblogthankyou .wpcom-navigation h1 { font-size: 36px; } /* line 578, _headline.scss */ .lp-headline.is-theme-dotblogthankyou .lp-container p, .lp-headline.is-theme-dotblogthankyou .wpcom-navigation p { padding: 0.5em 0; font-size: 18px; line-height: 1.618; color: #2e4453; } /* line 584, _headline.scss */ .lp-headline.is-theme-dotblogthankyou .lp-container p a, .lp-headline.is-theme-dotblogthankyou .wpcom-navigation p a { display: inline-block; color: #2e4453; transition: all .2s ease-in; } /* line 589, _headline.scss */ .lp-headline.is-theme-dotblogthankyou .lp-container p a:hover, .lp-headline.is-theme-dotblogthankyou .wpcom-navigation p a:hover { text-decoration: none; color: darken #2e4453, 10; } /* line 597, _headline.scss */ .lp-headline.is-theme-icons { background-color: #0087be; overflow: hidden; } /* line 601, _headline.scss */ .lp-headline.is-theme-icons::before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../wp-content/themes/h4/landing/marketing/img/hero-icons.svg); background-repeat: repeat; background-size: 75% auto; transform: rotate(-10deg) scale(1.3); opacity: 0.05; z-index: 1; } /* line 616, _headline.scss */ .lp-headline.is-theme-icons::after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: auto; background: radial-gradient(ellipse at center, rgba(120, 220, 250, 0.35) 0%, rgba(120, 220, 250, 0) 100%); z-index: 2; visibility: visible; } @media (max-width: 782px) { /* line 616, _headline.scss */ .lp-headline.is-theme-icons::after { display: none; } } /* line 633, _headline.scss */ .lp-headline.is-theme-icons .background-overlay { display: none; } /* line 637, _headline.scss */ .lp-headline.is-theme-icons .lp-container, .lp-headline.is-theme-icons .wpcom-navigation, .lp-headline.is-theme-icons .lp-headline__more { z-index: 3; } /* line 642, _headline.scss */ .lp-headline.is-theme-personal { height: 60vh; min-height: 400px; } @media (max-width: 782px) { /* line 642, _headline.scss */ .lp-headline.is-theme-personal { min-height: 95vh; height: auto; } /* line 650, _headline.scss */ .lp-headline.is-theme-personal .lp-container, .lp-headline.is-theme-personal .wpcom-navigation { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; } } /* line 657, _headline.scss */ .lp-headline.is-theme-chef { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-chef.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 657, _headline.scss */ .lp-headline.is-theme-chef { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-chef-2x.jpg); } } @media (max-width: 782px) { /* line 657, _headline.scss */ .lp-headline.is-theme-chef { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-chef-small.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } } @media only screen and (max-width: 782px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (max-width: 782px) and (min-resolution: 144dpi), only screen and (max-width: 782px) and (min-resolution: 1.5dppx) { /* line 657, _headline.scss */ .lp-headline.is-theme-chef { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-chef-small-2x.jpg); } } /* line 667, _headline.scss */ .lp-headline.is-theme-illustrator { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-illustrator.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 667, _headline.scss */ .lp-headline.is-theme-illustrator { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-illustrator-2x.jpg); } } @media (max-width: 782px) { /* line 667, _headline.scss */ .lp-headline.is-theme-illustrator { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-illustrator-small.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } } @media only screen and (max-width: 782px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (max-width: 782px) and (min-resolution: 144dpi), only screen and (max-width: 782px) and (min-resolution: 1.5dppx) { /* line 667, _headline.scss */ .lp-headline.is-theme-illustrator { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-illustrator-small-2x.jpg); } } /* line 677, _headline.scss */ .lp-headline.is-theme-musician { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-musician.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 677, _headline.scss */ .lp-headline.is-theme-musician { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-musician-2x.jpg); } } @media (max-width: 782px) { /* line 677, _headline.scss */ .lp-headline.is-theme-musician { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-musician-small.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } } @media only screen and (max-width: 782px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (max-width: 782px) and (min-resolution: 144dpi), only screen and (max-width: 782px) and (min-resolution: 1.5dppx) { /* line 677, _headline.scss */ .lp-headline.is-theme-musician { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-musician-small-2x.jpg); } } /* line 687, _headline.scss */ .lp-headline.is-theme-photog { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-photog.jpg); background-repeat: no-repeat; background-size: cover; background-position: left center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 687, _headline.scss */ .lp-headline.is-theme-photog { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-photog-2x.jpg); } } @media (max-width: 782px) { /* line 687, _headline.scss */ .lp-headline.is-theme-photog { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-photog-small.jpg); background-repeat: no-repeat; background-size: cover; background-position: left center; } } @media only screen and (max-width: 782px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (max-width: 782px) and (min-resolution: 144dpi), only screen and (max-width: 782px) and (min-resolution: 1.5dppx) { /* line 687, _headline.scss */ .lp-headline.is-theme-photog { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-photog-small-2x.jpg); } } /* line 697, _headline.scss */ .lp-headline.is-theme-writer { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-writer.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 697, _headline.scss */ .lp-headline.is-theme-writer { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-writer-2x.jpg); } } @media (max-width: 782px) { /* line 697, _headline.scss */ .lp-headline.is-theme-writer { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-writer-small.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } } @media only screen and (max-width: 782px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 782px) and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (max-width: 782px) and (min-resolution: 144dpi), only screen and (max-width: 782px) and (min-resolution: 1.5dppx) { /* line 697, _headline.scss */ .lp-headline.is-theme-writer { background-image: url(../wp-content/themes/h4/landing/marketing/img/background-writer-small-2x.jpg); } } /* line 714, _headline.scss */ .lp-headline.is-theme-chef h1, .lp-headline.is-theme-chef h2, .lp-headline.is-theme-chef h3, .lp-headline.is-theme-illustrator h1, .lp-headline.is-theme-illustrator h2, .lp-headline.is-theme-illustrator h3, .lp-headline.is-theme-musician h1, .lp-headline.is-theme-musician h2, .lp-headline.is-theme-musician h3, .lp-headline.is-theme-photog h1, .lp-headline.is-theme-photog h2, .lp-headline.is-theme-photog h3, .lp-headline.is-theme-writer h1, .lp-headline.is-theme-writer h2, .lp-headline.is-theme-writer h3 { text-shadow: 0 1px 25px rgba(0, 0, 0, 0.35); } @media (min-width: 961px) { /* line 720, _headline.scss */ .lp-headline.is-theme-chef h3 span, .lp-headline.is-theme-illustrator h3 span, .lp-headline.is-theme-musician h3 span, .lp-headline.is-theme-photog h3 span, .lp-headline.is-theme-writer h3 span { display: block; } } @media (max-width: 782px) { /* line 6, _headline.scss */ .lp-headline { min-height: 100vh; height: auto; } /* line 737, _headline.scss */ .lp-headline.is-fullscreen, .lp-headline.is-half, .lp-headline.is-short, .lp-headline.is-threequarters { min-height: 100vh; height: auto; } /* line 743, _headline.scss */ .lp-headline .lp-container h1, .lp-headline .wpcom-navigation h1, .lp-headline .lp-container h2, .lp-headline .wpcom-navigation h2, .lp-headline .lp-container h3, .lp-headline .wpcom-navigation h3, .lp-headline .lp-container p, .lp-headline .wpcom-navigation p { text-align: center; } } @media (max-width: 782px) { /* line 755, _headline.scss */ .lp-headline.is-theme-chef .lp-container, .lp-headline.is-theme-chef .wpcom-navigation, .lp-headline.is-theme-illustrator .lp-container, .lp-headline.is-theme-illustrator .wpcom-navigation, .lp-headline.is-theme-musician .lp-container, .lp-headline.is-theme-musician .wpcom-navigation, .lp-headline.is-theme-photog .lp-container, .lp-headline.is-theme-photog .wpcom-navigation, .lp-headline.is-theme-writer .lp-container, .lp-headline.is-theme-writer .wpcom-navigation { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (max-width: 360px) and (max-height: 640px) { /* line 763, _headline.scss */ .lp-headline.is-podcast-sponsor .lp-container, .lp-headline.is-podcast-sponsor .wpcom-navigation { position: absolute; top: 40%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); } } @media (min-width: 783px) { /* line 6, _headline.scss */ .lp-headline { min-height: 465px; } } @media (min-width: 1441px) { /* line 6, _headline.scss */ .lp-headline { min-height: 800px; } } @media (min-width: 1601px) { /* line 6, _headline.scss */ .lp-headline { min-height: 1000px; } } /* line 782, _headline.scss */ .lp-headline__more { display: none; position: absolute; right: 0; bottom: 1em; left: 0; text-align: center; } /* line 790, _headline.scss */ .lp-headline__more a { display: inline-block; color: #fff; font-size: 11px; font-weight: 700; line-height: 1; text-transform: uppercase; text-decoration: none; } /* line 799, _headline.scss */ .lp-headline__more a span { display: block; padding: 5px 0; } /* line 803, _headline.scss */ .lp-headline__more a svg { display: inline-block; height: 8px; color: #fff; } /* line 809, _headline.scss */ .lp-headline__more a:nth-child(1) { margin-right: 5px; } /* line 813, _headline.scss */ .lp-headline__more a:nth-child(2) { margin-left: 5px; color: white; text-decoration: underline; } @media (max-width: 782px) { /* line 782, _headline.scss */ .lp-headline__more { display: block; opacity: 0.8; } } /* line 826, _headline.scss */ .enable-more .lp-headline__more { display: block; } /* line 830, _headline.scss */ .lp-wizzard { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; margin: 4rem 0; padding: 1.875rem 0; } /* line 835, _headline.scss */ .lp-wizzard h2, .lp-wizzard p { padding: 0; margin-left: auto; margin-right: auto; } /* line 842, _headline.scss */ .lp-wizzard__step { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 66.66667%; float: left; float: none; overflow: auto; margin: 0 auto 2rem; text-align: left; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /* line 853, _headline.scss */ .lp-wizzard__step h2 { text-align: left; color: #2e4453; } @media (max-width: 960px) { /* line 842, _headline.scss */ .lp-wizzard__step { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 83.33333%; float: left; float: none; margin-left: auto; margin-right: auto; } } /* line 866, _headline.scss */ .lp-wizzard__art { position: relative; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 25%; float: left; } /* line 870, _headline.scss */ .lp-wizzard__art span { position: absolute; top: 35%; left: 0; right: 0; color: #fff; font-size: 11px; font-weight: 400; text-align: center; } @media (min-height: 1000px) and (orientation: landscape) { /* line 883, _headline.scss */ .lp-wizzard__art span { font-size: 16px; } } @media (max-width: 782px) { /* line 866, _headline.scss */ .lp-wizzard__art { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; } /* line 891, _headline.scss */ .lp-wizzard__art span { top: 36%; font-size: 18px; } } /* line 898, _headline.scss */ .lp-wizzard__img { display: block; margin: 0 auto 10px; height: 80px; } @media (max-width: 782px) { /* line 898, _headline.scss */ .lp-wizzard__img { height: 150px; } } @media (min-height: 1000px) and (orientation: landscape) { /* line 898, _headline.scss */ .lp-wizzard__img { height: 125px; } } /* line 912, _headline.scss */ .lp-wizzard__step__copy { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 66.66667%; float: left; margin-left: 25% !important; } /* line 917, _headline.scss */ .lp-wizzard__step__copy h2, .lp-wizzard__step__copy p { text-align: left !important; } @media (max-width: 782px) { /* line 912, _headline.scss */ .lp-wizzard__step__copy { position: relative; transform: none; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; margin: 0 auto !important; padding: 10px 0 20px; } /* line 928, _headline.scss */ .lp-wizzard__step__copy h2, .lp-wizzard__step__copy p { text-align: center !important; } } @media (max-width: 782px) { /* line 935, _headline.scss */ .loggedin .lp-headline { height: 93vh; } } /* line 942, _headline.scss */ .lp-headline__notice { background-color: #4ab866; position: absolute; bottom: 0; right: 0; left: 0; z-index: 4; } /* line 951, _headline.scss */ .lp-headline__notice p { margin: 0 auto; max-width: 900px; padding: 16px; font-weight: 300; font-size: 21px !important; line-height: 1.5 !important; color: #e9eff3 !important; text-align: center; } @media (max-width: 960px) { /* line 951, _headline.scss */ .lp-headline__notice p { font-size: 18px !important; } } @media (max-width: 782px) { /* line 951, _headline.scss */ .lp-headline__notice p { font-size: 16px !important; } } @media (max-width: 480px) { /* line 951, _headline.scss */ .lp-headline__notice p { padding: 8px; font-size: 12px !important; } } /* line 974, _headline.scss */ .lp-headline__notice p strong { font-weight: 600; } /* Plans *************************************************/ /* line 47, _plans.scss */ .lp-plans { background-color: #f3f6f8; } /* line 50, _plans.scss */ .lp-plans .lp-container, .lp-plans .wpcom-navigation { text-align: center; } /* line 53, _plans.scss */ .lp-plans .lp-container h2, .lp-plans .wpcom-navigation h2 { max-width: 720px; margin-right: auto; margin-left: auto; } /* line 60, _plans.scss */ .lp-plans .lp-small-block, .lp-plans .lp-large-block { padding-top: 50px; padding-bottom: 20px; } @media (max-width: 660px) { /* line 60, _plans.scss */ .lp-plans .lp-small-block, .lp-plans .lp-large-block { padding-top: 20px; } } /* line 70, _plans.scss */ .plans-table { display: inline-block; min-width: 50%; margin: 50px auto 20px; padding-bottom: 5px; overflow: auto; } @media (max-width: 660px) { /* line 70, _plans.scss */ .plans-table { margin: 30px 4px 0 4px; } } @media (max-width: 660px) { /* line 83, _plans.scss */ .plans { margin: 0; } } /* line 88, _plans.scss */ .plan { position: relative; max-width: 364px; width: 100%; margin: 4px 0 0 1%; float: left; text-align: left; background-color: #fafbfc; } /* line 98, _plans.scss */ .plan:first-child { margin: 4px 0 0; } /* line 102, _plans.scss */ .plan.not-suited { margin-top: 20px; } /* line 106, _plans.scss */ .plan .best-suited { background-color: #2e4453; color: white; font-size: 10px; line-height: 2; text-align: center; text-transform: uppercase; } /* line 115, _plans.scss */ .plan .plan-header { background-color: white; border-bottom: 2px solid #D2DEE6; } /* line 120, _plans.scss */ .plan .details { padding: 20px; text-align: center; } /* line 124, _plans.scss */ .plan .details h3, .plan .details h4, .plan .details h5 { -webkit-font-smoothing: none; -webkit-font-smoothing: auto; } /* line 129, _plans.scss */ .plan .details h3 { margin: 0; padding: 0; color: #0087be; font-family: "Merriweather Sans", Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 400; } /* line 138, _plans.scss */ .plan .details h4 { margin: 0; color: #87a6bc; font-family: "Merriweather Sans", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 1; } /* line 147, _plans.scss */ .plan .details h5 { font-size: 28px; font-weight: 400; line-height: 1.5; color: #3d596d; } /* line 153, _plans.scss */ .plan .details h5 sup { margin: 0 0 0 2px; font-size: 0.45em; font-weight: 600; vertical-align: super; } /* line 159, _plans.scss */ .plan .details h5 sup:first-child { margin: 0 2px 0 0; color: #87a6bc; } /* line 163, _plans.scss */ .plan .details h5 sup:nth-child(2) { margin: 0 0 0 2px; } /* line 168, _plans.scss */ .plan .details .plan-timeframe { display: block; color: #779ab3; font-size: 12px; font-style: italic; font-weight: 400; } /* line 176, _plans.scss */ .plan .details .lp-icon { width: 110px; height: 110px; margin: 20px auto; background: #d2dee6; border: 6px solid #f3f6f8; border-radius: 50%; } /* line 184, _plans.scss */ .plan .details .lp-icon img { width: 100%; } /* line 189, _plans.scss */ .plan .details .toggle { display: none; } /* line 194, _plans.scss */ .plan .details-short { position: relative; min-height: 102px; padding: 12px 15px; text-align: left; } /* line 10, _plans.scss */ .plan .details-short h3, .plan .details-short h5, .plan .details-short p { margin: 0 0 0 77px; } /* line 14, _plans.scss */ .plan .details-short h5 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } /* line 21, _plans.scss */ .plan .details-short h3 { margin-top: 6px; font-size: 22px; line-height: 0.7em; } /* line 27, _plans.scss */ .plan .details-short h4 { display: none; } /* line 31, _plans.scss */ .plan .details-short .plan-timeframe { line-height: 1em; } /* line 35, _plans.scss */ .plan .details-short .lp-icon { position: absolute; top: 12px; left: 15px; margin-top: 0; float: left; max-width: 62px; max-height: 62px; } /* line 198, _plans.scss */ .plan .features-list { padding: 0 24px; background-color: #fafbfc; border-top: 1px solid #D2DEE6; color: #2e4453; } /* line 204, _plans.scss */ .plan .features-list.has-cta { padding-bottom: 80px; } /* line 208, _plans.scss */ .plan .features-list li { position: relative; padding: 13px 20px 12px 30px; font-size: 14px; font-weight: 400; line-height: 21px; vertical-align: middle; border-bottom: 1px solid #d2dee6; } /* line 217, _plans.scss */ .plan .features-list li:last-child { border-bottom: none; } /* line 221, _plans.scss */ .plan .features-list li strong { font-weight: 600; } /* line 227, _plans.scss */ .plan .description { padding: 24px; background-color: #fafbfc; } /* line 231, _plans.scss */ .plan .description p { margin: 24px 0; padding: 0; font-size: 14px; font-weight: 400; line-height: 1.5; color: #87a6bc; } /* line 239, _plans.scss */ .plan .description p:first-child { margin: 0; } @media (max-width: 660px) { /* line 239, _plans.scss */ .plan .description p:first-child { min-height: 65px; } } /* line 248, _plans.scss */ .plan .description p.lp-cta.is-mobile-only { display: none; } @media (max-width: 660px) { /* line 248, _plans.scss */ .plan .description p.lp-cta.is-mobile-only { display: block !important; } } /* line 258, _plans.scss */ .plan .description strong { display: block; color: #5c86a4; font-weight: 600; } /* line 264, _plans.scss */ .plan .description .duration { margin-top: 10px; text-align: center; font-style: italic; } /* line 270, _plans.scss */ .plan .description.pre-features { position: relative; /*@include breakpoint( "<960px" ) { padding-bottom: 100px; } @include breakpoint( "<782px" ) { padding-bottom: 80px; }*/ /*&.has-cta{ padding-bottom: 80px; @include breakpoint( "782px-960px" ) { padding-bottom: 100px; } }*/ } /* line 281, _plans.scss */ .plan .description.pre-features p { min-height: 0; } /* line 285, _plans.scss */ .plan .description.pre-features .lp-cta { /*position: absolute; right: 24px; bottom: 24px; left: 24px;*/ margin-bottom: 0; text-align: center; } /* line 303, _plans.scss */ .plan .description.post-features { position: absolute; bottom: 0; left: 0; right: 0; background-color: transparent; padding: 0 24px 24px; } /* line 311, _plans.scss */ .plan .description.post-features .lp-cta { padding-top: 20px; } /* line 317, _plans.scss */ .plan .button, .plan .lp-showcase__theme-list a span, .lp-showcase__theme-list a .plan span, .plan .legacy-footer .button-primary, .legacy-footer .plan .button-primary { width: 100%; max-width: 340px; margin: 0 auto; } @media (max-width: 660px) { /* line 88, _plans.scss */ .plan { float: left; width: 100% !important; max-width: 100%; margin: 4px 0 20px 0; cursor: pointer; } /* line 330, _plans.scss */ .plan:first-child { margin: 4px 0 20px 0; } /* line 333, _plans.scss */ .plan .details { position: relative; min-height: 102px; padding: 12px 15px; text-align: left; } /* line 10, _plans.scss */ .plan .details h3, .plan .details h5, .plan .details p { margin: 0 0 0 77px; } /* line 14, _plans.scss */ .plan .details h5 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } /* line 21, _plans.scss */ .plan .details h3 { margin-top: 6px; font-size: 22px; line-height: 0.7em; } /* line 27, _plans.scss */ .plan .details h4 { display: none; } /* line 31, _plans.scss */ .plan .details .plan-timeframe { line-height: 1em; } /* line 35, _plans.scss */ .plan .details .lp-icon { position: absolute; top: 12px; left: 15px; margin-top: 0; float: left; max-width: 62px; max-height: 62px; } } /* line 340, _plans.scss */ .features-list__item-checkmark, .features-list__item-cross-small { position: absolute; left: 0; top: 14px; fill: #0087be; } /* line 347, _plans.scss */ .features-list__item-tooltip { position: absolute; top: 50%; right: 0; margin-top: -9px; width: 18px; height: 18px; } /* line 356, _plans.scss */ .features-list__item-tooltip:active svg, .features-list__item-tooltip.is-active svg { color: #2e4453; } /* line 362, _plans.scss */ .features-list__item-tooltip-gridicon { cursor: pointer; color: #b8cad7; fill: currentColor; transition: color .1s ease-in; } /* line 370, _plans.scss */ .features-list__item-tooltip-container { position: absolute; top: -200px; right: auto; left: -500; padding: 10px; font-size: 11px; opacity: 0; z-index: 1000; } /* line 380, _plans.scss */ .features-list__item-tooltip-container .tip-arrow { position: absolute; left: 3px; top: 50%; height: 14px; width: 14px; margin-top: -6px; background-color: white; border-bottom: 1px solid #c8d7e1; border-left: 1px solid #c8d7e1; z-index: 1; transform: rotate(45deg); } /* line 394, _plans.scss */ .features-list__item-tooltip-container.is-reversed .tip-arrow { position: absolute; right: 3px; left: auto; transform: rotate(225deg); } /* line 401, _plans.scss */ .features-list__item-tooltip-content { max-width: 220px; padding: 16px; background-color: white; border: 1px solid #c8d7e1; color: #4f748e; font-size: 13px; text-align: left; border-radius: 4px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075); } /* line 415, _plans.scss */ .plan-free .plan-header { border-bottom: 2px solid #D2DEE6; } /* line 421, _plans.scss */ .plan-personal .plan-header { border-bottom: 2px solid #f0b849; } /* line 427, _plans.scss */ .plan-premium .plan-header { border-bottom: 2px solid #4ab866; } /* line 433, _plans.scss */ .plan-business .plan-header { border-bottom: 2px solid #855DA6; } /* line 438, _plans.scss */ .ribbon { position: absolute; right: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; } /* @noflip */ /* line 450, _plans.scss */ [dir="rtl"] .ribbon { left: -5px; transform: rotate(-90deg); } /* line 455, _plans.scss */ .ribbon__title { font-size: 10px; font-weight: normal; color: white; text-align: center; line-height: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 100px; display: block; background: #00aadc; position: absolute; top: 19px; right: -21px; text-transform: uppercase; } /* line 471, _plans.scss */ .ribbon__title::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #005082; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #005082; } /* line 483, _plans.scss */ .ribbon__title::after { content: ""; position: absolute; right: 0; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #005082; border-bottom: 3px solid transparent; border-top: 3px solid #005082; } /* @noflip */ /* line 497, _plans.scss */ [dir="rtl"] .ribbon__title { right: -21px; } /* line 503, _plans.scss */ .plans-single .plan { float: none; width: 100%; margin: 0 auto 30px; } /* line 509, _plans.scss */ .plans-single .lp-container, .plans-single .wpcom-navigation { overflow: auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /* line 68, _utils.scss */ .plans-single-containner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* line 519, _plans.scss */ .plans-two { max-width: 728px; display: flex; } @media (max-width: 660px) { /* line 519, _plans.scss */ .plans-two { display: block; } } /* line 527, _plans.scss */ .plans-two .plan { width: 49%; } /* line 533, _plans.scss */ .plans-three { display: flex; } @media (max-width: 660px) { /* line 533, _plans.scss */ .plans-three { display: block; } } /* line 540, _plans.scss */ .plans-three .plan { width: 32%; } /* line 545, _plans.scss */ .plans-four { display: flex; } @media (max-width: 782px) { /* line 545, _plans.scss */ .plans-four { flex-wrap: wrap; flex-direction: row; } } /* line 553, _plans.scss */ .plans-four .plan { width: 25%; } @media (max-width: 960px) { /* line 553, _plans.scss */ .plans-four .plan { margin: 4px 0 0; } /* line 559, _plans.scss */ .plans-four .plan .lp-icon { display: none; } /* line 562, _plans.scss */ .plans-four .plan h3 { margin: 6px 0 0 0; } /* line 565, _plans.scss */ .plans-four .plan h5, .plans-four .plan p { margin: 0; } /* line 569, _plans.scss */ .plans-four .plan .pre-features p.lp-cta { margin: 24px 0 0; } } @media (max-width: 782px) { /* line 553, _plans.scss */ .plans-four .plan { flex-basis: calc(48%); margin: 0 0 2% 2%; } /* line 579, _plans.scss */ .plans-four .plan .lp-icon { display: block; } /* line 583, _plans.scss */ .plans-four .plan h3 { margin: 6px 0 0 77px; } /* line 586, _plans.scss */ .plans-four .plan h5, .plans-four .plan p { margin: 0 0 0 77px; } /* line 589, _plans.scss */ .plans-four .plan .lp-cta { margin: 0 auto; } /* line 593, _plans.scss */ .plans-four .plan:nth-child(odd) { margin: 0 0 2% 0; } } @media (max-width: 660px) { /* line 553, _plans.scss */ .plans-four .plan { margin: 4px auto 20px !important; float: none; } } @media (max-width: 660px) { /* line 545, _plans.scss */ .plans-four { display: block; } } @media (min-width: 661px) { /* line 612, _plans.scss */ .plans-two.has-features-list .plan-free, .plans-two.has-features-list .plan-personal, .plans-two.has-features-list .plan-premium, .plans-three.has-features-list .plan-free, .plans-three.has-features-list .plan-personal, .plans-three.has-features-list .plan-premium { position: relative; } /* line 621, _plans.scss */ .plans-two.has-features-list .plan-free .post-features, .plans-two.has-features-list .plan-personal .post-features, .plans-two.has-features-list .plan-premium .post-features, .plans-three.has-features-list .plan-free .post-features, .plans-three.has-features-list .plan-personal .post-features, .plans-three.has-features-list .plan-premium .post-features { position: absolute; bottom: 0; } } /* line 630, _plans.scss */ .plans-single-description { position: absolute !important; right: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-top: 0 !important; } /* line 636, _plans.scss */ .plans-single-description h3 { padding-bottom: 15px; } /* line 640, _plans.scss */ .plans-single-description p { font-size: 21px; font-weight: 400; } /* line 645, _plans.scss */ .plans-single-description.align-right { left: 0; } @media (max-width: 660px) { /* line 630, _plans.scss */ .plans-single-description { position: static !important; transform: none; } } /* Plans Features table *************************************************/ /* line 657, _plans.scss */ .plans-features { margin: 50px 0 40px; padding: 20px; } /* line 661, _plans.scss */ .plans-features ul { display: table; list-style: none; margin: 0; padding: 0; width: 100%; border-bottom: 1px solid #d2dee6; } /* line 669, _plans.scss */ .plans-features ul.compare-head { border-bottom: 2px solid #d2dee6; } /* line 672, _plans.scss */ .plans-features ul.compare-head li { font-size: 18px; color: #0087be; } /* line 676, _plans.scss */ .plans-features ul.compare-head li span { font-size: 14px; color: #90aec2; display: block; line-height: 20px; } @media (max-width: 660px) { /* line 672, _plans.scss */ .plans-features ul.compare-head li { background-size: auto 90%; background-repeat: no-repeat; background-position: center top; text-indent: -300000px; } /* line 689, _plans.scss */ .plans-features ul.compare-head li span { display: none; } /* line 693, _plans.scss */ .plans-features ul.compare-head li.plan-free { background-image: url(../wp-content/themes/h4/landing/marketing/css/img/plans_free.html); } /* line 696, _plans.scss */ .plans-features ul.compare-head li.plan-premium { background-image: url(../wp-content/themes/h4/landing/marketing/css/img/plans_premium.html); } /* line 699, _plans.scss */ .plans-features ul.compare-head li.plan-business { background-image: url(../wp-content/themes/h4/landing/marketing/css/img/plans_business.html); } } /* line 706, _plans.scss */ .plans-features ul.feature:hover { background: rgba(255, 255, 255, 0.5); } /* line 710, _plans.scss */ .plans-features ul li { display: table-cell; width: 20%; height: 54px; margin: 0; padding: 0; text-align: center; color: #2e4453; font-size: 14px; line-height: 1.25; vertical-align: middle; } /* line 722, _plans.scss */ .plans-features ul li.none { color: #87a6bc; } /* line 726, _plans.scss */ .plans-features ul li.title { width: 40%; min-height: 40px; padding: 10px 0; text-align: left; color: #2e4453; } /* line 734, _plans.scss */ .plans-features ul li.tick:before { color: #4ab866; content: '\f418'; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font: normal 24px/1 'Noticons'; } /* line 742, _plans.scss */ .plans-features ul li.none { color: #668eaa; font-size: 24px; } /* line 747, _plans.scss */ .plans-features ul li span { color: #87a6bc; } /* line 751, _plans.scss */ .plans-features ul li .button, .plans-features ul li .lp-showcase__theme-list a span, .lp-showcase__theme-list a .plans-features ul li span, .plans-features ul li .legacy-footer .button-primary, .legacy-footer .plans-features ul li .button-primary { margin: 10px 2px 0; font-size: 12px; } /* line 755, _plans.scss */ .plans-features ul li .button span, .plans-features ul li .lp-showcase__theme-list a span span, .lp-showcase__theme-list a .plans-features ul li span span, .plans-features ul li .legacy-footer .button-primary span, .legacy-footer .plans-features ul li .button-primary span { color: white; } @media (max-width: 660px) { /* line 760, _plans.scss */ .plans-features ul li .button span, .plans-features ul li .lp-showcase__theme-list a span span, .lp-showcase__theme-list a .plans-features ul li span span, .plans-features ul li .legacy-footer .button-primary span, .legacy-footer .plans-features ul li .button-primary span { display: none; } } @media (max-width: 660px) { /* line 710, _plans.scss */ .plans-features ul li { font-size: 12px; width: 20%; } /* line 770, _plans.scss */ .plans-features ul li.title { width: 35%; } } /* line 776, _plans.scss */ .plans-features .compare-foot { padding: 20px 0 0 0; border-bottom: none; } /* line 779, _plans.scss */ .plans-features .compare-foot li { font-size: 18px; font-weight: 400; line-height: 1; color: #2e4453; } /* line 785, _plans.scss */ .plans-features .compare-foot li span { color: #2e4453; } /* line 789, _plans.scss */ .plans-features .compare-foot li em { display: block; margin: 10px 0 0 0; font-size: 13px; font-style: italic; line-height: 1; color: #87a6bc; } /* line 801, _plans.scss */ .plans-features ul li .primary-button, .plans-features ul li .secondary-button { line-height: 1; } /* line 805, _plans.scss */ .plans-features ul.compare-buttons { padding: 10px 0; border-bottom: none; } @media (max-width: 660px) { /* line 813, _plans.scss */ .plans-features { display: none; } } /* line 818, _plans.scss */ .plan-view-switcher { text-align: center; } /* line 822, _plans.scss */ .plan-switch-compare, .plan-switch-simple { display: none; font-size: 14px; } /* line 827, _plans.scss */ .plan-switch-compare.is-active, .plan-switch-simple.is-active { display: inline-block; } /* line 831, _plans.scss */ .plan-switch-compare:before { content: '\f425'; display: inline-block; float: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font: normal 16px/20px 'Noticons'; } /* line 840, _plans.scss */ .plans-compare { display: none; } /* line 843, _plans.scss */ .plans-compare.is-active.plans-table { display: inline-block; } /* line 846, _plans.scss */ .plans-compare.is-active.plans-features { display: block; } /** Plans Redesign 030317 */ /* line 855, _plans.scss */ .has-featured-plan li.feature-disabled, li.feature-disabled .features-list__item-tooltip-gridicon { color: #c8d7e1; } /* line 859, _plans.scss */ li.feature-disabled .features-list__item-cross-small { fill: #4f748e; } /* line 866, _plans.scss */ .lp-plans.v20170303 a:link, .lp-plans.v20170303 a:visited, .lp-plans.v20170303 a:hover, .lp-plans.v20170303 a:active { text-decoration: none; } /* line 870, _plans.scss */ .has-featured-plan .plan .features-list { padding-bottom: 5px; } /* line 874, _plans.scss */ .has-featured-plan .plan .plan-header { border: 0; background-color: #fafbfc; } /* line 879, _plans.scss */ .has-featured-plan .plan .description { text-align: center; padding-top: 10px; } /* line 884, _plans.scss */ .has-featured-plan .plan .details-short { text-align: center; } /* line 890, _plans.scss */ .has-featured-plan .plan .details-short h3, .has-featured-plan .plan .details-short h5, .has-featured-plan .plan .details-short p { margin: 0; } /* line 894, _plans.scss */ .plan .details-short h3 { font-size: 24px; } /* line 899, _plans.scss */ .has-featured-plan .plan-featured .ribbon__title, .has-featured-plan .plan-featured .button.is-primary, .has-featured-plan .plan-featured .lp-showcase__theme-list a span, .lp-showcase__theme-list a .has-featured-plan .plan-featured span, .has-featured-plan .plan-featured .legacy-footer .button-primary, .legacy-footer .has-featured-plan .plan-featured .button-primary { background-color: #4ab866; border-color: #448c25; } /* line 904, _plans.scss */ .has-featured-plan .plan-featured .button.is-primary:hover, .has-featured-plan .plan-featured .lp-showcase__theme-list a span:hover, .lp-showcase__theme-list a .has-featured-plan .plan-featured span:hover, .has-featured-plan .plan-featured .legacy-footer .button-primary:hover, .legacy-footer .has-featured-plan .plan-featured .button-primary:hover { border-color: #417505; } /* line 908, _plans.scss */ .has-featured-plan .plan .details p.description-short { color: #0087be; font-size: 12px; font-weight: 400; margin-top: 15px; } /* line 915, _plans.scss */ .has-featured-plan.plans-three .plan.plan-featured { width: 34%; flex-grow: 2; } /* line 920, _plans.scss */ .has-featured-plan.plans-three .plan.plan-not-featured { width: 31%; flex-grow: 1; } /* line 925, _plans.scss */ .plan-featured .features-list strong { color: #4ab866; } /* line 929, _plans.scss */ .bottom-plan-free { width: 50%; margin: 0 auto; } /* line 934, _plans.scss */ .bottom-plan-free .description-short { color: #87a6bc; } /* line 938, _plans.scss */ .bottom-plan-free .features { margin-top: 20px; } /* line 942, _plans.scss */ .bottom-plan-free .button, .bottom-plan-free .lp-showcase__theme-list a span, .lp-showcase__theme-list a .bottom-plan-free span, .bottom-plan-free .legacy-footer .button-primary, .legacy-footer .bottom-plan-free .button-primary { width: 40%; } /* line 947, _plans.scss */ .plans-table.is-collapsed .features-list, .bottom-plan-free.is-collapsed .features { display: none; } /* line 951, _plans.scss */ .has-featured-plan .plan .features-list { border-top: 0; } /* line 955, _plans.scss */ .has-featured-plan .plan .plan-features-toggle { text-align: center; border-top: 1px solid #D2DEE6; padding: 20px 0 10px; font-size: 12px; } /* line 962, _plans.scss */ .has-featured-plan.is-collapsed .plan-features-toggle { padding-bottom: 20px; } /* line 967, _plans.scss */ .has-featured-plan .plan .plan-features-toggle a { color: #87a6bc; } /** Larger screen sizes size **/ @media (min-width: 783px) { /* line 973, _plans.scss */ .has-featured-plan .plan-not-featured { margin-top: 34px; padding-top: 30px; } /* line 978, _plans.scss */ .has-featured-plan .plan-featured { padding-top: 34px; box-shadow: 2px 2px 3px 1px #e9eff3; z-index: 100; } /* line 984, _plans.scss */ .has-featured-plan .plan.plan-featured .details { padding-bottom: 32px; } /* line 988, _plans.scss */ .has-featured-plan .plan { margin-left: 0; } /* line 992, _plans.scss */ .has-featured-plan.plans-three .plan:nth-child(1) { border-right: 0; } /* line 996, _plans.scss */ .has-featured-plan.plans-three .plan:nth-child(3) { border-left: 0; } /* line 1000, _plans.scss */ .has-featured-plan.is-collapsed .plan-not-featured { margin-bottom: 10px; } /* line 1004, _plans.scss */ .has-featured-plan.is-collapsed .plan-featured .plan-features-toggle { padding-top: 25px; } /* line 1008, _plans.scss */ .has-featured-plan .plan-featured .details-short h3 { font-size: 32px; } /* line 1012, _plans.scss */ .has-featured-plan .plan { max-width: initial; } /* line 1016, _plans.scss */ .plans-table.has-featured-plan { margin-top: 36px; } /* line 1020, _plans.scss */ .lp-plans.v20170303 .lp-container, .lp-plans.v20170303 .wpcom-navigation { padding-top: 62px; } } /** Smaller screen sizes size **/ @media (max-width: 660px) { /* line 1027, _plans.scss */ .has-featured-plan .plan { padding-top: 20px; } /* line 1031, _plans.scss */ .bottom-plan-free { width: 80%; } /* line 1035, _plans.scss */ .bottom-plan-free .button, .bottom-plan-free .lp-showcase__theme-list a span, .lp-showcase__theme-list a .bottom-plan-free span, .bottom-plan-free .legacy-footer .button-primary, .legacy-footer .bottom-plan-free .button-primary { width: 100%; } /* line 1039, _plans.scss */ .lp-plans.v20170303 .lp-container, .lp-plans.v20170303 .wpcom-navigation { padding-top: 60px; } /* line 1043, _plans.scss */ .lp-plans.v20170303 h2 { font-size: 32px; } /* line 1047, _plans.scss */ .lp-plans.v20170303 .plans-table { overflow: initial; } } @media (max-width: 480px) { /* line 1054, _plans.scss */ .lp-plans.v20170303 .lp-container h5.plans-subtitle, .lp-plans.v20170303 .wpcom-navigation h5.plans-subtitle { width: 80%; margin-right: auto; margin-left: auto; } } /** END Plans Redesign 030317 */ @media (max-width: 660px) { /* line 1066, _plans.scss */ .loggedin .lp-plans:first-child { margin-top: 48px; } } /* Showcase * Resusable components that can be use directly or extended */ /* line 5, _showcase.scss */ .lp-showcase { min-height: 50vh; background-color: #2e4453; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; padding: 20px 0; border-color: rgba(0, 0, 0, 0.1); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /* line 16, _showcase.scss */ .lp-showcase .lp-container, .lp-showcase .wpcom-navigation { position: relative; padding-bottom: 35%; } @media (max-width: 960px) { /* line 16, _showcase.scss */ .lp-showcase .lp-container, .lp-showcase .wpcom-navigation { padding-bottom: 48%; } } @media (max-width: 782px) { /* line 16, _showcase.scss */ .lp-showcase .lp-container, .lp-showcase .wpcom-navigation { padding-bottom: 0; } } /* line 29, _showcase.scss */ .lp-showcase .lp-container.is-divider, .lp-showcase .is-divider.wpcom-navigation { padding-top: 140px; } @media (max-width: 782px) { /* line 29, _showcase.scss */ .lp-showcase .lp-container.is-divider, .lp-showcase .is-divider.wpcom-navigation { padding-top: 50px; } } /* line 39, _showcase.scss */ .lp-showcase h2, .lp-showcase h3, .lp-showcase p { color: #fff; text-align: left; } @media (max-width: 960px) { /* line 44, _showcase.scss */ .lp-showcase h2 { font-size: 28px; } } /* line 50, _showcase.scss */ .lp-showcase p { font-size: 21px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 57, _showcase.scss */ .lp-showcase.is-white h2, .lp-showcase.is-white h3, .lp-showcase.is-white p { color: #2e4453; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } /* line 65, _showcase.scss */ .lp-showcase.is-center-aligned h2, .lp-showcase.is-center-aligned h3, .lp-showcase.is-center-aligned p { text-align: center; } /* line 70, _showcase.scss */ .lp-showcase .lp-small-block { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; } /* line 75, _showcase.scss */ .lp-showcase .lp-small-block h3 { font-size: 24px; } @media (max-width: 782px) { /* line 70, _showcase.scss */ .lp-showcase .lp-small-block { position: static; transform: none; width: 100%; margin: 0 0 40px 0; padding: 0; } } @media (max-width: 782px) { /* line 89, _showcase.scss */ .lp-showcase h2, .lp-showcase p { text-align: center; } } @media (min-width: 783px) { /* line 95, _showcase.scss */ .lp-showcase__showcase { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 50.5%; width: 48%; padding: 0; } } /* line 105, _showcase.scss */ .lp-showcase__showcase:last-child { margin-bottom: 60px; } /* line 111, _showcase.scss */ .is-left-aligned .lp-showcase__showcase { right: 50.5%; left: auto; } /* line 115, _showcase.scss */ .is-left-aligned .lp-small-block { right: 0; } @media (min-width: 783px) { /* line 119, _showcase.scss */ .is-left-aligned .showcase-container { margin: 0 auto; } } /* line 125, _showcase.scss */ .showcase-container { position: relative; max-width: 600px; } @media (max-width: 782px) { /* line 125, _showcase.scss */ .showcase-container { margin: 0 auto; } } /* line 134, _showcase.scss */ .showcase-browser { width: 100%; } /* line 138, _showcase.scss */ .showcase-examples { position: absolute; overflow: hidden; top: 5%; bottom: 5px; left: 2px; right: 2px; } @media (max-width: 782px) { /* line 138, _showcase.scss */ .showcase-examples { top: auto; bottom: 5px; left: 2px; right: 2px; } } /* line 154, _showcase.scss */ .showcase-examples img { width: 100%; position: absolute; top: 0; left: 0; right: 0; } /* line 163, _showcase.scss */ .lp-showcase-feature { position: relative; min-height: 10vh; padding: 8rem 0 4rem; text-align: center; } /* line 169, _showcase.scss */ .lp-showcase-feature .lp-container, .lp-showcase-feature .wpcom-navigation { overflow: auto; padding-bottom: 0; } /* line 174, _showcase.scss */ .lp-showcase-feature .lp-small-block { margin: 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } /* line 184, _showcase.scss */ .showcase-feature-img { max-width: 250px; min-width: 150px; width: 100%; height: auto; background-color: #2e4453; border-radius: 50%; border: 5px solid white; } @media (max-width: 660px) { /* line 184, _showcase.scss */ .showcase-feature-img { display: none; } } /* line 199, _showcase.scss */ .lp-showcase-themes .lp-container, .lp-showcase-themes .wpcom-navigation { padding-bottom: 50px; } /* line 204, _showcase.scss */ .lp-showcase__theme-list { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding-top: 30px; } /* line 68, _utils.scss */ .lp-showcase__theme-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } @media (max-width: 660px) { /* line 204, _showcase.scss */ .lp-showcase__theme-list { padding-top: 0; } } /* line 212, _showcase.scss */ .lp-showcase__theme-list li { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 33.33333%; float: left; } @media (max-width: 960px) { /* line 212, _showcase.scss */ .lp-showcase__theme-list li { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; float: left; } } @media (max-width: 660px) { /* line 212, _showcase.scss */ .lp-showcase__theme-list li { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; float: none; margin: 0 auto; } } /* line 226, _showcase.scss */ .lp-showcase__theme-list a { display: block; margin: 0 2% 7%; padding: 3.5% 2px 2px; background-image: url(../wp-content/themes/h4/landing/marketing/img/browser.svg); background-size: 100% auto; background-repeat: no-repeat; } /* line 234, _showcase.scss */ .lp-showcase__theme-list a .showcase-browser { position: relative; width: 100%; } /* line 238, _showcase.scss */ .lp-showcase__theme-list a .showcase-browser div { position: absolute; top: 47%; left: 0; right: 0; text-align: center; opacity: 0; transition: opacity .1s ease-in; } /* line 247, _showcase.scss */ .lp-showcase__theme-list a .showcase-browser img { transition: filter .2s ease-in; } /* line 258, _showcase.scss */ .lp-showcase__theme-list a:hover .showcase-browser img, .lp-showcase__theme-list a:focus .showcase-browser img { filter: grayscale(100%) brightness(50%); } /* line 262, _showcase.scss */ .lp-showcase__theme-list a:hover .showcase-browser div, .lp-showcase__theme-list a:focus .showcase-browser div { opacity: 1; } /* line 268, _showcase.scss */ .lp-showcase__theme-list img { display: block; width: 100%; height: auto; } /* line 3, _featureset.scss */ .lp-featuresset { background-color: #fff; } /* line 6, _featureset.scss */ .lp-featuresset h5 { text-align: center; } @media (max-width: 660px) { /* line 11, _featureset.scss */ .lp-featuresset .lp-cta-area { padding-top: 0; } } /* line 17, _featureset.scss */ .lp-featuresset__list { display: flex; flex-wrap: wrap; margin: 50px 0 0 0; padding: 0; overflow: hidden; } @media (max-width: 660px) { /* line 17, _featureset.scss */ .lp-featuresset__list { margin-top: 0; } } /* line 31, _featureset.scss */ .lp-feature { width: 32%; padding: 0 0 80px 0; min-height: 200px; float: left; margin: 0 0 0 2%; /*background: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);*/ list-style: none; text-align: center; } /* line 42, _featureset.scss */ .lp-feature:first-child, .lp-feature:nth-child(4) { margin: 0; } /* line 46, _featureset.scss */ .lp-feature h3 { padding: 10px 20px; margin: 0; font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; font-size: 21px; color: #375163; text-align: center; } /* line 55, _featureset.scss */ .lp-feature p { padding: 0 20px; font-size: 15px; font-weight: 300; line-height: 1.5; } @media (max-width: 660px) { /* line 31, _featureset.scss */ .lp-feature { width: 100%; margin: 0 0 2% 0; padding: 0 0 60px 0; } } /* line 69, _featureset.scss */ .lp-feature__art { position: relative; text-align: center; } /* line 73, _featureset.scss */ .lp-feature__art span { position: absolute; top: 56px; left: 0; right: 0; color: #fff; font-weight: 400; } /* line 82, _featureset.scss */ .lp-feature__art img { height: 120px; } /* line 89, _featureset.scss */ .lp-featuresset.is-expanded .lp-featuresset__list { margin-top: 0; } /* line 93, _featureset.scss */ .lp-featuresset.is-expanded .lp-feature { position: relative; width: 100%; margin: 0; padding: 40px 0; min-height: 320px; } /* line 100, _featureset.scss */ .lp-featuresset.is-expanded .lp-feature:before { position: absolute; bottom: 0; left: 0; right: 0; height: 1px; width: 100%; content: " "; background: linear-gradient(to right, rgba(28, 41, 50, 0) 0%, rgba(28, 41, 50, 0.2) 50%, rgba(28, 41, 50, 0) 100%); opacity: 0.75; } /* line 112, _featureset.scss */ .lp-featuresset.is-expanded .lp-feature:last-child:before { background: none; } @media (min-width: 661px) { /* line 118, _featureset.scss */ .lp-featuresset.is-expanded .lp-feature:nth-child(even) .lp-feature__art { right: 0; } /* line 121, _featureset.scss */ .lp-featuresset.is-expanded .lp-feature:nth-child(even) h3, .lp-featuresset.is-expanded .lp-feature:nth-child(even) p { float: left; } /* line 127, _featureset.scss */ .lp-featuresset.is-expanded .lp-feature:nth-child(odd) .lp-feature__art { left: 0; } /* line 130, _featureset.scss */ .lp-featuresset.is-expanded .lp-feature:nth-child(odd) h3, .lp-featuresset.is-expanded .lp-feature:nth-child(odd) p { float: right; } } /* line 137, _featureset.scss */ .lp-featuresset.is-expanded .lp-feature__art { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; float: none; } /* line 142, _featureset.scss */ .lp-featuresset.is-expanded .lp-feature__art span { top: 36%; font-size: 25px; } @media (max-width: 660px) { /* line 142, _featureset.scss */ .lp-featuresset.is-expanded .lp-feature__art span { font-size: 16px; } } @media (min-width: 661px) { /* line 137, _featureset.scss */ .lp-featuresset.is-expanded .lp-feature__art { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 41.66667%; float: left; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute !important; } /* line 156, _featureset.scss */ .lp-featuresset.is-expanded .lp-feature__art img { max-width: 200px; min-width: 150px; width: 100%; height: auto; } } /* line 164, _featureset.scss */ .lp-featuresset.is-expanded .lp-feature__art.is-circle { border-radius: 50%; border: 5px solid rgba(255, 255, 255, 0.8); } @media (min-width: 661px) { /* line 172, _featureset.scss */ .lp-featuresset.is-expanded h3, .lp-featuresset.is-expanded p { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 58.33333%; float: left; text-align: left; } /* line 177, _featureset.scss */ .lp-featuresset.is-expanded h2 { padding-top: 40px; } /* line 181, _featureset.scss */ .lp-featuresset.is-expanded h3 { padding-top: 30px; font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; font-size: 24px; } /* line 187, _featureset.scss */ .lp-featuresset.is-expanded p { padding-bottom: 30px; font-size: 18px; font-weight: 300; } } /* line 196, _featureset.scss */ .lp-featuresset.is-expanded .lp-cta-area h4, .lp-featuresset.is-expanded .lp-cta-area .lp-cta { width: 100%; text-align: center; } /* line 203, _featureset.scss */ .lp-featuresset.is-expanded.is-single { padding-top: 48px; } /* line 207, _featureset.scss */ .lp-featuresset.is-expanded.is-single .lp-feature .lp-feature__art { right: 0; left: auto; } /* line 212, _featureset.scss */ .lp-featuresset.is-expanded.is-single p { padding-bottom: 0; font-size: 18px; } @media (min-width: 661px) { /* line 219, _featureset.scss */ .lp-featuresset.is-expanded.is-single h2 { padding-top: 20px; text-align: left; position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 58.33333%; left: 8.33333%; right: auto; float: left; } /* line 224, _featureset.scss */ .lp-featuresset.is-expanded.is-single p { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; left: 8.33333%; right: auto; float: left; font-size: 21px; } /* line 228, _featureset.scss */ .lp-featuresset.is-expanded.is-single h2, .lp-featuresset.is-expanded.is-single p { float: left !important; clear: both; } } /* line 237, _featureset.scss */ .lp-featuresset.is-light-grey .lp-feature__art img { border-color: #fff; } /* line 242, _featureset.scss */ .featureset-expanded__easy img { background-color: #415e74; border: 5px solid #0083a9; } /* line 248, _featureset.scss */ .lp-featureset-expanded__design img { background-color: #415e74; } /* line 3, _domains.scss */ .lp-domains { text-align: center; } /* line 6, _domains.scss */ .lp-domains .lp-container, .lp-domains .wpcom-navigation { overflow: auto; } /* line 10, _domains.scss */ .lp-domains .lp-small-text { text-align: left; } /* line 14, _domains.scss */ .lp-domains .lp-full-block, .lp-domains .lp-faq__row { padding: 20px 0 0; } /* line 18, _domains.scss */ .lp-domains .lp-one-third-block, .lp-domains .lp-faq__item .lp-faq__question, .lp-faq__item .lp-domains .lp-faq__question { margin-top: 50px; } /* line 23, _domains.scss */ .lp-domains__domain-window { position: relative; overflow: auto; min-height: 120px; background-color: #f0f4f6; border-radius: 6px 6px 0 0; border: 2px solid #d9e3ea; border-bottom: 0; } @media (max-width: 660px) { /* line 23, _domains.scss */ .lp-domains__domain-window { min-height: 80px; max-width: 420px; margin: 0 auto; background-color: #668eaa; border: 0; border-radius: 4px 4px 0 0; } } /* line 42, _domains.scss */ .lp-domains__domain-window__buttons { position: absolute; top: 0; left: 0; right: 0; height: 42px; background-image: url(../wp-content/themes/h4/landing/marketing/img/browser-buttons.svg); background-color: #d9e3ea; background-position: 15px 12px; background-repeat: no-repeat; } @media (max-width: 660px) { /* line 42, _domains.scss */ .lp-domains__domain-window__buttons { background: url(../wp-content/themes/h4/landing/marketing/img/mobile-status-bar.svg) no-repeat; height: 16px; width: 26px; right: 8px; top: 5px; left: auto; opacity: 0.5; } } /* line 64, _domains.scss */ .domains__domain-window__chrome { position: relative; height: 58px; margin-top: 40px; background-color: #e9eff3; } @media (max-width: 660px) { /* line 64, _domains.scss */ .domains__domain-window__chrome { margin-top: 24px; height: 46px; } } /* line 76, _domains.scss */ .lp-domains__domain-browser__controls { position: absolute; top: 18px; left: 16px; background-image: url(../wp-content/themes/h4/landing/marketing/img/browser-controls.svg); width: 81px; height: 25px; } @media (max-width: 660px) { /* line 76, _domains.scss */ .lp-domains__domain-browser__controls { top: 10px; left: 5px; width: 12px; } } /* line 91, _domains.scss */ .lp-domains__domain-input { position: absolute; top: 5px; left: 113px; right: 16px; padding: 7px 10px 3px; text-align: left; background-color: white; border: 2px solid #c8d7e1; border-radius: 4px; color: #2e4453; font-family: "Merriweather Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 21px !important; line-height: 32px !important; overflow: hidden; } @media (max-width: 660px) { /* line 91, _domains.scss */ .lp-domains__domain-input { top: 5px; left: 28px; right: 5px; padding: 4px 6px; font-size: 16px !important; line-height: 24px !important; } } @media (max-width: 480px) { /* line 91, _domains.scss */ .lp-domains__domain-input { font-size: 14px !important; letter-spacing: -0.025em; } } /* line 123, _domains.scss */ .lp-domains__fade { position: absolute; bottom: 0; left: 0; right: 0; height: 18px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, #ffffff 100%); } @media (max-width: 660px) { /* line 123, _domains.scss */ .lp-domains__fade { height: 10px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, #ffffff 100%); } } /* line 137, _domains.scss */ .typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @keyframes blink { /* line 144, _domains.scss */ 0% { opacity: 1; } /* line 145, _domains.scss */ 50% { opacity: 0; } /* line 146, _domains.scss */ 100% { opacity: 1; } } @-webkit-keyframes blink { /* line 149, _domains.scss */ 0% { opacity: 1; } /* line 150, _domains.scss */ 50% { opacity: 0; } /* line 151, _domains.scss */ 100% { opacity: 1; } } @-moz-keyframes blink { /* line 154, _domains.scss */ 0% { opacity: 1; } /* line 155, _domains.scss */ 50% { opacity: 0; } /* line 156, _domains.scss */ 100% { opacity: 1; } } /* line 159, _domains.scss */ #domain-strings { display: none; } /* line 4, _faq.scss */ .lp-faq .lp-container, .lp-faq .wpcom-navigation { overflow: auto; } /* line 8, _faq.scss */ .lp-faq h2 { margin-bottom: 50px; } /* line 17, _faq.scss */ .lp-faq__item { margin-bottom: 50px; overflow: auto; } @media (min-width: 661px) { /* line 25, _faq.scss */ .lp-faq__item .lp-faq__response { padding-left: 0; } /* line 31, _faq.scss */ .lp-faq__item .lp-faq__response p { padding-left: 0.9375rem; border-left: 3px solid #e9eff3; } } /* line 38, _faq.scss */ .lp-faq__item h4 { color: #4f748e; } /* line 48, _faq.scss */ .lp-faq.is-long .lp-faq__question { width: 100%; padding: 0; } /* line 53, _faq.scss */ .lp-faq.is-long .lp-faq__response { width: 100%; padding: 0; } /* line 57, _faq.scss */ .lp-faq.is-long .lp-faq__response p { padding-left: 0; border: 0; } /* line 4, _testimonials.scss */ .lp-testimonials__entry { position: relative; padding-left: 0; padding-right: 0; width: 66.66667%; float: left; margin-left: auto; margin-right: auto; float: none; padding-bottom: 50px; } @media (max-width: 960px) { /* line 4, _testimonials.scss */ .lp-testimonials__entry { padding-left: 0; padding-right: 0; width: 83.33333%; float: left; margin-left: auto; margin-right: auto; float: none; } } @media (max-width: 480px) { /* line 4, _testimonials.scss */ .lp-testimonials__entry { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; text-align: center; padding-right: 16px; padding-left: 16px; } } /* line 21, _testimonials.scss */ .lp-testimonials__entry p { width: 100%; max-width: 660px; margin: 0 auto; font-family: "Merriweather", Georgia, "Times New Roman", Times, serif; letter-spacing: 0; } /* line 28, _testimonials.scss */ .lp-testimonials__entry p:last-child { font-family: "Merriweather Sans", Helvetica, Arial, sans-serif; font-size: 16px; } /* line 33, _testimonials.scss */ .lp-testimonials__entry .gridicons-quote { position: absolute; top: -16px; left: -56px; width: 48px; height: 48px; background-repeat: no-repeat; background-size: 36px 28px; background-position: center; opacity: 0.3; } @media (max-width: 660px) { /* line 33, _testimonials.scss */ .lp-testimonials__entry .gridicons-quote { top: -16px; left: -32px; width: 24px; height: 24px; background-size: 18px 14px; } } @media (max-width: 480px) { /* line 33, _testimonials.scss */ .lp-testimonials__entry .gridicons-quote { top: -8px; left: -8px; } } /* line 57, _testimonials.scss */ .lp-testimonials__entry p { color: #fff; font-size: 21px; font-weight: 400; } @media (max-width: 480px) { /* line 57, _testimonials.scss */ .lp-testimonials__entry p { text-align: left; } } /* line 66, _testimonials.scss */ .lp-testimonials__entry p .gridicons-quote { position: relative; top: 0; left: 0; display: inline-block; transform: rotate(180deg); width: 24px; height: 24px; background-size: 18px 14px; } /* line 79, _testimonials.scss */ .lp-testimonials__author { padding: 16px; font-weight: 600; } /* line 83, _testimonials.scss */ .lp-testimonials__author a { color: white; } /* line 88, _testimonials.scss */ .lp-testimonials__separator { padding: 0 8px; } /*-------------------------------------------------------------- 5.0 Closing copy --------------------------------------------------------------*/ /* line 7, _closing.scss */ .lp-trusted, .lp-closing { padding: 180px 20px; width: auto; border: 0; color: #fff; text-align: center; } /* line 14, _closing.scss */ .lp-trusted h3, .lp-closing h3 { margin-bottom: 0; font-size: 32px; color: white; } /* line 19, _closing.scss */ .lp-trusted p, .lp-trusted ul, .lp-closing p, .lp-closing ul { margin: 0; } /* line 24, _closing.scss */ .lp-trusted { background: linear-gradient(to bottom, #00aadc 0%, rgba(0, 170, 220, 0) 30%, rgba(0, 170, 220, 0) 70%, #00aadc 100%), #00aadc url(../wp-content/themes/h4/landing/marketing/img/trusted-by-brands.svg) fixed; background-size: 100% auto; background-position: left center; } @media (max-width: 660px) { /* line 24, _closing.scss */ .lp-trusted { background: #00aadc url(../wp-content/themes/h4/landing/marketing/img/trusted-by-brands.svg) fixed; background-size: 300% auto; background-position: center; padding: 50px 20px; } } /* line 37, _closing.scss */ .lp-closing { position: relative; background-size: 50%; z-index: 1; overflow: hidden; } /* line 43, _closing.scss */ .lp-closing::after { content: " "; position: absolute; top: -50%; left: -50%; width: 150%; height: 200%; background: #0087be url(../wp-content/themes/h4/landing/marketing/img/background-icons.svg); background-size: 35%; transform: rotate(-10deg); z-index: -1; visibility: visible; } @media (max-width: 660px) { /* line 43, _closing.scss */ .lp-closing::after { background-size: 150%; } } /* line 3, _footer.scss */ .lp-footer { background-color: #000; margin-bottom: -20px; } /* line 7, _footer.scss */ .lp-footer::after { content: ""; } /* line 11, _footer.scss */ .lp-footer .lp-container, .lp-footer .wpcom-navigation { padding-bottom: 50px; overflow: auto; } /* line 16, _footer.scss */ .lp-footer p { padding: 0; color: rgba(255, 255, 255, 0.7); font-size: 14px; font-weight: 300; } /* line 23, _footer.scss */ .lp-footer a { color: white; } /* line 28, _footer.scss */ .lp-footer__nav { float: left; margin: 0; font-size: 14px !important; } @media (max-width: 660px) { /* line 28, _footer.scss */ .lp-footer__nav { line-height: 3; text-align: center; } } /* line 38, _footer.scss */ .lp-footer__nav li { display: inline-block; padding: 0 10px 0 0; list-style: none; } /* line 44, _footer.scss */ .lp-footer__nav a { color: #fff; font-weight: 300; text-decoration: none; } /* line 53, _footer.scss */ .lp-footer__credits { float: right; margin-left: -5px; padding-bottom: 5px; } @media (max-width: 660px) { /* line 53, _footer.scss */ .lp-footer__credits { float: none; padding-top: 100px !important; text-align: center; } } /* line 65, _footer.scss */ .lp-footer-automattic { display: inline-block; height: 23px; background: url("data:image/svg+xml;base64, ") no-repeat 1px 6px; display: inline-block; min-width: 131px; text-indent: -600em; } /* legacy footer */ /* line 75, _footer.scss */ .legacy-footer { box-sizing: border-box; background-color: #fff; } /* line 79, _footer.scss */ .legacy-footer .group { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } /* line 68, _utils.scss */ .legacy-footer .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* line 83, _footer.scss */ .legacy-footer .c0, .legacy-footer .c1, .legacy-footer .c2, .legacy-footer .c3, .legacy-footer .c4 { float: left; width: 20%; } @media (max-width: 960px) { /* line 83, _footer.scss */ .legacy-footer .c0, .legacy-footer .c1, .legacy-footer .c2, .legacy-footer .c3, .legacy-footer .c4 { width: 50%; margin-bottom: 16px; } } @media (max-width: 660px) { /* line 83, _footer.scss */ .legacy-footer .c0, .legacy-footer .c1, .legacy-footer .c2, .legacy-footer .c3, .legacy-footer .c4 { width: 100%; } } /* line 97, _footer.scss */ .legacy-footer h4 { margin-bottom: 24px; margin: 0 0 16px; color: #444; border: none; } /* line 104, _footer.scss */ .legacy-footer ul { list-style: none; margin: 0; } /* line 108, _footer.scss */ .legacy-footer li { overflow: hidden; text-overflow: ellipsis; padding: 0 0 8px 0; color: #888; margin-bottom: 0; white-space: nowrap; } /* line 116, _footer.scss */ .legacy-footer li a { border: none; color: #0087be; text-decoration: none; } /* line 123, _footer.scss */ .legacy-footer p.automattic { width: 100%; float: left; bottom: 0; clear: both; font-size: 11px; line-height: 16px; color: #888; margin-left: 0; margin-top: 34px; } /* line 135, _footer.scss */ .legacy-footer .automattic-logo { display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 102px; height: 16px; vertical-align: bottom; background-image: url("../../s1.wp.com/wp-content/themes/h4/tabs/images/automattic.png"); background-position: center center; background-size: 102px 9px; background-repeat: no-repeat; margin: 0 3px; border: none; } /* line 151, _footer.scss */ .legacy-footer .button-primary { color: #fff !important; } /* line 158, _footer.scss */ .language-toggle-locale { border: 1px solid; border-radius: 2px; background: rgba(244, 248, 250, 0.15); padding: 2px 3px; font-size: 11px; line-height: 11px; display: inline-block; } /* line 1, _animation.scss */ .show { opacity: 0; transition: all .5s ease-out; } /* line 5, _animation.scss */ .show.is-visible { opacity: 1; } /* line 10, _animation.scss */ .show-bottom { opacity: 0; transform: translateY(50px); transition: all .5s ease-out; } /* line 15, _animation.scss */ .show-bottom.is-visible { transform: translateY(0); opacity: 1; } /* line 21, _animation.scss */ .show-left { opacity: 0; transform: translateX(-20px); transition: all .7s ease-out; } /* line 26, _animation.scss */ .show-left.is-visible { transform: translateX(0); opacity: 1; } /* line 32, _animation.scss */ .show-right { opacity: 0; transform: translateX(20px); transition: all .7s ease-out; } /* line 37, _animation.scss */ .show-right.is-visible { transform: translateX(0); opacity: 1; } @supports (-ms-accelerator: true) { /* line 5, _fixes.scss */ .lp-wizzard__step { overflow: hidden !important; } /* line 9, _fixes.scss */ .lp-wizzard__art span { top: 36%; } /* line 13, _fixes.scss */ .lp-showcase__theme-list a { background-image: url(../wp-content/themes/h4/landing/marketing/img/browser.png); } /* line 17, _fixes.scss */ .plans-single .lp-container, .plans-single .wpcom-navigation { overflow: hidden; } } /* IE10+ CSS styles go here */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* line 5, _fixes.scss */ .lp-wizzard__step { overflow: hidden !important; } /* line 9, _fixes.scss */ .lp-wizzard__art span { top: 36%; } /* line 13, _fixes.scss */ .lp-showcase__theme-list a { background-image: url(../wp-content/themes/h4/landing/marketing/img/browser.png); } /* line 17, _fixes.scss */ .plans-single .lp-container, .plans-single .wpcom-navigation { overflow: hidden; } } /* @noflip */ /* line 6, _rtl.scss */ *[dir="rtl"] a.button.is-large, *[dir="rtl"] .legacy-footer a.is-large.button-primary, .legacy-footer *[dir="rtl"] a.is-large.button-primary { min-width: 150px; text-align: center; }