/* Site CSS */

/********************************/
/* Donation block */
/********************************/
* {
	box-sizing: border-box;
}
 .donatebox {
	 float: left;
	 width: 50%;
	 padding: 20px;
}
 .donatebox_clearfix::after {
	 content: "";
	 clear: both;
	 display: table;
}

.carousel-caption {
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
    background: rgba(0, 0, 0, 0.5)
}
             
.pub-list-img {
    float: right;
     margin-bottom: 20px;
    clear: both;
}

.clearfix:after { 
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.news-archive {
    float:right;
    clear:both;
    }
    
p.teaser {
    margin-bottom: 20px;
}

.footer-buttons{
    float:right;
    clear:both;
    
}
.fac-pubs-right{
    margin-bottom: 20px;
}

/********************************/
/* Home: Call to Action */
/********************************/
 #actions {
     background-color: #a7a8aa;
}
 #actions .action a {
     color: #fff;
}
 #actions .action:hover a {
     color: #c10037;
}
 .action {
     padding: 50px;
     text-align: center;
     color:#fff;
}
 .action:hover {
     background-color: #fff;
     cursor: pointer;
     color: initial;
}

.faculty-item {
}
 .faculty-item h2{
     margin-top:0;
}
 .alpha-list .btn {
     font-size: .8em;
     padding: 2px 7px;
}
 .section {
    margin-bottom:30px;
}
 .section:nth-child(odd) img {
    float:right;
}
 h1#main-title {
     margin: 0;
}
c #home #lower {
     padding: 0;
}

/********************************/
/* Home: Call to Action */
/********************************/
 #actions {
     background-color: #a7a8aa;
}
 #actions .action a {
     color: #fff;
}
 #actions .action:hover a {
     color: #c10037;
}
 .action {
     padding: 50px;
     text-align: center;
     color:#fff;
}
 .action:hover {
     background-color: #fff;
     cursor: pointer;
     color: initial;
}
/**CTA Banners**/
/**div#cta {
     background: transparent url(../img/homepage-carousel/home-banner-1.jpg) height: auto;
     background-position: center center no-repeat;
     background-size:cover;
     background-color: #FFFFFF;
}
 .h1 {
     font-size: 6em;
     font-color: #FFFFFF;
}
**/
/********************************/
/* Home: News */
/********************************/
 #recent-posts {
    padding:30px 0;
}
 #recent-posts .news-article img {
    opacity:.5;
     border-bottom:5px solid #fff;
}
 #recent-posts .news-article {
    display:block;
}
 #recent-posts .news-article:hover {
    text-decoration:none;
}
 #recent-posts .news-article:hover img {
    opacity:1;
    border-bottom:5px solid #c10037;
}
 #recent-posts h3 {
     margin: 5px 0 0 0;
}
/*************************************/
/*Funding: Recent Recipient Highlight*/
/*************************************/
 .funding img{
    opacity:.5;
}
 .funding:hover img {
    opacity:1;
     border-bottom: 5px solid #c10037;
}
/*************************************/
/* Committee Lists */
/*************************************/
 dl.committees {
     overflow: auto;
}
 dl.committees dt, dl.committees dd {
     float: left;
}
 dl.committees dt {
     clear: left;
     width: 50%;
     margin-right: 2%;
     font-weight: bold;
     margin-top: 10px;
}
 dl.committees dd {
     width: 50%;
     margin-left: 0;
}
/*****************************************************/
/* "Welcome" Summary for Audience Landing Pages */
/*****************************************************/
/**** LAYOUT ****/
 .media-body {
     padding-left: 15px;
     padding-right: 15px;
}
 .box-shad {
     -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
     box-shadow: 1px 1px 0 rgba(0,0,0,.2);
}
 .brdr {
     border: 1px solid #ededed;
     margin: 20px;
     width: 80%;
}
/* Padding - Margins */
 .pad-10 {
     padding: 20px;
}
/**** Welcome audience landing page experiment ****/
 img.welcomethumbnail {
     margin-left: 20px;
}
/**** MEDIA QUERIES ****/
 @media only screen and (max-width: 991px) {
     #welcome .welcome {
         padding: 5px!important;
    }
     #welcome .pwelcome a {
         margin: 0;
    }
     #welcome .property-listing .media-body {
         padding: 10px;
    }
}
 @media only screen and (min-width: 992px) {
     #welcome .welcome img {
         max-width: 200px;
    }
}
/********************************/
/* Timeline */
/********************************/
 .timeline {
     width:80%;
     list-style: none;
     padding: 20px 0 20px;
     position: relative;
}
 .timeline:before {
     top: 0;
     bottom: 0;
     position: absolute;
     content: " ";
     width: 3px;
     background-color: #eeeeee;
     left: 50%;
     margin-left: -1.5px;
}
 .timeline > li {
     margin-bottom: 20px;
     position: relative;
}
 .timeline > li:before, .timeline > li:after {
     content: " ";
     display: table;
}
 .timeline > li:after {
     clear: both;
}
 .timeline > li:before, .timeline > li:after {
     content: " ";
     display: table;
}
 .timeline > li:after {
     clear: both;
}
 .timeline > li > .timeline-panel {
     width: 46%;
     float: left;
     border: 1px solid #d4d4d4;
     border-radius: 2px;
     padding: 20px;
     position: relative;
     -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
     box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
 .timeline > li > .timeline-panel:before {
     position: absolute;
     top: 26px;
     right: -15px;
     display: inline-block;
     border-top: 15px solid transparent;
     border-left: 15px solid #ccc;
     border-right: 0 solid #ccc;
     border-bottom: 15px solid transparent;
     content: " ";
}
 .timeline > li > .timeline-panel:after {
     position: absolute;
     top: 27px;
     right: -14px;
     display: inline-block;
     border-top: 14px solid transparent;
     border-left: 14px solid #fff;
     border-right: 0 solid #fff;
     border-bottom: 14px solid transparent;
     content: " ";
}
 .timeline > li > .timeline-badge {
     color: #63666a;
     width: 50px;
     height: 50px;
     line-height: 25px;
     font-size: 1.4em;
     text-align: center;
     position: absolute;
     top: 16px;
     left: 50%;
     margin-left: -25px;
     background-color: #999999;
     z-index: 100;
     border-top-right-radius: 50%;
     border-top-left-radius: 50%;
     border-bottom-right-radius: 50%;
     border-bottom-left-radius: 50%;
}
 .timeline > li.timeline-inverted > .timeline-panel {
     float: right;
}
 .timeline > li.timeline-inverted > .timeline-panel:before {
     border-left-width: 0;
     border-right-width: 15px;
     left: -15px;
     right: auto;
}
 .timeline > li.timeline-inverted > .timeline-panel:after {
     border-left-width: 0;
     border-right-width: 14px;
     left: -14px;
     right: auto;
}
 .timeline-title {
     margin-top: 0;
     color: inherit;
}
 .timeline-body > p, .timeline-body > ul {
     margin-bottom: 0;
}
 .timeline-body > p + p {
     margin-top: 5px;
}
 .timeline-image {
     margin: 5px;
    5px;
    5px;
    5px;
}
 @media (max-width: 767px) {
     ul.timeline:before {
         left: 40px;
    }
     ul.timeline > li > .timeline-panel {
         width: calc(100% - 90px);
         width: -moz-calc(100% - 90px);
         width: -webkit-calc(100% - 90px);
    }
     ul.timeline > li > .timeline-badge {
         left: 15px;
         margin-left: 0;
         top: 16px;
    }
     ul.timeline > li > .timeline-panel {
         float: right;
    }
     ul.timeline > li > .timeline-panel:before {
         border-left-width: 0;
         border-right-width: 15px;
         left: -15px;
         right: auto;
    }
     ul.timeline > li > .timeline-panel:after {
         border-left-width: 0;
         border-right-width: 14px;
         left: -14px;
         right: auto;
    }
}
/********************************/
/* Caption */
/********************************/
 p.bottom-caption {
     color: #a7a8aa;
     font-size:small;
     border-top:1px solid #a7a8aa;
}
/********************************/
/* Reset Section Sizes */
/********************************/
/* nav color */
 #nav {
     background-color: #63666a;
     color: #fff;
}
 #nav .nav>li>a {
     color: #fff;
}
 #nav .nav>li>a:hover {
     color: #ba0c2f;
}
 #nav .nav .open>a,#nav .nav .open>a:hover,#nav .nav .open>a:focus {
     color:#ba0c2f;
}
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
     color: #fff;
     background-color: #c10037;
}
/* end nav color */
 #home #toolbar-nav a:hover {
     background-color: #fff;
     color: #c10037;
}
 #home nav#top-nav {
     font-weight: bold;
}
 #home #breadcrumbs {
    display:none;
}
 #home #main {
    padding:0;
     width:100%;
}
 #home #c #primary, #home #c #secondary, #home #c #tertiary {
    padding:0 !important;
}
 #home #main > .container > .row {
     margin: 0;
}
 #upper {
     padding-top: 30px;
}
 #breadcrumbs {
     margin: 0;
}
 #header {
     padding: 25px,0px,0px,0px;
}

/********************************/
/* Homepage Carousel */
/********************************/
 #home #hero {
    height:auto;
     background-image:none;
}
 #home .carousel-caption {
     color: #fff;
     text-decoration: none;
     margin-top: 0px;

 #home .carousel-caption:before, .carousel-caption:after {
     content: " ";
     position: absolute;
     display: block;
     border: 0;
}
 .carousel-caption:before {
     top: 0;
     left: 100%;
     height: 100%;
     width: 0;
     padding-right: 100%;
     transform-origin: 0% 0%;
     transform: skew(0deg, 45deg);
     background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
     box-shadow: 0px 1px 0px 0 rgba(0,0,0,.1);
}
 .carousel-caption:after {
     top: 100%;
     left: 0;
     width: 100%;
     height: 0;
     padding-top: 100%;
     transform-origin: 0% 0%;
     transform: skew(45deg, 0deg);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
     box-shadow: 1px 0px 0px 0 rgba(0,0,0,.1);
}
 #home .item {
     max-height: 600px;
}
 @media (min-width:1134) {
     #home .item {
         max-height: 800px;
    }
}
 @media (max-width: 992px) {
     #home .carousel-caption {
      color: #fff;
     text-decoration: none;
     margin-top: 0px;
    }
     #home .item {
        max-height:none;
    }
     #homepage-carousel .carousel-control .fa {
         position: absolute;
         top: 30%;
         left: 25%;
         right: 25%;
    }
}
 @media (max-width: 768px) {
     #home .carousel-caption {
         height:300px;
    }
     #home .carousel-caption h1 {
         font-size:26px;
    }
}
 @media (max-width:380px) {
     .navbar-unm .navbar-brand {
        max-width:100%;
         left:0;
    }
}
/* end homepage carousel */
 .no-gutter > [class*='col-'] {
     padding-right:0;
     padding-left:0;
}
/* Bootstrap Clearfix */
/* Tablet */
 @media (min-width:767px){
    /* Column clear fix */
     .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){
         clear: none;
    }
     .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){
         clear: left;
    }
}
/* Medium Desktop */
 @media (min-width:992px){
    /* Column clear fix */
     .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){
         clear: none;
    }
     .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){
         clear: left;
    }
}
/* Large Desktop */
 @media (min-width:1134px){
    /* Column clear fix */
     .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){
         clear: none;
    }
     .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1){
         clear: left;
    }