:root { --accent: #1c7eff; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }/*Zmniejsczenie paddingu sekcji z ogłoszeniami */ .i-section { padding-top: 20px; padding-bottom: 50px; padding-left: 10px; padding-right: 10px; } /*hebry gmin na głównej stronie nie posiadają obramowania*/ figure.wp-caption { border: 0 !important; } /*ikony miejsc na stronie głównej posiadają zaokrąglenie*/ #miejsca-ikony .elementor-widget-container { border-radius: 5px; overflow: hidden; /* opcjonalnie, jeśli chcesz przyciąć zawartość do zaokrąglonego kształtu */ } /*stylizacja zdjęć w ogłoszeniu (chodzi o cover czyli okienko)*/ #miejsca-home-page .lf-background, #odkryj-powiat-pulawski .lf-background { height: auto; width: 100%; aspect-ratio: 16/10; } /* Styl dla tabletów */ @media (min-width: 768px) and (max-width: 1200px) { #miejsca-home-page .lf-background, #odkryj-powiat-pulawski .lf-background { aspect-ratio: 4/3; } } /*zdjecie w katalogu firm na stronie głównej bardziej widoczne*/ #miejsca-home-page div.overlay { opacity: 0.2 !important; } .explore-head .explore-types>div>a { padding: 0 25px !important; } .lf-item .overlay { opacity: 0.6 !important; } /*modyfikacja katalogu firm na stronie głównej dla wersji mobilnej*/ @media (max-width: 768px) { #miejsca-home-page span.category-name { font-size: 10px; } #miejsca-home-page ul.lf-contact.no-list-style { padding-top: 0; padding-bottom: 0; } #miejsca-home-page div.listing-details.c27-footer-section { height: 45px; } #miejsca-home-page div.lf-item.lf-item-alternate { height: 200px; } #miejsca-home-page div.lf-avatar { box-shadow: 0 1px 50px rgba(0, 0, 0, 0.2); } #miejsca-home-page div.lf-item.lf-item-alternate { height: 170px; } } /*KONIEc*/ /*STYLIZACJA FOOTER MENU W 3 KOLUMNACH*/ .menu-w-stopce .lewe-menu, .menu-w-stopce .srodkowe-menu, .menu-w-stopce .prawe-menu { margin-bottom: 50px; padding: 0; } .footer-nav { list-style: none; padding-left: 0; margin: 0; } .footer-nav li { margin-bottom: 5px; } .menu-w-stopce .footer-nav a, .menu-w-stopce a { text-decoration: none; color: #FF8C00; transition: text-decoration 0.2s ease; } .footer-nav a:hover { text-decoration: underline; } .footer-platnosci { margin: 10px 0px; } .footer-platnosci img { margin-left: 40px; margin-bottom: 10px; } /*KONIEC ---- STYLIZACJA FOOTER MENU W 3 KOLUMNACH*/ /*MOBILNE MENU*/ .wp-bottom-menu-item span { text-align:center; } /*KONIEC - MOBILNE MENU*/ /*MAIL POET CSS STYLIZACJA WTYCZKI*/ form.mailpoet-manage-subscription .mailpoet_text_label, form.mailpoet-manage-subscription .mailpoet_select_label, form.mailpoet-manage-subscription .mailpoet_segment_label{ display: block; font-weight:bold; } form.mailpoet-manage-subscription .mailpoet_select, form.mailpoet-manage-subscription .mailpoet_text{ width: 50%; padding: 12px; } form.mailpoet-manage-subscription .mailpoet_paragraph{ margin-bottom:20px } form.mailpoet-manage-subscription .mailpoet_submit{ padding: 20px 20px; width: 50%; font-weight: bold; font-size: 11pt; } #mp_form_below_posts1 { display: flex; justify-content: center; } #mp_form_below_posts1 .mailpoet_form { width: 100%; max-width: 1140px; /* domyślnie 100% szerokości */ padding-left: 15px; padding-right: 15px; box-sizing: border-box; } /*KONIEC - MAIL POET CSS STYLIZACJA WTYCZKI*/ /*Dodaj ogłoszenie*/ .plan-features { text-align: justify; } /*TOOLTIP DLA PRODUKTÓW W DODAJ OGŁOSZENIE*/ .dodaj-ogloszenie { position: relative; /* punkt odniesienia */ display: inline-block; cursor: default; overflow: visible; } .tooltip-icon { margin-left: 6px; cursor: pointer; position: relative; /* tooltip będzie względem kontenera, nie ikony */ } .tooltip-text { position: absolute; bottom: 100%; /* pokazuje się nad ikoną */ left: 50%; transform: translateX(-50%); margin-bottm: 8px; width: 240px; background-color: #333; color: white; padding: 8px; border-radius: 6px; font-size: 13px; white-space: normal; visibility: hidden; opacity: 0; transition: opacity 0.3s; z-index: 9999; pointer-events: none; } .dodaj-ogloszenie img.verified-listing.ls-is-cached.lazyloaded { margin-bottom: 3px; } /* Tooltip pojawia się po najechaniu na ikonę */ .tooltip-icon:hover + .tooltip-text { visibility: visible; opacity: 1; pointer-events: auto; } /*w przyadku pierwszego ogloszenia tooltip pojawia się na dole*/ .tooltip-text.tooltip-bottom { top: 100%; /* pokazuje pod ikoną */ bottom: auto; /* wyłącz bottom */ margin-top: 8px; /* odstęp od ikony od dołu */ transform: translateX(-50%); } /*KONIEC - TOOLTIP DLA PRODUKTÓW W DODAJ OGŁOSZENIE*/ /* Każda wartość li od nowej linijki w okienku z firmą */ ul.lf-contact li { display: block; /* każdy <li> w nowym wierszu */ margin-bottom: 0.2em; /* opcjonalny odstęp między elementami */ } /*ukrycie w sekcji z ostatnimi wpisami w google opisu*/ .single-blog-feed .sbf-title p { display: none; } /*strona pakiety ogłoszeń*/ @media (max-width: 767px) { .btn-pakiety-ogloszen .elementor-button { padding: 12px 12px; } } /*tabela pakietów w dodawaniu ogłoszeń*/ .comparison-table { width: 100%; border-collapse: collapse; font-size: 14px; } .comparison-table th, .comparison-table td { padding: 10px 7px; text-align: left; vertical-align: middle; border: none; /* brak linii między kolumnami */ } .comparison-table th { background-color: #f5f5f5; font-weight: bold; text-align: center; } /* szerokości kolumn */ .comparison-table td:first-child { width: 5%; text-align: center; } .comparison-table td:nth-child(2) { width: 75%; } .comparison-table td:last-child { width: 20%; text-align: center; } /* oddzielenie wierszy linią .comparison-table tbody tr { border-bottom: 1px solid #e0e0e0; }*/ /* różne kolory tła wierszy */ .comparison-table tbody tr:nth-child(1) { background-color: #fafafa; } .comparison-table tbody tr:nth-child(2) { background-color: #fef9f5; } .comparison-table tbody tr:nth-child(3) { background-color: #fafafa; } .comparison-table tbody tr:nth-child(4) { background-color: #fef9f5; } .comparison-table tbody tr:nth-child(5) { background-color: #fafafa; } .comparison-table tbody tr:nth-child(6) { background-color: #fef9f5; } .check { color: green; font-weight: bold; } .cross { color: red; font-weight: bold; } .normal { color: black; font-weight: bold; } /*CSS dla stylizacji blog-post-wydarzenia-n8n*/ .event-card-n8n { display:flex; flex-wrap:wrap; align-items:flex-start; text-decoration:none; color:inherit; transition:transform 0.3s ease, box-shadow 0.3s ease; padding:5px; /* <-- dodany padding */ border-radius:6px; /* opcjonalnie, żeby całość była lekko zaokrąglona */ } .event-card-n8n:hover { transform:scale(1.02); box-shadow:0 4px 12px rgba(0,0,0,0.15); }