/* add custom CSS here */

@font-face {
    font-family: PlutoMedium;
    src: url("PlutoMedium.otf") format("opentype");
}

@font-face {
    font-family: PlutoLight;
    src: url("PlutoLight.otf") format("opentype");
}

body {
    color: black !important;
    font-family: "PlutoLight" ;
}

:root {
  --black: black;
  --green: #c3ff00;
  --white: #fff;
  --light-grey: #f5f5f5;
  --lime-website: #b7ef00;
  --transparent: #fff0;
  --grey: #918b8b;
  --light-blue: #d4d9e3;
}

[_nghost-serverApp-c100] {
    background: black !important;
}

[_nghost-serverApp-c99] .filter-header[_ngcontent-serverApp-c99] {
    color: white !important;
}




header[theme][theme=neutral] {
     background-color: var(--black) !important;
}

.job-card {
    border: 1px solid black;
    background: var(--light-grey) !important;
    box-shadow: 0 2px 10px #0006 !important;
}

novo-list-item {
    background: var(--light-grey) !important;
}

.job-card h6, .job-card h6 a {
    color: black !important; 
    font-size: 30px;
     font-family: "PlutoMedium" !important;
}

.chip {
    background: var( --green) !important;
    margin-top: 15px;
    color: black !important;
    
}

.job-card novo-list-item {
    display: flex !important;
    flex-direction: column !important
}

.job-card item-header-end {
   margin-top: 20px;
    margin-bottom: 15px;
}

novo-list[_ngcontent-serverApp-c102] .job-card[_ngcontent-serverApp-c102] .description[_ngcontent-serverApp-c102] {
    font-size: 14px !important;
}



novo-search>input {
    border-radius: 15px !important;
    border: 1px solid black !important;
}

novo-search.active>button[theme=fab]{
    display: none !important;
}

.background[_ngcontent-serverApp-c107] .job-container[_ngcontent-serverApp-c107] .category[_ngcontent-serverApp-c107] {
    color: black !important;
}

.novo-form-container multi-picker [class*=-group] label i.bhi-checkbox-empty, .novo-form-container multi-picker [class*=-group] label i.bhi-circle-o, .novo-form-container multi-picker [class*=-group] label i.bhi-radio-empty, .novo-form-container novo-check-list [class*=-group] label i.bhi-checkbox-empty, .novo-form-container novo-check-list [class*=-group] label i.bhi-circle-o, .novo-form-container novo-check-list [class*=-group] label i.bhi-radio-empty, .novo-form-container novo-checkbox [class*=-group] label i.bhi-checkbox-empty, .novo-form-container novo-checkbox [class*=-group] label i.bhi-circle-o, .novo-form-container novo-checkbox [class*=-group] label i.bhi-radio-empty {
    color: white !important;
}

.consent-form novo-checkbox [class*=-group] label i.bhi-checkbox-empty {
    color: black !important;
}

app-sidebar novo-check-list label {
    color: white !important;
    font-size: 14px !important;
}

multi-picker [class*=-group] label, novo-check-list [class*=-group] label, novo-checkbox [class*=-group] label {
    color: white !important;
}

.background[_ngcontent-serverApp-c107] {
    background: white !important;
}

button[theme][theme=dialogue] {
    color: white;
}

button[theme][theme=primary] {
    background-color: var(--green) !important;
    outline-offset: 0px;
    color: var(--black) !important;
    text-align: center;
    cursor: pointer;
    border-radius: 100px;
    outline: 1px solid #c3ff006e;
    width: 250px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 2px 5px #0003;
}

.job-description-text {
    font-size: 15px !important;
    line-height: 24px !important;
}

[_nghost-serverApp-c100] > section.credits[_ngcontent-serverApp-c100] {
    padding-right: 15px !important;
}

.powered-by {
    display: none !important;
}

button[_ngcontent-serverapp-c107] {
    color: black !important;
}



@media only screen and (max-width: 767px) {
  .chip {
    display: block !important;
  }

  .bhi-times {
    color:  white !important;
  }

  
}