:root {
  --font-family-sans-serif: 'Noto Sans', sans-serif;
  --font-family-headings: 'Bobby Jones Regular', 'Noto Sans', sans-serif;
  --body-darkest: #1e1e27;
  --body-darker: #2d2d3a;
  --body-opacity-25: rgba(60,60,78,0.25);
  --body-opacity-50: rgba(60,60,78,0.5);
  --body-opacity-90: rgba(60,60,78,0.9);
  --body: #3c3c4e;
  --body-light: #9e9ea7;
  --body-lighter: #ceced3;
  --body-lightest: #f5f5f6;
  --primary-darkest: #1e1e27;
  --primary-darker: #2d2d3a;
  --primary-opacity-25: rgba(60,60,78,0.25);
  --primary-opacity-50: rgba(60,60,78,0.5);
  --primary-opacity-90: rgba(60,60,78,0.9);
  --primary: #3c3c4e;
  --primary-light: #9e9ea7;
  --primary-lighter: #ceced3;
  --primary-lightest: #f5f5f6;
  --secondary-darkest: #7a7a7a;
  --secondary-darker: #b7b7b7;
  --secondary-opacity-25: rgba(244,244,244,0.25);
  --secondary-opacity-50: rgba(244,244,244,0.5);
  --secondary-opacity-90: rgba(244,244,244,0.9);
  --secondary: #f4f4f4;
  --secondary-light: #fafafa;
  --secondary-lighter: #fefefe;
  --secondary-lightest: #ffffff;
  --info-darkest: #7e7900;
  --info-darker: #bdb600;
  --info-opacity-25: rgba(252,243,0,0.25);
  --info-opacity-50: rgba(252,243,0,0.5);
  --info-opacity-90: rgba(252,243,0,0.9);
  --info: #fcf300;
  --info-light: #fef980;
  --info-lighter: #fefcbf;
  --info-lightest: #fffef2;
  --highlight-darkest: #76370b;
  --highlight-darker: #b25211;
  --highlight-opacity-25: rgba(237,110,23,0.25);
  --highlight-opacity-50: rgba(237,110,23,0.5);
  --highlight-opacity-90: rgba(237,110,23,0.9);
  --highlight: #ed6e17;
  --highlight-light: #f6b78b;
  --highlight-lighter: #fadbc5;
  --highlight-lightest: #fef8f3;
  --success-darkest: #385f1d;
  --success-darker: #548f2c;
  --success-opacity-25: rgba(112,191,59,0.25);
  --success-opacity-50: rgba(112,191,59,0.5);
  --success-opacity-90: rgba(112,191,59,0.9);
  --success: #70bf3b;
  --success-light: #b8df9d;
  --success-lighter: #dbefce;
  --success-lightest: #f8fcf5;
  --warning-darkest: #79370b;
  --warning-darker: #b55310;
  --warning-opacity-25: rgba(242,111,22,0.25);
  --warning-opacity-50: rgba(242,111,22,0.5);
  --warning-opacity-90: rgba(242,111,22,0.9);
  --warning: #f26f16;
  --warning-light: #f9b78b;
  --warning-lighter: #fcdbc5;
  --warning-lightest: #fef8f3;
  --danger-darkest: #781b1c;
  --danger-darker: #b4292a;
  --danger-opacity-25: rgba(240,55,56,0.25);
  --danger-opacity-50: rgba(240,55,56,0.5);
  --danger-opacity-90: rgba(240,55,56,0.9);
  --danger: #f03738;
  --danger-light: #f89b9c;
  --danger-lighter: #fbcdcd;
  --danger-lightest: #fef5f5;
}
h1, h2, h3, h4, a.nav-link.mr-2, .nav-link {
    text-transform: uppercase;
}
.text-body{
    color: rgb(60,60,78) !important;
}
label {
  font-family: 'Bobby Jones Regular', sans-serif;
  font-size: 16px;
  color: rgb(60,60,78);
}
.nav-link {
  font-family: 'Bobby Jones Regular', sans-serif;
}
.nav-link.active {
  font-weight:700;
}
.header .oi {
  display: none;
}
.header .oi.oi-bell {
  display: inline-block;
}
.footer {
  background-color: var(--body);
}

.dropdown-header {
  color: var(--body);
}
.card-header a { 
  color: white;
  font-family: 'Bobby Jones Regular', sans-serif;
}
.card-header {
  background-color: rgb(60,60,78) !important;
  color: white; 
}
.search-panel {
  background-color: rgb(0,0,0, 0.08);
}
.mega-search input {
  height: 50px;
}

.badge.bg-secondary, .badge-secondary {
  color: var(--body);
}

.btn {
  font-family: 'Bobby Jones Regular', sans-serif;
  font-size: 1rem;
}

.btn:hover {
  transform: scale(1.05); 
}

.btn-info {
  color: var(--body);
}

.btn-info:focus {
  color: white;
}

.btn-info:hover {
  color: var(--body);
  background-color: var(--info);
}

.btn-secondary {
  color: var(--body);
  border: 1px solid var(--secondary-darkest);
}

.btn-outline-secondary {
    color: var(--body);
    border-color:  var(--secondary-darkest);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: var(--secondary-darker);
    border-color:  var(--secondary-darkest);
}

.modal-header.bg-info,
.modal-header.bg-info .close {
    color: var(--body) !important;
}

.job-count {
  font-size: 4rem;
}

.alert-info {
    color: var(--info-darkest);
}

.tradie-search-content #searchComponent,
.tradie-home-content #searchComponent,
.jobs-content #searchComponent {
  background-image: url(https://chx4-jobs-api-uat.azurewebsites.net/api/document/getfile?name=ea121823-f14f-4f9a-a137-04c11157f306.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 1rem;
}

.tradie-search-content #searchComponent .search-panel,
.tradie-home-content #searchComponent .search-panel,
.jobs-content #searchComponent .search-panel {
  background-color: rgba(240, 240, 240, 0.95);
}

.is-featured .card-header {
   background-color: var(--info) !important;
   border-color: var(--body) !important;
}
.is-featured .card-header a {
   color: var(--body) !important;
}
.is-featured .card-body {
   background-color: var(--info-lightest) !important;
}
.job-card {
   height: 90%;
}

.login-component form {
  padding-top: 1rem;
}

.login-content {
  background-image: url(https://chx4-jobs-api-uat.azurewebsites.net/api/document/getfile?name=ea121823-f14f-4f9a-a137-04c11157f306.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.hero-banner {
  height: 540px;
  background-image: url(https://chx4-jobs-api-uat.azurewebsites.net/api/document/getfile?name=ea121823-f14f-4f9a-a137-04c11157f306.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.hero-banner h1 {
    font-size: 68px;
    width: 470px;
    display: inline-block;
    margin: 1rem;
    line-height: 68px;
    background-color: rgba(255,255,255,0.75);
    border-radius: 1rem;
    padding: 1rem;
}

.hero-banner h1 span {
  font-size: 54px;
}

.hero-banner .get-started {
  position: absolute;
  bottom: 1rem;
  left: 0;
  margin: auto;
  width: 100%;
}

.get-started a {
  font-size: 1.5rem;
  padding: 1rem;
  border-radius: 1rem;
}

.content-tile {
  text-align: center;
  background-color: rgb(0,0,0, 0.08);
  padding: 1rem;
  border-radius: 4px;
  border: 1px solid #cdcdcd;
}

.industry-tiles {
  flex-wrap: wrap;
  gap: 1rem;
}

.signup-card-0 {
  background-color: var(--body);
  color: white;
}

.signup-card-0 .btn-primary {
    color: var(--body);
    background-color: var(--info);
    border-color: var(--info);
}

    .signup-card-0 .btn-info:hover {
        color: #fff;
        background-color: var(--info-darker);
        border-color: var(--info-darkest);
    }

.signup-card-1 {
  background-color: var(--info);
  color: var(--body);
}

.industry-link {
  flex-basis: 18%;
  flex-grow: 1;
  transition: box-shadow .25s ease-in-out;
}

@media (max-width:767px) {
  .industry-link {
    flex-basis: 30%;
  }
}

.industry-link:hover {
    box-shadow: 2px 6px 12px 0 rgba(0,0,0,.25);
}

.industry-icon {
  width: 80%;
}

.footer-links {
  display: none;
}

.content .container-fluid {
   max-width: 1140px;
}

.tradie-search-content .container-fluid,
.tradie-home-content .container-fluid,
.home-content .container-fluid,
.jobs-content .container-fluid,
[class^="content tenant-"] .container-fluid {
  max-width: unset;
}

.home-data,
.search-data,
.job-results {
   max-width: 1140px;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto
}

#jobHeader {
   top: 106px !important;
}

.modal #jobHeader {
   top: 0 !important;
}

[class^="content content-"],
[class^="content tenant-"],
[class^="content tradie-"],
[class^="content employer-"] {
  padding-top: 1rem;
}

[class*="tenant-"] .footer-links {
  display: flex;
}

.tenant-login-footer .footer-links {
  display: none !important;
}

.footer-logo {
  width: 200px;
  margin-bottom: 2rem;
}

.affiliate-links {
  margin-bottom: 2rem;
}

.affiliate-links img {
  height: 3rem;
}

.social-links {
  margin-bottom: 2rem;
}

.social-links img {
  width: 40px;
}

.stats-card-number {
  color: var(--highlight);
  font-family: 'Bobby Jones Regular', sans-serif;
}

.permission-scroll .permission {
  color: var(--body);
}

@media (max-width:576px) {
  .hero-banner {
    background-image: url(https://chx4-jobs-api-uat.azurewebsites.net/api/document/getfile?name=d091abfa-c423-455a-84e3-d412b74f3a47.jpg);   
  }

  .hero-banner h1 {
      font-size: 42px;
      width: 320px;
      line-height: 42px;
  }

  .hero-banner h1 span {
    font-size: 38px;
  }

  .industry-link {
    flex-basis: 46%;
    flex-grow: unset;
  }
}

@media (max-width:280px)  {
  .logo {
    max-width: 140px !important;
  }

  .hero-banner h1 {
      font-size: 30px;
      width: 220px;
      line-height: 30px;
  }

  .hero-banner h1 span {
    font-size: 22px;
  }

  .industry-link {
    flex-basis: 100%;
  }
}

#search-salary {
  visibility: hidden;
}

.jobs-content .list-navigation .float-right .input-group-text {
  display: none !important;
}