#upcomingEventsCont .iconPost time:before,
/*.bottomLinks a:before,
*/.homeCatTitle:before {
  content: "\f111";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-variant: normal;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

main {
  background: url(../images/news-bg.jpg) center top;
  padding: 0 0 2em;
  border-top: 10px solid #e03e52;
}

main .col-sm {
  min-width: 50%;
  padding-bottom: 6rem;
  padding-top: 2em;
}
main .empty p {
  font-size: 13pt;
}
.frmSearch {
  /*position: absolute;
    top: 39%;*/
  /*top: 300px;
    left: 50%;*/
  /*-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
  margin: 0;
  z-index: 5;
}

main .container #recentNewsCont h3,
main .container #eventMeeting a.active h3 {
  color: #003d4c;
}
main .container h3 {
  padding-bottom: 1rem;
  text-transform: uppercase;
  border-bottom: 6px solid #003d4c;
  text-align: center;
  font-size: 29px;
  font-weight: 600;
  -webkit-transition: background 300ms ease 0s;
  -moz-transition: background 300ms ease 0s;
  -o-transition: background 300ms ease 0s;
  transition: background 300ms ease 0s;
  -webkit-transition: color 300ms ease 0s;
  -moz-transition: color 300ms ease 0s;
  -o-transition: color 300ms ease 0s;
}
main .container ul.nav-tabs li > a > h3 {
  margin-bottom: 0;
  /* padding-left: 1.5em;
  padding-right: 1.5em; */
  border-bottom: none;
  -webkit-transition: background 300ms ease 0s;
  -moz-transition: background 300ms ease 0s;
  -o-transition: background 300ms ease 0s;
  transition: background 300ms ease 0s;
  -webkit-transition: color 300ms ease 0s;
  -moz-transition: color 300ms ease 0s;
  -o-transition: color 300ms ease 0s;
}
main .container ul.nav-tabs li > a.active > h3 {
  border-bottom: 6px solid #003d4c;
}
.nav-tabs {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #d1d9db;
}
ul.nav-tabs li {
  width: 50%;
}
.nav-tabs a:hover h3 {
  color: #00a7b5;
}

.homeCatTitle {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 0.2rem;
}

.homeCatTitle:before {
  content: "\f01c";
  margin-right: 0.3rem;
}

a.iconPost,
a.iconPost:link {
  position: relative;
  font: bold 1.125rem "Mulish", sans-serif;
  color: #165751;
  display: block;
  padding: 1.5rem 2rem 1.5rem 5rem;
  border-top: 2px solid #d1d9db;
  -webkit-transition: background 300ms ease 0s;
  -moz-transition: background 300ms ease 0s;
  -o-transition: background 300ms ease 0s;
  transition: background 300ms ease 0s;
  -webkit-transition: color 300ms ease 0s;
  -moz-transition: color 300ms ease 0s;
  -o-transition: color 300ms ease 0s;
  transition: color 300ms ease 0s;
}

a.iconPost:after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-size: 34px;
  top: 32%;
  color: #00a7b5;
  font-weight: bold;
  margin-bottom: 5em;
  right: 0;
  position: absolute;
}
a.iconPost:first-of-type,
a.iconPost:link:first-of-type {
  border: none;
}

a.iconPost:visited {
  color: #165751;
}

a.iconPost:hover h4,
a.iconPost:active h4,
a.iconPost:hover i,
a.iconPost:active i,
a.iconPost:hover time,
a.iconPost:active time {
  color: #00a7b5;
}

a.iconPost h4 {
  font-family: inherit;
  font-size: 19pt;
  font-weight: inherit;
  font-style: inherit;
  color: #003d4c;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 10px;
}

a.iconPost time {
  font: 500 18px "Mulish";
  color: #727171;
}

#upcomingEventsCont .iconPost time:before {
  content: "\f017";
  font-weight: 600;
  margin-right: 0.5rem;
}

a.iconPost time span {
  display: inline-block;
  margin-right: 0.5rem;
}

a.iconPost i {
  color: #00838f;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 3rem;
  font-weight: 600;
}

a.iconPost.postBG {
  position: relative;
  display: block;
  padding: 3rem 2rem 3rem 12rem;
}

a.iconPost .noticeIMG {
  position: absolute;
  left: 0;
  top: 50%;
  width: 151px;
  height: 125px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 0.7rem;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.empty i {
  font-size: 5rem;
  color: #00a7b5;
  margin: 1rem 0;
}

.empty p a,
.empty p a:link {
  font-weight: 700;
}

.empty a,
.empty a:link,
.bottomLinks a,
.bottomLinks a:link {
  color: #003d4c;
  display: inline-block;
}

.empty a:visited,
.bottomLinks a:visited {
  color: #003d4c;
}

.empty a:hover,
.empty a:active,
.empty a:focus {
  color: #00a7b5;
}

.bottomLinks a:hover,
.bottomLinks a:active,
.bottomLinks a:focus {
  color: #fff;
  background: #003d4c;
}

.bottomLinks {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 1rem;
  margin-bottom: 0;
}

.bottomLinks a,
.bottomLinks a:link {
  float: left;
  font: 700 22px "Mulish";
  text-transform: uppercase;
  border: 2px solid #003d4c;
  border-radius: 8px;
  width: 16em;
  display: flex;
  height: 59px;
  align-content: center;
  justify-content: center;
  align-items: center;
  -webkit-transition: background 300ms ease 0s;
  -moz-transition: background 300ms ease 0s;
  -o-transition: background 300ms ease 0s;
  transition: background 300ms ease 0s;
}

/*.bottomLinks a:last-of-type {*/
/*   float: right;*/
/*}

.bottomLinks a:before {
    font-weight: 300;
    color: #8DA6A3;
    margin-right: 0.5rem;
}*/

/******* Highlights *******/

ul.homeCol3,
ul.homeCol3 > li {
  list-style: none;
  margin: 0;
}

ul.homeCol3 {
  margin: 0;
  padding: 0;
}

.post {
  position: relative;
  width: 100%;
}

main .post {
  margin: 2.5em 0;
}

ul.homeCol3 > li {
  position: relative;
  float: left;
  height: auto;
  min-height: 12em;
  margin-right: 1em;
  width: 32.4%;
}

ul.homeCol3 > li:last-child {
  margin-right: 0;
}

ul.homeCol3 > li a {
  display: block;
}

main .post h2 {
  font: normal 700 1.375em "Mulish", sans-serif;
  text-transform: uppercase;
  margin: 1em 0 0;
  letter-spacing: 2px;
}

.post p {
  font: normal 700 1.063em "Mulish", sans-serif;
  color: #002341;
}

.post .post-1 h2 {
  color: #239c7b;
}

.post .post-2 h2 {
  color: #004986;
}

.post .post-3 h2 {
  color: #0094da;
}

.post .post-1 figure {
  background: #239c7b;
  max-width: 416px;
}

.post .post-2 figure {
  background: #004986;
  max-width: 416px;
}

.post .post-2 img {
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.post .post-3 figure {
  background: #0094da;
  max-width: 416px;
}

.post .post-3 img {
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.post .post-1:hover img,
.post .post-2:hover img,
.post .post-3:hover img {
  opacity: 0.3;
}

/******* End *******/

/******* MEDIA QUERY *******/

@media only screen and (max-width: 1680px) {
  main .container h3 {
    font-size: 1.3rem;
  }
  .empty i {
    font-size: 4rem;
  }
  a.iconPost,
  a.iconPost:link,
  .bottomLinks a,
  .bottomLinks a:link,
  a.iconPost time,
  .empty p {
    font-size: 1rem;
  }
  a.iconPost,
  a.iconPost:link {
    /*  padding-left: 2.5rem;*/
  }
  a.iconPost i {
    /* font-size: 1.5rem;*/
  }
}
@media only screen and (max-width: 1400px) {
  .frmSearch button[type="submit"] {
    right: 0.2rem;
  }
}

@media only screen and (max-width: 1330px) {
  .activePopupAlert .frmSearch {
    top: 22rem;
  }
}
@media only screen and (max-width: 1200px) {
  main .container ul.nav-tabs li > a > h3 {
    padding-right: 0;
    padding-left: 0;
  }
}

@media only screen and (max-width: 1190px) {
  .frmSearch {
    width: 50%;
    background: rgba(255, 255, 255, 0.9);
    padding: 0;
  }

  .activePopupAlert .frmSearch {
    top: 20rem;
  }
  .innerQLMob .frmSearch input[type="search"] {
    padding-top: 24px;
    padding-bottom: 23px;
    border-radius: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 1090px) {
  a.iconPost h4 {
    font-size: 15pt;
  }
}
@media only screen and (max-width: 1069px) {
  main .container h3 {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 1023px) {
    .frmSearch button[type="submit"] i {
        font-size: 20px;
    }
}

@media only screen and (max-width: 991px) {
  .container {
    max-width: 95%;
  }

  .footerMiddle1 {
    padding: 2rem 4rem 4rem 2rem;
  }
}

@media only screen and (max-width: 915px) {
  main .container {
    max-width: 100%;
  }
  main .col-sm {
    flex-basis: auto;
  }
  #recentNewsCont {
    margin-bottom: 2rem;
    padding-bottom: 2em;
    -webkit-box-shadow: 0px 5px 19px 0px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0px 5px 19px 0px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 19px 0px rgba(0, 0, 0, 0.34);
  }
  main .col-sm {
    padding-bottom: 0;
    padding-left: 5%;
    padding-right: 5%;
  }
  .bottomLinks {
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    padding-left: 0;
    padding-right: 0;
    margin-top: 2rem;
  }
  .empty i {
    font-size: 3rem;
  }
  a.iconPost,
  a.iconPost:link,
  .bottomLinks a,
  .bottomLinks a:link,
  a.iconPost time,
  .empty p {
    font-size: 0.85rem;
  }
  main .container ul.nav-tabs li > a > h3 {
    padding-left: 0;
  }
}

@media only screen and (max-width: 785px) {
  .frmSearch {
  }
  .activePopupAlert .frmSearch {
    top: 240px;
  }
  /*    .frmSearch input[type="search"] {
        font-size: 0.9rem;
    }
    .frmSearch button[type="submit"] {
        font-size: 1rem;
    }
    .frmSearch button[type="submit"] {
        right: 0.6rem;
    }*/
}

@media only screen and (max-width: 680px) {
  main .container h3 {
    font-size: 20px;
  }
  .bottomLinks a,
  .bottomLinks a:link {
    width: 14em;
    height: 41px;
  }
}

@media only screen and (max-width: 600px) {
  /*.frmSearch input[type="search"] {
        font-size: 0.8rem;
    }
    .frmSearch button[type="submit"] {
        font-size: 0.9rem;
    }*/
  #recentNewsCont a.iconPost.postBG,
  #recentNewsCont a.iconPost.postBG:link {
    float: none;
    width: 100%;
    margin-bottom: 1px;
  }
}

@media only screen and (max-width: 580px) {
  .frmSearch {
  }
  .activePopupAlert .frmSearch {
    top: 230px;
  }
}
@media only screen and (max-width: 500x) {
  a.iconPost,
  a.iconPost:link {
    padding-left: 55px;
  }
  a.iconPost i {
    font-size: 34px;
  }
    .qlMobile .qlMobileButton {
        font-size: 0.8rem;
    }



    .frmSearch button[type="submit"] {
        right: 0.5rem;
        top: 50%;
        transform: translateY(-50%);
    }

}
@media only screen and (max-width: 480px) {
    .frmSearch button[type="submit"] i {
        font-size: 14px;
    }
}

@media only screen and (max-width: 450px) {
  main .container h3 {
    font-size: 15px;
  }
  #recentNewsCont {
    margin-bottom: 1em;
  }

  main .col-sm {
    padding-top: 1em;
  }
  a.iconPost,
  a.iconPost:link {
    padding: 1.5rem 2rem 1.5rem 4rem;
  }
    a.iconPost.postBG {
        padding: 3rem 1.5rem 3rem 10rem;
    }
  a.iconPost i {
    font-size: 33px;
  }
  a.iconPost:after {
    font-size: 25px;
  }
  a.iconPost h4 {
    font-size: 13pt;
  }
  .bottomLinks {
    display: flex;
    justify-content: center;
  }
}

@media only screen and (max-width: 400px) {
  .bottomLinks a:hover {
  }
  .bottomLinks a:first-of-type {
    margin-bottom: 0.1rem;
  }
  .bottomLinks a:last-of-type {
    float: none;
  }
  .bottomLinks a:before {
    color: inherit;
  }
  /* .frmSearch {
        top: 170px;}
    */
  .activePopupAlert .frmSearch {
    top: 200px;
  }
}