markhenri — PayrollTalk

* { padding: 0; margin: 0; box-sizing: border-box; } .titleBarNav-linkContent_fo136k2:after, .titleBarNav-linkActive_fwpq0ht:after { background-color: rgb(222, 101, 39) !important; height: 2px !important; max-width: 23px !important; top: calc(50% - 2px) !important; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .header-module { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-bottom: 1px solid rgba(0, 0, 0, 0.1); height: 64px; } .header-module--header-inner { display: flex; align-items: center; justify-content: space-between; height: 100%; width: 100%; margin-left: auto; margin-right: auto; max-width: 1264px; padding-left: 32px; padding-right: 32px; position: relative; } .header-module--left-wrapper { display: flex; align-items: center; flex: 1 1; flex-shrink: 0; } .header-module--right-wrapper { display: flex; align-items: center; flex-shrink: 0; } .header-module--logo { display: flex; flex-shrink: 0; margin-right: 25px; } .header-module--logo-img-sm { width: 45px; height: 100%; } .header-module--logo-img-lg { height: 100%; width: 200px; display: none; } .header-module--links-list { display: flex; flex: 1 1; flex-shrink: 0; justify-content: flex-end; } .header-module--link { display: flex; margin-right: 20px; flex-shrink: 0; position: relative; align-items: center; padding: 10px 8px; font-size: 15px; font-weight: 400; letter-spacing: 0.2px; text-decoration: none; color: #222222; transition: 0.2s ease-out; } .header-module--link:hover, .header-module--link:active { color: #000; } .header-module--cta-btn { margin-left: 8px; font-size: 16px; padding: 2px 12px; border-radius: 3px; font-weight: 500; text-align: center; transition: 0.2s ease-out; cursor: pointer; outline: 0; letter-spacing: 0.25px; border: 2px solid #de6527; background-color: rgba(255, 255, 255, 0.3); color: #ce4106; text-decoration: none; } .header-module--cta-btn:hover, .header-module--cta-btn:focus { background-color: #fff2e9; color: #ce4106; box-shadow: 0 3px 14px 1px rgba(47, 47, 47, 0.12); text-decoration: none; } .header-module--login-icon--3xPZZ { position: relative; display: inline-flex; font-size: 0; margin: 0; margin-right: 9px; opacity: 0; transition: 0.2s ease-out; } @media only screen and (min-width: 992px) { .header-module--login-icon--3xPZZ { font-size: 18px; opacity: 0.8; } .header-module--logo-img-sm { display: none; } .header-module--logo-img-lg { display: flex; } .header-module--links-list { justify-content: flex-start; } .header-module--cta-btn { padding: 2px 25px; } } .flex-on-sm, .flex-on-md, .flex-on-lg { display: none; } @media only screen and (min-width: 420px) { .flex-on-sm { display: flex; } } @media only screen and (min-width: 500px) { .flex-on-md { display: flex; } } @media only screen and (min-width: 900px) { .flex-on-lg { display: flex; } } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer h2 { color: #5b5b5b; font-size: 17px; font-weight: 500; margin-bottom: 2px; display: block; } .footer h2 sup { font-weight: 300; } .footer a { padding: 0; background-color: transparent; border: 0; text-decoration: none; transition: .1s ease-out; line-height: normal; color: #AC3806; border-bottom: 1px solid transparent; border-bottom: 1px solid rgba(206,65,6,.4); font-weight: 500; } .footer a:hover, .footer a:focus { color: #b13500; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .footer-module--logo { display: flex; flex-shrink: 0; } .footer-module--logo-img { width: auto; height: 45px; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */

The information posted on PayrollTalk is for informational purposes only and is not intended to substitute for obtaining accounting, payroll, tax, or financial advice from a professional accountant.

* { padding: 0; margin: 0; box-sizing: border-box; } .titleBarNav-linkContent_fo136k2:after, .titleBarNav-linkActive_fwpq0ht:after { background-color: rgb(222, 101, 39) !important; height: 2px !important; max-width: 23px !important; top: calc(50% - 2px) !important; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .header-module { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-bottom: 1px solid rgba(0, 0, 0, 0.1); height: 64px; } .header-module--header-inner { display: flex; align-items: center; justify-content: space-between; height: 100%; width: 100%; margin-left: auto; margin-right: auto; max-width: 1264px; padding-left: 32px; padding-right: 32px; position: relative; } .header-module--left-wrapper { display: flex; align-items: center; flex: 1 1; flex-shrink: 0; } .header-module--right-wrapper { display: flex; align-items: center; flex-shrink: 0; } .header-module--logo { display: flex; flex-shrink: 0; margin-right: 25px; } .header-module--logo-img-sm { width: 45px; height: 100%; } .header-module--logo-img-lg { height: 100%; width: 200px; display: none; } .header-module--links-list { display: flex; flex: 1 1; flex-shrink: 0; justify-content: flex-end; } .header-module--link { display: flex; margin-right: 20px; flex-shrink: 0; position: relative; align-items: center; padding: 10px 8px; font-size: 15px; font-weight: 400; letter-spacing: 0.2px; text-decoration: none; color: #222222; transition: 0.2s ease-out; } .header-module--link:hover, .header-module--link:active { color: #000; } .header-module--cta-btn { margin-left: 8px; font-size: 16px; padding: 2px 12px; border-radius: 3px; font-weight: 500; text-align: center; transition: 0.2s ease-out; cursor: pointer; outline: 0; letter-spacing: 0.25px; border: 2px solid #de6527; background-color: rgba(255, 255, 255, 0.3); color: #ce4106; text-decoration: none; } .header-module--cta-btn:hover, .header-module--cta-btn:focus { background-color: #fff2e9; color: #ce4106; box-shadow: 0 3px 14px 1px rgba(47, 47, 47, 0.12); text-decoration: none; } .header-module--login-icon--3xPZZ { position: relative; display: inline-flex; font-size: 0; margin: 0; margin-right: 9px; opacity: 0; transition: 0.2s ease-out; } @media only screen and (min-width: 992px) { .header-module--login-icon--3xPZZ { font-size: 18px; opacity: 0.8; } .header-module--logo-img-sm { display: none; } .header-module--logo-img-lg { display: flex; } .header-module--links-list { justify-content: flex-start; } .header-module--cta-btn { padding: 2px 25px; } } .flex-on-sm, .flex-on-md, .flex-on-lg { display: none; } @media only screen and (min-width: 420px) { .flex-on-sm { display: flex; } } @media only screen and (min-width: 500px) { .flex-on-md { display: flex; } } @media only screen and (min-width: 900px) { .flex-on-lg { display: flex; } } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer h2 { color: #5b5b5b; font-size: 17px; font-weight: 500; margin-bottom: 2px; display: block; } .footer h2 sup { font-weight: 300; } .footer a { padding: 0; background-color: transparent; border: 0; text-decoration: none; transition: .1s ease-out; line-height: normal; color: #AC3806; border-bottom: 1px solid transparent; border-bottom: 1px solid rgba(206,65,6,.4); font-weight: 500; } .footer a:hover, .footer a:focus { color: #b13500; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .footer-module--logo { display: flex; flex-shrink: 0; } .footer-module--logo-img { width: auto; height: 45px; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */