/*
** NOTE: This file is generated by Gulp and should not be edited directly!
** Any changes made directly to this file will be overwritten next time its asset group is processed by Gulp.
** Assets.json at root of the CinchOrchardCoreCMS.Theme project will point you to the files used to generate this.
*/

@import url("https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: "Aleo";
  src: url("../fonts/Aleo-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Aleo";
  src: url("../fonts/Aleo-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "PT Sans";
  src: url("../fonts/PTSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PT Sans";
  src: url("../fonts/PTSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Font Awesome 6 Sharp";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../fonts/fa-sharp-light-300.woff2") format("woff2"), url("../fonts/fa-sharp-light-300.ttf") format("truetype");
}
.career-groups-page {
  margin: 20px;
}
.career-groups-page .career-groups-page-contents {
  max-width: 1152px;
  margin: 24px auto;
}
.career-groups-page .career-groups-page-contents .breadcrumb-container {
  padding-bottom: 24px;
}
.career-groups-page .career-groups-page-contents .career-groups .groups-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.career-groups-page .career-groups-page-contents .career-groups .groups-container .job-card {
  width: 260px;
  border-radius: 10px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  text-align: center;
  background: white;
  margin: 10px;
  transition: transform 0.2s ease-in-out;
}
.career-groups-page .career-groups-page-contents .career-groups .groups-container .job-card .career-group-link {
  text-decoration: none;
}
.career-groups-page .career-groups-page-contents .career-groups .groups-container .job-card .job-image {
  width: 100%;
  height: 150px;
  object-fit: fill;
  border-bottom: 2px solid #ddd;
}
.career-groups-page .career-groups-page-contents .career-groups .groups-container .job-card .job-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding: 10px;
  color: #222222;
  font-family: "Aleo";
}
.career-groups-page .career-groups-page-contents .career-groups .groups-container .job-card:hover {
  transform: scale(1.05);
  cursor: pointer;
}
.career-groups-page .career-groups-page-contents .career-groups .table-container {
  display: none;
}
.career-groups-page .career-groups-page-contents .career-groups .styled-table {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
}
.career-groups-page .career-groups-page-contents .career-groups .styled-table thead {
  background-color: #2d666e;
  color: white;
}
.career-groups-page .career-groups-page-contents .career-groups .styled-table th, .career-groups-page .career-groups-page-contents .career-groups .styled-table td {
  padding: 12px 15px;
  text-align: left;
}
.career-groups-page .career-groups-page-contents .career-groups .styled-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
.career-groups-page .career-groups-page-contents .career-groups .styled-table tbody tr:hover {
  background-color: #eaf6f6;
}
.career-groups-page .career-groups-page-contents .career-groups .groups-container-mobile {
  margin: 0 0.5rem;
}
@media screen and (max-width: 450px) {
  .career-groups-page .career-groups-page-contents .career-groups .career-groups-title {
    padding-top: 20px;
  }
  .career-groups-page .career-groups-page-contents .career-groups .groups-container {
    display: none;
  }
  .career-groups-page .career-groups-page-contents .career-groups .table-container {
    display: block;
  }
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmVlcl9ncm91cHMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsImZpbGUiOiJjYXJlZXJfZ3JvdXBzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbXX0= */