/*
Theme Name: Njeguski
Theme URI: localhost/njeguski
Author: SIKS
Author URI: http://siks.me
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("assets/css/header.css");

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: radial-gradient(
    circle,
    rgba(49, 81, 83, 1) 0%,
    rgba(20, 28, 29, 1) 100%
  );
}

p:empty {
  display: none;
}

ul {
  padding: 0 !important;

  & li {
    list-style: none;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Agdasima", sans-serif;
  font-weight: 700;
  font-style: normal;
}

a, p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

a {
  color: white !important;
  text-decoration: none !important;
}

[role="button"] {
  background-color: white !important;
}

.swiper-button-next,
.swiper-button-prev {
  background-color: transparent !important;
  color: gray !important;

  &::after {
    font-size: 2rem !important;
  }
}

.pickanalyze-img {
  width: 100px;
  height: 6rem;
  left: 6px;

  @media screen and (min-width: 1024px) {
    width: auto;
    height: 9rem;
  }
}

.trickroll-img {
  width: 109px;
  height: 7rem;
  left: 2px;

  @media screen and (min-width: 1024px) {
    width: auto;
    height: 11rem;
  }
}

.baksuzira-img {
  height: 10rem;
  left: 6px;

  @media screen and (min-width: 1024px) {
    width: auto;
    height: 9rem;
  }
}

.kulturica-img {
  width: 109px;
  height: 12rem;
  left: 2px;

  @media screen and (min-width: 1024px) {
    width: auto;
    height: 11rem;
  }
}

/* animated radial gradient — plain CSS (use in style.css or Additional CSS) */
.background-primary {
  position: relative;
  width: 100%;
  height: 100dvh; /* adjust as needed */
  overflow: hidden;
}

.background-primary::after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 300%;
  height: 300%;
  background: radial-gradient(
    circle at center,
    rgba(49, 81, 83, 1) 0%,
    rgba(20, 28, 29, 1) 100%
  );
  background-size: 200% 200%;
  animation: waveyShift 10s ease-in-out infinite alternate;
}

@keyframes waveyShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.news-img {
  @media screen and (max-width: 375px) {
    right: 68px;
  }
}