/*red renderings banner */

#rendering-updates a {
    display: block;
    padding-top: .85rem;
    padding-bottom: .85rem;
    color:#fff9d9;
}
#rendering-updates {
    background-color: #c8102e;
    text-align: center;
    font-size: 1.1rem;
    font-weight:550;
    padding: 0;
    font-family: 'Milo', sans-serif;
    text-transform: none;
}
/*#rendering-updates .col-auto,*/
/*#rendering-updates .container {*/
/*    padding: 0;*/
/*}*/
@media (max-width:500px) {
  #rendering-updates {
    font-size: 1.25rem;
  }
}

/* grey box announcement box for deans announcement/updates */

.dean-info {
  background-color:#f0f1f0;
  padding:1rem;
}
.dean-info p{
font-weight:bold;
font-size:1.5rem;
}


#homepage-announcement{
	padding-bottom:0;
}
/*#covid19-updates {*/
/*    display: none;*/
/*}*/
/* LINKS WITH GLYPHICONS */
#intro span.glyphicon {
    font-size: .85rem;
}
#intro a {
    font-weight: bold;
}

canvas {
	 height: auto;
	 width: 100%;
}
 @media (min-width: 768px) {
	 main {
		 font-size: 1.5rem;
		 line-height: 1.375;
	}
	 .cta-link, .section-links {
		 font-size: inherit;
	}
}
 #intro blockquote {
	 border: none;
	 margin: 0;
	 padding: 0;
}
 #intro blockquote p {
	 margin-top: 2rem;
	 font-size: 1.5rem;
}
 #intro blockquote footer {
	 font-size: 1.25rem;
}
 #intro blockquote footer::before {
	 content: "";
}
 #intro img {
	 display: block;
	 width: 100%;
	 max-width: 100%;
}
 @media (min-width: 768px) {
	 #intro img {
		 width: 100%;
		 max-width: 300px;
	}
}
 #where-houstons-health-is-primary .section-heading {
}
 #where-houstons-health-is-primary, #funding-sources, #mission {
	 color: black;
}
/* * intro */
 .breadcrumb .active {
	 color: rgba(0, 0, 0, 0.67);
}
 .nav-breadcrumb, #intro {
	/*background-color: rgba(0, 179, 136, 0.2);
	 */
}
 .lead {
	 color: black;
	 font-family: 'Milo';
	 font-size: 1.5rem;
	 margin-top: 0;
}
 @media (min-width: 992px) {
	 .lead {
		 font-size: 2rem;
	}
}
/* * infographics */

/* * timeline */
 #timeline {
	 font-family: 'Milo';
}
 #timeline .owl-carousel-timeline-items h3 {
	 margin: 0;
}
 #timeline .owl-carousel-timeline-items .item-date {
	 font-size: 1.25rem;
}
 #timeline .item .glyphicon {
	 color: #00b388;
	 font-size: 2rem;
	 left: -0.7em;
	 position: absolute;
	 top: 0;
}
 #timeline .owl-carousel:hover .owl-nav {
	 animation: none;
}
 #timeline .owl-nav {
	 box-shadow: inset -4rem 0 2.5rem -2.5rem #fff, inset 4rem 0 2rem -2rem #fff;
}
 #timeline .owl-nav svg {
	 background: #00B388;
	 border: none;
	 border-radius: 50%;
	 box-shadow: 0 0 50px 30px #fff;
	 color: #fff;
	 display: block;
	 fill: currentColor;
	 height: 2rem;
	 transition: background-color .25s ease;
	 width: 2rem;
}
 #timeline .owl-nav svg:hover {
	 background: #00866C;
}
 #timeline .owl-prev, #timeline .owl-next {
	 padding: 0;
	 width: 2rem;
}
 #timeline .owl-prev {
	 left: 0;
	 -webkit-transform: rotate(90deg);
	 transform: rotate(90deg);
}
 #timeline .owl-next {
	 right: 0;
	 -webkit-transform: rotate(-90deg);
	 transform: rotate(-90deg);
}
 #timeline .owl-carousel-timeline-items {
	 margin-top: 2.5rem;
}
 #timeline .owl-carousel-timeline-items .active.center .item {
	 color: #00866C;
}
 #timeline .owl-carousel-timeline-items .item {
	 color: #00b387;
	 height: auto;
	 padding: 0 1.25rem;
}
 #timeline .owl-carousel-timeline-items .owl-stage .owl-item:nth-child(n+13) .item {
	 color: #bbb;
}
 #timeline .owl-carousel-timeline-items .owl-stage .owl-item:nth-child(n+13).active.center .item {
	 color: #54585A;
}
 #timeline .owl-carousel-timeline-dates {
	 padding-top: 6px;
}
 #timeline .owl-carousel-timeline-dates .item {
	 border-top: 4px solid #00B388;
	/* box-shadow: inset 0 -46px #fff, inset 0 6px #fff;
	 */
	 height: 56px;
	 padding: 0;
	 text-align: left;
}
 #timeline .owl-carousel-timeline-dates .owl-item:nth-child(n+12) .item {
	 border-top-color: #bbb;
}
 #timeline .owl-carousel-timeline-dates .date {
	 display: inline-block;
	 font-size: 16px;
	 height: 32px;
	 line-height: 16px;
	/* margin: 20px 0 0;
	 */
	/* padding-left: 0.125em;
	 */
	/* font-family: 'League Gothic';
	 */
	/* text-transform: uppercase;
	 */
	 font-weight: bold;
	 text-align: center;
	 max-width: 3.6em;
	 margin-left: -1.8em;
}
 #timeline .owl-carousel-timeline-dates .owl-item.active.center.owl-item:nth-child(n+12) .item, #timeline .owl-carousel-timeline-dates .owl-item.active.center ~ .owl-item.owl-item:nth-child(n+10) .item {
	 border-top-color: #bbb;
}
 #timeline .owl-carousel-timeline-dates .owl-stage .owl-item:last-child .item {
	 border-top-color: #fff !important;
}
 #timeline .owl-carousel-timeline-dates .date::before {
	 background-color: #fff;
	 border: 4px solid #00B388;
	 border-radius: 50%;
	 content: '';
	 display: block;
	 height: 16px;
	/* left: 16px;
	 */
	/* position: relative;
	 */
	/* top: -16px;
	 */
	 width: 16px;
	 cursor: pointer;
	/* z-index: 99;
	 */
	 margin: -10px auto 5px;
}
 #timeline .owl-carousel-timeline-dates .owl-item:nth-child(n+13) .date::before {
	 border-color: #bbb;
}
 #timeline .owl-carousel-timeline-dates .owl-item.active.center .date::before {
	 background: #00866C;
	 border-color: #00866C;
}
 #timeline .owl-carousel-timeline-dates .owl-item.active.center.owl-item:nth-child(n+13) .date::before {
	 background: #54585A;
	 border-color: #54585A;
}
 #timeline .owl-carousel-timeline-dates .owl-item.active.center ~ .owl-item:nth-child(n+13) .date::before {
	/* background: #fff;
	 */
	/* border-color: #bbb;
	 */
}

/* * icon-list */
 .icon-list {
	 display: -webkit-flex;
	 display: flex;
	 -webkit-flex-direction: row;
	 flex-direction: row;
	 -webkit-flex-wrap: wrap;
	 flex-wrap: wrap;
	 font-family: 'Milo', sans-serif;
	 font-size: 1.25rem;
	 -webkit-justify-content: center;
	 justify-content: center;
	 line-height: 1.25;
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 font-weight: bold;
}
 .icon-list > li {
	 -webkit-align-items: center;
	 align-items: center;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-flex-direction: row;
	 flex-direction: row;
	 margin: 0;
	 padding: 1.25rem 1.25rem 0;
	 width: 100%;
}
 .icon-list .icon {
	 background: #d6efe7;
	 border-radius: 50%;
	 display: block;
	 -webkit-flex-shrink: 0;
	 flex-shrink: 0;
	 height: 80px;
	 margin: 1em 1.5em 1em 0;
	 width: 80px;
}
 .icon-list .icon img {
	 height: 100%;
	 padding: 20%;
	 width: 100%;
}
 @media (min-width: 1000px) {
	 .icon-list > li {
		 width: 50%;
	}
	 .icon-list .icon {
		 height: 8vw;
		 width: 8vw;
	}
}
 @media (min-width: 1600px) {
	 .icon-list .icon {
		 height: 8rem;
		 width: 8rem;
	}
}
 /* #spann-message p {
	 font-family: 'Crimson', serif;
} */
 @media (min-width: 768px) {
	 #spann-message p {
		 line-height: 1.35;
	}
}
#spann-message p {
    font-size: 1.25rem;
}
#spann-message hr {
    border: .5px dashed #88888d;
    opacity: .5;
    margin-bottom: 0;
}

/* * blockquote */
 #president-quote {
	 background-color: #c8102e;
	 color: white;
}
 #president-quote blockquote {
	 border: 0;
	 font-size: 1.5rem;
	 font-family: 'Milo';
	 line-height: 1.25;
	/* font-weight: bold;
	 */
	 margin: 0;
	 padding: 0;
}
 #president-quote blockquote p {
	 font-size: inherit;
	 line-height: inherit;
}
 #president-quote blockquote p:first-child {
	 text-indent: -0.45em;
}
 #president-quote blockquote footer {
	 font-size: inherit;
	 font-weight: bold;
	 line-height: inherit;
	 text-align: right;
}
 #president-quote .blockquote-portrait {
	 border: 10px solid #960C22;
	 border-radius: 50%;
}
 @media (min-width: 768px) {
	 #president-quote .row {
		 -webkit-align-items: center;
		 align-items: center;
		 display: -webkit-flex;
		 display: flex;
	}
	 #president-quote .row > div {
		 padding: 0 2.5rem;
	}
}
 @media (min-width: 1000px) {
	 #president-quote blockquote {
		 font-size: 2.4vw;
	}
}
 @media (min-width: 1600px) {
	 #president-quote blockquote {
		 font-size: 2.4rem;
	}
}

/* LINKS */
#links p.bigger-text {
    padding-bottom: 1.5rem;
}
 #links .section-links{
	 margin: 0;
	 padding: 0;
   text-align: center;
}
 #links .section-links li{
	 margin: 0;
	 width: 40%;
	 text-align: center;
}
 #links .section-links li:nth-child(1){
	 margin: 0;
}
 #links .section-links li:nth-child(2){
	 margin: 0 0 0 1rem;
}
/* #links .section-links li:nth-child(3){
  margin: 0 0 0 1rem;
} */
 #links .section-links li a{
	 display: block;
	 padding: 35px 0;
	 background-size: cover;
	 background-position: center center;
	 color: #fff9d9;
	 font-size: 2rem;
	 transition: .5s all;
}
 #links .section-links li a:hover{
	 transform: scale(1.05);
}
 #links .section-links li:nth-child(1) a{
	 background-color: #c8102e;
}
 #links .section-links li:nth-child(2) a{
	 background-color: #c8102e;
}
/* #links .section-links li:nth-child(3) a{
  background-color: #c8102e;
} */
 #links .section-links li a:after{
	 content: "";
}
 @media only screen and (max-width: 900px) and (min-width: 581px){
	 #links .section-links li a{
		 font-size: 1.5rem;
		 padding: 40px 0;
	}
}
 @media only screen and (max-width: 580px){
	 #links .section-links li{
		 display: block;
		 width: 100%;
	}
	 #links .section-links li:nth-child(1){
		 margin: 0px;
		 margin-bottom: 30px;
	}
	 #links .section-links li:nth-child(2){
		 margin: 0px;
     margin-bottom: 0px;
	}
  /* #links .section-links li:nth-child(3){
    margin: 0px;
 } */
}

/* COVID-19 BANNER COVID-19 BANNER COVID-19 BANNER */
#covid19-updates {
    padding: 0;
}
#covid19-updates h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 3rem;
    margin-top: 0;
}
#covid19-updates a {
  color: #fff;
  display: block;
  padding: 5.375rem 0;
}
#covid19-updates .text-warning {
    color: #f6be00;
}