/*!
Theme Name: kb-food-company
*/
body {
    font-family: Avenir, sans-serif;
    font-size: 14px;
    color: #575756;
    font-weight: 400
}

p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #575756;
    font-weight: 400
}

li {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #575756;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5 {
    font-family: Helvetica, Arial, sans-serif
}

::selection {
    color: #fff;
    background: #00b2a9
}

::-moz-selection {
    color: #fff;
    background: #00b2a9
}


#header {
    margin: 3em 0 3em 0;
    background: #f1f1f1
}

#home-header {
    background: url(http://jobboards.adlogic.com.au/st-josephs/wp-content/themes/st-josephs/images/1.png) no-repeat center top;
    min-height: 100vh;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed
}

.home-header {
    margin-top: 20%
}

.header h1 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #ef3c41;
    font-weight: 700;
    text-shadow: 1px 1px 5px rgba(30, 30, 30, .52);
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    font-size: 90px;
    margin: 0 auto
}

.header h2 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: 400;
    text-shadow: 1px 1px 5px rgba(30, 30, 30, .52);
    line-height: 45px;
    font-size: 35px;
    -webkit-font-smoothing: antialiased
}

#content {
    margin: 3em 0 3em 0
}

.content {
    margin: 3em 0 3em 0
}

.content-text p {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #575756;
    font-weight: 400;
    line-height: 26px
}

.content-text h1,
h2 {
    color: #612166
}

#content-01 {
    background: url(http://jobboards.adlogic.com.au/st-josephs/wp-content/themes/st-josephs/images/imagem_04.jpg) no-repeat center top;
    min-height: 80vh;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    position: relative
}

.box-float {
    position: absolute;
    margin: 30% 0 0 0;
    padding: 4em
}

.box-float h3 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 1.2em
}

.text-float-title {
    font-size: 20px;
    font-weight: 700;
    color: #fff
}

#content-02 {
    margin: 35em 0 0 0;
    background: #fff;
    display: grid;
    position: inherit
}

#content-03 {
    margin: 30em 0 10em 0;
    background: #fff
}

#content-03 {
    background: url(http://jobboards.adlogic.com.au/st-josephs/wp-content/themes/st-josephs/images/imagem_10.jpg) no-repeat center top;
    min-height: 50vh;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    position: relative
}

.box-float-03 {
    position: absolute;
    margin: -30% 0 0 0;
    padding: 4em
}

.box-float-03 h3 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 1.2em
}

.text-float-title {
    font-size: 20px;
    font-weight: 700;
    color: #fff
}

#jobs {
    margin: 3em 0 10em 0
}

#footer {
    background: #1a2a56;
    padding: 20px 0 19px;
    text-align: center;
    color: #fff;
    position: relative;
    bottom: 0px;
    width: 100%;
}

.footer-style {
    padding-top: 20px
}

.footer p {
    color: #333;
    font-size: 12px;
    font-family: bebas, sans-serif;
    text-transform: uppercase
}

.footer p a {
    color: #00aeef;
    text-decoration: none;
    font-family: bebas, sans-serif;
    text-transform: uppercase
}

.footer p a:hover {
    color: #065279;
    font-family: bebas, sans-serif;
    text-transform: uppercase
}

.clear {
    clear: both
}

label {
    font-size: 16px;
    font-weight: 400
}

#job-board {
    margin: 10em 0 5em 0
}

.job-board {
    padding: 2em 0 2em 0
}

.page-central {
    padding-right: 50px
}

.page-central h2 h3 {
    font-family: effrabold, Tahoma, Helvetica, sans-serif;
    font-weight: 700
}

.page-central>h2 {
    font-family: effrabold, Tahoma, Helvetica, sans-serif;
    font-weight: 700
}

.sidebar {
    padding-left: 50px
}

@media (max-width:1024px) {
    #home-header {
        min-height: 50vh;
        max-width: 100%
    }

    .home-header {
        margin-top: 30%
    }

    .header h1 {
        line-height: 1em;
        font-size: 70px
    }

    .header h2 {
        line-height: 45px;
        font-size: 20px;
        -webkit-font-smoothing: antialiased
    }

    .sidebar {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 5em
    }

    .page-central {
        border-right: 0;
        padding-right: 50px
    }
}

@media (max-width:767px) {
    #home-header {
        min-height: 100vh;
        max-width: 100%
    }

    .home-header {
        margin-top: 30%
    }

    .header h1 {
        line-height: 1em;
        font-size: 70px
    }

    .header h2 {
        line-height: 45px;
        font-size: 20px;
        -webkit-font-smoothing: antialiased
    }
}

@media (max-width:736px) {
    #home-header {
        min-height: 50vh;
        max-width: 100%
    }

    .home-header {
        margin-top: 15%
    }

    .header h1 {
        line-height: 1em;
        font-size: 60px
    }

    .header h2 {
        line-height: 35px;
        font-size: 20px;
        -webkit-font-smoothing: antialiased
    }
}

@media (max-width:600px) {
    #home-header {
        min-height: 80vh;
        max-width: 100%
    }

    .home-header {
        margin-top: 40%
    }

    .header h1 {
        line-height: 1em;
        font-size: 70px
    }

    .header h2 {
        line-height: 45px;
        font-size: 20px;
        -webkit-font-smoothing: antialiased
    }

    .text-float-title {
        font-size: 20px;
        font-weight: 700;
        color: #fff
    }
}

@media (max-width:598px) {
    #home-header {
        min-height: 100vh;
        max-width: 100%
    }

    .home-header {
        margin-top: 20%
    }

    .header h1 {
        line-height: 1em;
        font-size: 40px
    }

    .header h2 {
        line-height: 25px;
        font-size: 20px;
        -webkit-font-smoothing: antialiased
    }
}

@media (max-width:480px) {
    #home-header {
        min-height: 80vh;
        max-width: 100%
    }

    .home-header {
        margin-top: 40%
    }

    .header h1 {
        line-height: 1em;
        font-size: 40px
    }

    .header h2 {
        line-height: 25px;
        font-size: 20px;
        -webkit-font-smoothing: antialiased
    }
}

@media (max-width:320px) {
    #home-header {
        min-height: 80vh;
        max-width: 100%
    }

    .home-header {
        margin-top: 40%
    }

    .header h1 {
        line-height: 1em;
        font-size: 40px
    }

    .header h2 {
        line-height: 25px;
        font-size: 20px;
        -webkit-font-smoothing: antialiased
    }
}

.banner {
    background-image: url(https://jobboards.adlogic.com.au/kb-food-company/wp-content/themes/kb-food-company/images/banner.png);
    background-size: cover;
    background-position: center;
    height: 500px;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.banner-image {
    background-image: url(http://jobboards.adlogic.com.au/st-josephs/wp-content/themes/st-josephs/images/banner.png);
    background-size: cover;
    background-position: center;
    max-width: 50%;
    width: 50%;
    height: 100%
}

.jobboard-nav {
    background-color: #1a2a56 !important;
    border-bottom: none !important;
    max-height: 85.2px;
    height: 100%;
    border: none !important;
    min-height: initial;
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column
}

.job-listing {
    position: relative;
    z-index: 2;
    background: 0 0
}

.nav-button {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    background-color: transparent;
    border-radius: 0;
    font-family: Montserrat, sans-serif !important;
    color: #fff
}

.nav-logo,
.nav-logo>a>img {
    max-width: 172.04px;
    max-height: 68.16px;
    width: 100%;
    height: 100%
}

.nav-buttons {
    color: #a6a3a3;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.nav-button:hover {
    color: #fff !important;
    text-decoration: none;
    transition: all 1s
}

.adlogic_job_results .position {
    background-color: #fff !important;
    border: none !important;
    transition: .3s ease-in-out
}

.position:hover {
    box-shadow: 0 30px 20px rgba(0, 0, 0, .1);
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.banner-content {
    max-height: 511px;
    height: 100%;
    background-color: transparent;
    width: 1280px;
    color: #fff;
    margin-bottom: 34rem;
    background: url(https://www.sjcmda.vic.edu.au/boundless_animation/boundless_possibilities_v3.html)
}

.banner-content h1,
.banner-content h4 {
    z-index: 4
}

.banner-content h1 {
    font-size: 92px;
    font-weight: 400 !important;
    color: #fff;
    line-height: .7
}

.banner-content h4 {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    color: #000;
    line-height: 2.25
}

.position p {
    color: #333 !important;
    font-weight: 300 !important;
    font-family: mont-300 !important;
    font-size: 20px !important;
    margin: 10px 0 10px !important;
    color: #5a6989 !important;

}

.ajb_classification ul li a,
.ajb_location ul li a {
    color: #041e42 !important
}

.ajb_location:after {
    content: '-';
    color: #041e42;
    position: relative;
    top: -8px;
    left: 4px
}

span.ajb_location {
    margin-right: 9px !important
}

#adlogic_search_widget-2 {
    display: flex !important;
    flex-direction: column !important
}

#adlogic_alerts_widget-3,
#adlogic_alerts_widget-3>form {
    display: flex !important;
    flex-direction: column !important
}

#adlogic_alerts_widget-3>form,
#adlogic_search_widget-2>form {
    padding: 2rem
}

.widget_adlogic_alerts_widget {
    margin: 1rem 0 !important
}

.ajb-search-widget select {
    width: 100% !important;
    height: 27px !important
}

.ajb-search-field label {
    color: #1a2a56 !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important
}

.ajb-alerts-widget,
.widget_adlogic_search_widget {
    background-color: #fff !important;
    border: 1px solid #d8d8d8 !important
}

.page-central {
    padding-right: 25px !important
}

.sidebar {
    padding-left: 25px !important;
    margin-top: 2rem
}

.ajb-search-for-jobs-button,
.ajb-subscribe-job-alerts,
.ajb-view-all-jobs-button {
    color: #003f87 !important;

    font-size: 16px !important;
    font-weight: 400;
    text-transform: capitalize;
    background-color: transparent !important;
    border-width: 0;
    width: 100% !important;
    text-align: center;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700;
    border: 2px #1d84a6 solid !important;
    border-radius: 0px !important;
}

.ajb-search-for-jobs-button:hover,
.ajb-subscribe-job-alerts:hover,
.ajb-view-all-jobs-button:hover {
    background: #1d84a6 !important;
    color: #fff !important
}

.adlogic_job_results h2 a {
    margin-top: 20px !important;
    color: #1a2a56 !important;
    font-size: 24px !important;
    font-family: dm !important;
    font-weight: 700 !important;
    
}

.ajb-alerts-widget h2,
.ajb-search-widget h2,
.eoi h2 {
    margin-top: 20px !important;
    color: #1a2a56 !important;
    font-size: 24px !important;
    font-family: dm !important;
    font-weight: 700 !important;
    
    
}



.ajb-button-holder {
    width: 100% !important
}

.ajb-alerts-widget {
    padding-bottom: 0 !important
}

.eoi {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 2rem;
    border: 1px solid #d8d8d8 !important;
    margin-top: 3rem
}

.eoi p {
    font-weight: 300 !important;
    font-family: mont-300 !important;
    font-size: 20px !important;
    margin: 10px 0 10px !important;
    color: #5a6989 !important;
}

.footer p,
.footer p a {
    color: #fff !important;
    font-size: 20px !important;
    margin: 0
}

#ml-link {
    color: #fff !important
}

@media (max-width:500px) {
    .jobboard-nav {
        height: 100% !important;
        padding-bottom: 2rem
    }
}

@media (max-width:1207px) {
    .footer {
        flex-direction: column !important
    }

    .footer .col-lg-4,
    .footer .col-lg-8 {
        text-align: center !important
    }
}

h1 {
    font-family: Roboto, serif !important;
    font-weight: 700 !important
}

.date-date,
.date-text {
    font-style: italic !important;
    color: #333;
    font-size: 16px !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 300 !important
}

.job-header-container {
    display: flex;
    justify-content: space-between;
    background: 0 0;
    padding: 1rem
}

.job-header-container h2 {
    margin: 0 !important
}

.adlogic_job_results .position {
    padding: 0 !important
}

.job-content-container {
    padding: 1rem
}

.date {
    padding-bottom: 1rem !important
}

.navigation-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 100%;
    width: 100%;
    padding: 5px 34px;
    margin: auto;
    align-items: center;
    height: 85.2px
}

.job-listing .container {
    padding: 0 !important
}

.row footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important
}

#nav-location:hover {
    text-decoration: none !important;
    color: #fff !important
}

.ajb-alerts-widget h2,
.ajb-search-widget h2 {
    background-color: transparent !important;
    margin-top: 0 !important;
    padding: 1.25rem !important;
    color: #1a2a56 !important
}

.job-board .page-central {
    padding-left: 0;
    padding-right: 0 !important
}

.sidebar {
    margin-right: 0 !important
}

@font-face {
    font-family: dm;
    src: url(https://jobboards.adlogic.com.au/kb-food-company/wp-content/themes/kb-food-comapny/fonts/dm.woff2) format('woff2')
}
@font-face {
    font-family: mont-300;
    src: url(https://jobboards.adlogic.com.au/kb-food-company/wp-content/themes/kb-food-comapny/fonts/montserrat-300.woff2) format('woff2')
}

.bebas {
    font-family: 'Bebas Neue', cursive !important
}

.abril {
    font-family: abril !important
}

.dashed-border-wrapper {
    box-sizing: border-box;
    border: 0 solid #e2e8f0;
    margin-top: 5rem
}

.dashed-border {
    border-bottom: 2px dashed #3eb288 !important
}

.job-listing>.container>h1 {
    margin-top: 5.5rem;
    text-align: center;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700 !important;
    color: #d6b97c !important;
    font-size: 46px;
    
}

.job-listing>.container {
    max-width: 1080px !important;
    margin: auto;
    padding: 0 15px !important;
}

.mrp-icon-box-text>.d-block {
    color: #000 !important;
    font-weight: 500 !important;
    font-family: Montserrat, sans-serif !important
}

.mrp-icon-box-text {
    color: #333 !important;
    font-weight: 300 !important;
    font-family: Montserrat, sans-serif !important
}

#adlogic_search_widget-2-location_select_id {
    width: 100% !important
}

#adlogic_search_widget-2-location_select_id::placeholder {
    color: #333 !important;
    font-size: 11px;
    height: 40px;
    width: 100%;
    margin-top: 3px
}
.job-board {
    margin: 0 !important;
}
/* Job Details Mobile CSS */
@media (max-width: 1000px){
    .mrp-apply-button {
        border-radius: 0 !important;
    }
}
@media (max-width: 992px){
    .stButton .chicklets {
        padding: 15px !important; 
    }
    .ajb_social_sharing_site {
        margin: 0 !important;
    }
    
    .job-header-container {
        flex-direction: column !important;
        gap: 1rem !important;
    }
    #worktype-link a {
        font-size: 20px !important;
    }
}
@media (max-width: 991px){
    .sidebar {
        padding: 0 !important;
    }
    
}
@media(max-width: 768px){
    .ajb_social_sharing_mrp-container {
        margin-right: 22px !important;
        margin-top: 0px !important;
    }
    .input-group {
        padding-left: 12px !important;
    }
}
@media(max-width: 576px){
    .ajb_social_sharing_mrp-container {
        margin: auto !important;
    }
    .input-group {
        padding-right: 12px !important;
    }
    .navigation-container {
        flex-direction: column;
        gap: 1rem;
    }
    .jobboard-nav {
        max-height: 100% !important;
    }
}
#page-title {
    font-family: dm !important;
    color: #1a2a56 !important;
    font-size: 90px !important;
}
#page-intro {
    line-height: 140% !important;
    text-align: center !important;
    color: #5a6989 !important;
    font-size: 20px !important;
    font-family: mont-300 !important;
}
.narrow-intro {
    max-width: 650px;
    margin: auto;
}.ajb-search-widget h2 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.ajb-search-widget label {
    font-family: dm !important;
}