/* ---- General ---- */
:root {
    --rt-primary-color: #214196;
    --rt-secondary-color: #E9ECF5;
}

a, a:hover {
    color: var(--rt-primary-color);
}

html {
    font-size: unset;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

footer {
    height: auto;
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    border: 1px solid #ccc;
}

/* ---- Header ---- */
.elementor-43 .elementor-element.elementor-element-39cd682 {
    padding-top: 130px;
}

.elementor-43 .elementor-element.elementor-element-8aa9706 {
    margin-top: 0;
    padding-top: 0;
}

.working-with-us-title {
    font-size: 84px;
    color: #fff;
    font-weight: 700;
    padding-left: 36px;
    margin-bottom: 30px;
}

.elementor-element-8aa9706 .body-content {
    padding: 58px 40px;
}

header a:hover,
header a:focus,
footer a:hover,
footer a:focus {
    text-decoration: none;
}

#off-canvas-8440bc6 {
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: transform 0.4s ease, opacity 0.3s ease, visibility 0s linear 0.4s;
}

    #off-canvas-8440bc6.is-open {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        transition: transform 0.4s ease, opacity 0.3s ease;
    }

#menu-2-30a716b .menu-item-638 i {
    font-size: 24px;
    margin-right: 4px;
}

#menu-2-30a716b .careernav p {
    margin-bottom: 0;
}

    #menu-2-30a716b .careernav p a {
        font-family: "Mulish", Sans-serif;
        font-size: 18px;
    }

/* ---- Sidebar ---- */
.sidebar .careernav a {
    padding: 15px 32px;
    font-family: "Mulish", sans-serif;
    background-color: #F3F3F4;
    border-radius: 50px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    transition: 0.3s all ease;
    font-weight: 700;
}

    .sidebar .careernav a:hover {
        text-decoration: none;
        background-color: #EFE08A;
    }

    .sidebar .careernav a:focus {
        text-decoration: none;
    }

@media (min-width: 768px) {
    .form-horizontal .control-label {
        margin-bottom: 5px;
    }
}

.job-search_title {
    margin-top: 3rem;
}

/* ---- Buttons ---- */
.btn {
    padding: 12px 24px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    border-width: 2px;
    transition: all ease 0.3s;
}

    .btn.btn-primary {
        background-color: var(--rt-secondary-color);
        color: var(--rt-primary-color);
        border-color: var(--rt-secondary-color);
    }

    .btn.btn-info,
    .btn.btn-default,
    .btn.btn-share--front,
    .btn.btn-share--back,
    .btn.btn-share--front:hover,
    .btn.btn-share--back:hover {
        background-color: #fff;
        color: var(--rt-primary-color);
        border-color: var(--rt-primary-color);
    }


        .btn.btn-info:hover,
        .btn.btn-default:hover,
        .btn.btn-primary:hover {
            background-color: var(--rt-primary-color);
            color: #fff;
            border-color: var(--rt-primary-color);
        }

        .btn.btn-share--back a {
            color: var(--rt-primary-color);
        }

    .btn.btn-share--front,
    .btn.btn-share--back {
        border-width: 2px;
    }

.main-content > h1,
.page-subtitle-counter {
    color: var(--rt-primary-color);
}


/* ---- Jobs ---- */
.vacancy-box {
    border-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 8px 16px 0px rgba(136, 140, 144, 0.2);
    padding: 32px;
}

    .vacancy-box.thumbnail > .caption {
        padding: 0;
    }

.main-content hr {
    margin-top: 20px;
    margin-bottom: 20px;
}

.vacancy-info > h2 > a {
    color: #000;
    font-size: 24px;
}


/* ---- Job Details ---- */
.job-ad-side__content > .btn-primary,
.job-ad-side__content .apply-with-seek-btn {
    margin-bottom: 1rem;
}

/* ---- Modals ---- */
.modal-header .close {
    color: #000;
}

    .modal-header .close:hover {
        border: none;
    }

.modal-title {
    display: inline-block;
}

/* ---- Onboarding ---- */
.wkf-panel-forms .panel-heading {
    background-color: var(--rt-primary-color);
}

ul.nav-wizard li.active,
ul.nav-wizard li.active a,
ul.nav-wizard li.active a:active,
ul.nav-wizard li.active a:visited,
ul.nav-wizard li.active a:focus {
    color: var(--rt-primary-color);
    background: var(--rt-secondary-color);
}