/**
* Place your view-news styles here.

MAIN
ADAPTIVE

*/


/* MAIN */
.page-block-news__view {
  padding-bottom: 1em;
}

.page-block-news__view .slides {
  margin-bottom: 20px;
}

.page-block-news__view .flexslider {
  margin-bottom: 35px;
}

.page-block-news__view ul.flex-direction-nav {
  list-style: none !important;
}

.page-block-news__view .flex-direction-nav a:before {
  font-size: 30px;
  color: #000;
  opacity: 0.5;
}

.page-block-news__view .flex-direction-nav .flex-prev {
  left: -25px !important;
}

.page-block-news__view .flex-direction-nav .flex-prev:before {
  margin-left: 10px;
}

.page-block-news__view .flex-direction-nav .flex-next {
  right: -25px !important;
}

.page-block-news__view .flex-direction-nav .flex-next:before {
  margin-right: 10px;
}

.view-news {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  border-radius: 16px;
  background-color: var(--white);
  box-shadow: var(--shadow);
  padding-inline: 20px;
  padding-block: 15px;
  height: 100%;
  transition: all .3s ease;
  line-height: normal;
}

.view-news:hover {
  box-shadow: var(--shadow-hover);
}

.view-news .field--name-field-image img {
  border-radius: 16px;
  width: 100%;
  height: 226px;
  object-fit: cover;
}

.view-news__title {
  font-size: 18px;
}

.view-news__title a {
  color: var(--blue);
  transition: var(--transition);
}

.view-news__title a:hover {
  color: var(--blue-hover);
  text-decoration: underline;
}

.page-block-news__view footer {
  display: flex;
  justify-content: center;
}

.page-block-news__view footer a {
  color: #323232;
  font-size: 16px;
  padding: 11px 40px 12px 40px;
  border-radius: 10px;
  border: 1px solid #067C93;
}

.page-block-news__view .view-news {
  margin-bottom: 30px;
}

@media (max-width: 480px) {
  .page-block-news__view .flex-direction-nav .flex-prev {
    left: -15px !important;
  }

  .page-block-news__view .flex-direction-nav .flex-next {
    right: -15px !important;
  }
}

@media (max-width: 400px) {
  .page-block-news__view .flex-direction-nav .flex-prev {
    left: -5px !important;
  }

  .page-block-news__view .flex-direction-nav .flex-next {
    right: -5px !important;
  }
}

@media (max-width: 380px) {
}