/* news elements*/
.post-preview {
    padding-top: 0.5rem;
}

.post-title {
    margin-bottom: 0.4rem;
}

.post-subtitle {
    margin-top: 0;
    margin-bottom: 1rem;
}

.post-preview > .post-meta {
    font-size: 1.1rem;
    color: #6c757d;
    font-weight: 300;
    font-style: normal;
}

.post-preview > .post-meta a {
    color: #6c757d;
}

/*regular custom css*/

body{
  background-color: #f5f5ed;
}

.my-4{
  border-color: transparent;
}

.post-preview > a > .post-title{
  color: #277887;
}

.img-thumbnail{
  border-radius: 38% 62% 58% 42% / 34% 50% 50% 66%;
  /*30% 70% 70% 30% / 34% 25% 75% 66%*/
  /*56% 44% 70% 30% / 34% 50% 50% 66%*/
  border: 2px solid #277887;
  background-color: #f5f5ed;
}

.ce-gallery{
  margin-bottom: 2rem !important;
}

#mainNav .navbar-brand{
  color: #277887;
}

main h6, main .h6, main h5, main .h5, main h4, main .h4, main h3, main .h3, main h2, main .h2, main h1, main .h1{
  font-weight: 500;
  color: #277887;
}

h3, .h3{
  font-size: 1.4rem;
}


header.masthead.masthead-with-wave{
  position: relative;
  overflow: hidden; /* important so the wave doesn't create scrollbars */
  padding-bottom: 260px;
  padding-top: 160px;
}

header.masthead.masthead-with-wave .masthead-wave{
  position: absolute;
  left: 0;
  bottom: -1px;     /* avoids thin seam line */
  width: 100%;
  height: 180px;    /* wave height */
  display: block;
  z-index: 2;
  pointer-events: none; /* wave doesn't block clicks */
}

header.masthead .page-heading h1, header.masthead .page-heading .h1, header.masthead .site-heading h1, header.masthead .site-heading .h1{
  margin-bottom: 2.5rem !important;
}

header.masthead .post-heading h1, header.masthead .post-heading .h1{
  margin-bottom: 1.5rem;
  font-size: 1.8rem;
  color: #f5f5ed;
}

header.masthead .post-heading .subheading{
  color: #f5f5ed;
  font-size: 1.4rem;
}

header.masthead .site-heading h1{
  color: #f5f5ed;
}

header.masthead .page-heading .subheading, header.masthead .site-heading .subheading{
  font-weight: 400;
  color: #f5f5ed;
}

/* header sizing */
header.masthead{
  background-size: cover;
  background-position: center;
  padding: 120px 0 160px; /* extra bottom padding so text doesn't hit the wave */
  color: #fff;
  background-color: #277887;
  /*background-image: url('../assets/img/underwater.png');*/
}

.post-heading *{
  text-shadow: #000 0px 0px 10px;
}

/* Optional: dark overlay for readability */
header.masthead::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,0.5), rgba(0,0,0,.1));
  z-index:1;
}

/* keep header content above overlay */
header.masthead .container{
  position: relative;
  z-index: 3;
}

header.masthead.newsdetail-header::before{
  background: linear-gradient(90deg, rgba(0,0,0,1), rgba(0,0,0,.75));
}

main{
  margin-bottom: 4.5rem;
}


main p, main li{
  font-size: 1rem;
}

.pagination .page-item{
  border-radius: 5px;
}

.input-group > .form-control, .input-group > .form-select, .input-group > .form-floating{
  height: 55px;
  margin: 10px 10px 0 0;
  border-radius: 5px;
  max-width: 300px;
}

footer .mailing{
  margin-top: 0px;
}

footer p{
  margin-right: 10px;
}

footer p a{
  text-decoration: none;
}

#divNewsletter, #divSocial{
  margin-bottom: 3rem !important;
}

h5{
  color: #277887;
}

.social-container{
  display: none;
}

footer form label{
  display: block;
  width: 100%;
}

@media (min-width: 1540px) {
  header.masthead{
    background-position-y: -360px;
  }
}

@media (min-width: 1200px) {
  .col-xl-7 {
    flex: 0 0 auto;
    width: 70%;
  }
}

@media(min-width: 992px){
  header.masthead .post-heading h1, header.masthead .post-heading .h1{
    font-size: 3.5rem;
  }
  header.masthead .post-heading .subheading{
    font-size: 2.2rem;
  }
  main p, main li{
    font-size: 1.2rem;
  }
  .post-preview > a > .post-title{
      font-size: 1.7rem;
  }
  footer form label{
    display: inline-block;
  }
  footer .row .align-items-end{
    padding-right: 5px;
  }
}

/*Color Scheme*/

.btn{
  color: #fff;
  border: 2px solid #fff;
  /*border-radius: 38% 62% 58% 42% / 34% 50% 50% 66%;*/
  border-radius: 5px;
  margin: 10px 20px;
}
.btn-primary{
  background-color: #277887 !important;
  border-color: #277887 !important;
  height: 55px;
}
.primary-color{
  background-color: #277887;
}
.text-bg-primary{
  background-color: #277887 !important;
}
.secondary-color{
  background-color: #5d8f63;
}

.third-color{
  background-color: #f5f5ed;
}

.fourth-color{
  background-color: #edc147;
} 

.fifth-color{
  background-color: #d17b42;
}


.news-tags{
  margin-top: 0rem !important;
}