/* Sections */
section {
  padding: 2rem 0 2rem 0;
  margin:0;
}
.sectionDefault {
  background: linear-gradient(to right, #fffdd0, #ffffff);
}
.sectionDefault a {
  color:#007bff;
  text-decoration:underline;
}
.sectionDefault a:hover{
  text-decoration:underline;
}
.sectionBanner {
  margin-top:4.5rem;
  padding:0;
}
.sectionBanner h2{
  font-size:1.1rem;
}
.sectionMessage {
  margin-top:4.5rem;
  padding:0;
}
.sectionTopJobsTitle {
  background:#007bff;
}
.sectionTopJobs {
  background-color:#fff; 
  color: #000;
}
.sectionTopJobs .btn.btn-max { 
  width:100%;
  font-size:1.2em;
}
.sectionTopJobs p.btn-more { 
  height:2rem;
}
.sectionTopJobs button.btn-more { 
  position:absolute;
  bottom:1rem;
  right:1rem;
}
.sectionTopJobs .card-text {
}

.sectionJobTypes {
  background: linear-gradient(to right, #0062E6, #33AEFF);
}
.sectionJobTypes h1 {
  color:#fff;
}
.sectionJobTypes .card {
  min-height:17.5rem;
}
.sectionJobTypes  a.link {
  position: absolute; width:80%;
  left: 10%;
  bottom: 1rem;
  height: 5.5rem;
}
.sectionJobTypes a:hover { text-decoration:none; }

.sectionJob {
  background: #007bff;
}
.sectionJob .card {}
.sectionJob .card-title {
  margin-bottom: 1rem;
}
.sectionJob .jobTitle {
  font-size:1.5rem;
  color:#007bff;
  font-weight:bold;
  padding-bottom: 0.5rem;
  border-bottom:1px solid #666;
}
.sectionJob h2 {color:#007bff;}





/***************************************************************/



.sectionWhite {
  background-color:#fff;
  color: #000;
}
.sectionWhite .card-body {
  background-color:#007bff;  
}
.sectionBlueG {
  background: linear-gradient(to right, #0062E6, #33AEFF);
}
.sectionRedG {
  background: linear-gradient(to right, #eb3434, #f20505);
  color: #000;
}
.sectionGreenG {
  background: linear-gradient(to right, #04751a, #035e15);
  color:#fff;
}
.sectionYellowG {
  background: linear-gradient(to right, #ffea30, #fce300);
  color: #000;
}
.sectionRecommendation {
    
}
.sectionJobs {
  
}
.sectionJobs #jobMatrixDetail{
  margin-top:1rem;
}
.sectionSearchResults {
  display:none;
  background: linear-gradient(to right, #aaa, #ccc);
}
.sectionWhiteCards {
  background: linear-gradient(to right, #0062E6, #33AEFF);
}
.sectionDialog {
  background: linear-gradient(to bottom, #000066, #0000ff);
  color:#fff;
}
.sectionDialog .imageEffect { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5); }
.sectionSendenCV {
    
}


/* Cards */
.card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.card:hover {
    box-shadow: 0 0.8rem 1rem 0 rgba(0, 0, 0, 0.8);
}
.card:hover .btn { /* ????????????????????????????????????????????????????????????????????????*/
    opacity: 1;
}
.card-body {}
.card-title {}
.card-title-job-type {min-height:3.5rem;}

.sectionBanner .card { /* KEEP */
  margin-top: 23vh;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.5);
}
.sectionMessage .card {
  margin-top: 10vh;
  padding: 2rem;
  text-align:justify;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.5);
}





.sectionWhiteCards .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.sectionWhiteCards .card-title {
  margin: 0.5rem 0;
  font-size: 2rem;
  letter-spacing: .1rem;
  font-weight: bold;
}
.sectionWhiteCards hr {
  margin: 1.5rem 0;
}
.sectionCounter {
  background: linear-gradient(to right, #0062E6, #33AEFF);
}
.sectionCounter span {
  font-size:2em;
}
.sectionJobsDetail {
  background: linear-gradient(to right, #0062E6, #33AEFF);
}
.sectionPNF {
  background: linear-gradient(to right, #aaaaaa, #ffffff);
}
.sectionFooter {
  color: #ffffff;
  background: #343A40;
}
.sectionFooter a {
    color:#fff;
}
.sectionFooter a:hover {
    color:#fff;
    text-decoration:underline;
}
.sectionFooter h2 {
    font-size:1.3rem;
}
.sectionFooter hr {
    background:#fff;
}

.sectionFooterFinal {
  background:#fff;
  color: #000;
  font-size:0.7rem;
}
.sectionFooterFinal a {
  font-size:0.8rem;
  color: #000;
}