@font-face {
  font-family: 'Raleway';
  font-weight: bold;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif;
  color: #1d72b8;
}

h2 {
  letter-spacing: .1em;
  text-transform: uppercase;
}

h5 a {
  color: #000000;
}

h5 a:hover {
  color: #656565;
}

a {
  color: #1d72b8;
}

p b {
  color: #1d72b8;
}

.btn-primary {
  background-color: #1d72b8;
  border: 0;
  color: #FFFFFF;
  text-transform: uppercase;
}

.btn-secondary {
  background-color: #55b99b;
  border: 0;
  color: #FFFFFF;
  text-transform: uppercase;
}

.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:focus,
.btn-primary:hover, 
.my-env .btn-primary:hover {
  background-color: #BEBEBE;
  border-color: #1d72b8;
}

.btn-secondary:active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:focus,
.btn-secondary:hover, 
.my-env .btn-primary:hover {
  background-color: #BEBEBE;
  border-color: #55b99b;
}

.website-header {
  background-color: #FFF;
}

.website-header-logo {
  max-width: 180px;
  max-height: 70px;
}

.website-header .navbar-expand-lg {
  margin-top: 30px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #000;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #CCC;
}
.navbar-dark {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
}


.navbar-dark .navbar-toggler {
  border-color: rgb(29,114,184, 42);
} 


.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(85,185,155, 53)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-collapse {
  background-color: #ffffff;
  padding: 0.5rem;
}

@media all and (min-width: 992px) {
  .website-header {
    opacity: 0.8;
    border-bottom: solid 1px #E0E0E0;
    height: 80px;
  }

  .navbar .nav-item .dropdown-menu{ 
    display: none; 
    padding: 0;
    border-radius: 0 !important;
    opacity: 1.0;
    background-color: #ffffff;
  }
  .navbar .nav-item .nav-link{ 
     font-size: 0.8rem;
     padding-left: .4rem;
     padding-right: .4rem   
   }
  .navbar .nav-item:hover .dropdown-menu{ display: block; }
  .navbar .nav-item .dropdown-menu{ margin-top:0; }
}

.website-header-name {
  display: none;
}
 
.page-top-image {
  height: 100vh;
  background-repeat: no-repeat;
  background-color: lightskyblue;
  background-position: center;
  background-size: cover;
}

.page-top-image h3 {
  color: #FFFFFF;
  margin-top: 60vh;
  text-align: center;
  font-size: clamp(20px, 5vw, 50px);
}
  
.navbar .nav-item .dropdown-item {
  padding: 1rem;
  font-size: 1rem;
}


.home-image-block {
  width: 152px;
  margin-bottom: 20px;
}

.home-image-block img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.home-image-category {
  background-color: #1d72b8;
  color: #FFFFFF;
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}





.news-image-container {
  width: 100%;
}

.news-item-image-div {
  min-height: 150px;
}

.news-content-container {
  width: 100%;
}

.news-item-image-div {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 200px;
  transition: all 1s;
}

.news-item-image-div:hover {
  transform: scale(0.9);
}

.news-title {
  padding-top: 0.5rem;
}

.news-title a {
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.0rem;
  text-decoration: none;
}

.news-title a:hover {
  color: #1d72b8;
}

.news-date {
  font-size: 0.8rem;
}

.news-short-description-content {
  text-align: justify!important;
}

.news-read-more {
  margin-top: 1rem;
  text-align: center;
}

.news-read-more a {
  color: #1d72b8;
  font-size: 0.8rem;
}

.news-body img {
  max-width: 100%;
  height: auto;
}





.website-calendar-events .lead {
  display: none;
}

.big-date-block {
  background-color: #1d72b8;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5rem;
  border-radius: 5px;
  max-width: 120px;
}

span.big-date-day, span.big-date-month {
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 0;
}

.website-sponsors-list .lead {
  display: none;
}





.website-footer a {
  color: #FFF;
}

.website-footer h3 {
  font-weight: 600;
  font-family: 'Raleway', sans-serif;
  color: #9cc2e6;
  font-size: 1.4em;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}









.website-my-env .my-env {
  font-size: 0.825rem !important;
}

.website-my-env .my-env .big-date-block {
  max-width: 120px;
}

.spnsr-logo-image {
  max-height: 120px;
  max-width: 240px;
}

.rounded-corners {
  border-radius: 25px;
  background: #1d72b8;
  padding: 20px;
  width: px;
  height: 470px;
}

.rounded-corners-second {
  border-radius: 25px;
  background: #55b99b;
  padding: 20px;
  width: px;
  height: 650px;
}

.rounded-button {
  border-radius: 25px;
  background: #1d72b8;
  padding: 10px;
  width: px;
  height: 240px;
}
.link a {
  color: #FFFFFF;
  text-decoration: none;
}
.link a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.home-background-image {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-content {
  background-color: #ffffffaa;
  border-radius: 8px;
}