/* cmsms stylesheet: Bootstrap4 modified: Friday, October 3, 2025 7:34:15 PM */
header.section {
	line-height:60px;
	font-size: 1.3em;
	background-color:#eee;
	color:#990000;
	padding:3px;
	border-bottom:1px solid #eee;
}

@media only screen and (max-width: 995px) {
.navbar-brand img {
    max-width: 200px;
}
}

body {background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}


h1 {font-size:1.6em; font-weight:500}
h2 {font-size:1.4em; font-weight:400}
h3 {font-size:1.2em; font-weight:400}
h4 {font-size:1.1em; }

h1 a,h2 a,h3 a,h4 a {color:#990000}


.navborder {border-top:4px solid #990000; border-bottom: 1px solid #999;box-shadow:2px 2px 8px #666}
.social a {margin:3px; color:#990000;}
.social a:hover {color:#666666;}

.carousel {
    margin-bottom: 1rem;
}
.card-header {font-weight:bold}

hr {margin: 40px 0px}



.featureText {padding:6px; border-radius:10px; background: rgba(80, 80, 80, 0.7) }

a {color:#000}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,1);
}
.carousel-fade .carousel-item {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 500ms ease;
}
.carousel-fade .carousel-item.active {
  opacity: 1;
}

/* Fixed height, can be dynamic using JS */
.carousel-fade .carousel-inner,
.carousel-fade .carousel-item {
  height: 75vh;
}

.people {color:#fff; margin:10px}
.people h5 {font-size:10pt; font-weight:normal}

.hmSlide {margin:20px; padding:15px; border-radius: 10px; background-color:rgba(16,16,16,0.8);}
.carousel-caption p {font-weight:100}

@media only screen and (max-width: 450px) {
.hmSlide {margin:10px; padding:8px; border-radius: 10px; background-color:rgba(16,16,16,0.8);}
/* Fixed height, can be dynamic using JS */
.carousel-fade .carousel-inner,
.carousel-fade .carousel-item {
  height: 400px;
}

}

.card {margin-bottom:8px}

.staff-profile {margin-bottom:8px}

@media only screen and (min-width: 576px){
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 10px;
    padding-left: 10px;
text-transform:uppercase;
}
}


.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0,0,0,.9);
    font-weight:bold;
}




@media (max-width: 767.98px)
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
}


@media (max-width: 767.98px)
.offcanvas-collapse {
    position: fixed;
    top: 100px;
    bottom: 0;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    background-color: #ccc!important;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
    /* --- Image & caption styling --- */
    .article-image {
      float: right;
      max-width: 40%;
      margin: 0 0 1.5rem 1.5rem;
      background: #fafafa;
      border: 1px solid #e0e0e0;
      box-shadow: 0 2px 6px rgba(0,0,0,0.08);
      padding: 0.5rem;
    }
    .article-image img {
      width: 100%;
      height: auto;
      display: block;
      border: none;
      padding: 0;
      background: none;
    }
    .article-image figcaption {
      font-size: 0.9rem;
      font-style: italic;
      text-align: center;
      color: #555;
      margin-top: 0.5rem;
    }
    @media (max-width: 767.98px) {
      .article-image {
        float: none !important;
        max-width: 100%;
        margin: 1rem 0;
      }
    }

    /* --- Typography cleanup --- */
    header .source {
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }
    header h1 {
      font-size: 1.75rem;
      margin-top: 1rem;
    }
    header .lede {
      font-size: 1.1rem;
      font-weight: 500;
      margin-top: 0.5rem;
    }
    blockquote {
      border-left: 4px solid #ccc;
      padding-left: 1rem;
      font-style: italic;
      color: #444;
      margin: 1.5rem 0;
    }
    .callouts {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      margin: 2rem 0;
    }
    .callout {
      flex: 1;
      min-width: 240px;
      background: #f9f9f9;
      border: 1px solid #e0e0e0;
      padding: 1rem;
      border-radius: 0.25rem;
    }