/** Jumbotron */

.jumbotron img {
  border-radius: 400px;
  outline: 10px solid #fff;
  margin: 0 0 30px;
  max-height: 615px;
  max-width: 90%;
  width: auto;
  height: auto;
}

#career-links {
  background-color: white;
  border-radius: 0 0 15px 15px;
  padding: 10px 20px 20px;
  margin: 0 10px;
  text-align: left;
}

#career-links .alert {
  margin-bottom: 0;
}

#career-links ul {
  margin-bottom: 0;
  padding: 0;
}

#career-links li {
  list-style-type: none;
  font-size: 1.2rem;
  padding: 10px 0 0 5px;
}

#career-links a {
  text-decoration: none;
}

#career-links .alert-warning a {
  color: #013c93;
}

#career-links a:hover {
  text-decoration: underline;
}

#compatibility-report-button {
  margin-top: 20px;
  width: 100%;
}

#career-stats {
  background: #E7E7E7;
  border-radius: 15px 15px 0 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  padding: 5px 10px;
}

#career-stats p {
  font-size: 1.4rem;
  margin-bottom: 7px;
  padding-top: 10px;
}

#career-stats h1 {
  font-size: 1.8rem;
  font-family: "Arial", sans-serif;
  font-weight: bold;
  letter-spacing: -1px;
  font-style: normal;
  margin-bottom: .5rem;
  padding: 0;
}

#career-stats strong {
  color: #195172;
  display: block;
  font-size: 1.2rem;
  padding-bottom: 3px;
}

#career-stats .negative-growth {
  color: darkred;
}

#preparation-stat {
  display: none;
}

/** Avoid painting sections until they come into view */

#reports {
  content-visibility: auto;
  contain-intrinsic-size: auto 1000px auto 435px;
}

#how-much-they-earn {
  content-visibility: auto;
  contain-intrinsic-size: auto 1000px auto 685px;
}

#what-they-do {
  content-visibility: auto;
  contain-intrinsic-size: auto 1000px auto 2000px;
}

#satisfaction {
  content-visibility: auto;
  contain-intrinsic-size: auto 1000px auto 1100px;
}

#how-to-become {
  content-visibility: auto;
  contain-intrinsic-size: auto 1000px auto 3000px;
}

/** SVG Icons in headers */

#compatibility-report h3 {
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23195172' viewBox='0 0 32 32'%3E%3Cpath d='M 24 3 L 24 5 L 25.5625 5 L 22.8125 7.78125 C 21.975936 7.3523827 21.026234 7.09375 20 7.09375 C 17.915 7.09375 16.076 8.16225 15 9.78125 C 13.924 8.16325 12.085 7.09375 10 7.09375 C 6.636 7.09375 4 9.694 4 13 C 4 15.799531 6.5396488 18.94766 9.125 21.4375 L 7.5625 23 L 6 23 L 5.59375 23 L 5.28125 23.28125 L 3.28125 25.28125 L 1.59375 27 L 3.5625 27 L 2.28125 28.28125 L 3.71875 29.71875 L 5 28.4375 L 5 30.40625 L 6.71875 28.71875 L 8.71875 26.71875 L 9 26.40625 L 9 26 L 9 24.4375 L 16.71875 16.71875 L 15.28125 15.28125 L 10.5625 20 C 8.180991 17.714782 6 15.062218 6 13 C 6 10.815 7.757 9.09375 10 9.09375 C 12.206 9.09375 14 10.88775 14 13.09375 L 16 13.09375 C 16 10.88775 17.794 9.09375 20 9.09375 C 22.243 9.09375 24 10.815 24 13 C 24 16.434 17.963 21.59925 15 23.78125 C 14.375 23.32125 13.6255 22.71125 12.8125 22.03125 L 11.375 23.46875 C 12.863 24.71475 14.0915 25.5705 14.4375 25.8125 L 15 26.21875 L 15.5625 25.8125 C 16.6305 25.0655 26 18.371 26 13 C 26 11.442365 25.408253 10.04375 24.4375 9 L 27 6.4375 L 27 8 L 29 8 L 29 4 L 29 3 L 28 3 L 24 3 z' overflow='visible'/%3E%3C/svg%3E");
  background-size: 32px;
}

#compatibility-report-link {
  background: no-repeat #0d6efd 10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 32 32'%3E%3Cpath d='M 24 3 L 24 5 L 25.5625 5 L 22.8125 7.78125 C 21.975936 7.3523827 21.026234 7.09375 20 7.09375 C 17.915 7.09375 16.076 8.16225 15 9.78125 C 13.924 8.16325 12.085 7.09375 10 7.09375 C 6.636 7.09375 4 9.694 4 13 C 4 15.799531 6.5396488 18.94766 9.125 21.4375 L 7.5625 23 L 6 23 L 5.59375 23 L 5.28125 23.28125 L 3.28125 25.28125 L 1.59375 27 L 3.5625 27 L 2.28125 28.28125 L 3.71875 29.71875 L 5 28.4375 L 5 30.40625 L 6.71875 28.71875 L 8.71875 26.71875 L 9 26.40625 L 9 26 L 9 24.4375 L 16.71875 16.71875 L 15.28125 15.28125 L 10.5625 20 C 8.180991 17.714782 6 15.062218 6 13 C 6 10.815 7.757 9.09375 10 9.09375 C 12.206 9.09375 14 10.88775 14 13.09375 L 16 13.09375 C 16 10.88775 17.794 9.09375 20 9.09375 C 22.243 9.09375 24 10.815 24 13 C 24 16.434 17.963 21.59925 15 23.78125 C 14.375 23.32125 13.6255 22.71125 12.8125 22.03125 L 11.375 23.46875 C 12.863 24.71475 14.0915 25.5705 14.4375 25.8125 L 15 26.21875 L 15.5625 25.8125 C 16.6305 25.0655 26 18.371 26 13 C 26 11.442365 25.408253 10.04375 24.4375 9 L 27 6.4375 L 27 8 L 29 8 L 29 4 L 29 3 L 28 3 L 24 3 z' overflow='visible'/%3E%3C/svg%3E");
  background-size: 32px;
  font-size: 1.2rem;
  padding: 15px 20px 15px 50px;
  border-radius: 50px;
}

  #compatibility-report-link:hover {
    background-color: #0a58ca;
  }

#cons h3 {
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23922a22' viewBox='0 0 512 512'%3E%3Cpath d='M466.3 225.3c4.7-22.6 .9-44.5-9-63 3-23.9-4-48.6-17.3-67C439 39.4 404.1 0 327 0c-7 0-15 0-22.2 0C201.2 0 169 40 128 40h-10.8c-5.6-5-13-8-21.2-8H32C14.3 32 0 46.3 0 64v240c0 17.7 14.3 32 32 32h64c11.8 0 22.2-6.4 27.7-16h7.1c19.1 17 46 60.7 68.8 83.4 13.7 13.7 10.2 108.6 71.8 108.6 57.6 0 95.3-31.9 95.3-104.7 0-18.4-3.9-33.7-8.9-46.5h36.5c48.6 0 85.8-41.6 85.8-85.6 0-19.2-5-35-13.7-49.8zM64 296c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm330.2 16.7H290.2c0 37.8 28.4 55.4 28.4 94.5 0 23.8 0 56.7-47.3 56.7-18.9-18.9-9.5-66.2-37.8-94.5C206.9 342.9 167.3 272 138.9 272H128V85.8c53.6 0 100-37.8 171.6-37.8h37.8c35.5 0 60.8 17.1 53.1 65.9 15.2 8.2 26.5 36.4 13.9 57.6 21.6 20.4 18.7 51.1 5.2 65.6 9.5 0 22.4 18.9 22.3 37.8-.1 18.9-16.7 37.8-37.8 37.8z'/%3E%3C/svg%3E");
  background-size: 32px;
}

#description h3 {
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23195172' class='bi bi-info-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E");
  background-size: 32px;
}

#duties h3 {
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23195172' viewBox='0 0 512 512'%3E%3Cpath d='M48 48a48 48 0 1 0 48 48 48 48 0 0 0 -48-48zm0 160a48 48 0 1 0 48 48 48 48 0 0 0 -48-48zm0 160a48 48 0 1 0 48 48 48 48 0 0 0 -48-48zm448 16H176a16 16 0 0 0 -16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0 -16-16zm0-320H176a16 16 0 0 0 -16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16V80a16 16 0 0 0 -16-16zm0 160H176a16 16 0 0 0 -16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0 -16-16z'/%3E%3C/svg%3E");
  background-size: 32px;
}

#fit h3 {
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23195172' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0'/%3E%3Cpath d='M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z'/%3E%3C/svg%3E");
  background-size: 32px;
}

#full-duties-list-link {
  background: no-repeat #0d6efd 10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M2.242 2.194a.27.27 0 0 1 .516 0l.162.53c.035.115.14.194.258.194h.551c.259 0 .37.333.164.493l-.468.363a.28.28 0 0 0-.094.3l.173.569c.078.256-.213.462-.423.3l-.417-.324a.27.27 0 0 0-.328 0l-.417.323c-.21.163-.5-.043-.423-.299l.173-.57a.28.28 0 0 0-.094-.299l-.468-.363c-.206-.16-.095-.493.164-.493h.55a.27.27 0 0 0 .259-.194zm0 4a.27.27 0 0 1 .516 0l.162.53c.035.115.14.194.258.194h.551c.259 0 .37.333.164.493l-.468.363a.28.28 0 0 0-.094.3l.173.569c.078.255-.213.462-.423.3l-.417-.324a.27.27 0 0 0-.328 0l-.417.323c-.21.163-.5-.043-.423-.299l.173-.57a.28.28 0 0 0-.094-.299l-.468-.363c-.206-.16-.095-.493.164-.493h.55a.27.27 0 0 0 .259-.194zm0 4a.27.27 0 0 1 .516 0l.162.53c.035.115.14.194.258.194h.551c.259 0 .37.333.164.493l-.468.363a.28.28 0 0 0-.094.3l.173.569c.078.255-.213.462-.423.3l-.417-.324a.27.27 0 0 0-.328 0l-.417.323c-.21.163-.5-.043-.423-.299l.173-.57a.28.28 0 0 0-.094-.299l-.468-.363c-.206-.16-.095-.493.164-.493h.55a.27.27 0 0 0 .259-.194z'/%3E%3C/svg%3E");
  background-size: 32px;
  border-radius: 50px;
  font-size: 1.2rem;
  padding: 15px 20px 15px 50px;
}

  #full-duties-list-link:hover {
    background-color: #0a58ca;
  }

#high-school-preparation h3 {
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23195172' viewBox='0 0 640 512'%3E%3Cpath d='M0 224v272c0 8.8 7.2 16 16 16h80V192H32c-17.7 0-32 14.3-32 32zm360-48h-24v-40c0-4.4-3.6-8-8-8h-16c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm137.8-64l-160-106.7a32 32 0 0 0 -35.5 0l-160 106.7A32 32 0 0 0 128 138.7V512h128V368c0-8.8 7.2-16 16-16h96c8.8 0 16 7.2 16 16v144h128V138.7c0-10.7-5.4-20.7-14.3-26.6zM320 256c-44.2 0-80-35.8-80-80s35.8-80 80-80 80 35.8 80 80-35.8 80-80 80zm288-64h-64v320h80c8.8 0 16-7.2 16-16V224c0-17.7-14.3-32-32-32z'/%3E%3C/svg%3E");
  background-size: 32px;
}

#income-by-area h3 {
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23195172' viewBox='0 0 512 512'%3E%3Cpath d='M349.6 98.8C296 98.8 251.7 64 184.3 64c-25 0-47.3 4.4-68 12a55.9 55.9 0 0 0 3.6-23.6C118.1 24 94.8 1.2 66.3 0 34.3-1.3 8 24.3 8 56c0 19 9.5 35.8 24 45.9V488c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24v-94.4c28.3-12.1 63.6-22.1 114.4-22.1 53.6 0 97.8 34.8 165.2 34.8 48.2 0 86.7-16.3 122.5-40.9C506.8 359.5 512 349.6 512 339v-243.1c0-23.4-24.3-38.9-45.5-29-34.3 15.9-76.5 31.9-117 31.9z'/%3E%3C/svg%3E");
  background-size: 32px;
}

#income-by-area-link {
  background: no-repeat #0d6efd 15px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 512 512'%3E%3Cpath d='M349.6 98.8C296 98.8 251.7 64 184.3 64c-25 0-47.3 4.4-68 12a55.9 55.9 0 0 0 3.6-23.6C118.1 24 94.8 1.2 66.3 0 34.3-1.3 8 24.3 8 56c0 19 9.5 35.8 24 45.9V488c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24v-94.4c28.3-12.1 63.6-22.1 114.4-22.1 53.6 0 97.8 34.8 165.2 34.8 48.2 0 86.7-16.3 122.5-40.9C506.8 359.5 512 349.6 512 339v-243.1c0-23.4-24.3-38.9-45.5-29-34.3 15.9-76.5 31.9-117 31.9z'/%3E%3C/svg%3E");
  background-size: 25px;
  border-radius: 50px;
  font-size: 1.2rem;
  margin-top: 5rem;
  padding: 15px 20px 15px 50px;
}

  #income-by-area-link:hover {
    background-color: #0a58ca;
  }

#preparation-after-high-school h3 {
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23195172' viewBox='0 0 512 512'%3E%3Cpath d='M496 128v16a8 8 0 0 1 -8 8h-24v12c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12v-12H24a8 8 0 0 1 -8-8v-16a8 8 0 0 1 4.9-7.4l232-88a8 8 0 0 1 6.1 0l232 88A8 8 0 0 1 496 128zm-24 304H40c-13.3 0-24 10.7-24 24v16a8 8 0 0 0 8 8h464a8 8 0 0 0 8-8v-16c0-13.3-10.7-24-24-24zM96 192v192H60c-6.6 0-12 5.4-12 12v20h416v-20c0-6.6-5.4-12-12-12h-36V192h-64v192h-64V192h-64v192h-64V192H96z'/%3E%3C/svg%3E");
  background-size: 32px;
}

#pros h3 {
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232a6936' viewBox='0 0 512 512'%3E%3Cpath d='M466.3 286.7C475 271.8 480 256 480 236.9c0-44-37.2-85.6-85.8-85.6H357.7c4.9-12.8 8.9-28.1 8.9-46.5C366.6 31.9 328.9 0 271.3 0c-61.6 0-58.1 94.9-71.8 108.6-22.7 22.7-49.6 66.4-68.8 83.4H32c-17.7 0-32 14.3-32 32v240c0 17.7 14.3 32 32 32h64c14.9 0 27.4-10.2 31-24 44.5 1 75.1 39.9 177.8 39.9 7.2 0 15.2 0 22.2 0 77.1 0 112-39.4 112.9-95.3 13.3-18.4 20.3-43.1 17.3-67 9.9-18.5 13.7-40.3 9-63zm-61.8 53.8c12.6 21.1 1.3 49.4-13.9 57.6 7.7 48.8-17.6 65.9-53.1 65.9h-37.8c-71.6 0-118-37.8-171.6-37.8V240h10.9c28.4 0 68-70.9 94.5-97.5 28.4-28.4 18.9-75.6 37.8-94.5 47.3 0 47.3 33 47.3 56.7 0 39.2-28.4 56.7-28.4 94.5h104c21.1 0 37.7 18.9 37.8 37.8 .1 18.9-12.8 37.8-22.3 37.8 13.5 14.6 16.4 45.2-5.2 65.6zM88 432c0 13.3-10.7 24-24 24s-24-10.7-24-24 10.7-24 24-24 24 10.7 24 24z'/%3E%3C/svg%3E");
  background-size: 32px;
}

#resources h3 {
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23195172' viewBox='0 0 16 16'%3E%3Cpath d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z'/%3E%3Cpath d='M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z'/%3E%3C/svg%3E");
  background-size: 32px;
}

#similar-careers h3 {
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23195172' viewBox='0 0 341.594 341.594' xml:space='preserve'%3E%3Cpath d='M311.049,164.758c-9.275,0-17.481,4.644-22.432,11.724l-20.171-3.495c0.025-0.758,0.058-1.515,0.058-2.279 c0-8.954-1.776-17.498-4.973-25.316l34.163-20.612c4.597,3.501,10.327,5.584,16.538,5.584c15.087,0,27.361-12.274,27.361-27.361 c0-15.086-12.274-27.359-27.361-27.359c-15.086,0-27.359,12.273-27.359,27.359c0,1.603,0.146,3.171,0.412,4.699l-33.993,20.509 c-10.314-12.574-25.097-21.345-41.899-23.867V62.373c12.537-4.194,21.604-16.04,21.604-29.971c0-17.427-14.178-31.606-31.604-31.606 c-17.425,0-31.602,14.178-31.602,31.606c0,13.931,9.064,25.776,21.602,29.971v41.971c-22.896,3.436-42.029,18.486-51.227,38.937 l-62.597-19.227c0.188-1.547,0.296-3.119,0.296-4.716c0-21.468-17.464-38.934-38.931-38.934C17.465,80.404,0,97.87,0,119.338 c0,21.467,17.465,38.932,38.935,38.932c12.72,0,24.032-6.133,31.141-15.595l64.72,19.879c-0.325,2.675-0.513,5.392-0.513,8.153 c0,18,7.138,34.355,18.714,46.419l-28.195,30.008c-4.115-1.837-8.668-2.867-13.459-2.867c-18.279,0-33.148,14.87-33.148,33.148 c0,18.276,14.869,33.145,33.148,33.145c18.276,0,33.146-14.869,33.146-33.145c0-6.216-1.723-12.035-4.711-17.012l29.128-31.002 c9.633,5.353,20.707,8.414,32.488,8.414c11.254,0,21.863-2.798,31.19-7.715l29.064,44.193c-7.081,7.054-11.471,16.808-11.471,27.568 c0,21.468,17.466,38.934,38.934,38.934s38.934-17.465,38.934-38.934c0-21.467-17.466-38.932-38.934-38.932 c-3.498,0-6.888,0.471-10.115,1.341l-30.275-46.033c7.155-7.124,12.702-15.853,16.08-25.587l19.168,3.321 c1.879,13.267,13.305,23.505,27.082,23.505c15.087,0,27.361-12.274,27.361-27.361C338.41,177.031,326.136,164.758,311.049,164.758z M154.282,170.707c0-25.977,21.134-47.111,47.11-47.111c25.978,0,47.111,21.134,47.111,47.111c0,25.976-21.134,47.109-47.111,47.109 C175.416,217.816,154.282,196.683,154.282,170.707z'/%3E%3C/svg%3E");
  background-size: 32px;
}

#similar-careers .row {
  margin-left: 20px;
}

#sources-of-satisfaction h3 {
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23195172' class='bi bi-emoji-laughing' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M12.331 9.5a1 1 0 0 1 0 1A5 5 0 0 1 8 13a5 5 0 0 1-4.33-2.5A1 1 0 0 1 4.535 9h6.93a1 1 0 0 1 .866.5M7 6.5c0 .828-.448 0-1 0s-1 .828-1 0S5.448 5 6 5s1 .672 1 1.5m4 0c0 .828-.448 0-1 0s-1 .828-1 0S9.448 5 10 5s1 .672 1 1.5'/%3E%3C/svg%3E");
  background-size: 32px;
}

#specializations h3 {
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23195172' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5zm-6 8A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5zm6 0A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5zm6 0a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5z'/%3E%3C/svg%3E");
  background-size: 32px;
}

#career-stats .filled-cap, #career-stats .unfilled-cap {
  background-size: 16px;
}

#work-environment h3 {
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23195172' viewBox='0 0 16 16'%3E%3Cpath d='M7 8a3.5 3.5 0 0 1 3.5 3.555.5.5 0 0 0 .624.492A1.503 1.503 0 0 1 13 13.5a1.5 1.5 0 0 1-1.5 1.5H3a2 2 0 1 1 .1-3.998.5.5 0 0 0 .51-.375A3.5 3.5 0 0 1 7 8m4.473 3a4.5 4.5 0 0 0-8.72-.99A3 3 0 0 0 3 16h8.5a2.5 2.5 0 0 0 0-5z'/%3E%3Cpath d='M10.5 1.5a.5.5 0 0 0-1 0v1a.5.5 0 0 0 1 0zm3.743 1.964a.5.5 0 1 0-.707-.707l-.708.707a.5.5 0 0 0 .708.708zm-7.779-.707a.5.5 0 0 0-.707.707l.707.708a.5.5 0 1 0 .708-.708zm1.734 3.374a2 2 0 1 1 3.296 2.198q.3.423.516.898a3 3 0 1 0-4.84-3.225q.529.017 1.028.129m4.484 4.074c.6.215 1.125.59 1.522 1.072a.5.5 0 0 0 .039-.742l-.707-.707a.5.5 0 0 0-.854.377M14.5 6.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E");
  background-size: 32px;
}

#typical-income h3 {
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23195172' class='bi bi-cash-stack' viewBox='0 0 16 16'%3E%3Cpath d='M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3Cpath d='M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  background-size: 32px;
}

/** Main body content */

#career-video {
  border: 0;
  content-visibility: auto;
  contain-intrinsic-size: auto 500px;
  display: block;
  aspect-ratio: 16 / 9;
  margin: 4rem auto 0;
  width: 100%;
}

#income-source-description {
  margin: 4rem 0;
  text-align: center;
}

#median-annual-income {
  margin: 4rem 0 0;
  font-size: 3rem;
  text-align: center;
}

  #median-annual-income span {
    font-size: 1.2rem;
  }

#typical-income td div {
  font-size: 1rem;
  position: relative;
  top: -.5rem;
}

#typical-income .above-average {
  color: green;
}

#typical-income .below-average {
  color: red;
}

.career-info {
  padding-bottom: 3rem;
  padding-top: 3rem;
}

.career-info h2 {
  color: #195172;
  font-size: 3rem;
  padding: 0;
  text-align: center;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.career-info h3 {
  color: #195172;
  font-size: 1.6rem;
  padding-left: 40px;
  margin-top: 3rem;
}

.career-info h4 {
  color: #195172;
  font-size: 1.4rem;
  font-weight: bold;
  padding-left: 40px;
}

.career-info p, .career-info li {
  font-size: 1.2rem;
}

.career-info-section {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

.career-info-section ul {
  margin-left: 3rem;
}

.career-section-menu {
  margin: 1rem 0;
}

  .career-section-menu a {
    padding: 8px 20px;
  }

#cons {
  border-bottom: 1px solid #922a22;
  background-color: #f8c5c2;
  color: #922a22;
  padding: 1rem;
}

#cons h3 {
  color: #922a22;
  font-size: 1.6rem;
  padding-left: 40px;
  margin: 1rem 0 1.5rem;
}

#cons li {
  font-size: 1.2rem;
}

#typical-education h3 {
  padding-left: 0;
}

#typical-education h3 svg {
  display: block;
  margin: 5px auto 0;
  height: 40px;
}

#education-pie-chart, #part-time-pie-chart {
  margin-top: 4rem;
}

#nav-partnering {
  color: var(--bs-navbar-active-color);
}

#next h2 {
  padding: 0;
}

#overview {
  padding-bottom: 100px;
}

#pros {
  border-top: 1px solid #2a6936;
  background-color: #e0f1dc;
  color: #2a6936;
  padding: 1rem;
}

#pros-and-cons {
  margin: 4rem 0;
}

#pros h3 {
  color: #2a6936;
  font-size: 1.6rem;
  padding-left: 40px;
  margin: 1rem 0 1.5rem;
}

#pros li {
  font-size: 1.2rem;
}

#reports .card-group {
  margin-top: 2rem;
}

#reports h3 {
  padding: 0;
  margin-top: 0;
}

#reports svg {
  display: block;
  margin: 0 auto;
}

.similar-career {
  padding: 1rem 0 0;
}

.similar-career a {
  display: block;
  float: left;
  max-width: 200px;
  padding: 35px 0 0 10px;
  text-align: left;
  text-decoration: none;
}

.similar-career img {
  border-radius: 10px;
  float: left;
}

.similar-career {
  text-align: left;
}

#similar-careers a:hover {
  text-decoration: underline;
}

#similar-careers h4 {
  margin: 3rem 0 0;
  padding-left: 0;
}

#income-distribution {
  margin: 50px -10px;
  border-spacing: 2px 0;
  border-collapse: separate;
  border-radius: 10px;
}

#income-distribution th {
  text-align: center;
}

#income-distribution td {
  font-size: 1.4rem;
  text-align: center;
}

#income-distribution th:last-of-type {
  border-radius: 0 10px 0 0;
}

#income-distribution td:last-of-type {
  border-radius: 0 0 10px 0;
}

#income-distribution th:first-of-type {
  border-radius: 10px 0 0 0;
}

#income-distribution td:first-of-type {
  border-radius: 0 0 0 10px;
}

#income-distribution .top-or-bottom-10-percent {
  background-color: rgb(38, 56, 70, .20);
  color: #000;
  padding: 5px;
  width: 10%;
}

#income-distribution .top-or-bottom-25-percent {
  background-color: rgb(38, 56, 70, .4);
  color: #000;
  padding: 5px;
  width: 20%;
}

#income-distribution .median {
  background-color: #263846;
  color: #fff;
  padding: 5px;
}

#income-distribution td.median {
  font-size: 2rem;
}

#sample-job-titles {
  margin: 2rem auto 0;
}

#sample-job-titles strong {
  color: #195172;
  font-size: 1.2rem;
}

@media only screen and (min-width: 576px) {
  #career-video {
    width: 560px;
  }

  #cons {
    border-left: none;
    border-top: 1px solid #922a22;
    border-right: 1px solid #922a22;
    border-left: 1px solid #922a22;
  }

  #definition {
    max-width: 70%;
    margin: 3rem auto 0;
  }

  #sample-job-titles {
    max-width: 70%;
  }

  #education-pie-chart, #part-time-pie-chart {
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  #income-distribution {
    margin: 50px auto;
  }

  #pros {
    border-bottom: 1px solid #2a6936;
    border-right: 1px solid #2a6936;
    border-left: 1px solid #2a6936;
    border-right: none;
  }

  .similar-career a {
    max-width: 360px;
  }

  #typical-education h3 {
    padding-left: 40px;
    background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23195172' viewBox='0 0 16 16'%3E%3Cpath d='M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917z'/%3E%3Cpath d='M4.176 9.032a.5.5 0 0 0-.656.327l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466z'/%3E%3C/svg%3E");
    background-size: 32px;
  }

  #typical-education h3 svg {
    float: right;
    margin-top: -3px;
  }

  #cons {
    border-radius: 0 15px 15px 0;
  }

  #pros {
    border-radius: 15px 0 0 15px;
  }
}

@media only screen and (min-width: 768px) {
  #career-jumbotron {
    margin-bottom: 360px;
  }

  #career-video {
    width: 640px;
  }

  .career-info-section p {
    padding-left: 4rem;
  }

  .similar-career {
    text-align: center;
  }

  .similar-career a {
    float: none;
    max-width: 500px;
    padding: 10px 0 0 0;
    text-align: center;
  }

  .similar-career img {
    float: none;
  }

  #similar-careers h4 {
    margin-left: 50px;
  }

  #similar-careers .row {
    margin-left: 60px;
  }

  #career-banner-image {
    max-width: 34%;
    left: -20px;
    margin-top: 0;
    position: relative;
    bottom: -100px;
  }

  #page-menu {
    float: right;
    max-width: 475px;
    position: relative;
    top: 0;
  }

  #career-links {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
  }
}

@media only screen and (min-width: 992px) {
  #career-jumbotron {
    margin-bottom: 260px;
  }

  #career-video {
    width: 853px;
  }

  .career-section-menu {
    display: inline-block;
  }

  .career-section-menu a {
    display: inline;
  }

  #career-banner-image {
    margin-top: -50px;
    left: -50px;
    max-width: 45%;
  }

  #education-pie-chart, #part-time-pie-chart {
    height: 300px;
    width: 900px;
  }

  #page-menu {
    right: 25px;
    margin-bottom: -100px;
  }
}

@media only screen and (min-width: 1200px) {
  #career-banner-image {
    left: -100px;
  }

  #career-jumbotron {
    margin-bottom: 170px;
  }

  #page-menu {
    right: 50px;
    top: 30px;
  }
}

@media only screen and (min-width: 1400px) {
  #career-banner-image {
    margin-top: -80px;
    margin-left: 100px;
  }

  #career-jumbotron {
    margin-bottom: 100px;
  }

  .jumbotron .breadcrumb {
    padding-bottom: 0;
  }
}