/*
Theme Name: EU News Fixed
Theme URI: https://eunews.al/
Author: Xervi Kola
Description: WordPress theme converted from the supplied static EU News front page. Includes front page, single post, category, tag, author, search and archive templates.
Version: 1.1.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: eunews-fixed
*/

body, input, textarea, select, button {
  font-family: "Source Sans 3", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.a-head, .entry-title, .single-title, .section-title,
.main-slider .a-card .a-head {
  font-family: "Playfair Display", Georgia, serif;
}

.nav-main-links li a,
.nav-bar-right .nav-bar_link a,
.nav-bar-navigation,
.col-title h2,
.a-category, .a-cat, .a-meta,
button, .btn, .pagination,
.flash-news .fn-title, .site-footer__bottom {
  font-family: "Montserrat", Arial, sans-serif;
}

.main-slider .swiper-arrows {
  position: absolute;
  z-index: 12;
  top: calc(63.7% - 54px);
  right: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.main-slider .swiper-button-prev,
.main-slider .swiper-button-next {
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center;
  border: 1px solid rgba(255,255,255,.85);
  border-radius: 50%;
  background: rgba(0, 57, 120, .92);
  color: #fff;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.main-slider .swiper-button-prev::after,
.main-slider .swiper-button-next::after {
  display: block !important;
  font-family: Arial, sans-serif !important;
  font-size: 25px !important;
  font-weight: 400;
  line-height: 1;
}
.main-slider .swiper-button-prev::after { content: "‹"; }
.main-slider .swiper-button-next::after { content: "›"; }
.main-slider .swiper-button-prev:hover,
.main-slider .swiper-button-next:hover {
  background: #ffda03;
  color: #003978;
  transform: translateY(-2px);
}
.main-slider .swiper-button-disabled {
  opacity: .45;
  cursor: default;
  transform: none !important;
}

@media (max-width: 767px) {
  .main-slider .swiper-arrows {
    top: calc(63.7% - 47px);
    right: 14px;
    gap: 6px;
  }
  .main-slider .swiper-button-prev,
  .main-slider .swiper-button-next {
    width: 32px !important;
    height: 32px !important;
  }
  .main-slider .swiper-button-prev::after,
  .main-slider .swiper-button-next::after {
    font-size: 22px !important;
  }
}

.main-slider {
  position: relative;
}

.main-slider .swiper-arrows {
  top: 0 !important;
  right: 20px;
  margin-top: calc(63.7% - 40px) !important;
  gap: 10px;
}

.main-slider .swiper-button-prev,
.main-slider .swiper-button-next {
  width: 30px !important;
  height: 30px !important;
  border: 1px solid rgba(255, 255, 255, .92);
  background: rgba(0, 57, 120, .96);
  color: #ffda03;
  transform: none !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.main-slider .swiper-button-prev::after,
.main-slider .swiper-button-next::after {
  margin-bottom: 3px;
  display: block !important;
  color: currentColor;
  font-size: 25px !important;
  font-weight: 400;
}

.main-slider .swiper-button-prev:hover,
.main-slider .swiper-button-next:hover,
.main-slider .swiper-button-prev:focus-visible,
.main-slider .swiper-button-next:focus-visible,
.main-slider .swiper-button-prev:active,
.main-slider .swiper-button-next:active {
  background: #ffda03;
  border-color: #ffda03;
  color: #fff;
  outline: none;
}

.main-slider .swiper-button-prev:focus-visible,
.main-slider .swiper-button-next:focus-visible {
  box-shadow: 0 0 0 3px rgba(255, 218, 3, .35);
}

.main-slider .swiper-button-disabled,
.main-slider .swiper-button-disabled:hover {
  opacity: .45;
  cursor: default;
  background: rgba(0, 57, 120, .96);
  border-color: rgba(255, 255, 255, .92);
  color: #ffda03;
}

@media (max-width: 767px) {
  .main-slider .swiper-arrows {
    right: 14px;
    margin-top: calc(63.7% - 40px) !important;
    gap: 7px;
  }

  .main-slider .swiper-button-prev,
  .main-slider .swiper-button-next {
    width: 34px !important;
    height: 34px !important;
  }

  .main-slider .swiper-button-prev::after,
  .main-slider .swiper-button-next::after {
    font-size: 25px !important;
  }
}