.title a { color: #000000; }

/***************** Dark Boxes *********************/

.linksContainer {
  background-color: #333;
}

.linksContainer .links {
  padding: 15px 0;
}

.linksContainer .links .columnContainer {
  margin: 15px 0;
}

.linksContainer .links .columnContainer .column {
  width: 100%;
  padding: 45px 10%;
  background-color: #292929;
  color: #fff;
  text-align: center;
}

.linksContainer .links .columnContainer .column .icon {
  margin-bottom: 25px;
  color: #676767;
  font-size: 60px;
}

.linksContainer .links .columnContainer .column .icon img {
  height: 60px;
}

.linksContainer .links .columnContainer .column h2,
.linksContainer .links .columnContainer .column h3 {
  margin: 0;
  padding: 5px 0 7px;
  color: inherit;
  font-family: "acumin-pro-condensed", "Franklin Gothic", sans-serif;
  font-size: 1.75em;
}

.linksContainer .links .columnContainer .column .divider {
  width: 25%;
  height: 3px;
  margin: 0 auto 20px;
  background-color: #C4BFC0;
}

.linksContainer .links .columnContainer .column ul {
  padding: 0;
  list-style-type: none;
  text-align: center;
}

.linksContainer table {
text-align: left;
}

.linksContainer .links .columnContainer .column ul li {
  line-height: 1.5em;
  list-style-type: none;
  padding: 10px 0;
}

.linksContainer .links .columnContainer .column ul li a:link {
  color: #FFFFFF;
  font-weight: 400;
  text-decoration: none;
}

.linksContainer .links .columnContainer .column ul li a:visited
{
  color: #FFFFFF;
  font-weight: 400;
  text-decoration: none;
}

.linksContainer .links .columnContainer .column ul li a:hover,
.linksContainer .links .columnContainer .column ul li a:active {
  color: #fff;
  font-weight: 400;
  text-decoration: underline;
}

.linksContainer .credits, .linksContainer .credits p {
color: #fff;
font-size: 1em !important;
}

.table-dark {
  background-color: #292929;
}

.table-dark th, .table-dark td, .table-dark thead th {
  border-color: #c4bfc0;
}

.table-dark td.highlight {
  font-weight: bold;
  color: #ddb945;
}

.heading3Gold {
  color: #DDB945 !important;
}

/***************** END Dark Boxes *********************/




/***** Scroll Control Dark Box *****/  

.heightControl {
min-height: 350px; 
max-height: 350px;
}

.heightControl .column{
height: 350px;
overflow:auto;
}

/* width */
div.heightControl ::-webkit-scrollbar {
width: 10px;
}

/* Track */
div.heightControl ::-webkit-scrollbar-track {
background: #292929; 
}

/* Handle */
div.heightControl ::-webkit-scrollbar-thumb {
background: #464646; 
}

/* Handle on hover */
div.heightControl ::-webkit-scrollbar-thumb:hover {
background: #555; 
}


/***** END Scroll Control Dark Box *****/  



/***************** Hero Banner *********************/

.billboard-container-text {
  bottom          : 0px;
  margin-bottom   : 100px;
  position        : absolute;
  text-align      : center;
  text-shadow     : 0px 2px 2px rgba(0, 0, 0, 1);
  text-decoration : none;
  width           : 100%;
  line-height     : 1.2;
}

.billboard-container .title {
  color           : #FFF;
  font-size       : 1.5rem !important;
  padding         : 0 1em 1em 1em;
}

.billboard-container .intro_head {
  color           : #FFF;
  font-size       : 1.3rem !important;
  margin-bottom   : 0px;
}

.shadow {
  z-index           : 1000;
}

#billboard-links-container .button.giving {
  background-color: #c28e0e;
  border-color: #fff;
}

#billboard-links-container .button.giving:hover {
  color: #000;
  background-color: #fff;
  border-color: #c28e0e;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #billboard-links-container { background: none !important; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #billboard-links-container { background: none !important; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #billboard-links-container { background: none !important; }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  #billboard-container .billboard-container-text {
    margin-bottom : 0;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  #billboard-container .billboard-container-text {
    margin-bottom : 0;
  }
}

.billboard-container .title.cc-xl-title {
  font-size      : 3em !important;
}
.billboard-container .intro_head.cc-xl-intro-head {
  background     : rgba(0, 0, 0, 0.8);
  font-size      : 2.0em !important;
  text-transform : uppercase;
  color          : #DAA520 !important;
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .billboard-container .title.cc-xl-title           { font-size : 2.0em !important; }
  .billboard-container .intro_head.cc-xl-intro-head { font-size : 1.4em !important; }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .billboard-container .title.cc-xl-title           { font-size : 1.6em !important; }
  .billboard-container .intro_head.cc-xl-intro-head { font-size : 1.2em !important; }
}

#billboard-links-container .button { 
  background: rgba(0, 0, 0, 0.65);
}
/***************** END Hero Banner *********************/



/***************** Feature Banner *********************/


.parallax {
  /* The image used */
  background-image: url("https://engineering.purdue.edu/ME/Undergraduate/Images/gabehart3.jpg");

  /* Set a specific height */
  min-height: 200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/***************** END Feature Banner *********************/

/***************** General Edits & Gray Callouts/News *********************/
.prospective-template p {
  font-size: 1.25em;
}


.breadcrumb.row { margin-bottom :0; }


.story-box { margin-top: 30px; }
.story-box a { color: #000; }
.story-box a:hover { text-decoration: none !important; }
.story { background-color: #C4BFC0; display: block; height: 100%; padding: 0; text-decoration: none; }
.story:hover { background-color: #EBD99F; }
.story .title { font-size: 1.1rem; margin: 15px; }
.story .intro { font-size: 1.0rem; margin-left: 10%; margin-right: 10%; }
.story img { background-size: cover; background-position-y: 20%; background-position-x: 50%; height: auto; left: 0; position: absolute; top: 0; width: 100%; }
.story iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.ONE-SIZE {
  height                  : 0;
  overflow                : hidden;
  padding-bottom          : 56.25%;
  position                : relative;
}

.story-content {
  margin-bottom       : 60px;
}
.story-content p, .story-content li {
  font-size           : 1.25em;
}

/***************** END General Edits & Gray Callouts/News *********************/


/*********** ptVideo_Wide ************/
.video-container {
  background: #EEE;
  /*margin-bottom: 30px;*/
  margin-top: 30px;
  padding-bottom: 30px;
  padding-top: 60px;
}

.video-iframe-container {
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative;
  margin-bottom: 30px;
}

.video-container .video-iframe-container iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/*********** End ptVideo_Wide ************/



/*********** Proof Points ************/

.row.rtb-cards .columns {
  display: flex;
  /*margin: -0.75rem;*/
}

.row.rtb-cards .columns:not(:last-child) {
  border-right: 1px solid #cfb991;
}

@media (max-width: 992px) {
  .rtb-cards .columns {
    border-right: none !important;
    padding-bottom: 30px;
  }
  .rtb-cards .columns .pu-proofpoint .column {
  border-bottom: 1px solid #cfb911;
  }  
}

.pu-proofpoint {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: none;
  color: black;
  min-height: 250px
}

.pu-proofpoint .container {
  padding: 3.0875rem 1rem 1.25rem;
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  align-items: center;
  max-width: 318px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.pu-proofpoint__lead {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 0.3125rem !important;
  font-family: acumin-pro, "Franklin Gothic", sans-serif;
  text-align: center;
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
}

.pu-proofpoint__highlighted {
  font-size: 3.7rem;
  line-height: 0.7;
  margin-bottom: 0 !important;
  text-align: center;
  text-transform: uppercase;
  font-family: "United Sans", Impact, "Arial Black", "sans serif";
  font-weight: 400;
  margin-top: 0.5rem;
}

.pu-proofpoint__content {
  font-weight: 700;
  font-size: 1.25rem;
  text-align: center;
  line-height: 1.5;
  white-space: pre-wrap;
  font-family: acumin-pro, "Franklin Gothic", sans-serif;
  margin-bottom: 1rem;
  padding: 0 1.5rem;
}

.pu-proofpoint__source {
  font-family: acumin-pro, "Franklin Gothic", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.4;
  font-style: italic;
  white-space: pre-wrap;
  margin-bottom: 0 !important;
  font-weight: 400 !important;
}

a.pu-proofpoint__source, a:hover.pu-proofpoint__source, a:link.pu-proofpoint__source, a:visited.pu-proofpoint__source, a:active.pu-proofpoint__source {
  color: black;
}

.pp_form { 
  display: table;
  padding-bottom: 50px;      
}

.pp_form_section { 
  display: table-row;
  padding: 10 0px;  
}

.pp_form_label { 
  display: table-cell;
  padding: 5px 0px; 
}

.pp_form_input { 
  display: table-cell; 
}

.pp_form_submit {
  margin-top: 5px;
}

/*********** End Proof Points ************/


/* Concentration Tooltips */
/* Build tooltip. */
[data-tooltip]::before {
content: attr(data-tooltip);
}

/* Position tooltip. */
[data-tooltip] {
position: relative;
/*display: inline-block;*/
}
[data-tooltip]::before {
position: absolute;
z-index: 999;
}
[data-tooltip].dataCell::before {
bottom: 100%;
/*margin-bottom: 3px;*/
}

/* Show tooltip only on hover. */
[data-tooltip]::before {
visibility: hidden;
opacity: 0;
/*transition: opacity 1s;*/
}
[data-tooltip]:hover::before {
visibility: visible;
opacity: 1;
left: 0px;
}

/* Style tooltip. */
[data-tooltip]::before {
background: #EBD99F;
color: #000000;
padding: 5px;
min-width: 300px;
text-align: center;
font-style: normal;
/*border: 2px solid #555960;*/
border-radius: 5px;
text-align: left;
font-family: acumin-pro, "Franklin Gothic", sans-serif;
text-transform: none;
font-weight: normal;
margin: 5px;
}

.dataCell {
cursor: pointer;
}

.dataCell:hover {
background-color: #8E6F3E !important;
}
a.dataCell:hover {
color: #FFFFFF !important;
text-decoration: none;
}

.concentration {
text-align: center;
padding: 20px;
font-size: 20px;
}