.linksContainer {
  background-color: #333;
}

.linksContainer .links {
  padding: 25px 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: 15px;
  color: #8E6F3E;
  font-size: 60px;
}

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

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

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

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

.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: #fff;
  font-weight: 400;
  text-decoration: none;
}

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

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

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

/****** ECE specific Block Edits ***********/
.center-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-align:center;
}
.bottom-block {
   display: none;
}

@media only screen and (max-width: 767px){
   .center-block {
      display:none;
   }

   .bottom-block {
      display: block !important;
   }
}

.button-heading {
   margin: 50px 0px;
}


@media only screen and (min-width: 1350px){
   .emphasis {
     text-transform: uppercase;
     font-size: 2.0em;
   }
}

.cc-focus-bar {
  background         : #000;
  padding-top        : 30px;
  padding-bottom     : 30px;
  text-align         : center;
}

.cc-focus-bar p {
   color: #FFF; 
   font-size: 2.6em; 
   text-align: center !important; 
   margin-left:auto; 
   margin-right:auto;
}

.cc-focus-bar img {
   min-height: 235px;
}


.research-virtual { 
  color: #CFB991 !important;
}

.cc-focus-bar a:hover .research-virtual {
  color: #CFB991;
}

.research-physical {
  color: #CFB991 !important;
}

.cc-focus-bar a:hover .research-physical {
  color: #CFB991;
}

@media only screen and (max-width: 1349px){
   .emphasis {
      text-transform: uppercase;
      font-size: 1.2em !important;
   }

}


#entity-subsite-title a {
  text-transform: none !important;
}
#college-proof-points-container { margin-top: auto !important; }






/*************** Blocks CSS ****************************/
#entity-subsite-title a {
  text-transform: none !important;
}
#college-proof-points-container { margin-top: auto !important; }

.IMP {
  color               : #AD3C98;
  font-weight         : 600;
}
.IMP-2 {
  color               : #FF8800;
  font-weight         : 600;
}
.BIG-IMP {
  color               : #FFF;
  font-weight         : 600;
  font-size           : 1.50em;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25);
}
.ONE-SIZE {
  height                  : 0;
  overflow                : hidden;
  padding-bottom          : 56.25%;
  position                : relative;
}
.CALLOUT-intro {
  color                   : #000;
  font-style              : italic;
  padding-top             : 0;
  text-align              : left;
  margin                  : 1.0rem;
}
.CALLOUT-title {
  color                   : #000;
  font-weight             : 600;
  margin                  : 1.0rem;
}

.TUTORIAL-BOX, .EXAMPLE-BOX, .HEADER-BOX {
  background-color        : #EEE;
  padding                 : 30px;
  width                   : 100%;
}
.HEADER-BOX {
  background              : #635B4A;
  box-shadow              : inset 0 6px 12px rgba(0, 0, 0, 0.15);
  padding-top             : 0;
}
.CODE-BOX {
  background-color        : #FFF;
  border                  : 2px dotted #DDD;
  border-radius           : 6px;
  display                 : block;
  margin-bottom           : 30px;
  padding                 : 30px;
  text-align              : left;
  width                   : 100%;
}
.TUTORIAL-BOX .SM-text {
  color                   : #666;
}
.EXAMPLE-BOX {
  margin-top              : 0;
  padding-top             : 0;
}


/* ********************* */
/* *** D E F A U L T *** */
/* ********************* */
.PADDED         { padding-left: 30px; padding-right: 30px; }
.XS-text        { font-size: 1.00em; }
.SM-text        { font-size: 1.00em; }
.MD-text        { font-size: 1.00em; }
.LG-text        { font-size: 1.15em; }
.XL-text        { font-size: 1.35em; }
.SHADOW-text    { text-shadow: 0px 2px 2px rgba(0, 0, 0, 1); }
.EXPANDER-links { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; bottom: 0; color: #FFF; height: auto; margin: 0; padding: 0; padding-bottom: 9px; padding-top: 9px; top: auto; }
.EXPANDER-box   { height: 625px; }
.BANNER-box     { background-position: center; background-size: cover; padding: 0;color: #FFFFFF;  }
.GLASS          { background: rgba(0, 0, 0, 0.45); border-top: 2px solid rgba(0, 0, 0, 0.65); bottom: 0; padding: 0; position: absolute; text-align: center; }
.OBSIDIAN       { background: #000; padding: 0; text-align: center; }
.BUTTON,
.BUTTON-ACTIVE  { border: 2px solid #8e6f3e; color: #FFF !important; font-family: "United Sans",Impact,"Arial Black","sans serif"; font-size: 1rem; font-weight: 600; margin: 5px; padding: 8px 3px 6px 3px; text-transform: uppercase; text-align: center; }
.BUTTON-ACTIVE  { background: #444444; }
.BUTTON-BLACK   { border: 2px solid #8e6f3e; color: #000 !important; font-size: 1rem; font-weight: 600; margin: 5px; padding: 8px 30px 6px 30px; text-transform: uppercase; text-align: center; }
.BUTTON-BLACK:hover,
.BUTTON:hover,
.BUTTON-ACTIVE:hover { background: #8e6f3e; color: #FFF !important; text-decoration: none; }

/* ***************** */
/* *** S M A L L *** */
/* ***************** */

@media (min-width: 576px) {
  .XS-text        { font-size  : 1.00em; }
  .SM-text        { font-size  : 1.00em; }
  .MD-text        { font-size  : 1.15em; }
  .LG-text        { font-size  : 1.35em; }
  .XL-text        { font-size  : 1.60em; }
  .EXPANDER-links { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
  .EXPANDER-box   { height: 350px; }
}

/* ******************* */
/* *** M E D I U M *** */
/* ******************* */

@media (min-width: 768px) {
  .XS-text      { font-size : 1.00em; }
  .SM-text      { font-size : 1.15em; }
  .MD-text      { font-size : 1.35em; }
  .LG-text      { font-size : 1.60em; }
  .XL-text      { font-size : 1.90em; }
  .EXPANDER-box { height: 425px; }
}

/* ***************** */
/* *** L A R G E *** */
/* ***************** */

@media (min-width: 992px) {
  .XS-text      { font-size : 1.15em; }
  .SM-text      { font-size : 1.35em; }
  .MD-text      { font-size : 1.60em; }
  .LG-text      { font-size : 1.90em; }
  .XL-text      { font-size : 2.35em; }
  .EXPANDER-box { height: 550px; }
}

/* ***************************** */
/* *** E X T R A - L A R G E *** */
/* ***************************** */

@media (min-width: 1200px) {
  .XS-text      { font-size : 1.25em; }
  .SM-text      { font-size : 1.50em; }
  .MD-text      { font-size : 1.80em; }
  .LG-text      { font-size : 2.65em; }
  .XL-text      { font-size : 2.75em; }
  .EXPANDER-box { height: 625px; }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .EXPANDER-box {
    height: 200px;
  }
}

/* ****************************** */
/* Updates on 08-31-2018 */
.story-content {
  margin-bottom       : 30px;
}
.story-content p, .story-content li {
  font-size           : 1.0em;
}
.cc-canopy {
  position              : absolute;
}
.cc-story:hover {
  background-color      : #C28E0E;
}
.cc-story a {
  color                 : #000;
}
.cc-story a:hover {
  color                 : #FFF !important;
  text-decoration       : none !important;
}
.cc-xl-push {
  margin-top            : 30px;
}
.cc-xl-padding {
  margin-top            : 30px;
  margin-bottom         : 30px;
}
.homepage #news-container .story a {
    display: block;
    height: 100%;
    color: #333;
    background-color: #eee;
    text-decoration: none;
}
.cc-story .title {
  font-size             : 1.0rem;
  font-weight           : 600;
  margin                : 1.0rem;
}
.cc-story .intro {
  font-size             : 0.8rem;
  margin-left           : 1.0rem;
  margin-right          : 1.0rem;
}
.cc-story .image {
  height                : 200px;
  background-size       : cover;
  background-position-y : 20%;
  background-position-x : 50%;
}
.cc-story {
  background-color   : #EEE;
  display            : block;
  height             : 100%;
  padding            : 0;
  text-decoration    : none;
}

.cc-container {
  padding-bottom     : 30px;
}
.cc-event-details {
  border-left        : 2px solid #C28E0E;
}
.cc-month {
  color              : #FFF;
  background-color   : #C28E0E;
  text-transform     : uppercase;
  text-align         : center;
  letter-spacing     : 1px;
  padding            : 3px 2px 2px 2px;
}
.cc-day {
  font-size          : 2.5rem;
  font-weight        : 600;
  text-align         : center;
  letter-spacing     : 1px;
}
.cc-focus-bar {
  background         : #000;
  padding-top        : 30px;
  padding-bottom     : 30px;
  text-align         : center;
}
.cc-buffer {
  background         : #CCCCCC;
  margin-top         : -9rem;
  margin-bottom      : 9rem;
  padding-top        : 10px;
  padding-bottom     : 10px;
  width              : 100%;
}
.cc-boost {
  text-align         : center;
  padding-bottom     : 30px;
  padding-top        : 30px;
}
.cc-boost img {
  max-height         : 200px;
}
.cc-breadcrumbs {
  margin-top         : -9rem;
}
.cc-bouncer {
  margin-top         : 9rem;
}
@media (max-width: 767.98px) {
  .cc-bouncer, .cc-breadcrumbs {
    margin-top         : 0;
  }
  .cc-buffer {
    margin-top         : 0;
    margin-bottom      : 0;
  }
}
/* ******************************** */

/* Banner updates on 08-09-2018 */
.pinnacle-container {
  position           : absolute !important;
  background         : rgba(0, 0, 0, 0.50);
  border             : 2px solid rgba(0, 0, 0, 0.65);
  margin             : 1%;
  padding            : 12px;
  z-index            : 1;
  -webkit-transition : background 2s, border 0.5s; /* Safari */
  transition         : background 2s, border 0.5s;
  max-width          : 300px;
}
.pinnacle-container:hover {
  background         : rgba(0, 0, 0, 0.80);
  border             : 2px solid rgba(218, 165, 32, 0.65);
}



/* Banner updates on 07-06-2018 */
#cc-pnp {
  background-color : rgba(0, 0, 0, 0.50);
  border           : 2px solid rgba(0, 0, 0, 0.65);
  color            : rgba(255, 255, 255, 1.0);
  display          : none;
  padding          : 2px 12px;
}
#cc-pnp:hover {
  background-color : rgba(0, 0, 0, 1.0);
  cursor           : pointer;
}
.cc-pnp-button {
  height           : 30px;
  width            : 100%;
  position         : absolute;
  right            : 4px;
  text-align       : right;
  text-shadow      : 0px 1px 1px rgba(0, 0, 0, 1);
  text-decoration  : none;
  top              : 4px;
}


/* Banner updates on 06-01-2018 */
.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%;
  /* z-index         : 1010; */
}
.billboard-container .title {
/*  background      : rgba(255, 215, 0, 0.65);*/
  color           : #FFF;
  font-size       : 1.5rem !important;
  padding         : 0;
}
.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;
}

#feature-container:after {
  background-image: url('https://engineering.purdue.edu/Engr/AboutUs/News/Spotlights/2018/usaid-selects-purdue-led-center-to-research-poverty-challenges-around-world/PULSE-leaders-banner.jpg');
  background-size: cover !important;
  background-position: 0% 50% !important;
}

#dean-container:after {
  background-image: url('homepage/background-images/dean-arms-atrium-bg.jpg');
}

/* Added by E. Gray - Homepage Dean Block 4/19/18 */
.deanmore {
   float:right;
   color: #939393 !important;
   text-decoration:underline;
}

      
/* Media queries for a given screen size or LARGER */

/* Extra small devices (portrait phones, less than 576px)
   No media query since this is the default in Bootstrap */
   
    
/* Custom media query for particular feature backgrounds */
@media (min-width: 440px) and (max-width: 575.98px) {

  #feature-container:after {
    background-size: cover !important;
    background-position: 0% 70% !important;
  }

}
   
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

  #feature-container:after {
    background-size: cover !important;
    background-position: 0% 50% !important;
  }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  #feature-container:after {
    background-size: cover !important;
    background-position: 0% 45% !important;
  }
  
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  #feature-container:after {
    background-position: 0% 30% !important;
  }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  #feature-container:after {
    background-position: 0% 25% !important;
  }

}




/* Media queries for a given screen size or SMALLER */

/* 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;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* Extra large devices (large desktops)
   No media query since the extra-large breakpoint has no upper bound on its width */
   
   



/* Banner updates on 06-08-2018 */
.billboard-container .title.cc-xl-title {
  font-size      : 3em !important;
/*  text-transform : uppercase;*/
}
.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; }
.pinnacle-container { width : 127px; }

}

/* 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; }
.pinnacle-container { width: 127px; }

}

/* Smaller devices */
@media (max-width: 575.98px) {
  .pinnacle-container { background: rgb(255, 255, 255); border: 0; margin: auto; position: relative !important; height: auto; width: 100%; }
  .pinnacle-container img { content:url("https://engineering.purdue.edu/wraps/blocks/images/150-years-of-giant-leaps-horizontal.png"); }
  .pinnacle-container:hover { background: rgba(0, 0, 0, 0.10); border: 0; }
}



/* ********* ORIGINAL *** */
@media only screen and (min-width: 1200px) {
.college .coe-grid .box.short a {
    height: 175px;
}
}

.college .coe-grid .box.short a {
    height: 175px;
}

.black-bg {
background-color: #fff;
}

.fonticon {
  color:#fff; 
  font-size:1em;
}

.boxitem {
   color:#fff; 
   padding-left:.5em;
}

.astro {
   overflow: hidden;
}



/* Homepage Images */

.college a.futurestudents {
  background-image: url("./Images/futurestudents_banner.jpg");
}

.college a.prospectivefaculty {
  background-image: url("./Images/prospectivefaculty_banner.jpg");
}

.college a.ourresearch {
  background-image: url("./Images/research_banner.jpg");
  background-position: 40% 100%;
}

.college a.pmp {
  background-image: url("./Images/Professional-Masters-Program.jpg");
  background-position: 40% 100%;
      background-color: #BAA892;
    border-bottom: 8px solid #BAA892;
}

.college a.partnerships {
  background-image: url("./Images/partnerships_banner.jpg");
  background-position: 60% 100%;

}

.college a.alums {
  background-image: url("./Images/alums_banner.jpg");
  background-position: 60% 100%;
}

.college a.events {
  background-image: url("./Images/events-banner.jpg");
  background-position: 60% 100%;
      background-color: #849E2A;
    border-bottom: 8px solid #849E2A;
}

.college a.currentstudents {
  background-image: url("./Images/currentstudents_banner.jpg");
}


/* News Items */
.morenews {
    text-align:right;
    font-style: italic;
}

.boxitem {
  color:#fff !important; 
  padding-left: .5em; 
  font-size: 1em;
}

.boxitem a {
  color:#fff;
  text-decoration: none;
}


/* Local CSS definitions Information */

#menu-box {
  width: 220px;
}

#homepage-layout {
  top: 170px;
}

#feature #feature-image-container {
  background-color: transparent;
}

table {
  border-collapse: collapse;
}
 
table.table2 {
  width: 700px;
 }
 
table.table3 {
  text-align: left;
  border: 0px; 
  padding: 0px; 
  border-spacing: 2px; 
  width: 100%;
}

.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.divclass {
  min-width: 200px;
}

table.selectives td, th{
  border-left: none;
  border-right: none;
  text-align: center;
  padding: 5px;
  border-spacing: 1px;
}

table.selectives2 td, th{
  text-align: center;
  padding: 5px;
  border-spacing: 1px;
}

/*** "New!" flags on Graduate job postings ***/

.event-list-new {
  background-color: #ce4844;
  border-radius: 50%;
  padding: 6px;
  font-weight: bold;
  color: #fff;
  display: block;
  margin-top: .25em;
  width: 3.25em;
}