/* ------------  START HERO SECTION & MAIN TITLE ------------  */
.hero {
  background-color: #f8f8f8;
}

.main-title {
  font-family: Inter;
  font-size: 54px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.26;
  letter-spacing: normal;
  text-align: left;
  color: #002b46;
  margin-top: 0;
  margin-bottom: 0;
}

.news-and-events-navbar {
  padding-top: 40px;
}

.hero .nav-tabs .nav-item.show .nav-link,
.hero .nav-tabs .nav-link {
  opacity: 0.6;
  font-family: Inter;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: center;
  color: #002b46;
  min-width: 200px;
  background-color: transparent;
  border: none;
  transition: 0s;
}

.hero .nav-tabs .nav-link.active {
  pointer-events: none;
}

.hero .nav-tabs .nav-item.show .nav-link,
.hero .nav-tabs .nav-link.active,
.hero .nav-tabs .nav-link:hover {
  color: #00b5d3;
  opacity: unset;
  background-color: transparent;
  border-bottom: 6px solid #00b5d3;
}

@media (max-width: 992px) {
  .main-title {
    font-size: 42px;
  }

  .news-and-events-navbar {
    /*padding-top: 32px;*/
    padding-top: 10px;
  }
}

@media (max-width: 768px) {
  .news-and-events-navbar {
    width: 100%;
  }

  .hero .nav-tabs .nav-link {
    font-family: Inter;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #002b46;
    width: 50%;
    min-width: unset;
    word-break: break-word;
  }

  .hero .nav-tabs .nav-link.active {
    border-bottom: 4px solid #00b5d3;
    color: #00b5d3;
    font-size: 24px;
  }
}

@media (max-width: 460px) {
  .hero {
    padding-top: 0;
  }

  .main-title {
    font-size: 30px;
  }

  .section-navigation .container {
    padding-left: 0;
    padding-right: 0;
  }
  .section-navigation .container .nav-link {
    font-family: Inter;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    padding-top: 0;
  }
}
/* ------------  END HERO SECTION & MAIN TITLE ------------  */

.page-content {
  min-height: 300px;
}

/* ------------------------ START SECTION NEWS TAB ------------------------ */
.section-news {
  padding-top: 42px;
  margin-bottom: 64px;
}

.single-news {
  margin-bottom: 40px;
  /* min-width: 282px; */
  display: none;
  position: relative;
  flex-direction: column;
}

@media (max-width: 768px) {
  .single-news {
    margin-bottom: 23.5px;
  }
}

.single-news-image-container {
  width: 100%;
  height: 159px;
  object-fit: cover;
  border-radius: 5px;
  margin-bottom: 24px;
  overflow: hidden;
}


.single-news-image {
  width: 100%;
  height: 159px;
  object-fit: cover;
  border-radius: 5px;
  margin-bottom: 24px;
}


@media (max-width: 580px) {
  .single-news-image-container{
    height: 189px;
    margin-bottom: 12px;
  }
  .single-news-image {
    height: 189px;
  }
}
.single-news-title {
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  margin-bottom: 18px;

  color: #002b46;
}

.single-news-description {
  opacity: 0.6;
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #002c45;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.coveredText {
  color: #002b46;
  font-family: Inter;
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 700;
}

.single-news-date {
  display: flex;
  align-items: center;
  font-family: Inter;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: left;
  color: #002c45;
  margin-bottom: 16px;
  margin-top: auto;
  /*border-bottom: 1px dotted red;*/
}

.single-news-date::before {
  display: inline-block;
  content: " ";
  width: 20px;
  height: 22px;
  background-image: url(../icons/news.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 10px;
  /*opacity: 0.5;*/
}

.single-news-separator {
  width: 90%;
  height: 1px;
  opacity: 0.2;
  background-color: #002b46;
  /* display: none; */

  position: absolute;
  bottom: 0;
}

.single-news-tags {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 16px;
  margin-bottom: 16px;
}

.single-news-tags a {
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.28;
  letter-spacing: normal;
  text-align: left;
  color: #002b46;
  padding: 8px;
  border-radius: 5px;
  max-width: 100%;
  background-color: #e3e7ea;
  word-break: break-word;
}

.explore-topics-container {
  max-width: 762px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 18px;
}

.explore-topics-title {
  font-family: Inter;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: center;
  color: #002b46;
  margin-bottom: 24px;
}

.explore-topics-tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 16px;
  width: 100%;
  margin-bottom: 64px;
}

.explore-topics-tags a {
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.28;
  letter-spacing: normal;
  text-align: left;
  color: #002b46;
  padding: 8px;
  border-radius: 5px;
  background-color: #e3e7ea;
  word-break: break-word;
}

.load-more-news-container {
  padding-top: 32px;
  margin-bottom: 30px;
}

.no-news-found {
  text-align: center;
  font-size: 32px;
  font-family: "Inter";
  padding-top: 50px;
}

@media (max-width: 992px) {
  .single-news-tags a {
    font-size: 16px;
  }

  .explore-topics-title {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  .single-news-title,
  .single-news-description,
  .single-news-date {
    font-size: 16px;
  }

  .explore-topics-container {
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .explore-topics-tags {
    justify-content: flex-start;
  margin-bottom: 56px;}

  /*.single-news-title,*/
  .single-news-description {
    margin-bottom: 10px;
  }

  .coveredText {
    font-size: 16px;
  }

  .explore-topics-title {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .load-more-news {
    min-width: 100%;
  }
}

/* ------------------------ END SECTION NEWS TAB ------------------------ */

/* ------------------------ END SECTION EVENTS TAP ------------------------ */
.section-events {
  padding-top: 40px;
  padding-bottom: 64px;
}

.single-event {
  display: none; /* display: flex; */
  margin-bottom: 40px;
}

.single-event-image {
  width: 384px;
  /*min-width: 384px;*/
  height: 217px;
  flex:none;
  object-fit: cover;
  margin-right: 24px;

  border-radius: 5px;
}

.single-event-date {
  display: flex;
  align-items: center;
  opacity: 0.7;
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #002c45;
  margin-bottom: 10px;
  padding-top: 7px;
}

.single-event-date::before {
  display: inline-block;
  content: " ";
  width: 24px;
  height: 22px;
  background-image: url(../icons/new-news-date-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 6px;
  /*opacity: 0.7;*/
  transform: translate(0px, -3px);
}

@media (max-width: 768px) {
  .single-event-date::before {
    transform: translate(0px, -1px);
  }
  }

.single-event-title {
  font-family: Inter;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #002b46;
  margin-bottom: 11px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.single-event-description {
  opacity: 0.7;
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #002c45;
  margin-bottom: 11px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.single-add-to-calendar {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00b5d3;
  padding: 13px 12px;
  width: fit-content;
  /*max-width: 200px;*/
  border-radius: 5px;
}

.single-add-to-calendar span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}

.single-add-to-calendar span::before {
  display: inline-block;
  content: " ";
  width: 24px;
  height: 24px;
  background-image: url(../icons/event-add-to-calendar-new.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 10px;
  margin-bottom: 3px;
}

.load-more-events-container {
  padding-top: 16px;
}

.title-load-more {
  opacity: 0.5;
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: left;
  color: #002c45;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .single-event-title {
    font-size: 20px;
    margin-bottom: 6px;
  }

  .single-add-to-calendar {
    /* padding: 6px 12px; */
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .single-event-image {
    min-width: 45%;
    height: auto;
    margin-right: 14px;
  }

  .single-event-title,
  .single-event-date,
  .single-event-description,
  .single-add-to-calendar span {
    font-size: 16px;
  }

  .single-event-title,
  .single-event-date,
  .single-event-description {
    margin-bottom: 4px;
  }
  .single-add-to-calendar {
    /* padding: 6px 12px; */
  }
}

@media (max-width: 768px) {
  .single-event {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .single-event-image {
    width: 100%;
    min-width: unset;
    height: auto;
    margin-bottom: 9px;
  }

  .single-add-to-calendar {
    width: unset;
    max-width: unset;
    padding: 0;
    height: 48px;
  }

  .load-more-events {
    min-width: 100%;
  }

  .load-more-events-container {
    padding-top: 32px;
  }
}

.newsletter-bar-top-spacer {
  padding-top: 56px;
}

.newsletter-bar-bottom-spacer {
  padding-top: 56px;
}

.events-newsletter-bar-top-spacer {
  padding-top: 40px;
}

.events-newsletter-bar-bottom-spacer {
  padding-top: 80px;
}

@media (max-width: 769px) {
  .events-newsletter-bar-top-spacer {
    display: none;
  }

  .events-newsletter-bar-bottom-spacer {
    padding-top: 20px;
  }

  .single-news-description{
    opacity: 0.6;
    font-family: Inter;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #002c45;
  }

  .single-news-date{
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0);
    font-family: Inter;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #002c45;
  }
}

@media (max-width: 992px) {
  .newsletter-bar-top-spacer {
    padding-top: 16px;
  }

  .newsletter-bar-bottom-spacer {
    padding-top: 16px;
  }
}

.single-news:hover,
.single-event-title:hover,
.single-event-description:hover,
.single-event-image:hover {
  cursor: pointer;
}


@media (min-width: 460px) and (max-width: 992px) {
  .single-event-title{
    font-size: 20px;
  }
}


@media (max-width: 460px) {

  .single-event-title{
    font-size: 16px;
  }

  .single-event-description{
    font-size: 16px;
  }

}

@media (max-width: 768px) {
    .single-news-title {
      margin-bottom: 10px;
    }

    .single-event-description{
      opacity: 0.6;
      font-family: Inter;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.75;
      letter-spacing: normal;
      text-align: left;
      color: #002c45;
    }

    .single-event-title {
      line-height: 1.42;
      font-size: 16px;
    }

    .single-event-date{
      opacity: 0.6;
      font-family: Inter;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.75;
      letter-spacing: normal;
      text-align: left;
      color: #002c45;
    }
  }


.container-animation{
  overflow: hidden;
  border-radius: 5px;
  width: 100%;
  height: 159px;
}

@media (max-width: 768px){
  .page-title-container{
    margin-top: -4px;
    margin-bottom: 25.5px;
  }
}