/**
Theme Name: 4CFOs
Author: MoreOptions
Author URI: https://moreoptions.pl
Description: Hello!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 4cfos
Template: astra
*/
/* Skalowanie tylko dla wybranych nagłówków */

.hero-title {
    font-family: "Fractul Bold", sans-serif !important;
    font-size: clamp(38px, 5vw, 100px) !important;
    margin: 0 !important;
}

/* Zwykłe paragrafy */
.p-normal p {
    font-size: clamp(18px, 1.3vw, 23px) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Duży paragraf (np. lead, cytat) */
.p-large p {
  font-size: clamp(20px, 1.8vw, 35px) !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

/* Nadpisanie dla telefonów (poniżej 768px) */
@media (max-width: 768px) {
  p-large p {
    font-size: 40px !important; /* Możesz dopasować */
    line-height: 1.4 !important; /* Opcjonalnie */
  }
}
}
.h3-title h3 {
  font-size: clamp(35px, 5vw, 90px) !important;
  margin: 0;

}
/* Stylizacja kontenera ikon social media footer */
.social-media-icons {
    display: flex; /* Flexbox dla łatwego wyrównania */
    justify-content: flex-end; /* Wyrównanie ikon do prawej */
    gap: 26px; /* Odstęp między ikonami zamiast marginesów */
}

.social-media-icons a {
    text-decoration: none; /* Usuń podkreślenie linków */
    display: flex; /* Ustawienie flexbox dla wyśrodkowania */
    justify-content: center; /* Wyśrodkowanie poziome ikony */
    align-items: center; /* Wyśrodkowanie pionowe ikony */
    width: 72px; /* Szerokość ikony dopasowana do SVG */
    height: 72px; /* Wysokość ikony dopasowana do SVG */
}

/* Stylizacja obrazów SVG */
.social-media-icons img {
    width: 72px; /* Szerokość ikon */
    height: 72px; /* Wysokość ikon */
}
/* koniec Stylizacja kontenera ikon social media footer */