@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* Typography */
body,
h1, 
h2, 
h3, 
h4,
h5,
h6 {
  font-family: 'Poppins', sans-serif;  
}

h1, 
h2, 
h3, 
h4,
h5,
h6 {
  font-weight: 700;
}

a, a:visited {
  color: #000000;
}

/* Navigation */

.navbar {
  padding-bottom: 0;  
}

.logo img {
  width: 130px;  
}

.navbar-expand-lg .navbar-nav .nav-link {
  color: #333333;
  font-weight: 600;
  font-size: 14px;
  text-decoration-style: solid;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
  color: #E51B24;
}

@media (min-width : 756px) {
  .nav-link {
    padding: 30px;
  }
  
  .nav-item {
    margin-bottom: 0;
    border-bottom: 4px solid #ffffff;
  }
  
  .nav-item:hover {
    border-bottom: 4px solid #E51B24;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 20px;
    padding-left: 20px;
  }
}

/* Button */

a.button.button1,
a.button.button1:visited,
a.button.button1:focus,
a.button.button1:active {
  border: 1px solid #e51b24;
  background: #e51b24;
  color: #ffffff;
  transition: background .25s linear;
}

a.button.button1:hover {
  border: 1px solid #e51b24;
  background:#d11c24;
  color: #ffffff;
  transition: background .25s linear;
}

a.button.button2,
a.button.button2:visited,
a.button.button2:focus,
a.button.button2:active {
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #e51b24;
  transition: background .25s linear;
}

a.button.button2:hover {
  border: 1px solid #ffffff;
  background:#ffffff;
  color: #e51b24;
  transition: background .25s linear;
}

.btn {
  font-size: 14px;
  font-weight: 600;
  text-decoration-style: solid;
}

.btn-success,
.btn-success:active,
.btn-success:focus,
.btn-success:visited {
    color: #fff;
    background-color: #e51b24;
    border-color: #e51b24;
}

.btn-success:hover {
  border: 1px solid #e51b24;
  background:#d11c24;
  color: #ffffff;
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:visited {
  border: 2px solid #e51b24;
  background: #ffffff;
  color: #e51b24;
}

.btn-primary:hover {
  border: 2px solid #e51b24;
  background: #e51b24;
  color: #ffffff;  
}

.input-group-btn button, 
.input-group input {
  height: 40px;
}

@media (min-width: 1200px) {
  a.button {
    font-weight: 600;
    font-size: 16px;
    text-decoration-style: solid;
  }
}

/* Job Search Results */

.job-search-results a {
  font-size: 16px;
  color: #e51b24;
  font-weight: 600;
}

.job-search-results-department th{
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    content: "Division"; 
    visibility: visible;
}

.badge {
  background-color: #e6262f;
}


/* Side Panel */

.side-panel {
  background: transparent;
  padding: 1em;
  border: 1px solid rgba(0,0,0,.1);
  border-top: 3px solid #e51b24;
  border-radius: 3px;
  margin-bottom: 30px;
}

.side-panel a {
 color: #e51b24; 
}

.side-panel .block-jobs h3 {
  font-size: 20px;  
}

@media (min-width: 765px) {
  .side-panel h2 {
    font-size: 28px;  
  }
}

/* Footer */
footer {
  padding: 35px 0 30px 0;
  background-color: #333333;  
}

footer .logo-links-footer {
  padding-bottom: 25px;  
}

footer .logo-links-footer a {
  opacity: 0.35;
}

footer .logo-links-footer a:hover {
  opacity: 1;
}

footer .logo-links-footer img {
  filter: brightness(0) invert(1);
  margin: 0px auto;
  height: 30px;
}


footer .logo-links-footer .col-sm-12 {
  padding: 20px;
  text-align: center;
}

footer .copyright {
  padding-top: 16px;
  border-top: #464646 solid 1px;
}

footer .copyright p {
  color: #75787b;
  text-align: center;
  font-size: 14px;
}

/* Misc */

.red-bg {
  background: #e51b24;
  padding: 15px;
}

.red-bg p {
  color: #ffffff;  
}

.row-foreground-brand_color_5 a:visited,
.row-foreground-brand_color_5 a:hover {
  color: #ffffff;  
}

/* Replace Department */
th.job-search-results-department {
  visibility: hidden;
  position: relative;
}

th.job-search-results-department:after {
  visibility: visible;
  position: absolute;
  left: 15px;
  content: "Division";
}

h4.job-search-filter-header.departments {
  visibility: hidden;
  position: relative;
}

h4.job-search-filter-header.departments:after {
  visibility: visible;
  position: absolute;
  left: 0;
  content: "Division";
}