@font-face {

    font-family: "Onest-Bold";

    src: url("https://images.hanlonsonline.co.uk/Harrow Portal Demo/fonts/static/Onest-Bold.ttf");

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: "Onest-Regular";

    src: url("https://images.hanlonsonline.co.uk/Harrow Portal Demo/fonts/static/Onest-Regular.ttf");

    font-weight: 700;

    font-style: normal;

}


ul.navbar-nav.ms-auto {
    padding-top: 2rem;
}

img.harrow-logo {
    width: 150px;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

img.harrow-borough-logo {
    width: 175px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    mix-blend-mode: multiply;
    margin-left: 2rem;
}

nav.navbar.navbar-expand-lg {
    background: #008080;
    border-bottom-width: 8px;
}

a.register-link {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-family: "Onest-Bold";
}

a.login-link {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-family: "Onest-Bold";
}

li#register-btn-white {
    position: relative;
    background: #008080;
    padding-left: 20px;
    border-radius: 8px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid #fff;
    left: 0.5rem;
    top: -0.15rem;
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: inline-block;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}

a.nav-link {
    font-family: "Onest-Bold";
    color: #ffff;
    padding: 10px;
}

a.nav-link:hover {
    color: #442b75;
}

a.nav-link:focus {
    outline: 2px dashed #000;
}

li#register-btn-white:hover {
    background: #fff;
    border: 2px solid #000;
    transition: 0.6s;
}

a.register-link:hover {
    color: #000 !important;
}

.form-label {
    margin-bottom: .5rem;
    font-weight: bold;
    font-family: "Onest-Bold";
    color: #000;
}

span#ctl00_mCPH_InformationLabel {
    font-family: "Onest-Regular";
    color: #000;
}

h1.heading {
    font-family: "Onest-Bold";
    margin-top: 30px;
    color: #000;
}

.panel.card.vacancy-panel.h-100 {
    border: 3px solid #008080;
    border-width: 4px;
}

.panel-footer.card-footer.vacancy-panel-footer {
    background: #008080;
    border-radius: 0px;
}

a.link.vacancy-panel-link {
    color: #fff;
    font-family: "Onest-Bold";
    font-size: 18px;
}

.vacancy-panel-title {
    min-height: initial;
    font-family: "Onest-Bold";
    color: #000 !important;
}

.vacancy-panel-label {
    font-weight: bold;
    font-family: "Onest-Bold";
    color: #000;
}

span.vacancy-panel-employer-name {
    font-family: "Onest-Regular";
    color: #000;
}

span.vacancy-panel-type {
    font-family: "Onest-Regular";
    color: #000;
}

span.vacancy-panel-salary {
    font-family: "Onest-Regular";
    color: #000;
}

span.vacancy-panel-postcode {
    font-family: "Onest-Regular";
    color: #000;
}

span.vacancy-panel-closing-date {
    font-family: "Onest-Regular";
    color: #000;
}

input#OpenGoogleDirectionsButton {
    background: #008080;
    color: #fff;
    border-radius: 8px;
    font-family: "Onest-Bold";
}

input#OpenGoogleDirectionsButton:focus {
    outline: 2px dashed #000;
    background: #fff;
    color: #000 !important;
}

.table-responsive {
    overflow-x: hidden;
}

input#btnApplyFilters {
    position: relative;
    background: #008080;
    padding-left: 20px;
    border-radius: 8px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    font-family: "Onest-Bold";
}

input#btnApplyFilters:hover {
    background: #fff;
    color: #000;
    transition: 0.6s;
}

input#btnApplyFilters:focus {
    background: #fff;
    color: #000;
    outline: 2px dashed #000;
}

input#btnRegister {
    position: relative;
    background: #008080;
    padding-left: 20px;
    border-radius: 8px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: "Onest-Bold";
}

input#btnRegister:hover {
    background: #fff;
    color: #000;
    transition: 0.6s;
}

input#btnRegister:focus {
    background: #fff;
    color: #000;
    outline: 2px dashed #000;
}

div#ResultCountWrapper {
    color: #000;
    font-family: "Onest-Regular";
}

input#SendButton {
    position: relative;
    background: #008080;
    padding-left: 20px;
    border-radius: 8px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: "Onest-Bold";
    border: none;
}

input#SendButton:hover {
    background: #fff;
    color: #000;
    transition: 0.6s;
}

input#SendButton:focus {
    background: #fff;
    color: #000;
    outline: 2px dashed #000;
}

.WizardElement_Left {
    background: #ddd9e6;
    border: 2px solid #000;
    padding: 10px;
}

.published-info {
    padding-top: 5px;
    font-family: "Onest-Regular";
}

span#ctl00_mCPH_ArticleLocationLabel {
    font-family: "Onest-Regular";
}

p span {
    font-family: "Onest-Regular" !important;
    font-size: 18px !important;
    color: #000 !important;
}

span#ctl00_mCPH_ArticleLocationLabel {
    font-family: "Onest-Regular";
}

h2 span {
    font-family: "Onest-Bold" !important;
    color: #000 !important;
}

li span {
    font-family: "Onest-Regular" !important;
    color: #000 !important;
    font-size: 18px !important;
}

span#ctl00_mCPH_ArticleContent {
    margin-bottom: 60px;
}

div#CookiesBannerMessageDiv {
    position: fixed !important;
    bottom: 0 !important;
    top: auto !important;
    z-index: 9999 !important;
    background: #fff !important;
    max-width: unset !important;
}

div#AcceptedAdditionalCookiesDiv {
    max-width: 100%;
    position: fixed;
    overflow: auto;
    z-index: 99999999999;
    background-color: #f2f2f2;
    color: #111;
    bottom: 0;
}
.vacancy-panel-employer-name-wrapper {
    display: none;
}
@media (min-width: 1536px) and (max-width: 1920px) {
    .container.navbar-container {
        max-width: 90%;
    }

    li#register-btn-white {
        top: -2px;
    }

    span#ctl00_mCPH_ArticleContent {
        width: 149%;
        display: block;
    }
}

@media (min-width: 1441px) and (max-width: 1536px) {
    .container.navbar-container {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (min-width: 1281px) and (max-width: 1440px) {
    img.harrow-logo {
        width: 150px;
        padding-top: 3rem;
    }

    img.harrow-borough-logo {
        margin-left: 0rem;
        left: 3%;
        position: relative;
        width: 175px;
        padding-top: 2.5rem;
    }

    span#ctl00_mCPH_ArticleContent {
        width: 149%;
        display: block;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    ul.navbar-nav.ms-auto {
        padding-top: 2.5rem;
    }

    img.harrow-logo {
        width: 80px;
        padding-top: 3.5rem;
    }

    img.harrow-borough-logo {
        width: 175px;
        padding-top: 2.5rem;
    }

    a.register-link {
        font-size: 12px !important;
    }

    img.harrow-borough-logo {
        width: 109px;
        padding-top: 3rem;
    }

}

@media only screen and (max-width: 768px) {
    img.harrow-logo {
        margin-left: 0rem;
    }

    ul.navbar-nav.ms-auto {
        padding-top: 0;
        margin-top: 6rem;
    }

    div#logos {
        display: inline-block !important;
    }


    button:focus:not(:focus-visible) {
        outline: 0;
        float: right !important;
        margin-top: 10px;
    }

    button.navbar-toggler.collapsed {
        float: right !important;
        margin-top: 10px;
    }

    button.navbar-toggler {
        float: right !important;
        margin-top: 10px;
    }

    img.harrow-borough-logo {
        margin-left: 16rem;
    }

    li#register-btn-white {
        width: 20%;
        text-align: center;
        margin-bottom: 10px;
    }

    button.navbar-toggler {
        float: right !important;
        margin-top: 10px;
        background: #fff;
    }

}

@media only screen and (max-width: 430px) {
   .m-banner__visual img {
        object-fit: cover !important;
        object-position: 50% 0 !important;
    }
}

@media only screen and (max-width: 426px) {
    img.harrow-logo {
        margin-left: 0rem;
        width: 150px;
    }

    ul.navbar-nav.ms-auto {
        padding-top: 0;
        margin-top: 3rem;
    }

    li#register-btn-white {
        width: 25%;
        text-align: center;
        margin-bottom: 10px;
    }

    img.harrow-borough-logo {
        margin-left: 5rem;
    }

    div#logos {
        display: flex !important;
    }
}

@media only screen and (max-width: 425px) {
    img.contact-form-img {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    h1.title-one {
        font-family: "Onest-Bold";
        color: #000;
    }

  .m-banner__visual img {
        object-fit: cover !important;
        object-position: 50% 0 !important;
    }

    div#logos {
        display: inline-block !important;
    }

    ul.navbar-nav.ms-auto {
        padding-top: 0;
        margin-top: 5rem;
    }

    button:focus:not(:focus-visible) {
        outline: 0;
        float: right !important;
        margin-top: 10px;
    }

    button.navbar-toggler.collapsed {
        float: right !important;
        margin-top: 10px;
    }

    button.navbar-toggler {
        float: right !important;
        margin-top: 10px;
    }

    img.harrow-logo {
        margin-left: 7rem;
    }

    img.harrow-borough-logo {
        margin-left: 7rem;
    }

    li#register-btn-white {
        width: 30%;
        text-align: center;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 375px) {
    img.harrow-logo {
        margin-left: 5rem;
    }

    img.harrow-borough-logo {
        margin-left: 5rem;
    }
}