.title a { color: #000000; }


/**********Font styling**********/

.bolded-font {
  font-weight: 700;
}

td {
  font-weight: 700;
}

.normal {
  font-weight: 400;
}

/***************** 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/CE/Prospective-Students/images/marker-board.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 *********************/


.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;
}

/***********Video************/
.embed-responsive {
  width: 50%; 
  margin-left: auto; 
  margin-right: auto;
}



/***********Degree Section**************/


.degree-heading {
  display:inline-block;
  position:relative; 
}

.degree-heading::after {
    content: '';
    height: 2px;
    width: 153%;
    background: #CFB991;
    position: absolute;
    left: calc(10% - 10%);
    bottom: -6px;
}


/********Media Query Table********/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

  /* Force table to not be like tables anymore */
  table, thead, tbody, th, td, tr { 
    display: block; 
  }
  
  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  tr:nth-child(even) {
    background-color: #f1f1f1;
}
  
  tr { border: 1px solid #ccc; }
  
  td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 10%; 
  }
  
  td:before { 
    /* Now like a table header */
    /*position: absolute;*/
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 50px; 
    white-space: nowrap;
  }
}

.table {
  width: 50%;
}

table.center {
  margin-left: auto;
  margin-right: auto;
}


/************Undergrad************/

.title-spacing {
  padding-bottom: 15px;
}
  
.img-undergrad {
  width: 100%; 
  height: auto;
}

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

.day-into {
  border-top: solid 2px #C4BFC0; 
  border-bottom: solid 2px #C4BFC0; 
  padding-top: 43px; 
  padding-bottom: 43px; 
  text-align: center; 
  width: 50%;
}