/* Site CSS */

.hpcallout {
    height: 109px;
    margin-bottom: 20px;
    opacity: 1;
    padding: 15px;
    overflow: hidden;
    position: relative;
    font-size: 2em;
    line-height: 1;
}

.hpcallout i {
    position: absolute;
    font-size: 100px;
    bottom: 0;
    right: -.5em;
    text-align: center;
    width: 2em;
    color: transparent;
    color: rgba(255,255,255,.25);
    z-index: 0;
}

.hpcallout i:before, .hpcallout i:after {
    color: transparent !important;
    color: rgba(255,255,255,.25) !important;
}

.feature-grid a:hover {
    color: yellow;
    text-decoration: none;
}


/* Home2 Test Page */
 #home2 #header { background: transparent url(../img/test/test.jpg) center center no-repeat; background-size:cover;  }

#home #header {height:auto;}

/* Banner Pictuers */
#atoz #header, #welcome #header, #notfound #header, #smokefree #header { background: transparent url(../img/test/test.jpg) center 75% no-repeat; background-size:cover; }
#students #header { background: transparent url(../img/student-under-greens.jpg) 50% 100% no-repeat; background-size:cover;  }
#alumni #header { background: transparent url(../img/hodgin-hall.jpg) right bottom no-repeat; background-size:cover;  }
#library #header { background: transparent url(../img/library.jpg) right bottom no-repeat; background-size:cover;  }
#research #header { background: transparent url(../img/research.jpg) right bottom no-repeat; background-size:cover;  }

/* still need to do pics */
#apply #header { background: transparent url(../img/test/test.jpg) right bottom no-repeat; background-size:cover; }
#academics #header { background: transparent url(../img/test/test.jpg) right bottom no-repeat; background-size:cover; }
#arts #header { background: transparent url(../img/test/test.jpg) right bottom no-repeat; background-size:cover;  }
#campuses #header { background: transparent url(../img/test/test.jpg) right bottom no-repeat; background-size:cover;  }
#staff #header { background: transparent url(../img/test/test.jpg) right bottom no-repeat; background-size:cover;  }


#header {
    height:400px;
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}
@media (max-width: 767px /* @screen-xs-max */) { 
        #header {
            height:250px;
        }
}




#hero {background-color:#c10037;}
#hero a {color:#fff;}

/* Library Page */

.lib-section {
    font-size:24px;
    border-bottom:3px solid silver;
    clear:both;
    padding-bottom:5px;
    
}



/* mobile menu tweaks for homepage */

#mobile-menu #home-nav {
    padding:0 15px; 
}


#mobile-menu #home-nav .section-name {
    display: block;
    border-bottom: 1px solid #333;
    color: #333;
    font-size: 1.1em;
    font-weight: bold;
    margin: 5px 0;
}

#mobile-menu #home-nav ul.subnav {
    display: initial !important;
}

#mobile-menu #home-nav ul.subnav a {
    color: #c10037;
}

.stickynav #home-nav {
    margin-bottom: 5px;
}

/* Home Page */

#home .navbar-brand {
    display: none;
}

#home #header {
    padding: 0px 0 10px 0;
}

#home #upper {
    background-color: #c10037;
    padding: 20px 0 0 0;
}
 
#home #nav{
    background-color: #c10037;
    border-top:3px solid #333;
}

#home .opaquecaption .carousel-indicators {
    bottom: -15px;
} 
#home .opaquecaption .carousel-caption {
    padding:15px;
}
#home .opaquecaption h1 {
    font-size:24px;
    margin: 10px 0;
}
 
#home-nav {
    list-style: none;
    margin: 0 -15px;
    text-align: left;
    padding: 10px 0 0 0;
    color: #fff;
}

#home-nav a {
    text-decoration:underline;
    color:#fff;
}


 @media (min-width: 768px) and (max-width: 991px)  {
    #home-nav li.nav-section:nth-child(3n+1) {
      clear:left;
      margin:2px 0;
    
    }
}



#unmnews {margin-bottom:20px;}

ul.subnav {
    border-top: 2px solid silver;
    margin-top: 5px;
    font-size: .9em;
    padding-top: 5px;
    padding-bottom:10px;
}

.feature-grid img {
    margin-bottom: 20px;
}



#module-news h2, #module-events h2 {
    border-top: 2px solid #333;
    padding: 0;
    font-size: 24px;
}

#module-news .nav-tabs, #module-events .nav-tabs {
    border:0;
}
#module-news .tab-content, #module-events .tab-content {
    margin-top:15px;
}

#module-news .nav-tabs li a, #module-events  .nav-tabs li a{
    background-color: #ccc;
    border: 0;
    border-radius: 0;
    padding: 5px;
}

#module-news .nav-tabs  li.active a, #module-events .nav-tabs  li.active a {
    background-color: #c10037;
    color:#fff;
}

#module-news .nav-tabs li.active a::before, #module-events .nav-tabs li.active a::before {
    position: absolute;
    content: " ";
    bottom: -10px;
    left: 50%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #c10037;
    margin-left: -10px;
}



/******* multicarousel *********/
.multicarousel {margin-top:30px;}
    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
     .multicarousel .carousel-inner .active.left,.multicarousel .carousel-inner .prev {
            left: -50%;     
        }
       .multicarousel .carousel-inner .active.right,.multicarousel .carousel-inner .next {
            left: 50%;
        }
    }
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
      .multicarousel  .carousel-inner .active.left,.multicarousel .carousel-inner .prev {
            left: -33.33%;
        }
      .multicarousel  .carousel-inner .active.right,.multicarousel .carousel-inner .next {
            left: 33.33%;
        }
    }
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
      .multicarousel  .carousel-inner .active.left,.multicarousel .carousel-inner .prev {
            left: -25%;
        }
      .multicarousel  .carousel-inner .active.right,.multicarousel .carousel-inner .next {
            left: 25%;
        }
    }

.multicarousel .carousel-control.left, .multicarousel .carousel-control.right {
  width: auto;
  background-image: none;
  padding-top: 100px;
}

.multicarousel .carousel-control .fa {
      position: initial;
}



/* footer button links */

.footer-buttons a.btn {
  text-align: left;
  color: #333333;
}
 .footer-buttons a.btn .fa {
  transition: all .5s linear;
  padding-right: 5px;
  opacity: .65;
  font-size: 1.75em;
  line-height: .5em;
  vertical-align: sub;
  width: 50px;
  text-align: center;
}
 .footer-buttons a.btn:hover .fa {
  opacity: 1;
}
 .footer-buttons strong {
  color: #c10037;
}




/* homepage promoarea */
.featured-dept h2 {
     background-color: #C10037;
     color: white;
     padding: 5px 10px;
     margin: 0;
     width: 100%;
}
 .featured-dept {
     position:relative;
     width: 100%;
     margin: 22px 30px 1em 0;
     background-color: #DDD;
     float: left;
     overflow:hidden;
     height:175px;
     border:1px solid #ccc;
     -moz-box-shadow: 0 0 15px 0px rgba(0,0,0, .75);
    /* Firefox */
     -webkit-box-shadow: 0 0 15px 0px rgba(0,0,0, .75);
    /* Safari, Chrome */
     box-shadow: 0 0 15px 0px rgba(0,0,0, .75);
    /* CSS3 */
}

 .featured-dept p {
     position: absolute;
     bottom: 0;
     left: 0;
     background:#333;
     background: rgba(0, 0, 0, 0.7);
     color: white;
     padding: 5px 10px;
     width: 100%;
     margin: 0;
}
 .featured-dept p a {
     text-decoration:none;
     color:#fff;
}

div#homepage-promos {
    text-align: center;
}


#homepage-promos img {
    position: relative;

    padding: 0;
    margin: 0 0 1.5em 0;
    background: white;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}


/* Apply Page */

#ungergrad_application_box, #grad_application_box {
border: 1px solid #CCC;
margin-bottom: 1em;
text-align: left;
position: relative;
overflow: hidden;
height: 335px;
border: 1px solid #CCC;
-moz-box-shadow: 0 0 15px 0px rgba(0,0,0, .75);
-webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.75);

}

#grad_application_box {
background: #f4a137 url('../../apply/grad-back.jpg') top right no-repeat;
    background-size: cover;
}


#ungergrad_application_box {
background: #a0b222 url('../../apply/undergrad-back.jpg') top right no-repeat;
    background-size: cover;
}


#ungergrad_application_box h2 , #grad_application_box h2 {
background-color: #C10037;
color: #FFF;
padding: 5px 10px;
margin: 0;
width: 100%;
}

#ungergrad_application_box_content, #grad_application_box_content {
padding:1em;
margin-top: 135px;
}

#ungergrad_application_box a.btn, #grad_application_box a.btn {
    opacity:.85;
}
#ungergrad_application_box a.btn:hover, #grad_application_box a.btn:hover {
    opacity:1;
}

.application_note {
    margin: 0 -15px;
    background-color: #535D60;
    padding: 15px;
    color: #FFF;
    opacity: .9;
    font-size: 75%;
    position: absolute;
    bottom: 0;
}
#mail-application {
    background: #f4f4f4 url('../../apply/mailbox.jpg') bottom right no-repeat;
}


#atoz .btn a {
    padding: 5px 10px;
    display: block;
}
#atoz .btn {
    padding: 0;
}


.opaquecaption .carousel-caption{
    right:0;
    left:0;
}




/***** AIM TO ACHIEVE AD  *****/
#finishline {width:auto; max-width:600px; color:#fff; font-size:3em; position:relative; overflow:hidden;border: 1px solid #ccc; margin: 0 auto .5em auto;
    -moz-box-shadow: 0 0 15px 0px rgba(0,0,0, .75);
    -webkit-box-shadow: 0 0 15px 0px rgba(0,0,0, .75);
    box-shadow: 0 0 15px 0px rgba(0,0,0, .75);}
#finishline img {display:block;}
#t1 { position:absolute; top:29.1666%;  }
#t2 {position:absolute; top:0; opacity:0;}
#t3 {position:absolute; bottom:0; opacity:0;}