/* Error pages */

.error-page { padding: 120px 0; position: relative; text-align: center; height: calc(100vh - 115px); display: flex ; flex-wrap: wrap; align-items: center; justify-content: center; }

.error-page:before {
    color: #c3c3c3;
    content: attr(data-error);
    font-size: 40vw;
    font-weight: bold;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: -1;
        opacity: 0.3;
}

@media screen and (min-width: 1100px) {
    .error-page:before {
        font-size: 20rem;
    }
}
@media screen and (max-width: 767px) {
    .error-page:before {
        font-size: 60vw;
    }
}
/* System pages */

.systems-page {
    margin: 88px auto;
    max-width: 676px;
    /*   padding: 3rem 1.4rem; */
    padding: 24px 66px 45px;
    box-shadow: 0px 0px 17.8px 0px #00000040;
    border-radius: 25px;
}

.systems-page--search-results {
    max-width: 100%;
}

.systems-page .header {
    background-color: transparent;
    border-bottom: none;
    padding: 0;
}

.systems-page .success {
    background-color: #CDE3CC;
    border: 1.5px solid #4F7D24;
    border-radius: 6px;
    color: #4F7D24;
    display: inline-block;
    margin: 1.4rem 0;
    padding: 0.1rem 0.7rem;
    width: 100%;
}

.systems-page form input {
    max-width: 100%;
}

.systems-page form input[type='submit'] {
    margin: 0.7rem 0;
    display: block;
}

/* Search pages */

.hs-search-results__title {
    font-size: 1.25rem;
    margin-bottom: 0.35rem;
    text-decoration: underline;
}

.hs-search-results__title:hover {
    text-decoration: none;
}

.hs-search-results__description {
    padding-top: 0.7rem;
}

/* Password prompt */

.password-prompt input[type=password] {
    height: auto !important;
    margin-bottom: 1.4rem;
}

.systems-page #hs-login-widget-remember,
.systems-page #hs-login-widget-remember ~ label {
    display: inline-block;
    margin-bottom: 0.175rem;
}

.systems-page #hs_login_reset {
    display: block;
    margin-bottom: 0.7rem;
    color:#000;
}

/* Backup unsubscribe */

.backup-unsubscribe #email-prefs-form div {
    padding-bottom: 0 !important;
}

.backup-unsubscribe input[type=email] {
    font-size: 0.875rem !important;
    margin-bottom: 1.4rem;
    padding: 0.7rem !important;
}

/* Subscription preferences */

#email-prefs-form .item.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

#email-prefs-form .item.disabled input:disabled {
    cursor: not-allowed;
}

/* Membership pages */

#hs-membership-form a[class*='show-password'] {
    font-size: 0.75rem;
}

/* Input error messages */

.form-input-validation-message ul.hs-error-msgs {
    padding-left: 0;
    margin: 0;
}

.form-input-validation-message ul.hs-error-msgs li {
    margin: 0;
}
 

/************************* Custom *************************/
.systems-page form input[type=submit] {width: 100%; margin:16px 0 0;text-transform:uppercase; }
.systems-page .heading {text-align: center;margin: 0 auto 24px;}
.membership-register .heading ,.login .heading ,.reset-pass .heading{ max-width: 418px;  } 
.systems-page .heading h4 { color: var(--secondary); margin:0; }
.systems-page .form-input-validation-message { position: relative; margin-bottom: 40px; }
.systems-page .form-input-validation-message ul.hs-error-msgs { padding-left: 0; /*position: absolute; top: -16px; */}


.systems-page .hs-form-field.parent-part { display: flex; flex-wrap: wrap; position:relative;align-items: center;}
.systems-page .hs-form-field.parent-part label { color: #666666; margin: 0 !important; }
.systems-page .wrapper-div {display: flex;flex-wrap: wrap;justify-content: space-between;} 
/* .systems-page input[type="checkbox"]{ appearance: none;} */
.systems-page + .bottom-part { margin: -53px auto 0; max-width: 676px; padding-left: 13px; } 
.systems-page + .bottom-part p a { color: #666666; text-decoration: underline; } 
.systems-page + .bottom-part p { color: #666666; font-size: 18px; }

/* .membership-register .parent-part {display: block !important;} */
.membership-register .wrapper-div {display: block;}
.systems-page.membership-register .hs-form-field.parent-part label{width: calc(100% - 37px);}
/* .systems-page  input[type=checkbox] { appearance: none; background-color: #fff; border: 1px solid #b9b9c0; color: currentColor; height: 21px; margin: 0; margin: 0 !important; transform: translateY(0px); width: 21px; margin-right: 16px !important; border-radius: 2px; cursor: pointer; } */
/* .systems-page  input[type=checkbox]:checked:before { background-image: url(https://145758084.fs1.hubspotusercontent-eu1.net/hubfs/145758084/BASIS_Theme_2025/Images/checkbox-1.svg); background-position: 50%; background-repeat: no-repeat; background-size: 18px; color: transparent; content: ""; height: 21px; left: -1px; position: absolute; text-align: center; top: -1px; background-color: #5A8E22; width: 21px; border-radius: 2px; border-color: #5A8E22; } */
.systems-page #hs-membership-passwordless-auth-form .hs-form-field.parent-part label { width: calc(100% - 37px); }

.systems-page.reset-pass-req {padding: 24px 66px 136px;}
.login.systems-page #hs_login_reset{margin:0 !important;}
.reset-pass-req input#hs-reset-request-widget-email {margin-bottom: 0;}

.systems-page.reset-pass {padding: 24px 66px 31px;}
.systems-page.reset-pass input#hs-reset-widget-password-confirm {margin-bottom: 0;}

.error-page h1 {margin: 0; color: #5a8e22;}

.Unsubscribe { height: calc(100vh - 115px); display: flex; justify-content: center; align-items: center; }

.systems-page.pass-pro input#hs-pwd-widget-password {margin-bottom: 0;}

.results a {color: #5a8e22;}
.results a:focus, .results a:hover{color: #000;}
.results nav.hs-search-results__pagination {margin-top: 20px;}
.results {max-width: 100%;}
.results a.hs-search-results__pagination__link.hs-search-results__pagination__link--text-and-icon.hs-search-results__pagination__link--first {display: none;}
.results a.hs-search-results__pagination__link.hs-search-results__pagination__link--text-and-icon.hs-search-results__pagination__link--last {display: none;}
.results span.hs-search-results__pagination__link.hs-search-results__pagination__link--ellipsis {color: #5a8e22;}

/* .email span.fakelabel {display: flex;align-items: center;} */

.login.systems-page + .bottom-part p {margin-bottom: 88px !important;}

.systems-page.confirm-sub {padding: 50px 66px;}
.systems-page.confirm-sub .success {margin: 0;}
.systems-page a {color: #000;}
.systems-page a:hover,.systems-page a:active,.systems-page a:focus {color: #000;}
.systems-page.reset-pass .form-input-validation-message {margin-bottom: 0;}
/* .email span.fakelabel span {    /* display: inline-block; */ } */
/* .systems-page.email input[type=checkbox] { display: none; } */
/* .systems-page.email span.fakelabel::after { content: ''; appearance: none; background-color: #fff; border: 1px solid #b9b9c0; border-radius: 2px; color: currentColor; cursor: pointer; height: 21px; margin: 0; margin: 0 16px 0 0 !important; transform: translateY(-50%); width: 21px; position: absolute; top: 50%; left: 0; } */
.systems-page.email .checkbox-row { position: relative; padding-left: 30px; }
/* .systems-page.email .subscribe-options { position: relative; } */
/* .systems-page.email .subscribe-options:after { content: ''; position: absolute; top: 40px; left: 0; appearance: none; background-color: #fff; border: 1px solid #b9b9c0; border-radius: 2px; color: currentColor; cursor: pointer; height: 21px; margin: 0; margin: 0 16px 0 0 !important; transform: translateY(0); width: 21px; } */
/* .systems-page.email .subscribe-options input+span { margin-left: 33px; } */
/* .systems-page.email .systems-page.email .checkbox-row:has(input[type="checkbox"]:checked)::before { background-color: #5a8e22; background-image: url(https://145758084.fs1.hubspotusercontent-eu1.net/hubfs/145758084/BASIS_Theme_2025/Images/checkbox-1.svg); background-position: 50%; background-repeat: no-repeat; background-size: 18px; border-color: #5a8e22; border-radius: 2px; color: transparent; content: ""; height: 21px; left: 0px; position: absolute; text-align: center; top: 50%; width: 21px; transform: translateY(-50%); z-index: 5; } */
.pass-pro .password-prompt input[type=password] {height: 45px !important;}
.membership-register .form-input-validation-message, .login .form-input-validation-message {margin-bottom: 0;}
.login .form-input-validation-message {margin-bottom: 0;}

.item .checkbox-row .fakelabel { position: relative; }
.item .checkbox-row .fakelabel input[type="checkbox"] { left: 0; right: 0; position: absolute; width: 100%; opacity: 0; z-index: 99999; cursor: pointer; }
.item .checkbox-row .fakelabel input[type="checkbox"] + span { margin: 0; padding: 2px 0 0 26px; position: relative; cursor: pointer; }
.item .checkbox-row .fakelabel input[type="checkbox"] + span:after { content: ''; position: absolute; top: 0px; left: 0; appearance: none; background-color: #fff; border: 1px solid #b9b9c0; border-radius: 2px; color: currentColor; cursor: pointer; height: 21px; width: 21px; }
.item .checkbox-row .fakelabel input[type="checkbox"] + span:before { content: ""; height: 5px; left: 4px; position: absolute; top: 6px; transform: rotate(-41deg); width: 11px; z-index: 1; }
.item .checkbox-row .fakelabel input[type="checkbox"]:checked + span:after { background-color: #5a8e22; background-image: url(https://145758084.fs1.hubspotusercontent-eu1.net/hubfs/145758084/BASIS_Theme_2025/Images/checkbox-1.svg); background-position: 50%; background-repeat: no-repeat; background-size: 18px;}
.item .checkbox-row .fakelabel input[type="checkbox"]:checked + span:before { border-bottom-width: 3px; border-left-width: 3px; }

.subscribe-options label input[type="checkbox"] { opacity: 0; position: absolute; }
.subscribe-options label span { margin: 0; padding: 2px 0 0 26px; position: relative; cursor: pointer; }
.subscribe-options label span:after { content: ''; position: absolute; top: 0px; left: 0; appearance: none; background-color: #fff; border: 1px solid #b9b9c0; border-radius: 2px; color: currentColor; cursor: pointer; height: 21px; width: 21px; }
.subscribe-options label span:before { content: ""; height: 5px; left: 4px; position: absolute; top: 6px; transform: rotate(-41deg); width: 11px; z-index: 1; }
.subscribe-options label input[type="checkbox"]:checked + span:after { background-color: #5a8e22; background-image: url(https://145758084.fs1.hubspotusercontent-eu1.net/hubfs/145758084/BASIS_Theme_2025/Images/checkbox-1.svg); background-position: 50%; background-repeat: no-repeat; background-size: 18px; }
.subscribe-options label input[type="checkbox"]:checked + span:before { border-bottom-width: 3px; border-left-width: 3px; }
#hs-passwordless-auth-checkbox-consent, #hs-register-widget-checkbox-consent { line-height: 1.4;padding-left: 7px;}
span.form-separator { padding: 15px 0 0; display: inline-block;}



@media(max-width:991px){
    
    .systems-page{margin:16px auto 24px;padding: 28px 21px;}
    .systems-page + .bottom-part { margin: 0px auto 27px; } 
    .login.systems-page{margin:16px auto 26px;padding: 43px 21px;}
    .systems-page.reset-pass-req {padding: 20px 21px;}
    .systems-page .heading{margin: 0 auto 22px;}
    .systems-page form input[type=submit] {margin:20px 0 0;}
    .systems-page.reset-pass {padding: 21px; margin:16px auto 69px;}
    .systems-page.confirm-sub {padding: 24px;}
    
}
@media(max-width:350px){
    
    .systems-page .form-input-validation-message { margin-bottom: 69px;}
}