main{overflow:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{color:#6d6868;border:none;-webkit-text-fill-color:#6d6868;-webkit-box-shadow:0 0 0px 1000px #000 inset;transition:background-color 5000s ease-in-out 0s}.section{text-align:center;padding:5rem 0}.admin-bar .section-navbar{margin-top:2rem}.section-navbar{position:fixed;top:80px;width:100%;padding:0;text-align:left;z-index:30;opacity:1;visibility:visible;transition:all .3s ease-out}.section-navbar.hidden{opacity:0;visibility:hidden}.section-navbar.scrolled{background-color:#fff}.section-navbar .features-sub-container{border-bottom:1px solid var(--hb-dark-purple)}.section-navbar ul{display:flex;align-items:center;margin:0 -20px;list-style:none}.section-navbar ul li{line-height:1;margin:0 20px;transition:all 300ms ease-out}.section-navbar ul li.active a{font-weight:bold}.section-navbar ul li.active a::after{width:100%}.section-navbar ul li a{position:relative;display:table-cell;font-size:13px;font-weight:normal;line-height:1.2;color:#452f53;height:3rem;text-align:center;vertical-align:middle}.section-navbar ul li a:hover::after{width:100%}.section-navbar ul li a::after{content:"";position:absolute;bottom:0;left:0;display:block;width:0;height:1px;border-bottom:4px solid var(--hb-purple);transition:width .3s ease 0s,left .3s ease 0s}.section-navbar+.section{margin-top:48px}.has-fixed-header>.section:not(.section-navbar):first-child{padding-top:8rem}.has-fixed-header .section-navbar+.section{margin-top:0;padding-top:12rem}.section-hero{padding:60px 0 50px}.section-hero h1{font-weight:900;font-size:28px;line-height:32px;letter-spacing:.02em;margin-bottom:20px}.section-hero .subheading{margin-bottom:20px}.section-hero .hero-header{min-height:40vh;padding:30px 0 0}.section-hero .hero-footer{display:flex;justify-content:center}.section-hero a{display:flex;gap:5px;margin:0;color:var(--hb-purple);font-size:11px;line-height:16px;letter-spacing:.12em;text-transform:uppercase;font-weight:400}.section-hero a:hover{color:var(--hb-blue)}.section-hero a:hover img{filter:brightness(0) saturate(100%) invert(54%) sepia(84%) saturate(2704%) hue-rotate(152deg) brightness(88%) contrast(97%)}.section-hero .bg-layer{position:absolute;top:0;right:0;width:100%;height:100%;transform:translateY(-10%)}.section-hero .bg-layer .bg-inner{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#e9f8fc;-webkit-clip-path:circle(47.6% at 82% -10%);clip-path:circle(47.6% at 82% -10%)}.section-hero .bg-layer.lpink .bg-inner{background-color:#f3eef6}.section-timecard-new{padding:0 0 104px;position:relative}.section-timecard-new .container-narrow .name-date{margin-bottom:30px;display:flex;background:#f0ebff;border-radius:4px;gap:50px;padding:10px 34px 10px 10px;align-items:center}.section-timecard-new .container-narrow .name-date .name{display:flex;flex:1;align-items:center;gap:20px}.section-timecard-new .container-narrow .name-date .name label{padding:10px;color:#252525}.section-timecard-new .container-narrow .name-date .name input{padding:10px;border:1px solid #e2e4e9;border-radius:4px;-webkit-box-shadow:none;box-shadow:none}.section-timecard-new .container-narrow .name-date .date{display:flex;flex:1;align-items:center;gap:20px}.section-timecard-new .container-narrow .name-date .date label{padding:10px;color:#252525}.section-timecard-new .container-narrow .name-date .date input{padding:10px;border-radius:0;border:1px solid #e2e4e9;border-radius:4px;-webkit-box-shadow:none;box-shadow:none}.section-timecard-new .container-narrow .addons{padding-left:8px;margin-bottom:40px}.section-timecard-new .container-narrow .addons .title{margin-bottom:12px;text-align:left}.section-timecard-new .container-narrow .addons .title p{margin:0;font-weight:700;color:#1b1c1e}.section-timecard-new .container-narrow .addons .checkboxes{display:flex;gap:40px}.section-timecard-new .container-narrow .addons .checkboxes div{display:flex}.section-timecard-new .container-narrow .addons .checkboxes label{color:#1b1c1e;margin-left:1rem;font-size:1rem;line-height:1.5rem;font-weight:500}.section-timecard-new .container-narrow .addons .checkboxes .gross-container{display:flex;flex-direction:column;gap:13px}.section-timecard-new .container-narrow .addons .checkboxes .gross-container .gross-box{display:none;border-radius:4px;background-color:#f0ebff;padding:10px;gap:10px;align-items:center;width:170px}.section-timecard-new .container-narrow .addons .checkboxes .gross-container .gross-box span{color:#252525}.section-timecard-new .container-narrow .addons .checkboxes .gross-container .gross-box input[type=number]{font-size:15px;line-height:24px;padding:10px;text-align:center;border:1px solid #c3c2f1;box-shadow:0px 4px 14px rgba(134,141,150,.25);border-radius:4px}.section-timecard-new .container-narrow .addons .checkboxes .gross,.section-timecard-new .container-narrow .addons .checkboxes .overtime40,.section-timecard-new .container-narrow .addons .checkboxes .overtime8{align-items:center}.section-timecard-new .container-narrow .addons .checkboxes .overtime40-container,.section-timecard-new .container-narrow .addons .checkboxes .overtime8-container{display:flex;flex-direction:column;gap:13px;align-items:flex-start}.section-timecard-new .container-narrow .addons .checkboxes .overtime40-box,.section-timecard-new .container-narrow .addons .checkboxes .overtime8-box{display:none;border-radius:4px;background-color:#f0ebff;padding:10px;gap:10px;align-items:center;width:291px;margin-right:16px}.section-timecard-new .container-narrow .addons .checkboxes .overtime40-box span,.section-timecard-new .container-narrow .addons .checkboxes .overtime8-box span{color:#252525}.section-timecard-new .container-narrow .addons .checkboxes .overtime40-box select,.section-timecard-new .container-narrow .addons .checkboxes .overtime8-box select{width:76px;font-size:14px;line-height:20px;padding:8px;text-align:center;border:1px solid #c3c2f1;box-shadow:0px 4px 14px rgba(134,141,150,.25);border-radius:4px;background-position:right 8px center;text-align:left}.section-timecard-new .container-narrow .calculator{display:flex;flex-direction:column;gap:25px;margin-bottom:44px}.section-timecard-new .container-narrow .calculator .row{display:flex;justify-content:space-between;padding:10px;align-items:center;margin:0;border-radius:4px}.section-timecard-new .container-narrow .calculator .row .day{text-align:left;width:96px}.section-timecard-new .container-narrow .calculator .row .middle{display:flex;gap:80px;text-align:center}.section-timecard-new .container-narrow .calculator .row .middle span{display:none}.section-timecard-new .container-narrow .calculator .row .middle div{width:146px;position:relative}.section-timecard-new .container-narrow .calculator .row .middle div input[type=time]{width:100%;font-size:15px;padding:10px;text-align:center;border:1px solid #c3c2f1;box-shadow:0px 4px 14px rgba(134,141,150,.25);border-radius:4px}.section-timecard-new .container-narrow .calculator .row .middle div input[type=time]::-webkit-calendar-picker-indicator{display:none;opacity:0;position:absolute;width:10%;left:35%}.section-timecard-new .container-narrow .calculator .row .middle div input[type=number]{width:100%;height:100%;font-size:15px;padding:10px;text-align:center;border:1px solid #c3c2f1;box-shadow:0px 4px 14px rgba(134,141,150,.25);border-radius:4px;position:relative}.section-timecard-new .container-narrow .calculator .row .middle div .letter-h{display:block;position:absolute;right:55px;top:10px}.section-timecard-new .container-narrow .calculator .row .total{text-align:center;color:#252525;font-weight:700;width:96px}.section-timecard-new .container-narrow .calculator .row.titles{color:#313a43;font-weight:700}.section-timecard-new .container-narrow .calculator .days{display:flex;flex-direction:column;gap:6px}.section-timecard-new .container-narrow .calculator .days .row{background-color:#f0ebff}.section-timecard-new .container-narrow .calculator .days .row:nth-child(even){background-color:rgba(240,235,255,.5)}.section-timecard-new .container-narrow .calculator .totals{background-color:#f0ebff;padding:10px 28px;display:flex;flex-direction:row-reverse;border-radius:4px;gap:20px}.section-timecard-new .container-narrow .calculator .totals .title{display:none}.section-timecard-new .container-narrow .calculator .totals .item{padding:10px 0;display:flex;align-items:center;color:#252525;gap:10px}.section-timecard-new .container-narrow .calculator .totals .item span{font-size:22px;line-height:2rem;font-weight:700}.section-timecard-new .container-narrow .calculator .totals .reg-hours,.section-timecard-new .container-narrow .calculator .totals .over-hours,.section-timecard-new .container-narrow .calculator .totals .gross-pay,.section-timecard-new .container-narrow .calculator .totals .over-pay{display:none}.section-timecard-new .container-narrow .actions{display:flex;justify-content:space-between}.section-timecard-new .container-narrow .actions .form{max-width:560px;flex:1}.section-timecard-new .container-narrow .actions .form .nf-form-content nf-fields-wrap{display:flex}.section-timecard-new .container-narrow .actions .form .nf-form-content nf-fields-wrap nf-field{height:48px}.section-timecard-new .container-narrow .actions .form .nf-form-content nf-fields-wrap nf-field:first-child{width:100%}.section-timecard-new .container-narrow .actions .form .nf-form-content nf-fields-wrap nf-field .nf-field-container{margin:0}.section-timecard-new .container-narrow .actions .form .nf-form-content nf-fields-wrap nf-field .nf-field-container .email-wrap input[name=email]{border:1px solid #000;padding:15px 24px}.section-timecard-new .container-narrow .actions .form .nf-form-content nf-fields-wrap nf-field .nf-field-container .email-wrap input[name=email]::placeholder{color:#969ba0}.section-timecard-new .container-narrow .actions .form .nf-form-content nf-fields-wrap nf-field .nf-field-container .email-wrap.nf-error input[name=email]{border-color:#e80000}.section-timecard-new .container-narrow .actions .form .nf-form-content nf-fields-wrap nf-field .nf-field-container .button{margin-left:-2.5rem}.section-timecard-new .container-narrow .actions .form .nf-form-wrap{position:relative}.section-timecard-new .container-narrow .actions .form .nf-form-wrap .nf-response-msg{position:absolute;top:-25px}.section-timecard-new .container-narrow .actions .buttons{display:flex;gap:20px}.section-timecard-new .container-narrow .actions .buttons .button.reverse{color:var(--hb-purple);border-color:var(--hb-purple)}.section-timecard-new .container-narrow .actions .buttons .button.reverse:hover{color:#fff;background-color:var(--hb-purple)}.section-timecard-new .nf-form-fields-required,.section-timecard-new .ninja-forms-req-symbol,.section-timecard-new nf-errors,.section-timecard-new .nf-after-field{display:none}.section-timecard-new .email-hidden,.section-timecard-new .pdf-title,.section-timecard-new .pdf-powered,.section-timecard-new .pdf-footer,.section-timecard-new .pdf-copy{display:none}.section-how-to-use{padding:60px 0;background-color:#f0ebff}.section-how-to-use .container-narrow{max-width:1017px;display:flex;flex-direction:column;align-items:center;gap:54px}.section-how-to-use .container-narrow .headline{font-weight:700}.section-how-to-use .container-narrow .steps{display:flex;gap:29px}.section-how-to-use .container-narrow .steps .step{display:flex;flex-direction:column;flex:1 1 26%;gap:12px;padding:35px 29px;background-color:#fff;border-radius:10px}.section-how-to-use .container-narrow .steps .step .title{font-weight:700;margin:0;text-align:left}.section-how-to-use .container-narrow .steps .step .text{margin:0;text-align:left;color:var(--hb-dark-grey)}.section-how-to-use .container-narrow .caption{margin:0;color:#000;font-size:11px;line-height:16px}.section-cta-banner{overflow:hidden}.section-cta-banner h3{color:#fff;margin-bottom:2.5rem}.section-cta-banner .bg-layer{position:absolute;top:0;left:0;width:calc(100vw - 17px);height:100%;margin:0 calc((100% - 100vw + 17px)/2);background-color:#452f53;z-index:-1;overflow:hidden}.section-cta-banner .bg-inner{position:absolute;top:0;right:0;width:100%;height:100%}.section-cta-banner .bg-inner .shape-3,.section-cta-banner .bg-inner .shape-2,.section-cta-banner .bg-inner .shape-1{position:absolute;top:0;right:0;width:auto;height:100%;aspect-ratio:1/1}.section-cta-banner .bg-inner .shape-3{z-index:3}.section-cta-banner .bg-inner .shape-2{z-index:2}.section-cta-banner .bg-inner .shape-1{z-index:1}.section-cta-banner .banner-wrapper{position:relative;padding-top:5rem;padding-bottom:5rem;padding-right:25%;text-align:left;z-index:1}.section-cta-banner .banner-wrapper.aligned-left.shape-type1 .shape-3{background-color:#8746a8;border-radius:50% 50% 50% 0}.section-cta-banner .banner-wrapper.aligned-left.shape-type1 .shape-2{top:auto;bottom:0;height:50%;background-color:#bbeaea}.section-cta-banner .banner-wrapper.aligned-left.shape-type1 .shape-1{height:50%;background-color:#fdba18}.section-cta-banner .banner-wrapper.aligned-left.shape-type2 .shape-3{background-color:#bbeaea;border-radius:50% 50% 50% 0}.section-cta-banner .banner-wrapper.aligned-left.shape-type2 .shape-2{display:none}.section-cta-banner .banner-wrapper.aligned-left.shape-type2 .shape-1{height:50%;background-color:#8746a8}.section-cta-banner .banner-wrapper.aligned-center{padding-left:0%;padding-right:0%;text-align:center}.section-cta-banner .banner-wrapper.aligned-center.shape-type1 .shape-3{left:0;right:auto;background-color:#8746a8;border-radius:0 0 50% 0;transform:translateX(-53%)}.section-cta-banner .banner-wrapper.aligned-center.shape-type1 .shape-2{display:none}.section-cta-banner .banner-wrapper.aligned-center.shape-type1 .shape-1{height:100%;background-color:#fdba18;border-radius:50% 0 0 0;transform:translateX(53%)}.section-cta-banner .banner-wrapper.aligned-center.shape-type2 .shape-3{left:0;right:auto;background-color:#bbeaea;border-radius:0 50% 50% 0;transform:translateX(-53%)}.section-cta-banner .banner-wrapper.aligned-center.shape-type2 .shape-2{display:none}.section-cta-banner .banner-wrapper.aligned-center.shape-type2 .shape-1{height:100%;background-color:#8746a8;border-radius:0 0 0 50%;transform:translateX(53%)}.section-cta-banner .banner-wrapper ul{margin-left:0px;display:inline-flex;font-weight:700;font-size:15px;line-height:24px;margin-top:28px;margin-bottom:0px}.section-cta-banner .banner-wrapper ul li{display:block;padding-left:2rem;background-image:url(https://joinhomebase.com/wp-content/themes/homebase/images/yellow-check-mark-894374983.svg);background-repeat:no-repeat;background-position:left center;padding-right:20px}.section-cta{background-color:#5c148d;padding:50px 0}.section-cta .container-narrow{display:flex;align-items:center}.section-cta .container-narrow .left{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 60%}.section-cta .container-narrow .left .logo{margin-bottom:60px}.section-cta .container-narrow .left .headline{margin-bottom:9px;font-weight:900;color:#fff;text-align:left}.section-cta .container-narrow .left .subheadline{margin-bottom:2rem;font-size:22px;line-height:2rem;color:#fff;text-align:left}.section-cta .container-narrow .left .tick{margin-bottom:50px}.section-cta .container-narrow .left .tick li{margin-bottom:10px !important;color:#fff;text-align:left;background-image:url(https://joinhomebase.com/wp-content/themes/homebase/images/tick-white.svg);background-position:unset}.section-cta .container-narrow .left .button.primary{background-color:#9b51e0;border-color:#9b51e0}.section-cta .container-narrow .left .button.primary:hover{color:#9b51e0;background-color:#fff}.section-cta .container-narrow .right{flex:1 1 40%;margin-right:-80px}.section-faq{padding:110px 0 0}.section-faq .row-container{display:flex}.section-faq .col-left .col-wrapper{position:-webkit-sticky;position:sticky;top:170px;text-align:left;padding-right:6rem}.section-faq .col-left h2{margin-bottom:2.5rem}.section-faq .col-right .col-inner{display:flex;flex-direction:column;gap:28px;width:100%}.section-faq .col-right .col-inner .faq-item{border-bottom:1px solid var(--hb-dark-purple)}.section-faq .col-right .col-inner .faq-item .field{text-align:left;margin-bottom:28px}.section-faq .col-right .col-inner .faq-item .question{padding:20px 0;display:flex;justify-content:space-between;cursor:pointer}.section-faq .col-right .col-inner .faq-item .question p{font-weight:700;font-size:22px;line-height:2rem;margin:0}.section-faq .col-right .col-inner .faq-item .question img{transition:all .3s}.section-faq .col-right .col-inner .faq-item .answer{padding:0 40px 20px 0;font-size:15px;line-height:24px;margin:0;display:none;opacity:0;transition:all .3s;text-align:left}.section-faq .col-right .col-inner .faq-item.open .question img{transform:rotate(45deg)}.section-faq .col-right .col-inner .faq-item.open .answer{display:block;opacity:1}.section-faq.one-col .container-narrow .row{flex-direction:column;align-items:flex-start;margin:0}.section-faq.one-col .container-narrow .row .subheadline{margin-bottom:10px}.section-faq.one-col .container-narrow .row .headline{font-size:28px;line-height:2rem;margin-bottom:24px;text-align:left}.section-faq.one-col .container-narrow .row .col-right{width:100%}.section-faq.one-col .container-narrow .row .col-right .col-inner{padding:0}@media screen and (max-width: 768px){.section-cta{padding:2.5rem 0}.section-cta .container-narrow{padding:0 20px;flex-direction:column}.section-cta .container-narrow .left{margin-bottom:40px}.section-cta .container-narrow .right{margin:0}}@media screen and (max-width: 640px){.row.row-medium{padding:0}.section{padding-top:2.5rem;padding-bottom:2.5rem}.section-navbar{display:none}.section-navbar+.section{margin-top:0}.section-hero{padding-top:4rem;padding-bottom:2.5rem}.section-hero h1{margin-bottom:20px;font-size:36px;line-height:2.5rem}.section-hero h2.subheading{font-size:15px}.section-hero p{margin-right:0;margin-bottom:.5rem !important}.section-hero .bg-layer{display:none}.section-timecard-new{padding-top:0}.section-timecard-new .container-narrow .name-date{flex-direction:column;padding:10px;gap:10px}.section-timecard-new .container-narrow .name-date .name{flex-direction:column;gap:5px;align-items:flex-start;width:100%}.section-timecard-new .container-narrow .name-date .date{flex-direction:column;gap:5px;align-items:flex-start;width:100%}.section-timecard-new .container-narrow .addons{padding-left:0}.section-timecard-new .container-narrow .addons .title{margin-bottom:20px}.section-timecard-new .container-narrow .addons .checkboxes{flex-direction:column;gap:20px}.section-timecard-new .container-narrow .addons .checkboxes .gross-container .gross-box{width:100%}.section-timecard-new .container-narrow .addons .checkboxes .overtime40-container .overtime40-box{width:100%;margin-right:0;justify-content:center}.section-timecard-new .container-narrow .addons .checkboxes .overtime8-container .overtime8-box{width:100%;margin-right:0;justify-content:center}.section-timecard-new .container-narrow .calculator .titles{display:none}.section-timecard-new .container-narrow .calculator .days .row{flex-direction:column;gap:20px;align-items:flex-start}.section-timecard-new .container-narrow .calculator .days .row .middle{flex-direction:column;gap:20px;width:100%}.section-timecard-new .container-narrow .calculator .days .row .middle span{display:block;color:#313a43;font-weight:700;font-size:15px;line-height:24px;flex:1;text-align:left}.section-timecard-new .container-narrow .calculator .days .row .middle div{display:flex;width:100%;gap:10px;align-items:center}.section-timecard-new .container-narrow .calculator .days .row .middle div input{flex:1;text-align:left}.section-timecard-new .container-narrow .calculator .days .row .middle div input::-webkit-date-and-time-value{text-align:left}.section-timecard-new .container-narrow .calculator .days .row .middle div .letter-h{right:unset;left:40px;top:9px;font-weight:400}.section-timecard-new .container-narrow .calculator .days .row .total{text-align:left;padding-left:12px}.section-timecard-new .container-narrow .calculator .totals{padding:10px;flex-direction:column-reverse}.section-timecard-new .container-narrow .calculator .totals .item{justify-content:space-between}.section-timecard-new .container-narrow .calculator .totals .item span{width:50%;text-align:left}.section-timecard-new .container-narrow .actions{flex-direction:column;gap:50px}.section-timecard-new .container-narrow .actions .form .nf-form-content nf-fields-wrap{flex-direction:column;gap:20px}.section-timecard-new .container-narrow .actions .form .nf-form-content nf-fields-wrap nf-field .nf-field-container .button{margin-left:0;width:100%}.section-timecard-new .container-narrow .actions .form .nf-form-content nf-fields-wrap nf-field .nf-field-container input[name=email]{text-align:center}.section-timecard-new .container-narrow .actions .buttons{flex-direction:column}.section-how-to-use .container-narrow{padding:0 20px;gap:0}.section-how-to-use .container-narrow .headline{font-size:28px;margin-bottom:40px}.section-how-to-use .container-narrow .steps{flex-direction:column;margin-bottom:26px}.section-how-to-use .container-narrow .steps .step{padding:35px}.section-how-to-use .container-narrow .caption{max-width:300px}.section-cta .container-narrow{padding:0 20px}.section-cta .container-narrow .left .logo{margin-bottom:40px}.section-cta .container-narrow .left .headline{font-size:28px}.section-cta .container-narrow .left .subheadline{margin-bottom:40px}.section-cta .container-narrow .left .tick{margin-bottom:40px}.section-cta .container-narrow .left .button.primary{width:100%}.section-faq{padding-top:90px}.section-faq .row-container{flex-wrap:wrap}.section-faq .col-left{margin-bottom:3.5rem}.section-faq .col-left h2{font-size:2.5rem !important}.section-faq .col-left .col-wrapper{position:relative;top:auto;text-align:center;padding-right:0}.section-faq .col-right .col-inner .faq-item .question p{font-size:18px;line-height:1.5rem;text-align:left;margin-right:24px}.section-faq.one-col .container-narrow .row .headline{font-size:25px;margin-bottom:2.5rem}}@-moz-document url-prefix(){.section-timecard-new .container-narrow .calculator .row .middle div .letter-h{top:8px !important}}/*# sourceMappingURL=time-card-calculator-v2.min.css.map */