/*	--------------------------------------------------
	NHS Jobs API
	-------------------------------------------------- */

.vancancy-list {
    padding-top: 60px;
}

.vacancy {
    font-size: 14px;
}

    .vacancy .inner {
        background: white;
        margin: 20px 0px;
        padding: 15px 15px 1px 15px;
        border: 1px solid #000;
        background: #fff;
    }

    .vacancy a {
        color: #ae2573!important;
    }

        .vacancy a:hover {
            color: #00376c;
            text-decoration: underline;
        }

    .vacancy .description {
        min-height: auto;
        margin: 7px 0;
        color: black;
    }

    .vacancy .position {
        border-bottom: 1px solid #000;
        padding-bottom: 7px;
    }

        .vacancy .position h4 {
            font-size: 17px;
            font-weight: 700;
            color: #005eb8;
            margin: 3px 0;
            min-height: 25px;
        }

    .vacancy h5 {
        font-size: 14px;
        font-weight: 700;
        text-transform: none;
        margin: 1px 0;
        color: #000!important;
        letter-spacing: 0;
    }

    .vacancy .action p {
        margin: 10px 0;
    }

.resultCount {
    position: absolute;
    top: 0;
    left: 15px;
    background: #ae2573;
    color: #fff;
    font-size: 20px;
    padding: 10px;
    display: block;
}

.position h4 span {
    display: inline-block;
    vertical-align: text-top;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    background: #66cc34;
    color: #fff;
    width: 17px;
    height: 17px;
    padding: 2px 0 0 0px;
    text-align: center;
    margin-right: 4px;
}

h2.title {
    font-size: 18px;
    padding: 0px 0;
    color: #0072bc;
    margin: 10px 0;
}

ul.details {
    /*display: flex;
    justify-content: space-between;*/
    padding-right: 19px;
    list-style: none outside none;
    padding: 0;
    margin: 0;
    min-height: 65px;
}

.details li p {
    margin: 0;
    color:#000;
}

.details li {
    padding: 0;
    color: #000;
}

.link-jobs {
    display: block;
    font-size: 15px;
    width: 370px;
    color: #fff;
    text-decoration: none;
    padding: 20px 16px 15px 20px;
    background: url(../images/nhs_jobs.html) no-repeat 0 0 #0072bc;
}

    .link-jobs span {
        float: right;
        bottom: 16px;
        position: absolute;
        right: 36px;
    }

i.far.fa-handshake {
    font-size: 40px;
    margin-bottom: 40px;
    color: #005eb8;
}

.ico-logo-jobs {
    display: inline-block;
    vertical-align: middle;
    width: 82px;
    height: 62px;
    background-size: cover;
}

.section h4 {
    letter-spacing: -.005em;
    margin-bottom: 31px;
}

.outer .text h4 {
    margin-bottom: 40px;
}

.outer h4 {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.25;
}

.jobs {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 4px;
    /*height: 380px;*/
}

i.fas.fa-arrow-right {
    margin: 0px 0px 0px 5px;
}

input#buttonClass {
    background: #ae2573;
    color: white;
    padding: 5px 13px;
    border: 0;
    border: 1px solid #ae2573;
}

input#UncheckAll {
    color: black;
    padding: 5px 13px;
    border: 0;
    border: 1px solid #000;
    background: transparent;
}

#jobsArea form label {
    font-size: 14px;
}

/*.vancancy-list #responseTextAreaLW {
    padding: 0;
}*/

.btnFilters {
    padding-left: 0;
    text-align: left;
}


section#pos_1597 {
    background: #fff!important;
}

section#jobsHomepage {
    background: #ae2573;
}

section#jobsHomepage h1 {
    color: #fff;
}



@media (min-width: 768px) {
    section#pos_1597 .image {
        max-width: 180px;
    }
}

/*.hpBanner .d-table-cell {
    background: #fff;
    padding: 20px;
}
.hpBanner .d-table-cell {
    background: rgb(255, 255, 255, 0.8);
    padding: 20px;
}*/
/*
.site-search .form-control{
    border-color:#fff!important;
}*/
/*	--------------------------------------------------
	HOMEPAGE
	-------------------------------------------------- */
.homepageIntro{
    padding-bottom:0!important;
}


/*	--------------------------------------------------
	LOGO
	-------------------------------------------------- */



/* COMPONENTS */
/* SUBPAGE LISTING */

.listing-component .item a {
    background: #ae2573;
    padding: 10px 0 10px 0px;
}
.listing-component .item a p{
     color:#fff;
     padding: 0px 10px;
}

/*	--------------------------------------------------
	TWITTER WIDGET
	-------------------------------------------------- */

.twitterArea {
    background: #ae2573;
}
iframe#twitter-widget-0 {
    box-shadow: 0 8px 67px 0 rgb(0 0 0 / 23%);
    margin-left: auto;
    margin-right: auto;
    display: block !important;
}

.twitterArea h2 {
    text-align: center;
    color: #fff;
    padding-bottom: 10px;
}
.fa-twitter {
    color: #fff;
}
.facebook {
    margin: 8px 0;
}
.facebook, .twitter{
    text-align:center;

}
.facebook iframe {
    border-radius: 5px;
}
    @media (min-width: 1200px) {
        .twitterArea h2 {
        margin: 1em;
    }
}
@media (min-width: 992px) {
    html.nav-up body:not(.browser-safari) header#site-header #logo2 {
        padding: 0px;
        top: 60px;
        /* padding-top: 70px; */
    }
}

/*	--------------------------------------------------
	PROMO PODS
	-------------------------------------------------- */

#pos_1597 .inner {
    background: #0054ad;
    border: 2px solid #0054ad;
    box-shadow: 0px 0px 16px 1px #a5a5a5;
    padding: 20px;
    min-height: 315px;
}

.component-introduction p, .component-introduction .heading {
    color: black !important;
}
@media (min-width: 768px) {
    .item.item_text-right:not(.item_has-bg):not(.item-blog) .image + .info {
        padding: 0 0 30px 20px;
    }
}
div#jobsHomepage {
    background: #0054ad;
    border: 2px solid #0054ad;
    box-shadow: 0px 0px 16px 1px #a5a5a5;
    padding: 0px 20px;
}
div#jobsHomepage  {
    background: #0054ad;
    border: 2px solid #0054ad;
    box-shadow: 0px 0px 16px 1px #a5a5a5;
    padding: 0px 20px;
}
section#pos_1597 .inner .btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
#pos_1597 .vacancy .inner {
    background: white;
    margin: 20px 0px;
    padding: 15px 15px 1px 15px;
    border: 1px solid #000;
    background: #fff;
    box-shadow: none;
    display: block;
}
@media (min-width: 768px) {
    #pos_1597 .vacancy .inner {
        margin: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

/*	--------------------------------------------------
	HEADER
	-------------------------------------------------- */

@media (min-width: 992px) and (max-width: 1245px) {
    header#site-header a i {
        display: none;
        padding: 10px;
    }
    header#site-header a i.icon.usn_ion-ios-search {
        display: block;
        padding: 10px;
    }
}

@media (max-width: 992px) {
    .reveal .mian{
        padding-top:90px;
    }
}



.heading-col .heading.main, body.banner-top div:not(.left-col):not(.right-col):not(.center-col) > .component.banner-component:first-of-type .heading.main {
    font-size: 3.5rem;
    font-weight: 700;
}