h2 span {
	    padding-bottom: 1.5rem;
}
.hero-md .carousel-caption .h2 {
	font-family: sans-serif !important;
}
.hero-md .carousel-control-next-icon, .hero-md .carousel-control-prev-icon {
    display: none;
}
h3.card-title {
   font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
}
.carousel-caption {-webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%) !important; /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.9) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#99000000',GradientType=0 ) !important; /* IE6-9 */}

.container-custom {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.carousel-item {
	background: #000;
}

.carousel-container.multi-slider .carousel-item {
    padding: 0.1rem 4rem;
    background: #fff;
    border: 0;
}
.carousel-item .ou-component-image-card img {
    object-fit: contain !important;
    width: auto !important;
	min-height: auto;
}
.carousel-container.multi-slider h3 {
    padding-bottom: 0;
}
.carousel-item .ou-component-image-card .card-body {
    min-height: 14rem;
}

h2 .fad {
    color: #607d8b;
}

.alert-covid {
    background-color: #ffcc00;
    color: #000;
}

.accordion-container .basic .card-header a {
    font-size: 1rem;
    color: #182a41;
    font-weight: 600;
    font-family: lato;
}
.accordion-container .card {
    margin-bottom: 0;
}
.page-content .bullet li {
	margin-bottom: 1rem;
}

.mark, mark {
    padding: .2em;
    background-color: #b3e6f9a6;
}
.highlight-text {
	font-size: 1.1rem;
    font-weight: 300 !important;
	font-family: sans-serif;
}
.spotlight {
    background: #f2f7fb;
    padding: 2rem;
}

#main-slider .carousel-item img, #main-slider .carousel-item video {
    object-fit: inherit;
    width: auto;
}
.hero-md .carousel-item img, .hero-md .carousel-item video {
    min-height: auto;
}

/* status io */

.meta {padding: 1rem 2rem;border-radius: 5px;background: #f7f7f7;margin: 0 0 1.5rem;}
.meta a:link,
.meta a:visited {
    color: #222;
    font-weight: 500;
    /* font-size: 1.6rem; */
}
.meta a:hover {
color: #888;
}

.color-dot {
  border-radius: 99px !important;
  display:inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
  .critical {
    background-color:#e74c3c;
  }
  .major {
    background-color:#e67e22;
  }
  .minor {
    background-color:#f1c40f;
  }
  .none {
    background-color:#2ecc71;
  }
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.carousel-item img {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;

  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

@media (min-width: 576px){
.container-custom {
    max-width: 540px;
}}
@media (min-width: 768px){
.container-custom  {
    max-width: 720px;
	padding-right: 0;
    padding-left: 0;
	margin:auto;
}}
@media (min-width: 960px){
.hero-md .carousel-caption {
    top: 0;
}
.hero-md .carousel-caption .h2 {
    font-size: 3rem !important;
    line-height: 3rem;
    margin-bottom: 1rem;
    font-weight: 600 !important;
}
.carousel-caption p {
    font-size: 1.6rem !important;
    line-height: 1.5rem;
}
.carousel-caption {position:absolute !important;bottom:inherit !important;top:23% !important;width:43% !important;}
.carousel-caption.text-right {
	right: 2rem !important;}
.carousel-item .ou-component-image-card .card-body {
    min-height: 16rem;
}}


@media (min-width: 992px){
.container-custom  {
    max-width: 960px;
}}
@media (min-width: 1200px){
.container-custom  {
    max-width: 1140px;
}
#main-slider .carousel-item img, #main-slider .carousel-item video {
    object-fit: cover;
    width: 100%;
}}

.btn-primary {
    color: #fff;
    background-color: #0e5bb0;
    border-color: #0e5bb0;
}
.lead {
    color: #343a40;
}