/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1734000885
Updated: 2024-12-12 10:54:45

*/

body, h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
#main-content .container:before {background: none;}
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }

/* Usuń domyślne style listy */
.et_pb_widget ul.wp-block-list li {
    list-style: none; /* Usuń standardowy znacznik listy */
    position: relative; /* Pozycjonowanie dla strzałek */
    padding-left: 20px; /* Odstęp dla strzałek */
    line-height: 1.5; /* Wyrównanie tekstu i ikony */
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 15px;
    text-transform: uppercase;
}

/* Style dla linków w sidebar */

.cenniki-widget a {
    color: #0073e6 !important; /* Kolor linków */
    text-decoration: none; /* Usunięcie podkreślenia */
    font-weight: bold; /* Pogrubienie */
    position: relative;
    padding-left: 25px; /* Mniejszy odstęp dla strzałki */
    transition: color 0.3s ease-in-out; /* Płynna zmiana koloru */
    display: block; /* Ustawienie linków jako bloki */
    line-height: 1.6; /* Zwiększenie interlinii */
}

.cenniki-widget a:before {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    color: #0073e6 !important; /* Kolor strzałki */
    position: absolute;
    left: 0; /* Strzałka przylega do lewej krawędzi */
    top: 50%;
    transform: translateY(-50%);
    transition: color 0.3s ease-in-out; /* Płynna zmiana koloru strzałki */
}

.cenniki-widget a:hover {
    color: #ff6600 !important; /* Zmiana koloru linku po najechaniu */
    text-decoration: underline; /* Podkreślenie po najechaniu */
}

.cenniki-widget a:hover:before {
    color: #ff6600 !important; /* Strzałka zmienia kolor jak link */
}

/* Styl dla telefonów */
@media (max-width: 768px) {
    .cenniki-widget a {
        background-color: #ffbf00; /* Kolor tła przycisków - pomarańczowy */
        color: #000000 !important; /* Czarny tekst */
        margin: 0 15px 10px; /* Odstęp po bokach i między przyciskami */
        text-align: center; /* Wyśrodkowanie tekstu */
        padding: 10px; /* Większe przyciski */
        border-radius: 5px; /* Zaokrąglone rogi */
        display: block; /* Blokowe przyciski */
    }
    .cenniki-widget a:before {
        display: none; /* Ukrycie strzałek */
    }
	.wp-block-heading{
		text-align: center; /* Wyśrodkowanie tekstu */
	}
}



.mobile_menu_bar:before {
color: #353535 !important; 
}

#top-menu .sub-menu {
    min-width: 380px; /* Dostosuj szerokość do swoich potrzeb */
}

#top-menu li li a {
    width: auto !important;
    min-width: 250px; /* Możesz dostosować minimalną szerokość */
    display: block;
    white-space: nowrap;
}


.et_pb_widget{
    margin-bottom: 0 !important; /* Opcjonalnie usuń marginesy, jeśli nie są potrzebne */
}

.et_pb_widget h1,
.et_pb_widget h2,
.et_pb_widget h3,
.et_pb_widget h4,
.et_pb_widget h5,
.et_pb_widget h6 {
    background: #353535;
	color: #FFF;
	padding: 7px;
	margin-bottom:20px;
}

/* Upewniamy się, że Divi ładuje czcionkę ikon */
@font-face {
    font-family: "ETmodules";
    src: url("/wp-content/themes/Divi/core/admin/fonts/modules/base/modules.ttf") format("truetype"),
         url("/wp-content/themes/Divi/core/admin/fonts/modules/base/modules.woff") format("woff"),
         url("/wp-content/themes/Divi/core/admin/fonts/modules/base/modules.eot") format("embedded-opentype"),
         url("/wp-content/themes/Divi/core/admin/fonts/modules/base/modules.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Styl ikon Divi - zmniejszenie ikon i ujednolicenie stylu */
.et-pb-icon {
    font-size: 20px !important; /* Globalna wielkość ikon */
    font-weight: bold; /* Pogrubienie ikon */
    vertical-align: middle;
    margin-right: 5px;
}

/* Styl ikon Divi - poprawiona wersja na podstawie ręcznej weryfikacji */
.lock::before {
    content: "\7e"; /* Ikona zamka */
    font-family: "ETmodules" !important;
    color: #d9534f; /* Czerwony */
}

.key::before {
    content: "\e001"; /* Ikona klucza */
    font-family: "ETmodules" !important;
    color: #f0ad4e; /* Pomarańczowy */
}

.tools::before {
    content: "\e035"; /* Ikona narzędzi */
    font-family: "ETmodules" !important;
    color: #5bc0de; /* Niebieski */
}

.box-checked::before {
    content: "\5a"; /* Ikona checkbox */
    font-family: "ETmodules" !important;
    color: #5cb85c; /* Zielony */
}

.pin::before {
    content: "\e081"; /* Ikona pinezki */
    font-family: "ETmodules" !important;
    color: #0073e6; /* Niebieski */
}

.check-alt::before {
    content: "\e052"; /* Ikona zatwierdzenia */
    font-family: "ETmodules" !important;
    color: #5cb85c; /* Zielony */
}

.phone::before {
    content: "\e090"; /* Ikona telefonu */
    font-family: "ETmodules" !important;
    color: #5cb85c; /* Zielony */
}

.mail-alt::before {
    content: "\e010"; /* Ikona e-maila */
    font-family: "ETmodules" !important;
    color: #d9534f; /* Czerwony */
}

.error-triangle-alt::before {
    content: "\73"; /* Ikona błędu */
    font-family: "ETmodules" !important;
    color: #f0ad4e; /* Pomarańczowy */
}

.cog::before {
    content: "\e037"; /* Ikona ustawień */
    font-family: "ETmodules" !important;
    color: #0073e6; /* Niebieski */
}

.star::before {
    content: "\e033"; /* Ikona gwiazdki */
    font-family: "ETmodules" !important;
    color: #f0ad4e; /* Pomarańczowy */
}

.block::before {
    content: "\e02e"; /* Ikona blokady */
    font-family: "ETmodules" !important;
    color: #d9534f; /* Czerwony */
}
.wp-google-stars .wp-star svg {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    fill: #fb8e28 !important;
}

.wp-google-stars .wp-star path {
    fill: #fb8e28 !important;
    stroke: none !important;
}

.wp-google-stars {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/* Wymuś wyświetlanie gwiazdek także na podstronie */
.wp-google-stars .wp-star {
    display: inline-block !important;
    padding: 0 2px !important;
    line-height: 1 !important;
}

/* Wymuś wyświetlanie SVG w podstronie */
.wp-star svg {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Spróbuj ukryć ewentualne błędne linki w SVG */
.wp-star a {
    display: none !important;
}

div.wpforms-container .wpforms-field{
	padding:5px 0;
}

div.wpforms-container-full:not(:empty){
	margin:0 auto;
}

/* Ogólne stylowanie tabeli */
.pricing-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 25px;
}

.pricing-table-header {
  background-color: #f4f4f4;
}

.pricing-table-header-cell {
  border: 1px solid #ddd;
  padding: 10px;
  font-weight: bold;
  text-align: left;
}

.pricing-table-body .pricing-table-cell {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

/* Stylowanie na zmianę kolorów wierszy */
.pricing-table-body tr:nth-child(odd) {
  background-color: #f9f9f9;
}

.pricing-table-body tr:nth-child(even) {
  background-color: #ffffff;
}

/* Responsywność - przewijanie tabeli */
.responsive-table {
  overflow-x: auto;
  display: flex;
  justify-content: center;
}

/* Styl dla telefonów */
@media (max-width: 768px) {
  .responsive-table {
    width: 100%; /* Kontener dostosowuje się do szerokości ekranu */
  }

  .pricing-table {
    width: 95%; /* Tabela zajmuje 85% ekranu */
    margin: 0 auto; /* Wyśrodkowanie tabeli */
  }

  .pricing-table-header-cell,
  .pricing-table-body .pricing-table-cell {
    padding: 8px; /* Mniejsze odstępy wewnątrz komórek na telefonie */
  }
}

@media (max-width: 980px) {
	.et_pb_column .et_pb_row_inner,.et_pb_row {
        padding: 5px 0 !important;
    }
	.et_pb_section{
		padding-top: 0px !important;
	}
}
.mob-menu-header-holder{
	background-color:#FFF !important;
}

.mobmenur-container i{
	color:#111 !important;
}

/* Ukryj menu Divi na urządzeniach mobilnych */
@media (max-width: 980px) {
    #et_mobile_nav_menu {
        display: none !important;
    }
}

.et_header_style_left #et-top-navigation{
	padding-top:0px !important;
}

/*replace the back to top button icon*/
body .et_pb_scroll_top:before {
	content: "\21" !important;
	color: white;
	position: relative;
	top: 3px;
}

/*add text to the back to top button*/
body .et_pb_scroll_top:after {
	content: "Powrót" !important;
	font-family: Open Sans, sans-serif !important;
	line-height: 25px !important;
	font-size: 19px !important;
	position: relative;
	top: -2px;
	margin-left: 10px !important;
}

/*style and position the back to top button*/
body .et_pb_scroll_top {
	padding: 10px 20px 10px 10px !important;
	right: 20px !important;
	bottom: 35px !important;
	border-radius: 5px !important;
}

.fas.fa-envelope { /* Ikona maila */
  color: #1f9bde;
}

.fab.fa-whatsapp { /* Ikona WhatsApp */
  color: green;
}

.fas.fa-phone { /* Ikona telefonu */
  color: red;
}

#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after{
	width: 50px;
    height: 6px;
}
/* Stylizacja kontenera akordeonu */
.accordion-item {
  border: 1px solid #ddd; /* Ramka */
  border-radius: 5px; /* Zaokrąglenie rogów */
  margin-bottom: 10px; /* Odstęp między akordeonami */
  overflow: hidden; /* Zapobieganie przesunięciom */
}

/* Nagłówek akordeonu */
.accordion-header {
  display: flex; /* Flexbox dla wyrównania */
  justify-content: space-between; /* Nagłówek po lewej, przycisk po prawej */
  align-items: center; /* Wyśrodkowanie w pionie */
  padding: 15px; /* Wewnętrzne odstępy */
  background-color: #f9f9f9; /* Tło nagłówka */
  cursor: pointer; /* Ręka jako kursor */
  font-weight: bold; /* Pogrubienie tekstu */
}

/* Tytuł w nagłówku */
.accordion-header h3 {
  margin: 0 !important; /* Usuń marginesy */
  padding: 0px;
  font-size: 1.2em; /* Rozmiar czcionki */
  
}

/* Przycisk "Rozwiń/Zwiń" */
.accordion-toggle {
  background-color: #ffbf00; /* Domyślne tło przycisku */
  color: #000; /* Kolor tekstu */
  border: none; /* Usuń ramkę */
  border-radius: 5px; /* Zaokrąglenie rogów */
  padding: 5px 10px; /* Wewnętrzne odstępy */
  cursor: pointer; /* Ręka jako kursor */
  transition: background-color 0.3s ease; /* Płynna zmiana koloru */
}

/* Przycisk po najechaniu (dla komputerów) */
.accordion-toggle:hover {
  background-color: #26D367; /* Zmiana koloru tła podczas najechania */
}

/* Wyłączenie efektu hover na telefonach */
@media (max-width: 768px) {
  .accordion-toggle:hover {
    background-color: #ffbf00; /* Przywróć domyślny kolor na telefonach */
  }
}


/* Treść akordeonu (domyślnie ukryta) */
.accordion-content {
  display: none; /* Ukrycie treści */
  padding: 15px; /* Wewnętrzne odstępy */
  background-color: #fff; /* Tło treści */
  border-top: 1px solid #ddd; /* Linia oddzielająca nagłówek od treści */
}

/* Widoczna treść, gdy akordeon jest otwarty */
.accordion-item.open .accordion-content {
  display: block; /* Pokazanie treści */
}

/* Stylizacja linków w treści akordeonu */
.accordion-content a {
  color: #0073e6 !important; /* Wymuszenie koloru linków */
  text-decoration: none; /* Usunięcie podkreślenia */
  font-weight: bold; /* Pogrubienie */
  position: relative;
  padding-left: 35px; /* Większy odstęp dla strzałki */
  transition: color 0.3s ease-in-out; /* Płynna zmiana koloru */
  display: block; /* Linki jako bloki */
  line-height: 1.6; /* Zwiększenie interlinii */
  text-indent: 0; /* Usunięcie przesunięcia tekstu */
  word-wrap: break-word; /* Zapewnienie poprawnego zawijania */
}

/* Strzałka przed linkiem */
.accordion-content a:before {
  content: "\f061"; /* Ikona strzałki */
  font-family: "Font Awesome 5 Free"; /* Użycie Font Awesome */
  font-weight: 900;
  font-size: 12px;
  color: #0073e6 !important; /* Wymuszenie koloru strzałki */
  position: absolute;
  left: 10px; /* Odstęp strzałki od lewej krawędzi */
  top: 50%;
  transform: translateY(-50%); /* Wyśrodkowanie pionowe */
  transition: color 0.3s ease-in-out; /* Płynna zmiana koloru strzałki */
}

/* Linki po najechaniu */
.accordion-content a:hover {
  color: #ff6600 !important; /* Zmiana koloru linku po najechaniu */
  text-decoration: underline; /* Podkreślenie po najechaniu */
}

/* Strzałka przy linku po najechaniu */
.accordion-content a:hover:before {
  color: #ff6600 !important; /* Strzałka zmienia kolor jak link */
}


/* Media query: Zmniejszenie rozmiaru czcionki na telefonie */
@media (max-width: 768px) {
  .accordion-header h3 {
    font-size: 1em; /* Mniejszy rozmiar czcionki dla urządzeń mobilnych */
	line-height: 1.4em;
	font-weight:300;
  }
}

/* Ustaw styl tylko dla pozycji w submenu */
.mega-sub-menu .mega-menu-item > a.mega-menu-link {
    line-height: 20px !important; /* Wysokość linii w submenu */
	margin:0px !important;
}

/* Dostosowanie dla urządzeń mobilnych */
@media (max-width: 768px) {
    /* Poziom 1 (główne menu) */
    .mega-menu > li > a.mega-menu-link {
        font-weight: bold !important; /* Pogrubiony tekst */
        text-transform: none !important; /* Bez zmiany wielkości liter */
        font-size: 16px !important; /* Rozmiar tekstu */
    }

    /* Poziom 2 (submenu) */
    .mega-menu .mega-sub-menu > li > a.mega-menu-link {
        font-weight: normal !important; /* Normalny tekst */
        text-transform: uppercase !important; /* DUŻE LITERY */
        font-size: 14px !important; /* Mniejszy rozmiar tekstu */
    }

    /* Poziom 3 (submenu w submenu) */
    .mega-menu .mega-sub-menu .mega-sub-menu > li > a.mega-menu-link {
        font-weight: normal !important; /* Normalny tekst */
        text-transform: lowercase !important; /* małe litery */
        font-size: 12px !important; /* Jeszcze mniejszy rozmiar tekstu */
        position: relative; /* Potrzebne do umieszczenia strzałki */
        padding-left: 25px !important; /* Większy odstęp na strzałkę */
    }

    /* Strzałka w prawo dla poziomu 3 */
.mega-menu .mega-sub-menu .mega-sub-menu > li > a.mega-menu-link::before {
    content: '▶' !important; /* Kod strzałki */
    font-size: 12px !important; /* Rozmiar strzałki */
    color: #666 !important; /* Kolor strzałki */
    position: absolute !important;
    left: 10px !important; /* Większy odstęp od lewej krawędzi */
    top: 0 !important; /* Usunięcie automatycznego wyśrodkowania */
    bottom: 5px !important; /* Zmiana ustawienia pionowego */
    margin: auto 0 !important; /* Wyśrodkowanie w pionie */
    display: flex !important;
    align-items: center !important;
    height: 100% !important; /* Dopasowanie do wysokości linii tekstu */
}
}