/* To counteract the min-height set on columns at the root level. */
.column { min-height: 0; }

.title a { color: #000000; }

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

.linksContainer2 {
  background-color: #333;
}

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

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

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

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

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

.linksContainer2 .links .columnContainer .column h2,
.linksContainer2 .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;
}

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

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

.linksContainer2 table {
text-align: left;
}

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

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

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

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

.linksContainer2 .credits, .linksContainer2 .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 *****/  

/**************************** Accordion Changes for GRIT page ********************************

@media (min-width: 767px) {
.localAccordionChanges .accordion-block .panel-heading {
    background-color: black;
    background-size: 25% !important;
    }
}*/

#heading-vertically-integrated-projects, #heading-geare { background-position: 100% 50%; }

#heading-epics { background-position: 100% 25%; }

#heading-gepp { background-position: 100% 5%; }

#heading-innovation-and-leadership-studies { background-position: 100% 20%; }


/**************************************   Accordion - No Image ***********************************/

.accordion-block {
   margin: 35px 0;
}

.accordion-block .panel {
   margin-bottom: 10px;
}

.accordion-block .panel-heading  {
   background-color: #6F727B;
   text-transform:uppercase;
   padding: 30px;
   border-bottom: 5px solid #8E6F3E;
   background-repeat: no-repeat;
   background-position: 100% 35%;   
}

.accordion-block h4 {
   color: #fff !important;
   margin: 0 !important;
   font-weight:bold;
   position: relative;
}

.accordion-block a {
   text-decoration:none !important;
}

.accordion-block .panel-group .panel+.panel {
   margin-top: 0;
}

.accordion-block a .panel-title svg {
   margin-left: 20px;
}

.panel-title-words {
   max-width: 80%;
   font-family: "United Sans",Impact,"Arial Black","sans serif";
}

.accordion-block a .panel-title .fa-plus,
.accordion-block a.collapsed .panel-title .fa-minus {
   display: none;
}

.accordion-block a .panel-title .fa-minus, 
.accordion-block a.collapsed .panel-title .fa-plus {
   display: inline;
}
/***************** 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/ECE/controls/images/Hovde-Hancock.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 *********************/

/* START: Proof Points*/

.row.rtb-cards {
    padding: 1rem 0;
}

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


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

@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.5rem;
    line-height: 0.8;
    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 */