*{ outline: 0; } .single-long-page .site-header, .single-long-page .header-breadcrumbs { display: none; } .hero-section:after{ background: #fce2d2; } .categories-workforce-management .hero-section::after{ background: #deedda; } .categories-benefits-administration .hero-section::after{ background: #ddd6e6; } .categories-talent-management .hero-section::after{ background: #ceecf8; } .categories-hr-payroll-software .hero-section::after{ background: #fce2d2; } .categories-employee-experience .hero-section::after, .categories-talent-acquisition .hero-section::after{ background: #cfe2ec; } .topic-workforce-management .hero-section::after{ background: #deedda; } .topic-benefits-administration .hero-section::after{ background: #ddd6e6; } .topic-talent-management .hero-section::after{ background: #ceecf8; } .topic-hr-payroll-software .hero-section::after{ background: #fce2d2; } .topic-employee-experience .hero-section::after, .topic-talent-acquisition .hero-section::after{ background: #cfe2ec; } .formSubmited { margin-top: 0; } .formSubmited .wp-block-ws-section{ z-index: 1; } .formSubmited .wp-block-ws-section, .formSubmited .site-container .site-header{ display: block; } .formSubmited .hero-section a[rel=home], .formSubmited .hero-section a[rel=home] svg{ opacity: 0; pointer-events: none; } .mobile{ display: none; } div#wpadminbar { display: block; } .desktop-nav .menu .menu-item.depth-1.button a:after , .mobile-nav .menu .menu-item.button a:after{ height: auto !important; } @media(max-width:991.98px){ .formSubmited { margin-top: 0px; } } .site-container{ overflow-x: hidden; } @media(min-width:1200px){ .stuck{ position: fixed; top: 0; -webkit-transition: all 0.2s; transition: all 0.2s; width: 100%; } } /* Header Fix */ .mobile-nav.opened{ overflow: unset; } /*.hero-section START */ .hero-section{ background: #fff; position: relative; padding: 36px 0 58px; overflow: hidden; min-height: 670px; display: flex; flex-wrap: wrap; } .hero-section a[rel=home] svg{ width : auto; height : 40px; } .hero-section::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .hero-section .container{ position: relative; z-index: 1; max-width: 1290px; padding: 0 15px; box-sizing: border-box; } .hero-section a[rel=home]{ width: 100%; max-width: 117px; display: block; margin-bottom: 40px; } .hero-section .col2row{ display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; } .hero-section .content-wrapper{ max-width: 590px; } .hero-section .content-wrapper .main-title{ font-style: normal; font-weight: bold; font-size: 52px; line-height: 62px; color: #58595B; margin-bottom: 28px; } .hero-section .content-wrapper .sub-title{ font-style: normal; font-weight: normal; font-size: 32px; line-height: 44px; color: #58595B; margin-bottom: 51px; } .hero-section .content-wrapper .download-label p{ font-style: normal; font-weight: bold; font-size: 28px; line-height: 36px; color: #58595B; margin-bottom: 27px; } .hero-section .content-wrapper .download-label strong , .hero-section .content-wrapper .download-label b{ color: #F37321; } .hero-section .content-wrapper .download-label strong div { bottom: -10px !important; height: 12px; } .hero-section .content-wrapper .mPop{ position: relative; } .hero-section .content-wrapper .mPop p{ display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; font-style: normal; font-size: 16px; line-height: 24px; color: #58595B; padding-left: 29px; margin-bottom: 0; } .hero-section .content-wrapper .mPop::before{ content: ''; width: 22px; height: 22px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-53%); transform: translateY(-53%); background: url('http://res.cloudinary.com/spiralyze/image/upload/v1618841744/paycor/5002-Report-Layout-Vaccination/icon-star.svg'); background-size: cover; } .hero-section .content-wrapper .mPop strong { margin-right: 4px; color: #F37321; } .vaccine-mandatory-section .covid19 br { display: none; } /* */ /* Hero Form */ input::-ms-clear{ display: none; } .hero-section .content-wrapper .firstStep-wrapper{ display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 33px; flex-flow: row wrap; filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.08)); position: relative; z-index: 1; } .hero-section .content-wrapper .firstStep-wrapper .fields{ position: relative; padding-right: 21px; } .hero-section .content-wrapper .firstStep-wrapper .fields label { font-family:"Segoe UI" , sans-serif ; color: #9B9B9B; font-size: 13px; font-weight: 400; line-height: 18px; padding-top: 0; pointer-events: none; position: absolute; left: 14px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s; transition: all .3s; opacity: 0; width: auto !important; z-index: 99; } .hero-section .content-wrapper .firstStep-wrapper .fields label::after { content: ''; position: absolute; width: 100%; height: 2px; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #fff; z-index: -1; } .hero-section .content-wrapper .firstStep-wrapper .fields.active label { top: -1px; left: 8px; font-size: 13px; line-height: 18px; opacity: 1; padding: 0 8px; background: #fff; } .hero-section .content-wrapper .firstStep-wrapper .fields.active label { color: #6D6E71; } .hero-section .content-wrapper .firstStep-wrapper .fields.active input , .hero-section .content-wrapper .firstStep-wrapper .fields.active select{ border-color:#9B9B9B; } .hero-section .content-wrapper .firstStep-wrapper .fields.typing label { color: #58A7DC; } .hero-section .content-wrapper .firstStep-wrapper .fields.typing input { border-color:#58A7DC; } .hero-section .content-wrapper .firstStep-wrapper .fields.error label { color: #CE0005; } .hero-section .content-wrapper .firstStep-wrapper .fields.error input , .hero-section .content-wrapper .firstStep-wrapper .fields.error select { border-color:#CE0005; } .hero-section .content-wrapper .firstStep-wrapper .fields.error input::-webkit-input-placeholder{ color:#CE0005; } .hero-section .content-wrapper .firstStep-wrapper .fields.error input::-moz-placeholder{ color:#CE0005; } .hero-section .content-wrapper .firstStep-wrapper .fields.error input:-ms-input-placeholder{ color:#CE0005; } .hero-section .content-wrapper .firstStep-wrapper .fields.error input:-moz-placeholder{ color:#CE0005; } .hero-section .content-wrapper .firstStep-wrapper .customError { position: absolute; background: #333; border-radius: 1px; width: 100%; max-width: 168px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 8px 12px; bottom: inherit !important; top: 65px; font-size: 13px; line-height: 16px; color: #fff; z-index: 1; display: none; margin-top: 11px; } .hero-section .content-wrapper .firstStep-wrapper .customError:after { content: ""; position: absolute; background-color: transparent; margin-top: 0px; display: block; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 19px solid #333; -webkit-transform: none; -ms-transform: none; transform: none; top: -12px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .hero-section .content-wrapper .firstStep-wrapper .error .customError { display: block; } .hero-section .content-wrapper .firstStep-wrapper button:after { content: ""; background: url(http://res.cloudinary.com/spiralyze/image/upload/v1618999183/paycor/5002-Report-Layout-Vaccination/angle_arrow_left_white.svg) no-repeat; position: relative; top: 9px; left: 7px; margin-left: 0; } .hero-section .content-wrapper .firstStep-wrapper .submitBtn{ width: auto; min-width: 218px; filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.08)); } .hero-section .content-wrapper .firstStep-wrapper input , .hero-section .content-wrapper .firstStep-wrapper select{ margin: 0; padding: 18px 20px; height: 64px; width: 100%; font-style: normal; font-weight: bold; font-size: 20px; line-height: 28px; color: #6D6E71; outline: none; background: #fff; border: 1px solid #E8E8E8; } .hero-section .content-wrapper .firstStep-wrapper input::-webkit-input-placeholder { font-family: arial,sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 28px; color: #9B9B9B; } .hero-section .content-wrapper .firstStep-wrapper input::-moz-placeholder{ font-family: arial,sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 28px; color: #9B9B9B; } .hero-section .content-wrapper .firstStep-wrapper input:-ms-input-placeholder{ font-family: arial,sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 28px; color: #9B9B9B; } .hero-section .content-wrapper .firstStep-wrapper input:-moz-placeholder{ font-family: arial,sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 28px; color: #9B9B9B; } .hero-section .content-wrapper .firstStep-wrapper input:focus::-webkit-input-placeholder{ opacity: 0; } .hero-section .content-wrapper .firstStep-wrapper input:focus::-moz-placeholder{ opacity: 0; } .hero-section .content-wrapper .firstStep-wrapper input:focus:-ms-input-placeholder{ opacity: 0; } .hero-section .content-wrapper .firstStep-wrapper input:focus:-moz-placeholder{ opacity: 0; } .hero-section .content-wrapper .firstStep-wrapper button{ padding: 16px 17px; width: 100%; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content:unset; font-style: normal; font-weight: bold; font-size: 20px; line-height: 28px; color: #FFFFFF; border: 1px solid #193D6A; outline: 0; background:#193D6A; } .hero-section .content-wrapper .firstStep-wrapper button:focus, .hero-section .content-wrapper .firstStep-wrapper button:hover{ background: #fff!important; color:#193D6A; -moz-box-shadow: 0 2px 12px rgba(0,0,0,.16)!important; -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.16)!important; box-shadow: 0 2px 12px rgba(0,0,0,.16)!important; border: 1px solid #193D6A; } .hero-section .img-wrapper{ position: relative; width: calc(100% - 590px); } .hero-section .img-wrapper::after{ content: ''; width: 954px; height: 719px; position: absolute; left: -30px; top: 50%; -webkit-transform: translateY(-46%); transform: translateY(-46%); display: block; background-size: contain; image-rendering: -webkit-optimize-contrast; } @media (min-width: 1199px){ .hero-section .container { width: 100%; } } @media (max-width: 1199.98px){ .formSubmited .hero-section { margin-top: -60px; } .hero-section .container { max-width: 718px; } .hero-section a[rel=home] { margin-bottom: 62px; } .hero-section .content-wrapper { width: 100%; max-width: 100%; } .hero-section .img-wrapper { width: 100%; height: 587px; } .hero-section .content-wrapper .download-label p { margin-bottom: 33px; } .hero-section .content-wrapper .main-title { font-size: 48px; max-width: 640px; margin-bottom: 23px; } .hero-section .content-wrapper .sub-title { font-size: 28px; line-height: 36px; max-width: 640px; } .hero-section .img-wrapper::after { top: 0; transform: inherit; -webkit-transform: inherit; width: 822px; height: 619px; left: -66px; } } @media (max-width: 767.98px){ .formSubmited .hero-section{ margin-top: -60px; } .hero-section { padding: 24px 0 37px; } .hero-section .container { max-width: 342px; } .hero-section a[rel=home] { margin-bottom:29px; } .hero-section .content-wrapper .main-title { font-size: 32px; line-height: 41px; margin-bottom: 26px; } .hero-section .content-wrapper .sub-title { font-size: 24px; line-height: 31px; margin-bottom: 32px; } .hero-section .content-wrapper .download-label p{ font-size: 24px; line-height: 36px; margin-bottom: 30px; } .hero-section .content-wrapper .firstStep-wrapper .fields { margin-bottom: 24px; padding-right: 0; width: 100%; } .hero-section .content-wrapper .firstStep-wrapper .submitBtn { max-width: 100%; width: 100%; } .hero-section .content-wrapper .firstStep-wrapper input , .hero-section .content-wrapper .firstStep-wrapper select { border-radius: 1px; font-size: 18px; line-height: 24px; } .hero-section .content-wrapper .mPop p{ font-size: 14px; line-height: 24px; padding-left: 32px; } .hero-section .content-wrapper .firstStep-wrapper { margin-bottom: 0px; } .hero-section .col2row form { margin-bottom: 23px; margin-top: 45px; } .hero-section .img-wrapper::after { width: 387px; height: 291px; left: -39px; -webkit-transform: translateY(23px); transform: translateY(23px); } .hero-section .content-wrapper .firstStep-wrapper input::-webkit-input-placeholder { font-size: 18px; line-height: 24px; } .hero-section .content-wrapper .firstStep-wrapper input::-moz-placeholder{ font-size: 18px; line-height: 24px; } .hero-section .content-wrapper .firstStep-wrapper input:-ms-input-placeholder{ font-size: 18px; line-height: 24px; } .hero-section .content-wrapper .firstStep-wrapper input:-moz-placeholder{ font-size: 18px; line-height: 24px; } .vaccine-mandatory-section .vaccine-main-box .right-box ul li:after{ top: 8px; } .vaccine-mandatory-section .covid19 br{ display: block; } .hero-section .content-wrapper .mPop p{ display: block; } } @media (max-width: 340px){ .hero-section .content-wrapper .download-label p { font-size: 22px; } .hero-section .content-wrapper .mPop p{ font-size: 13px; } .hero-section .content-wrapper .download-label strong div { bottom: -5px; height: auto; } } /*.hero-section END */ /* .form-model START*/ .form-model-open{ height: 100%; width: 100%; overflow:hidden; } .form-model{ display: none; position: fixed; background: rgba(0,0,0,0.6); top: 0; left: 0; bottom: 0; right: 0; z-index: 999; overflow-y: auto; -webkit-transition: all 0.2s; transition: all 0.2s; } .form-model.open{ display: block; } .form-model .form-outer{ display: table; overflow-y: auto; width: 100%; height: 100%; overflow-y: auto; } .form-model .form-container{ display: table-cell; vertical-align: middle; } .form-model .form-wrapper{ display: block; position: relative; max-width: 454px; margin: 0 auto; background: #FFFFFF; box-shadow: 0px 7px 40px rgba(0, 0, 0, 0.15); padding: 40px 52px 48px; } body.form-model-open .form-model .form-wrapper h2 { margin: 0; padding: 0; font-style: normal; font-weight: bold; font-size: 24px; line-height: 40px; text-align: center; color: #58595B; margin-bottom: 28px; font-family: arial,sans-serif; } .form-model .cta-close{ position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; background: url('https://res.cloudinary.com/spiralyze/image/upload/v1618910898/paycor/5002-Report-Layout-Vaccination/icon-close.svg') no-repeat center; background-size: cover; display: block; } .form-model .form-wrapper [class^=wp-block] { margin: 0 auto; width: 100%; max-width: 350px; } .form-model .form-wrapper .form-msg .wp-block-button__link { background: #153D6E; justify-content: center; font-size: 18px; font-weight: 700; height: 64px; border-radius: 1px; } .form-model .form-wrapper .form-msg .wp-block-button__link::after{ display: none; } .form-model .form-wrapper .form-msg .wp-block-button__link:hover { background: #fff; color: #153D6E; border: 1px solid #153D6E; -webkit-box-shadow: 0 2px 12px rgb(0 0 0 / 16%); box-shadow: 0 2px 12px rgb(0 0 0 / 16%); } .form-model .form-wrapper .form-msg .wp-block-button__link span { display: inline-block; background: url(http://res.cloudinary.com/spiralyze/image/upload/v1618999183/paycor/5002-Report-Layout-Vaccination/angle_arrow_left_white.svg) no-repeat; position: relative; width: 8px; height: 14px; top: 2px; left: 7px; margin-left: 0; } .form-model .form-wrapper .form-msg .wp-block-button__link[href]:hover span{ background: url(http://res.cloudinary.com/spiralyze/image/upload/v1618999281/paycor/5002-Report-Layout-Vaccination/angle-arrow-left-blue.svg) no-repeat; } body.single-long-page .form-model .mktoForm .mktoFieldWrap input.mktoField , body.single-long-page .form-model .mktoForm .mktoFieldWrap select.mktoField{ background: #FFFFFF; border: 1px solid #A7A7A7; box-sizing: border-box; border-radius: 1px; outline: 0; font-style: normal; font-weight: 700; font-size: 18px; line-height: 26px; color: #6D6E71; padding: 13px 17px; } .form-model .mktoForm .mktoFormRow>.mktoFormCol{ margin-bottom: 28px !important; } .form-model .mktoForm .mktoFieldWrap{ position: relative; } .form-model .mktoForm .mktoFieldWrap .mktoLabel{ font-style: normal; font-weight: normal; font-size: 18px; line-height: 24px; color: #9B9B9B !important; position: absolute; top: 11px; left: 10px; display: inline-block; width: auto !important; white-space: nowrap; z-index: 1; padding: 0; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; opacity: 0; } .form-model .mktoForm .mktoFieldWrap.active .mktoLabel { top: -6px; left: 8px; font-size: 13px; line-height: 13px; opacity: 1; padding: 0 8px; background: #fff; } .form-model .mktoForm .mktoFieldWrap.active .mktoLabel::after{ content: ''; position: absolute; width: 100%; height: 2px; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #fff; z-index: -1; } .form-model .mktoForm .mktoButtonWrap{ width: 100%; } .form-model .mktoForm button.mktoButton{ width: 100%; padding:15px 20px !important; background-color: #193D6A !important; border: 1px solid #153D6E !important; border-radius: 1px; display: flex; justify-content: center; font-style: normal; font-weight: bold; font-size:20px !important; line-height:32px; color: #FFFFFF !important; outline: 0; transition: all .2s; -webkit-transition:all .2s; background-image: none !important; text-shadow: none !important; } .form-model .mktoForm button.mktoButton:focus, .form-model .mktoForm button.mktoButton:hover, .form-model .mktoForm button.mktoButton:active{ background: #fff !important; color: #193D6A !important; -webkit-box-shadow: none; box-shadow: none; } .form-model .mktoForm button.mktoButton img.btn-white { padding: 0px 0px 0px 9.32px; } .form-model .mktoForm button.mktoButton img.hover-btn { padding: 0px; display: none; } .form-model .mktoForm button.mktoButton:hover img.hover-btn, .form-model .mktoForm button.mktoButton:focus img.hover-btn { display:none; padding: 0px 0px 0px 9.32px; } .form-model .mktoForm button.mktoButton:hover img.btn-white, .form-model .mktoForm button.mktoButton:focus img.btn-white, .form-model .mktoForm button.mktoButton:active img.btn-white{ display: none; } .form-model .mktoForm button.mktoButton::after { margin-left: 5px; position: relative; right: -7px; height: 14px; content: "" !important; background-image: url(http://res.cloudinary.com/spiralyze/image/upload/v1618999183/paycor/5002-Report-Layout-Vaccination/angle_arrow_left_white.svg); width: 10px; background-size: contain; background-repeat: no-repeat; } .form-model-open .form-model .mktoForm button.mktoButton:focus::after, .form-model-open .form-model .mktoForm button.mktoButton:hover::after, .form-model-open .form-model .mktoForm button.mktoButton:active::after{ background-image: url(http://res.cloudinary.com/spiralyze/image/upload/v1618999281/paycor/5002-Report-Layout-Vaccination/angle-arrow-left-blue.svg) !important; } .form-model .mktoForm button.mktoButton img { display: none; } /* For Firefox */ input[type='number'] { -moz-appearance:textfield; } /* Webkit browsers like Safari and Chrome */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .single-long-page .mktoForm .mktoFieldWrap ::-webkit-input-placeholder { font-family: arial,sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; color: #9B9B9B; opacity: 1; } .single-long-page .mktoForm .mktoFieldWrap ::-moz-placeholder{ font-family: arial,sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; color: #9B9B9B; opacity: 1; } .single-long-page .mktoForm .mktoFieldWrap :-ms-input-placeholder{ font-family: arial,sans-serif; font-size: 18px !important; font-weight: 400 !important; line-height: 24px; color: #9B9B9B !important; opacity: 1; } .single-long-page .mktoForm .mktoFieldWrap :-moz-placeholder{ font-family: arial,sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; color: #9B9B9B; opacity: 1; } .single-long-page .mktoForm .mktoFieldWrap.error input::-webkit-input-placeholder{ color:#CE0005; } .single-long-page .mktoForm .mktoFieldWrap.error input::-moz-placeholder{ color:#CE0005; } .single-long-page .mktoForm .mktoFieldWrap.error input:-ms-input-placeholder{ color:#CE0005; } .single-long-page .mktoForm .mktoFieldWrap.error input:-moz-placeholder{ color:#CE0005; } .single-long-page .mktoForm .mktoFieldWrap input:focus::-webkit-input-placeholder{ opacity: 0; } .single-long-page .mktoForm .mktoFieldWrap input:focus::-moz-placeholder{ opacity: 0; } .single-long-page .mktoForm .mktoFieldWrap input:focus:-ms-input-placeholder{ opacity: 0; } .single-long-page .mktoForm .mktoFieldWrap input:focus:-moz-placeholder{ opacity: 0; } .single-long-page .form-model .mktoForm .mktoRequiredField.active input { border-color: #9B9B9B; } .form-model .mktoForm .mktoRequiredField.active label { color: #6D6E71 !important; } .single-long-page .form-model .mktoForm .mktoRequiredField.typing input { border-color: #58A7DC; } .form-model .mktoForm .mktoRequiredField.typing label { color: #58A7DC !important; } .single-long-page .form-model .mktoForm .mktoRequiredField.error input { border-color: #CE0005; } .form-model .mktoForm .mktoRequiredField.error label { color: #CE0005 !important; } input:-webkit-autofill, input:-webkit-autofill:valid, input:-webkit-autofill:focus { background: #fff ; -webkit-text-fill-color: #6D6E71; font-weight: bold; transition: background-color 5000s ease-in-out 0s; } .mktoForm .mktoError .mktoErrorMsg { font-family: arial,sans-serif; font-size: 13px !important; line-height: 18px; font-weight: 400; padding: 8px !important; -moz-border-radius: 1px !important; -webkit-border-radius: 1px !important; border-radius: 1px !important; width: auto !important; display: inline-block; margin: 8px auto 0; color: #fff; text-align: center; background: #333; border: none; box-shadow: none; text-shadow: none; height: auto; } .mktoForm .mktoError .mktoErrorArrow { border: none; background-color: #333; width: 12px; margin-top: 2px; } .mktoForm .mktoError .mktoErrorArrowWrap { height: 16px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mktoForm .mktoButtonRow { margin-top: 8px !important; } @media (max-width: 767.98px){ .form-model .form-container { padding: 0 8px; } } @media (max-width: 480px){ .form-model .form-wrapper { padding: 36px 16px; } body.form-model-open .form-model .form-wrapper h2 { font-size: 20px; line-height: 20px; } .form-model .cta-close { right: 15px; width: 16px; height: 16px; top: 16px; } } /* .form-model END*/ /*vaccine-mandatory-section*/ .desc-content h1, .desc-content h2, .desc-content h3, .desc-content h4, .desc-content h5, .desc-content h6 { margin-top: 0; } .vaccine-mandatory-section { padding-top: 44px; padding-bottom: 20px; } .vaccine-mandatory-section .container { width: 100%; max-width: 1290px; padding: 0 15px; } .vaccine-mandatory-section .vaccine-main-box { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; justify-content: space-between; position: relative; } .vaccine-mandatory-section .vaccine-main-box .left-box { width: 42%; max-width: 512px; padding-top: 8px; } .vaccine-mandatory-section .vaccine-main-box .right-box { width: 58%; max-width: 653px; } .vaccine-mandatory-section .vaccine-main-box .imgBoxWrapper{ max-width: 512px; } .vaccine-mandatory-section .vaccine-main-box .img-box { margin-top: 20px; position: relative; width: 100%; max-width: 512px; } .vaccine-mandatory-section .vaccine-main-box .vaccine-policy-letter { -moz-box-shadow:0px 5px 25px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0px 5px 25px rgba(0, 0, 0, 0.08); box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08); width: 100%; max-width: 512px; border-radius: 4px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .vaccine-mandatory-section .vaccine-main-box .vaccine-policy-letter-doc { -moz-box-shadow:0px 5px 25px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0px 5px 25px rgba(0, 0, 0, 0.08); box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08); width: 100%; max-width: 317px; margin: 0 auto; position: relative; z-index: 1; border-radius: 4px; } .vaccine-mandatory-section .vaccine-main-box .dowload-btn { margin: 48px auto 0; width: 100%; } .vaccine-mandatory-section .vaccine-main-box .dowload-btn button { width: auto; height: 64px; display: inherit; line-height: 45px; font-weight: 700; border-radius: 3px; border: 1px solid #153D6E; font-size: 20px; background: #153D6E; min-width: 275px; margin: 0 auto; position: relative; } .vaccine-mandatory-section .vaccine-main-box .dowload-btn button:hover, .vaccine-mandatory-section .vaccine-main-box .dowload-btn button:active { background: #fff!important; color: #153D6E; -moz-box-shadow: 0 2px 12px rgba(0,0,0,.16)!important; -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.16)!important; box-shadow: 0 2px 12px rgba(0,0,0,.16)!important; border: 1px solid #153D6E; } .vaccine-mandatory-section .vaccine-main-box .dowload-btn button::after{ content: ""; background: url(http://res.cloudinary.com/spiralyze/image/upload/v1618999183/paycor/5002-Report-Layout-Vaccination/angle_arrow_left_white.svg) no-repeat; position: relative; top: 6px; left: 7px; line-height: 18px; height: 18px; margin-left: 0; display: inline-block; } .vaccine-mandatory-section .vaccine-main-box .dowload-btn button:hover::after, .vaccine-mandatory-section .vaccine-main-box .dowload-btn button:active::after{ background: url(http://res.cloudinary.com/spiralyze/image/upload/v1618999281/paycor/5002-Report-Layout-Vaccination/angle-arrow-left-blue.svg) no-repeat; } .vaccine-mandatory-section .desc-title { font-size: 20px; line-height: 28px; color: #58595B; margin-top: 5px; margin-bottom: 24px; font-weight: bold; } .vaccine-mandatory-section .desc-title:first-child { font-size: 26px; } .vaccine-mandatory-section p { line-height: 24px; margin-bottom: 24px; } .vaccine-mandatory-section .desc-content{ color: #6D6E71; } .vaccine-mandatory-section .vaccine-main-box .right-box ul { margin-left: 23px; margin-bottom: 34px; list-style-type: none; } .vaccine-mandatory-section .vaccine-main-box .right-box ul li { color: #6D6E71; line-height: 24px; margin-top: 0; position: relative; } .vaccine-mandatory-section .vaccine-main-box .right-box ul li:after { content: ""; width: 5px; height: 5px; background: #6D6E71; border-radius: 50%; position: absolute; left: -16px; top: 9px; } .vaccine-mandatory-section p a:hover, .vaccine-mandatory-section .vaccine-main-box .right-box ul li a:hover { text-decoration: none; } @media (max-width: 1199.98px){ .vaccine-mandatory-section { padding-bottom: 0px; } .vaccine-mandatory-section .container { max-width: 718px; } .vaccine-mandatory-section .vaccine-main-box { flex-flow: column-reverse; padding-top: 24px; } .vaccine-mandatory-section .vaccine-main-box .left-box { width: 100%; max-width: 512px; padding-top: 50px; margin: 0 auto; padding-bottom: 55px; } .vaccine-mandatory-section .vaccine-main-box .right-box { width: 100%; max-width: 100%; } .vaccine-mandatory-section .vaccine-main-box .dowload-btn{ margin-bottom: 0px; } .vaccine-mandatory-section .vaccine-main-box .right-box ul li{ margin-bottom: 7px; } .vaccine-mandatory-section .vaccine-main-box .right-box ul li:after { left: -13px; top: 9px; } } @media (max-width: 767.98px){ .vaccine-mandatory-section { padding-bottom: 0px; } .vaccine-mandatory-section .container { max-width: 342px; } .vaccine-mandatory-section .vaccine-main-box{ padding-top: 22px; } .vaccine-mandatory-section .vaccine-main-box .right-box ul li { margin-bottom: 0px; } .vaccine-mandatory-section .vaccine-main-box .vaccine-policy-letter-doc { max-width: 193px; top: 1px; } .vaccine-mandatory-section .vaccine-main-box .left-box{ padding-top: 0px; padding-bottom: 50px; } .vaccine-mandatory-section .vaccine-main-box .img-box { margin-top: -3px; } .vaccine-mandatory-section .vaccine-main-box .dowload-btn { margin-top: 49px; margin-bottom: 0px; } .vaccine-mandatory-section .single-content > .desc-title:first-child { font-size: 23px !important; } .hero-section .img-wrapper{ height: 291px; } } /*vaccine-mandatory-section END */ .next-main p { font-weight: bold; margin-bottom: 10px; } .next-main { margin-bottom: 50px; padding-top: 10px; } .next-main a { transition: 0.5s all; } .next-main a:hover { text-decoration: none; } .next-main .container { padding: 0; } .next-empty { height: 15px; } @media(max-width: 1199.98px){ .mobile{ display: block; } .desk{ display: none; } .next-main .container { padding: 0; width: 688px; } } @media(max-width: 767.98px){ .next-main .container{ max-width: 342px; padding: 0 15px; } } /* Font Size START */ .has_h1_size { font-weight: 700 !important; font-size: 60px !important; line-height: 1.25em !important; } .has_h2_size { font-weight: 700 !important; font-size: 45px !important; line-height: 1.3em !important; } .has_h3_size { font-weight: 700 !important; font-size: 25px !important; line-height: 1.4em !important; } .has_h4_size { font-weight: 700 !important; font-size: 20px !important; line-height: 1.5em !important; } .has_h3_size { font-weight: 700 !important; font-size: 25px !important; line-height: 1.4em !important; } .has_Paragraph_size{ font-size: 16px !important; font-weight: 400 !important; line-height: 1.6em !important; } @media(max-width: 575px){ .has_h1_size { font-size: 40px !important; } .has_h2_size { font-size: 35px !important; } } /* Font Size END */ @media(min-width: 1200px){ .sidefixed .sticky-wrapper{ position: fixed; max-width: 512px; width: 100%; } } @media(max-width: 1240px){ .sticky-wrapper , .sidefixed .sticky-wrapper{ max-width: 491px; } } .site-footer .footer-upper .subscribe-form .mktoFieldWrap .mktoField.mktoInvalid::placeholder { color: #CE0005 !important; } /* Popup Form Redesign 5016 */ img{ image-rendering: -webkit-optimize-contrast } .form-model.open .form-wrapper h2 { margin: 0; padding: 0; font-style: normal; font-weight: bold; font-size: 24px; line-height: 40px; text-align: center; color: #58595B; margin-bottom: 28px; font-family: arial,sans-serif; } .t5016-spz-desktop .hero-section .content-wrapper .firstStep-wrapper button:before { content: ""; background: url(http://res.cloudinary.com/spiralyze/image/upload/v1665379712/paycor/5018-Paycor-Resource-Pages-Form-Behavior/arrow.svg) no-repeat; position: relative; top: 0; left:35px; margin: 0 4px 0 0; display: block; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20px; height: 20px; -webkit-transition: .2s; transition: .2s; } .hero-section .content-wrapper .firstStep-wrapper button::after { display: block !important; content: ""; content: attr(data-btn-text); background: transparent; width: 100%; color: #fff; font-size: 20px; line-height: 32px; top:0; left:-10px; } .t5016-spz-desktop .hero-section .content-wrapper .firstStep-wrapper button:hover::after, .t5016-spz-desktop .hero-section .content-wrapper .firstStep-wrapper button:focus::after{ color: #193D6A; } .t5016-spz-desktop .hero-section .content-wrapper .firstStep-wrapper button:hover:before, .t5016-spz-desktop .hero-section .content-wrapper .firstStep-wrapper button:focus:before{ background: url(http://res.cloudinary.com/spiralyze/image/upload/v1665642918/paycor/5018-Paycor-Resource-Pages-Form-Behavior/blue-download-icon.svg) no-repeat; } .t5016-spz-desktop .hero-section .content-wrapper .firstStep-wrapper button:after{ display: none; } .t5016-spz-desktop .hero-section .content-wrapper .firstStep-wrapper button { line-height: 32px; height: 64px; margin-left: 3px; margin-top: 4px; } .t5016-spz-desktop .hero-section .content-wrapper .firstStep-wrapper .fields { display: none; } .t5016-spz-desktop .hero-section .content-wrapper .firstStep-wrapper .submitBtn { width: auto; min-width: 276px; } .hero-section .img-wrapper.compliance-img + .img-wrapper.compliance-img { display: none !important; } html.form-model-open { height: 100%; width: 100%; overflow: hidden; } @media(max-width: 1023.98px){ .t5016-spz-desktop .hero-section .content-wrapper .firstStep-wrapper button { margin-left: 2px; margin-top: 1px; } } @media (max-width: 767.98px){ .hero-section .content-wrapper .firstStep-wrapper button{ justify-content: center; flex-wrap: wrap; } .hero-section .content-wrapper .firstStep-wrapper button::after{ width: 12px; background: url(http://res.cloudinary.com/spiralyze/image/upload/v1618999183/paycor/5002-Report-Layout-Vaccination/angle_arrow_left_white.svg) no-repeat; } .hero-section .content-wrapper .firstStep-wrapper button:focus::after, .hero-section .content-wrapper .firstStep-wrapper button:hover::after { background: url(http://res.cloudinary.com/spiralyze/image/upload/v1618999281/paycor/5002-Report-Layout-Vaccination/angle-arrow-left-blue.svg) no-repeat; } .hero-section .content-wrapper .download-label strong div { bottom: -5px; } html.popup_open body{ overflow: hidden; height: 100%; width: 100%; position: fixed; top: 0; } .t5016-spz-desktop .hero-section .container { max-width: 360px; padding: 0px 26px; margin: 0px auto; } .t5016-spz-desktop .hero-section .content-wrapper .firstStep-wrapper .submitBtn { min-width: 100%; } .t5016-spz-desktop .hero-section .content-wrapper .firstStep-wrapper button { margin-left: 0px; margin-top: 5px; } } .hero-section .img-wrapper.compliance-img { display: none; } @media(min-width: 768.98px){ .footer-sticky { display: none !important; } } @media(max-width: 767.98px){ .form-model .mktoForm button.mktoButton::after{ display: none; } .hero-section .content-wrapper .firstStep-wrapper .fields { display: none; } .site-footer { padding-bottom: 170px !important; } html.popup_open .footer-sticky { display: none !important; } html.popup_open body.t5016-spz-desktop{ overflow: hidden; height: 100%; width: 100%; position: fixed; top: 0; } html.popup_open { height: 100vh; overflow: hidden; } .hero-section .mktoForm .mktoError .mktoErrorArrowWrap, .short-page-template-default .hero-section .mktoForm .mktoError .mktoErrorArrowWrap { display: none; } .hero-section .mktoForm .mktoError .mktoErrorMsg, .short-page-template-default .hero-section .mktoForm .mktoFieldWrap.error .mktoErrorMsg .t5016-spz .hero-section .img-wrapper { display: none !important; } .hero-section .img-wrapper.compliance-img { display: block !important; } .hero-section .img-wrapper { display: none; } .hero-section .content-wrapper .sub-title { margin-bottom: 16px; } .hero-section { padding: 24px 0 16px; } .hero-section .img-wrapper::after { -webkit-transform: translateY(-48px); transform: translateY(-48px); width: 404px; height: 312px; left: -51px; } .hero-section .img-wrapper { height: 245px; } .form-model.open .form-wrapper h2 { font-weight: 400; font-size: 52px; line-height: 52px; font-family: 'Jenna Sue'; color: #F06F1F; margin-bottom:23px; margin-top: 0px; } body.form-model-open .form-model .form-wrapper h2{ margin-bottom:23 !important; font-weight: 400; font-size: 52px; line-height: 52px; font-family: 'Jenna Sue'; color: #F06F1F; margin-top: 0px; } .form-model .cta-close { width: 14px; height: 14px; right: 14px; top: 14px; background-image: url(https://www.paycor.com/wp-content/themes/_ws-childtheme/assets/images/icon-close.png); } .form-model .cta-close:hover, .form-model .cta-close:focus { background-image: url(https://www.paycor.com/wp-content/themes/_ws-childtheme/assets/images/close.png); } .footer-sticky { display: none; } .show-footer-sticky .footer-sticky{ display: block; } .topic-workforce-management .footer-sticky { background: #deedda; } .topic-talent-management .footer-sticky{ background: #ceecf8; } .topic-benefits-administration .footer-sticky{ background: #ddd6e6; } .topic-employee-experience .footer-sticky, .topic-talent-acquisition .footer-sticky{ background: #CFE1EB; } .footer-sticky { background-color: #fce2d2; box-shadow: 0px -5px 40px rgba(114, 57, 22, 0.1); -webkit-box-shadow:0px -5px 40px rgba(114, 57, 22, 0.1); padding: 16px 24px; position: fixed; -webkit-position: fixed; bottom: 0px; z-index: 99; width: 100%; } .footer-sticky .form-submitBtn button.has_Default_size { width: 100%; padding: 16px; background: #193D6A; border: 1px solid #193D6A; border-radius: 1px; display: flex; justify-content: center; font-weight: 700; font-size: 20px; line-height: 32px; color: #FFFFFF; outline: 0; height: 64px; max-width: 312px; margin: 0 auto; } .footer-sticky .form-submitBtn button.has_Default_size:hover, .footer-sticky .form-submitBtn button.has_Default_size:focus{ background: #fff; color:#193D6A; -webkit-box-shadow: none; box-shadow: none; } .t5016-spz-desktop .hero-section .content-wrapper .firstStep-wrapper button:before{ display: none; } .hero-section .content-wrapper .firstStep-wrapper button.has_Default_size{ position: relative; } .hero-section .content-wrapper .firstStep-wrapper button.has_Default_size:after{ content: ""; position: relative; top: 9px; left:6px; margin-left:2px; display: block; } .form-submitBtn button.has_Default_size:after{ content: ""; background: url(http://res.cloudinary.com/spiralyze/image/upload/v1618999183/paycor/5002-Report-Layout-Vaccination/angle_arrow_left_white.svg) no-repeat; position: relative; top: 9px; left: 0px; margin-left: 10px; } .form-submitBtn button.has_Default_size:hover:after, .form-submitBtn button.has_Default_size:focus:after{ background: url(http://res.cloudinary.com/spiralyze/image/upload/v1618999281/paycor/5002-Report-Layout-Vaccination/angle-arrow-left-blue.svg) no-repeat !important; } .footer-sticky .mpop { position: relative; text-align: center; padding-top: 16px; } .popular-rating { display: flex; justify-content: center; margin-top: 16px; align-items: center; } .popular-rating:before{ content: ""; width: 22px; height: 22px; position: relative; background-image: url(http://res.cloudinary.com/spiralyze/image/upload/v1660633517/paycor/5016-paycor-resource-pages-popup-form-redesign/icon-star_1.svg); background-size: cover; background-repeat: no-repeat; } .popular-rating .main-text{ margin: 0px 4px 0px 8px; } .popular-rating .main-text span{ font-size: 14px; font-weight: 700; line-height: 24px; color: #F06F1F; text-transform: uppercase; } .popular-rating .sub-text { font-size: 14px; line-height: 24px; color: #58595B; font-weight: 400; } .form-model { background: rgba(0, 0, 0, 0.75); } .form-model .form-container { padding: 0px; } .form-model .form-container { vertical-align: bottom; } .form-model .form-wrapper { padding: 41px 24px 24px; box-shadow: 0px -5px 40px rgb(114 57 22 / 10%); } .form-holder .wp-block-ws-form .mktoForm .mktoFormRow>.mktoFormCol { margin-bottom: 16px !important; padding: 0px; } .form-holder .mktoForm .mktoButtonRow { margin-top: 0px !important; } .form-holder .wp-block-ws-form .mktoForm .mktoButtonRow>.mktoButtonWrap { padding: 0px 0px; } .form-holder input.mktoField { background: #FFFFFF !important; border: 1px solid #CCCCCC !important; box-sizing: border-box; border-radius: 1px !important; outline: 0; font-style: normal; font-weight: 400 !important; font-size: 16px !important; line-height: 24px !important; color: #58595B !important; padding: 12px 15px !important; height:48px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-holder input::placeholder { color: #949698 !important; font-weight: 400 !important; font-size: 16px !important; line-height: 24px !important; } .form-model .form-holder .mktoFieldWrap .mktoLabel { font-weight: 400 !important; font-size: 16px !important; line-height: 24px !important; color: #949698 !important; } .form-model .mktoForm .mktoFieldWrap.active .mktoLabel { top: -8px; left: 11px; font-size: 13px !important; line-height: 18px !important; opacity: 1; padding: 0 5px; background: #fff; color: #949698 !important; } .form-model .mktoFieldWrap.mktoRequiredField.typing input, input.mktoField:focus { border: 1px solid #58595B !important; } .form-model .active input { border: 1px solid #949698 !important; } .form-model .mktoForm button.mktoButton { width: 100%; padding: 16px; background: #193D6A; border: 1px solid #193D6A; border-radius: 1px; display: flex; justify-content: center; font-weight: 700; font-size: 20px; line-height: 32px; color: #FFFFFF; outline: 0; height: 64px; margin: 4px auto 0px; } .form-model .mktoForm button.mktoButton:focus, .form-model .mktoForm button.mktoButton:hover{ background: #fff !important; color: #193D6A !important; } .mktoFieldWrap.mktoRequiredField.has-empty:after, .mktoFieldWrap.has-invalid:after { position: absolute; bottom: -17px; left: 0px; font-size: 13px; color: #FF0033; line-height: 13px; font-weight: 400; } .Email-row .mktoFieldWrap.mktoRequiredField.has-empty:after{ content: 'Must be valid email. example@domain.com'; } .mktoFieldWrap.mktoRequiredField.has-empty:after{ content: 'This field is required.'; } .mktoFieldWrap.has-invalid:after{ content: 'Must be valid email. example@domain.com'; } .form-model.open .mktoRequiredField.has-empty input.mktoField, .mktoRequiredField.has-invalid input.mktoField { border: 1px solid #FF0033 !important; } .form-model.open .mktoRequiredField.has-empty.typing input.mktoField, .mktoRequiredField.has-invalid.typing input.mktoField { border: 1px solid #FF0033 !important; } .form-model .mktoFieldWrap.mktoRequiredField.typing .mktoLabel { color: #58595B !important; } .form-model.open .mktoRequiredField.has-empty .mktoLabel, .form-model.open .mktoRequiredField.has-invalid .mktoLabel{ color: #FF0033 !important; } .mktoFieldWrap.mktoRequiredField.has-empty, .mktoFieldWrap.mktoRequiredField.has-invalid { margin-bottom: 15px; } .form-model.open .mktoForm .mktoError { display: none !important; } .form-model .wp-block-ws-form .mktoForm { display: flex; flex-wrap: wrap; margin: 0 auto; text-align: center; justify-content: center; } .form-model .wp-block-ws-form .mktoForm .mktoFormRow { width: 100%; margin: 0 auto; } .form-holder .mktoForm .mktoButtonRow { width: 100%; margin: 0 auto; } .form-holder .wp-block-ws-form { max-width: unset !important; } .form-model .mktoForm button.mktoButton img { display:block; } .form-model .mktoForm button.mktoButton:hover img.hover-btn, .form-model .mktoForm button.mktoButton:focus img.hover-btn, .form-model .mktoForm button.mktoButton:active img.hover-btn{ display: block; padding: 0px 0px 0px 9.32px; } }