/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.nav-top-link {
  position: relative;
  text-decoration: none;
  padding-bottom: 4px;
  transition: all 0.3s ease-in-out;
}

.nav-top-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: transparent;
  transition: all 0.3s ease-in-out;
}

/* Każdy element z innym gradientem i animacją */
.header-nav-main > li:nth-child(1) .nav-top-link::after {
  background: linear-gradient(90deg, #00ff87, #60efff);
  background-size: 200% 100%;
  animation: gradientMove 2s linear infinite;
}

.header-nav-main > li:nth-child(2) .nav-top-link::after {
  background: linear-gradient(90deg, #ff6ec4, #7873f5);
  background-size: 200% 100%;
  animation: gradientMove 2s linear infinite;
}

.header-nav-main > li:nth-child(3) .nav-top-link::after {
  background: linear-gradient(90deg, #f9d423, #ff4e50);
  background-size: 200% 100%;
  animation: gradientMove 2s linear infinite;
}

.header-nav-main > li:nth-child(4) .nav-top-link::after {
  background: linear-gradient(90deg, #4facfe, #00f2fe);
  background-size: 200% 100%;
  animation: gradientMove 2s linear infinite;
}

.header-nav-main > li:nth-child(5) .nav-top-link::after {
  background: linear-gradient(90deg, #43e97b, #38f9d7);
  background-size: 200% 100%;
  animation: gradientMove 2s linear infinite;
}

.header-nav-main > li:nth-child(6) .nav-top-link::after {
  background: linear-gradient(90deg, #fbc2eb, #a6c1ee);
  background-size: 200% 100%;
  animation: gradientMove 2s linear infinite;
}

.header-nav-main > li:nth-child(7) .nav-top-link::after {
  background: linear-gradient(90deg, #ff9a9e, #fad0c4);
  background-size: 200% 100%;
  animation: gradientMove 2s linear infinite;
}

.header-nav-main > li:nth-child(8) .nav-top-link::after {
  background: linear-gradient(90deg, #c1dfc4, #deecdd);
  background-size: 200% 100%;
  animation: gradientMove 2s linear infinite;
}

/* Animacja przesuwania gradientu */
@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

.absolute-footer ul
{
  font-size:15px;
}
.button--facebook .wpdudecom-social-name
{
  font-size:13px
}