:root {
  --lvh-brand-primary-colour: #002244;
  --lvh-brand-primary-highlight-colour: #334E69;
  --lvh-brand-primary-background-colour-1: rgba(0,34,68,.1);
  --lvh-brand-primary-background-colour-8: rgba(0,34,68,.8);
  --lvh-brand-secondary-colour: #ec0a92;
  --lvh-brand-secondary-highlight-colour: #EF3BA7;
  --lvh-brand-background-image: url(https://assets.livehire.com/tc-branding/tpg-tel/bg-0.jpg);
  --lvh-brand-background-image-position-x: center;
  --lvh-brand-background-image-position-y: center;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=tel]:focus {
    border-color: var(--lvh-x-dark-grey);
}

.p-solid-button.blue,
.p-solid-button.bright-blue,
.p-solid-button.shark-dark,
.p-solid-button.mid-grey,
.p-solid-button.paler-grey,
.p-solid-button.red,
.p-solid-button.orange,
.p-solid-button.murkberry-dark,
.p-solid-button.pink,
.p-solid-button.purple {
    --lvh-btn-colour: #ffffff;
    --lvh-btn-bg-colour: var(--lvh-brand-primary-colour);
    --lvh-btn-hover-colour: #ffffff;
    --lvh-btn-hover-bg-colour: var(--lvh-brand-primary-highlight-colour);
    --lvh-btn-hover-border-colour: var(--lvh-brand-primary-highlight-colour);
}

.p-ghost-button.bright-blue,
.p-ghost-button.shark-dark,
.p-ghost-button.light-grey,
.p-ghost-button.green,
.p-ghost-button.ripe,
.p-ghost-button.white,
.p-ghost-button.pink,
.p-ghost-button.purple {
    --lvh-btn-colour: var(--lvh-brand-primary-colour);
    --lvh-btn-border-colour: var(--lvh-brand-primary-colour);
    --lvh-btn-hover-colour: #ffffff;
    --lvh-btn-hover-bg-colour: var(--lvh-brand-primary-colour);
    --lvh-btn-hover-border-colour: var(--lvh-brand-primary-colour);
    --lvh-btn-focus-box-shadow-colour: var(--lvh-brand-primary-colour);
}

.p-checkbox .input.checked~.checkbox:before,
.p-checkbox .input:checked~.checkbox:before,
.p-tag.murkberry .label,
.p-tag.specialties .label {
    color: var(--lvh-brand-primary-colour);
}

.cc-radio-button .input.checked~.radio-button,
.cc-radio-button .input:checked~.radio-button,
.p-radio-button .input.checked~.radio-button,
.p-radio-button .input:checked~.radio-button {
    border-color: var(--lvh-brand-primary-colour);
    background-color: var(--lvh-brand-primary-background-colour-1);
}

.cc-radio-button .input.checked~.radio-button:before,
.cc-radio-button .input:checked~.radio-button:before,
.p-radio-button .input.checked~.radio-button:before,
.p-radio-button .input:checked~.radio-button:before {
    background-color: var(--lvh-brand-primary-colour);
}

.p-checkbox .input.checked~.checkbox,
.p-checkbox .input:checked~.checkbox,
.p-tag.murkberry,
.p-tag.specialties {
    background-color: var(--lvh-brand-primary-background-colour-1);
}

.p-checkbox .input.checked~.checkbox,
.p-checkbox .input:checked~.checkbox {
    border-color: var(--lvh-brand-primary-colour);
}

.cc-tabopotamus .tab.active,
.cc-tabopotamus .tab:focus,
.cc-tabopotamus .tab:hover {
    color: var(--lvh-brand-secondary-colour);
}

.cc-tabopotamus .tab.active:after {
    background-color: var(--lvh-brand-secondary-colour);
}

#signup-app #job-banner #job-highlights .icon,
#signup-app .custom-list li:before {
    color: var(--lvh-brand-primary-colour);
}

#job-banner #banner-intro .remote-tag {
    color: var(--lvh-brand-primary-colour);
    background-color: var(--lvh-brand-primary-background-colour-1);
}

#signup-app .current-salary-wrapper .current-salary-slider .rzslider span.rz-bar-wrapper {
    background: var(--lvh-brand-primary-colour) !important;
}

#signup-app #zfw-button {
    background-color: var(--lvh-brand-primary-background-colour-8);
}

#signup-app #page-content {
    background-image: none !important;
    position: relative
}

#signup-app #page-content:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: var(--lvh-brand-background-image-position-x) var(--lvh-brand-background-image-position-y);
    background-repeat: no-repeat;
    background-image: var(--lvh-brand-background-image);
}

@media (max-width:991px) {
    #signup-app #page-content:before {
        background-image: none;
    }
}

#signup-app #signup-content #signup-step-nav .step .nav-item,
#signup-app #signup-content #signup-step-nav .step .nav-item.active,
#signup-app #signup-content #signup-step-nav .step .nav-item.active:before,
#signup-app #signup-content #signup-step-nav .step .nav-item:before {
    color: var(--lvh-brand-secondary-colour);
}

#signup-app #signup-header {
    background-color: var(--lvh-brand-primary-colour);
}