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

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

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

.astro {
   overflow: hidden;
}

@media only screen and (max-width: 991px) {
.astro {
    height: 500px;
    overflow: hidden;
}  }


@media only screen and (max-width: 991px) {
.astro img {
    width:100%;
}  }

@media only screen and (min-width: 992px) {
.astro img {
    width:375px;
    height: 720px;
    overflow: hidden;
}  }

@media only screen and (min-width: 767px) {
.boxitem {
    font-size: 1em;
}  }

@media only screen and (max-width: 767px) {
.boxitem {
    font-size: 1.2em;
}   }

@media only screen and (min-width: 992px) {
.newdean {
    height: 720px;
    overflow: hidden;
    background-color:black;
    margin-top:10px !important;
}  }

@media all and  (min-width: 992px) {
.newdean {
    height: 720px;
    overflow: hidden;
    background-color:black;
    margin-top:10px !important;
}  }

@media only screen and (max-width: 991px) {
.newdean {
    height: 468px;
    overflow: hidden;
}  }

@media all and  (max-width: 991px) {
.newdean {
    height: 468px;
    overflow: hidden;
}  }

@media only screen and (max-width: 767px) {
.newdean {
    height: 600px;
    overflow: hidden;
    background-color:black;
    margin:10px !important;
}  }

@media all and  (max-width: 767px) {
.newdean {
    height: 600px;
    overflow: hidden;
    background-color:black;
    margin:10px !important;
}  }

    

hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.morenews { 
  margin-bottom: 0px;
 }



#initiativeButtons {
  margin-top: 10px;
}



  #youtubeBanner {
    background-image: url('https://yt3.ggpht.com/-wSQv25XKxVY/V0SBVhqBZAI/AAAAAAAAAXI/QkvXEQqs7csX3EDUi5YT8H-DuvRVXmZiwCL8B/w1060-fcrop64=1,00005a57ffffa5a8-nd-c0xffffffff-rj-k-no/yt3banner.jpg');
    width: 314px;
    height: 200px;
    background-size: cover;
    background-position: 50%, 0%;
    margin-top: -6px;
    padding-left: 75px;
    padding-top: 70px;
  }
          


@media only screen and (min-width: 1200px) {

  .college .container > .row {
    height: initial;
  }
}

.college a.newdean {
  background-image: url("./Images/mung-chiang-dean.jpg");
}


.college a.topfeature {
  background-image: url("./Images/discovery-magazine/boilermaker-blastoff");
}
          
.bottomfeature {
  background-image: url("./Images/beautiful-research/battery-research");
}

.college .container .row {
  height: auto;
  height: initial;
}


.college .intro i.fa {
  top:inherit;
  left:inherit;
  font-size:1.8em;
  line-height:inherit;
  position: inherit;
}


.college .intro {
    padding: 18px 18px 24px 18px;
    background-color: #3b3b3b;
}



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

.college .intro a {
    color: #fff;
}

.accordion {
  color: #FFF;
}

.subdate {
  color:#BDBDBD;
}

.panel-default>.panel-heading {
    padding-bottom: 8px;
}

.intro .panel-body {
    background: #1B1B1B;
}

.intro a:link {
    text-decoration: none;
}

.intro a:visited {
    text-decoration: none;
}

.intro a:hover {
    text-decoration: underline;
}

.intro a:active {
    text-decoration: none;
}


.newspanel.panel-group .newspanel.panel {
    background-color:#3b3b3b;
    color:#fff;
}

.newspanel.panel-default>.newspanel.panel-heading {
    background-color: #3b3b3b;
    color:#fff;
}

.newspanel.panel {
    border:0;
}

.morenews {
    text-align:right;
    font-style: italic;
}

.deantest {
    background-image: url('./Images/deanj.jpg');
    background-color: #c76c14;
    border-bottom: 8px solid #c76c14;

}

.prio1 {
    background-image: url('./Images/studentsfirst.jpg');
    background-color: #d3a810;
    border-bottom: 8px solid #d3a810;
}

.prio2 {
    background-image: url('./Images/buildonstrengths.jpg');
    background-color: #2F241C;
    border-bottom: 8px solid #2F241C;
}

.prio3 {
    background-image: url('./Images/championresearch.jpg');
    background-color: #1d6a90;
    border-bottom: 8px solid #1d6a90;
}

.evertrue {
    background-image: url('./Images/evertrue_solid.jpg');
    background-color: #776f68;
    border-bottom: 8px solid #776f68;
}

.college .box .youtubevideo {
    margin: 0;
    padding-bottom: 0px;
}

.youtubevideo {
    background-color: #000;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.dayofgiving {
    background-image: url('./Images/day-of-giving.jpg');
}

.college .intro a {
    display: inherit;
}

.college a.discovery1{
    background-color: #7299c6;
    background: url("./Images/lipidomics.jpg");
    background-clip: border-box;
    background-attachment: scroll;
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;

}


.college a.discovery2{
    background-color: #B1810B;
    background: url("./Images/epicsisbvi.jpg");   
    background-clip: border-box;
    background-attachment: scroll;
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.discovery3 {
    font-family: Georgia, serif;
    color:#FFF;
    font-size:1em;
    text-transform:none;
}

.college a.currentundergrads {
    background-image: url('./Images/current_undergrads.jpg');
    background-color: #2EAF9B;
    border-bottom: 8px solid #2EAF9B;
}

.college a.currentgrads {
    background-image: url('./Images/current_grads.jpg');
    background-color: #BAA892;
    border-bottom: 8px solid #BAA892;
}

.college a.futureundergrads{
    background-image: url('./Images/futureundergrads.jpg');
    background-color: #085C11;
    border-bottom: 8px solid #085C11;
}

.college a.futureundergrads2{
    background-image: url('./Images/futureundergrads2.jpg');
    background-color: #FFD100;
    border-bottom: 8px solid #FFD100;
}

.college a.prospectivefaculty{
    background-image: url('./Images/prospective_faculty3.jpg');
    background-color: #e9e45b;
    border-bottom: 8px solid #e9e45b;
}

.college a.meetdean{
    background-image: url('./Images/meet-dean-armstrong.jpg');
    background-color: #a3d6d7;
    border-bottom: 8px solid #a3d6d7;
}

.college a.prospectivefaculty2{
    background-image: url('./Images/prospective_faculty4.jpg');
    background-color: #4D4038;
    border-bottom: 8px solid #4D4038;
}

.college a.featureditem{
    background-image: url('./Images/year-in-review2.jpg');
    background-color: #000;
    border-bottom: 8px solid #000;
    width: 100%;
}

/*** commented out, just to save the colors for the Featured items
.college a.featureditem{
    background-image: url('./Images/year-in-review2.jpg');
    background-color: #C76C14;
    border-bottom: 8px solid #C76C14;
    width: 100%;
}
***/

.college a.featureditem2{
    background-image: url('./Images/ardekani-animation.gif');
    background-color: #1895dd;
    border-bottom: 8px solid #1895dd;
}

.spotlight {
    position:absolute;
    left:0px;
    bottom:0px;
    color:#fff;
    font-size:1.5em;
    padding:0 10px;
    text-shadow: 2px 2px #000;
    font-weight:bold;
}

.spotlightz {
    position:absolute;
    left:0px;
    top:0px;
    color:#fff;
    font-size:1.5em;
    padding:0 10px;
    text-shadow: 2px 2px #000;
    font-weight:bold;
}

@media only screen and (max-width: 991px) {
.spotlightx {
    color:#000;
}  }


.spotlightx {
    position:absolute;
    left:0px;
    bottom:0px;
    color:#fff;
    padding: 1em 2em;
    font-size: .9em;
    text-shadow: 1px 1px 3px rgba(0,0,0,1), 1px 1px 4px rgba(0,0,0,1), 3px 3px 6px rgba(0,0,0,1);
}

.spotlight2 {
    position:absolute;
    left:0px;
    bottom:0px;
    color:#776f68;
    font-size:1.4em;
    padding:0 10px;
}

.subspotlight {
    padding:0 10px;
}

hr {
  border-top: 1px solid #5D5D5D;
  margin-top: 15px;
  margin-bottom: 15px;
}