/*
** 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-group-page {
  margin: 20px;
}
.career-group-page .career-group-page-contents {
  max-width: 1152px;
  margin: 24px auto;
}
.career-group-page .career-group-page-contents .breadcrumb-container {
  padding-bottom: 24px;
  padding-top: 24px;
}
.career-group-page .career-group-page-contents .career-group {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.career-group-page .career-group-page-contents .career-group .career-group-hero {
  background-size: cover;
  background-repeat: no-repeat;
  height: 420px;
  width: 100%;
  background-position: center center;
}
.career-group-page .career-group-page-contents .career-group .career-group-quiz-hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 420px;
  width: 100%;
}
.career-group-page .career-group-page-contents .career-group .career-group-header {
  width: 718px;
}
.career-group-page .career-group-page-contents .career-group .career-group-header .career-group-details {
  font-size: 14px;
}
.career-group-page .career-group-page-contents .career-group .career-group-quiz-header {
  width: 100%;
}
.career-group-page .career-group-page-contents .career-group .career-group-quiz-header .career-group-details {
  font-size: 14px;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container {
  display: flex;
  justify-content: space-between;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers-cards {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers-cards .image-card-container {
  gap: 24px;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers-cards .image-card-container .image-card {
  max-width: 30%;
  width: 30%;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers-cards .image-card-container .image-card .image {
  display: none;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers-cards .image-card-container .image-card .match-spacing {
  padding-bottom: 20px;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers-cards .image-card-container .image-card h3 {
  font-family: "Aleo";
  font-size: 25px;
  font-weight: 700;
  line-height: 37.5px;
  color: #31595F;
  text-decoration: underline;
  padding-bottom: 20px;
  max-height: 6rem;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers-cards .image-card-container .image-card .more-career-info {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-bottom: 10px;
  padding-top: 10px;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers-cards .image-card-container .image-card .more-career-info .icon {
  color: #62B1BD;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers-cards .image-card-container .image-card .more-career-info .wage {
  font-weight: 700;
  font-family: "PT Sans";
  font-size: 16px;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers {
  width: 60%;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers .cta-container {
  margin-top: 20px;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers .cta-container .cta-button {
  align-self: flex-start;
  display: inline-block;
  padding: 10px 20px;
  font-family: "Aleo";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  color: #31595F;
  border: 2px solid #31595F;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
  justify-content: center;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers .cta-container .cta-button .arrow {
  margin-left: 10px;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers .table-container {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers .table-container .hidden {
  display: none;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers .styled-table {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers .styled-table thead {
  background-color: #2d666e;
  color: white;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers .styled-table th,
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers .styled-table td {
  padding: 12px 15px;
  text-align: left;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers .styled-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers .styled-table tbody tr:hover {
  background-color: #eaf6f6;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .career-resources {
  width: 30%;
  background-color: #F4F4F4;
  padding: 16px;
  height: fit-content;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .career-resources .career-resources-details {
  font-size: 14px;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .career-resources a {
  font-size: 14px;
  color: #31595F;
}
.career-group-page .career-group-page-contents .career-group .group-careers-container .career-resources ul li::marker {
  color: #31595F;
}

@media screen and (max-width: 450px) {
  .career-group-page .career-group-page-contents .career-group .career-group-hero {
    height: 18rem;
    margin-top: 1rem;
  }
  .career-group-page .career-group-page-contents .career-group .career-group-header {
    width: 90%;
    margin: auto;
  }
  .career-group-page .career-group-page-contents .career-group .group-careers-container {
    display: block;
  }
  .career-group-page .career-group-page-contents .career-group .group-careers-container .group-careers {
    width: 90%;
    margin: auto;
  }
  .career-group-page .career-group-page-contents .career-group .group-careers-container .career-resources {
    width: 100%;
    margin-top: 1rem;
  }
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmVlcl9ncm91cC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwiZmlsZSI6ImNhcmVlcl9ncm91cC5jc3MiLCJzb3VyY2VzQ29udGVudCI6W119 */
