/* Career Outcomes CSS */
/* Page CSS */
 .carrerOutcomes .impactLanding .impactWrapper.default img {
     /*height: 371px;*/
     height: 501px;
     margin-top: 0;
}




/*Filters */
.outcomesFilter {
    margin-bottom: 45.5px;
    margin-top: 45px;
}

.carrerOutcomes h1 {
    font-size: 3.4rem;
}

.outcomesFilter h2 {
    font-size: 2.5rem;
}

.outcomesFilter .wrapper {
    max-width: 1228px;
    padding: 0 35px 0 35px;
    margin: 0 auto;
}
.wrapper {
    width: 100%;

}

.outcomesFilterWrapper {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}


 .yearDrop, .schoolDrop, .degreeDrop {
     position: relative;
}
 .yearDrop:after, .schoolDrop:after, .degreeDrop:after  {
     content: url("../../images/menu-dropdown.svg");
     background-color: #5f5274;
     right: 0%;
     top: 0px;
     height: 50px;
     padding: 10px 15px 15px 15px;
     border-left: 1px solid #4B366F;
     position: absolute;
     pointer-events: none;
}
 select::-ms-expand {
     display: none;
}
 .yearDrop select, .schoolDrop select, .degreeDrop select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border-radius: 0px;
     /*display: block;
     width: 80%;*/
     height: 50px;
     padding: 0px 15px;
     font-size: 16px;
     line-height: 1.75;
     color: #333;
     background-color: #e4e4e4;
     background-image: none;
     border: 1px solid #c5c5c5;
     -ms-word-break: normal;
     word-break: normal;
     z-index:unset;
}


 .yearDrop select {
     min-width: 150px;
 }
 
 .schoolDrop select {
    min-width: 340px;
 }

.degreeDrop select {
   min-width: 300px; 
}


@media (max-width: 960px) {
  .outcomesFilterWrapper {
    flex-flow: column;
    gap: 35px;
  }
  
  .schoolDrop select {
      min-width:200px;
  }
}





/* Alert Message Button and Icons */
 a.toggleAlertBtn, a.toggleGeneralBtnMessage, a.toggleCol1BtnMessage, a.toggleCol2BtnMessage, a.toggleCol3BtnMessage, a.toggleLoc1BtnMessage, a.toggleLoc2BtnMessage  {
     text-decoration: none;
}
 .toggleAlertBtn, .toggleGeneralBtnMessage, .toggleCol1BtnMessage, .toggleCol2BtnMessage, .toggleCol3BtnMessage, .toggleLoc1BtnMessage, .toggleLoc2BtnMessage {
     font-family: var(--montserrat);
     font-size: 1.125rem;
     font-weight: 600;
     /*display: flex;
     align-items: center;
     position: absolute;
     right: 0;
     top: 220px;*/
     background-color: #B15E35;
     color: #fff !important;
     /*width: auto;
     height: auto;*/
     text-decoration: none;
     /*z-index: 9;
     line-height: 1;*/
     padding: 10px 5px 15px 10px;
     /*writing-mode: vertical-lr;
     transition: var(--transition);*/
    box-shadow: 0px 3px 15px #000000B3;
}
 .toggleAlertBtn:hover, .toggleAlertBtn:focus, .toggleGeneralBtnMessage:hover, .toggleGeneralBtnMessage:focus {
     background-color: var(--black);
}
/*
 .toggleAlertBtn:before, .toggleGeneralBtnMessage::before{
     color: var(--white);
     vertical-align: top;
     content: url(../images/alert-icon.svg);
     padding-bottom: 25px;
} 
 .alertIcon {
     width: 75px;
     height: 75px;
     display: block;
     padding: 12px;
     text-decoration: none;
}
 .alertIcon:after {
     color: var(--white);
     border: 4px solid var(--white);
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     padding: 15px;
}
 .gen-alert .alertIcon:before {
     padding: 15px 25px;
}*/
 .toggleAlertBtn:before, .gen-alert .alertIcon:before, .toggleGeneralBtnMessage::before {
     display: inline-block;
}
 .alertIcon {
     padding-left: 0;
     padding-right: 0;
     text-align: left;
}
 .toggleAlertBtn span, .toggleGeneralBtnMessage span {
     position: absolute;
     transition: var(--transition);
     text-decoration: none;
     text-decoration-color: var(--color2);
     text-underline-offset: 3px;
}
 .toggleAlertBtn:hover span, .toggleAlertBtn:focus span, .toggleGeneralBtnMessage:hover span, .toggleGeneralBtnMessage:focus span {
     text-decoration: underline;
     text-decoration-color: var(--color2);
     text-underline-offset: 3px;
}
 .toggleAlertBtn span.alertToggleText, .toggleGeneralBtnMessage span.alertToggleText {
     position: relative;
     display:inline-block;
     max-width: 500px;
     height: auto;
     z-index:1;
     color: var(--white);
}
 .toggleAlertBtn span + span, .toggleGeneralBtnMessage span + span {
     position: absolute;
     left: -999999px;
}
/* Alert Message Area */
 .gen-alert {
     position: relative;
     background-color: var(--white);
     z-index: 2;
     max-width: 1088px;
     width: 100%;
     margin: auto;
     padding: 0 35px;
}
 .alert.angledBorderFade {
     background-position: bottom;
}
 .gen-alert .mfp-close {
     width: auto;
     right: 22px;
     top: 0!important;
     bottom: auto!important;
     text-decoration: underline;
     padding: 15px 0 50px 0;
     cursor: pointer;
     color: var(--color1);
     font-family: var(--lora);
     font-weight: 600;
     font-size: 1.875rem;
     text-decoration: none;
}
 .gen-alert .mfp-close span {
     position: relative;
     z-index: -1;
     display: inline-block;
     font-size: 1.875rem;
     font-weight: 600;
}
 .gen-alert .mfp-close::after {
     content: url(../images/alert-close.svg);
     padding-left: 20px;
     position: relative;
     top: 1px;
}
/* Alert Message Area in Interior Content */
 .gen-alert .wrapper {
     max-width: 1088px;
     width: 100%;
     padding: 38px 133px 58px 133px;
}
 .gen-alert .generalAlertTitle {
     font-family: var(--lora);
     font-weight: 600;
     font-size: 2rem;
     margin-bottom: 35px;
     text-align: center;
}
 /*.gen-alert .generalAlertTitle::before {
     content: url(../images/alert-icon-open.svg);
     display: block;
     margin-bottom: 35px;
} */
 .gen-alert .summary {
     text-align: center;
}
 .gen-alert .summary p {
     font-family: var(--montserrat);
     font-weight: 500;
     font-size: 1.25rem;
}
.gen-alert .summary ul {
  margin: auto;
  width: 55%;
  text-align: left;
}
.gen-alert .summary ul li {
    padding: 0;
}

 .gen-alert .summary > *:last-child {
     margin-bottom: 0;
}
 .alertMessage {
     position: relative;
     z-index: 9;
}
 @media all and (max-width: 1200px) {
    /* Alert Message Area in Interior Content */
     .gen-alert {
         width: 90%;
         padding: 0;
    }
     .gen-alert .wrapper {
         padding: 38px 35px 58px 35px;
    }
}
 @media all and (max-width:960px) {
    /* Alert Message Button and Icons */
     .toggleAlertBtn, .toggleGeneralBtnMessage {
         padding: 7px;
    }
    /*
     .toggleAlertBtn:before, .toggleGeneralBtnMessage::before{
         content: url(../images/alert-icon-mobile.svg);
         padding: 0;
    } */
     .toggleAlertBtn, .toggleGeneralBtnMessage {
         top: 128px;
    }
     .toggleAlertBtn span.alertToggleText, .toggleGeneralBtnMessage span.alertToggleText {
         display: none;
    }
    /* Alert Message Area */
     .gen-alert .mfp-close span {
         display: none;
    }
    /* Alert Message Area in Interior Content */
     /*.gen-alert .generalAlertTitle::before {
         content: url(../images/alert-icon-open-mobile.svg);
         margin-bottom: 12px;
    }*/
     .gen-alert .wrapper {
         padding: 55px 20px 27px 20px;
    }
     .gen-alert .generalAlertTitle {
         font-size: 1.625rem;
         margin-bottom: 30px;
    }
     .gen-alert .summary p {
         font-size: 1.125rem;
    }
}


 @media all and (max-width: 767px) {
    .gen-alert .summary ul {
        width: 100;
    }
}



/*  Top lists */

.topLists .subtitle {
    font-size: 1.375rem;
}

.topLists.columns h3.columnTitle {
    font-size: 2.1rem
}


/* HEATMAP AREA */
.heatmap {
    margin:auto;
}

@media (max-width: 467px) {
.heatmap iframe {
    height: 300px !important;
}

}