/*
* **********************************
* ################################## ESTILOS DE NOTÍCIAS
* **********************************
*/

/*
========================
======================== ALTERA MAIN HEADER
========================
*/

.main_header {
  border-bottom: 1px solid #004b96;
}

/*
========================
======================== NOTÍCIAS
========================
*/

.news_spotlight {
  background-color: #e7f1f6;
  padding: 50px 0;
}

.news_spotlight.banco-de-sangue {
  background-color: #e7e8e3;
}

.header_news_spotlight {
  text-align: left;
  margin-bottom: 40px;
}

.header_news_spotlight h1 {
  font-size: 2.5em;
  font-weight: 400;
  color: #313335;
  border-left: 5px solid #004b96;
  padding: 10px;
}

.news_spotlight.banco-de-sangue .header_news_spotlight h1 {
  border-left: 5px solid #e11f27;
}

.header_news_spotlight h1 span {
  font-weight: 300;
  display: block;
}

.news_spotlight_list {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  overflow: hidden;
}

.news_spotlight_item {
  position: relative;
}

.news_spotlight_item_cover {
  position: relative;
  background: #6cb8e3;
  overflow: hidden;
}

.news_spotlight_item_cover:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;

  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(108, 184, 227, 0.8) 80%,
    rgba(108, 184, 227, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(80%, rgba(108, 184, 227, 0.8)),
    color-stop(100%, rgba(108, 184, 227, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(108, 184, 227, 0.8) 80%,
    rgba(108, 184, 227, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(108, 184, 227, 0.8) 80%,
    rgba(108, 184, 227, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(108, 184, 227, 0.8) 80%,
    rgba(108, 184, 227, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(108, 184, 227, 0.8) 80%,
    rgba(108, 184, 227, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
}

.news_spotlight_item_cover img {
  min-width: 100%;
  height: 380px;
  object-fit: cover;

  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

@media (max-width: 1024px) {
  .news_spotlight_item_cover img {
    height: 280px;
  }
}

.news_spotlight_item:hover .news_spotlight_item_cover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

  opacity: 0.5;
}

.news_spotlight_item_header {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 30px;
}

.news_spotlight_item_header h1 {
  font-size: 1.5em;
  font-weight: 600;
  color: #fff;
}

.news_spotlight_item_header p {
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  margin-top: 10px;
  display: block;
}

.news_spotlight_btn {
  text-align: center;
  margin-top: 30px;
}

.news_spotlight_btn a {
  font-size: 1.125em;
  font-weight: 300;
  color: var(--lightBlack);
}

.news_spotlight_btn a:hover {
  text-decoration: underline;
}

/*DOTS*/
.news_spotlight_list .slick-dots {
  margin-top: 10px;
  text-align: center;
  z-index: 10;
  position: relative;
}

.news_spotlight_list .slick-dots li {
  display: inline-block;
}

.news_spotlight_list .slick-dots li button {
  background: transparent;
  border: 1px solid #004b96;
  display: block;
  width: 13px;
  height: 13px;
  margin: 2px;
  cursor: pointer;

  font-size: 0;
  outline: 0;
  padding: 0;

  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;

  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.news_spotlight.banco-de-sangue .news_spotlight_list .slick-dots li button {
  border: 1px solid #e11f27;
}

.news_spotlight_list .slick-dots li:hover button,
.news_spotlight_list .slick-dots li.slick-active button {
  background: #004b96;
  border: 1px solid #004b96;
}

.news_spotlight.banco-de-sangue
  .news_spotlight_list
  .slick-dots
  li:hover
  button,
.news_spotlight.banco-de-sangue
  .news_spotlight_list
  .slick-dots
  li.slick-active
  button {
  background: #e11f27;
  border: 1px solid #e11f27;
}

/*
========================
======================== NOTÍCIAS LIST
========================
*/

.news {
  margin-top: 100px;
}

.header_news {
  margin-bottom: 20px;
}

.header_news h1 {
  font-size: 2.5em;
  font-weight: 400;
  color: #313335;
  border-left: 5px solid #004b96;
  padding: 10px;
}

.news.banco-de-sangue .header_news h1 {
  border-left: 5px solid #e11f27;
}

.header_news h1 span {
  font-weight: 300;
  display: block;
}

.news .pagination {
  flex-basis: 100%;
}

.news .pagination-objects {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

@media (max-width: 840px) {
  .news .pagination-objects {
    flex-direction: column;
    margin: 0;
  }
}

.news_item {
  flex-basis: calc(25% - 30px);
  margin: 15px;
}

@media (max-width: 1024px) {
  .news_item {
    flex-basis: calc(50% - 30px);
    margin: 15px;
  }
}

@media (max-width: 840px) {
  .news_item {
    flex-basis: 100px;
    margin: 0 0 30px 0;
  }
}

.news_item_cover {
  width: 100%;
  background-color: #004b96;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.news.banco-de-sangue .news_item_cover {
  background-color: #e11f27;
}

.news_item_cover img {
  min-width: 100%;
  height: 200px;
  object-fit: cover;

  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

@media (max-width: 1366px) {
  .news_item_cover img {
    height: 160px;
  }
}

@media (max-width: 840px) {
  .news_item_cover img {
    height: 300px;
  }
}

@media (max-width: 640px) {
  .news_item_cover img {
    height: 200px;
  }
}

.news_item:hover .news_item_cover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

  opacity: 0.5;
}

.news_item_cover .btn {
  display: none;
  background: transparent !important;
  border: 1px solid #fff;
  font-size: 1.375em;
  padding: 13px 30px;
  position: absolute;

  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.news_item:hover .news_item_cover .btn {
  display: block;
  background: transparent !important;
}

.news_item_header {
  margin-top: 20px;
}

.news_item_header h1 {
  font-size: 1.2em;
  color: #313338;
  font-weight: 400;
}

.news_item_header span {
  background-color: #004b96;
  width: 100px;
  height: 5px;
  display: block;
  margin: 10px 0;
}

.news.banco-de-sangue .news_item_header span {
  background-color: #e11f27;
}

.news_item_header p {
  font-size: 1em;
  color: #313338;
  font-weight: 300;
  margin-top: 5px;
}

.news_item:hover .news_item_header h1,
.news_item:hover .news_item_header p {
  color: #333;
}

.news .pagination-links {
  margin-top: 40px;
}

/*
========================
======================== ALTERA MAIN FOOTER
========================
*/

.main-footer {
  margin-top: 100px;
}