/*
 Theme Name:   Astra Child
 Description:  Moje poprawki dla motywu Astra
 Author:       Sylwek Krót
 Template:     astra
 Version:      1.0.0
*/
/

entry-meta a, .entry-meta a:link, .entry-meta a:visited, .entry-meta a:hover, .entry-meta a:active { color: #ffffff !important; } .entry-meta .published { color: #ffffff; } .main-header-bar-wrap { left: 0; right: 0; z-index: 1; } .site-header { height: 30px; z-index: 99; position: fixed; width: 100%; } h1, .entry-content h1 { font-size: 54px; font-size: 3.375rem; font-family:arial; margin-top:34px; margin-left:20px line-height: 1.4em; color: white; background-color:brown; box-shadow: 10px 5px 5px white; } a { color: white; font-family:arial; font-size: 0.8em; } h1{ font-weight:normal; } body { background-color: black; color:white; } .ast-blog-layout-5-grid .ast-article-post { margin-bottom: 0em; padding: 0; border-bottom: 0; } .ast-article-post .post-thumb-img-content ig { aspect-ratio: 16 / 9; width: 100%; padding: 15px; } .ast-primary-header-bar { background-color:#7C0A02; background-image: none; box-shadow: inset 0 0 0.7em white; width:100%; } [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg { width: 20px; margin-top:0px; height: 20px; fill: white; } logowanie { background: #f0f0f1; color: #3c434a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1.4em; min-width: 600px; } .ast-separate-container .ast-blog-layout-5-grid .post-content { padding-right: 1.5em; padding-top: 1.5em; background-color: white; padding-bottom: 1.5em; } /* szerkość postów */ .ast-separate-container .ast-blog-layout-5-grid .post-content { height:100%; padding-right: 1.5em; padding-top: 1.5em; background-color:white; padding-bottom: 1.5em; } .ast-article-post .post-thumb-img-content img { aspect-ratio: 16 / 9; background-color: white; padding: 15px; } .editor-styles-wrapper, .entry-content { counter-reset: footnotes; background-color: white; margin: 0px auto; margin-bottom: 10px; padding: 24px; } .entry-content>:last-child, .entry-summary>:last-child, .page-content>:last-child { margin-bottom: 0; padding: 10px; } .search .ast-archive-description > *:not(:last-child) { margin-bottom: 0px; background-color: black; color: white; } .editor-styles-wrapper, .entry-content { counter-reset: footnotes; background-color: white; width: 100%; margin: 0px auto; margin-bottom: 10px; padding: 24px; } *::-webkit-scrollbar { width: 9px; } *::-webkit-scrollbar-track { background: gray; } *::-webkit-scrollbar-thumb { background-color: yellow; border-radius: 20px; } body.archive .ast-archive-description > *:not(:last-child) { margin-bottom: 10px; color: white; width: 100%; } .ast-separate-container .ast-blog-layout-5-grid .post-content { padding-right: 1.5em; padding-top: 1.5em; background-color: white; padding-bottom: 1.5em; } .entry-meta, .entry-meta * { line-height: 1.45; color: var(--ast-global-color-8); font-weight: 100%; color: white; background-color: brown; margin-top:40px; } .archive .entry-title, .blog .entry-title, .search .entry-title { margin-top: -40px; } .ast-site-identity .site-title a { color: var(--ast-global-color-5); margin-left:20px; font-size: 28px; } .archive .entry-title, .blog .entry-title, .search .entry-title { margin-left:18px; margin-top: -70px; } .ast-builder-grid-row>.site-header-section { height: 48px; } .site-header-section { margin-top: 7px; height: 50px; min-height: 0; align-items: center; } .ast-site-identity .site-title a { color: var(--ast-global-color-5); margin-left: 20px; letter-spacing:2px; font-family:'Roboto', Arial, sans-serif; } .main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link { height: 100%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; font-family: 'Roboto', Arial, sans-serif; align-items: center; -js-display: flex; display: flex; font-size: 0.9em; letter-spacing:1px; } li.menu-item-417 { background-color:#1c6d0a; font-weight:bold; } .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link { color: var(--ast-global-color-8); padding-top: 4px; padding-bottom: 4px; letter-spacing: 1px; } .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link { color: var(--ast-global-color-8); background: var(--ast-global-color-4); padding-top: 4px; padding-bottom: 4px; letter-spacing:1px; } .site-header { height: 30px; z-index: 99; width: 100%; } .site-header .site-description { font-size: 14px; } main { display: block; width: 100%; margin-top:0px; border-radius:25px; } .ast-separate-container .site-main>.ast-row { margin-left: 0; margin-right: 0; margin-top: -100px; } .archive .entry-title, .blog .entry-title, .search .entry-title { line-height: 0px; } @media (min-width:168px) and (max-width: 1170px) { .archive .entry-title, .blog .entry-title, .search .entry-title { line-height: 0; } p { margin-left: -px; font-size: 14.2px; margin-top:-10px; text-align: left; font-family: arial,helvetica,sans-serif; background-color: white; } } @media (min-width:968px) { .archive .entry-title, .blog .entry-title, .search .entry-title { line-height:0; }} li{ font-size:15px; } .ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) { text-decoration: underline; font-size: 15px; } .footer-navigation { text-align: center; /* Wyrównanie na środku */ } .footer-links { display: flex; /* Użycie flexboxa */ justify-content: center; /* Wyrównanie elementów do środka */ gap: 20px; /* Odstępy między linkami */ padding: 0; /* Usunięcie domyślnych marginesów */ list-style: none; /* Usunięcie kropek przy li */ flex-wrap: wrap; /* Pozwala na zawijanie elementów w przypadku małej szerokości */ } .footer-links li { margin: 0; /* Usunięcie marginesu wokół li */ } .footer-links a { text-decoration: none; /* Usunięcie podkreślenia */ color: #000; /* Kolor tekstu */ font-size: 16px; /* Rozmiar czcionki */ transition: color 0.3s ease; /* Płynna zmiana koloru przy najechaniu */ } .footer-links a:hover { color: #0073e6; /* Zmiana koloru przy najechaniu */ } /* Media query dla urządzeń mobilnych */ @media (max-width: 768px) { .footer-links { flex-direction: column; /* Linki w pionie */ gap: 10px; /* Mniejszy odstęp na małych ekranach */ } .footer-links a { font-size: 1em; /* Mniejszy rozmiar czcionki na urządzeniach mobilnych */ } } .footer-links a { text-decoration: none; color: #000; font-size: 1em; transition: color 0.3s ease; }.ast-separate-container .site-main>.ast-row { margin-left: 0; margin-right: 0; margin-top: 0px; border-top:30px solid white; } .read-more-link { margin-left:40px; font-weight: bold; /* Pogrubienie tekstu */ color: #0073e6; /* Kolor linku */ text-decoration: none; /* Bez podkreślenia */ margin-bottom: 0px; /* Mała przestrzeń przed linkiem, aby nie był tuż przy tekście */ } .read-more-link:hover { color: #0056b3; /* Zmiana koloru po najechaniu */ text-decoration: underline; /* Podkreślenie linku po najechaniu */ } .ast-blog-layout-5-grid .ast-blog-featured-section { margin-bottom:50px; background-color: white; } .ast-separate-container .ast-blog-layout-5-grid .ast-article-inner, .ast-plain-container .ast-blog-layout-5-grid .ast-article-inner { height: 100%; background-color: white; } .ast-article-post .post-thumb-img-content img { width: 100%; background-color: white; padding: 15px; height: 16em; } .post-page-numbers.current .page-link, .ast-pagination .page-numbers.current { color: #ffffff; border-color: var(--ast-global-color-8); background-color: purple; } .ast-pagination .page-numbers { display: inline-block; width: 2.33333em; height: 2.33333em; font-size: 16px; font-size: 1.06666rem; font-weight: 500; background-color: white; }.ast-pagination .prev.page-numbers, .ast-pagination .next.page-numbers { padding: 1.4em 5em; height: 1em;color:black; float:;left; line-height: calc(.1333em - 3px); } .single .post-navigation a .ast-post-nav { font-weight: 600; display: block; text-transform: uppercase; background-color: purple; font-size: 0.85em; letter-spacing: 0.05em; color: white; padding:4px; } .ast-pagination .prev.page-numbers, .ast-pagination .next.page-numbers { padding: 1.4em 5em; height: 1em; color: black; float: ; line-height: calc(.1333em - 3px); width:100%; } .ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) { text-decoration: underline; font-size: 20px; color:black !important;} .ast-excerpt-container{ color: var(--ast-global-color-8); font-s margin-left: 18px; font-size: 15.2px; margin-top: 0px; margin-right:1em; line-height: 1.5; text-align: left; font-family: arial, helvetica, sans-serif; text-align: left; font-family: arial, helvetica, sans-serif; margin-left:14px } .post-content>.read-more { float: right; } .post-content>.read-more { margin-top: 0px; } #menu-item-715 > .menu-link { background-color: #ffffff; /* białe tło */ color: #000000; /* czarny tekst */ } #menu-item-715:hover > .menu-link { background-color: #faf0f0; /* jasnoróżowe tło z Twojego przykładu */ color: var(--ast-global-color-8); /* kolor zdefiniowany w zmiennych szablonu */ } .ast-separate-container .site-main>.ast-row { margin-left: 0; margin-right: 0; margin-top: 100px; border-top: 60px solid white; border-radius:15px; } .editor-styles-wrapper, .entry-content { counter-reset: footnotes; background-color: white; width: 100%; margin: 0px auto; margin-bottom: 10px; padding: 24px; } .ast-single-entry-banner[data-post-type="post"][data-banner-width-type="custom"] { margin-top: 140px; } @media (min-width: 1200px) { .ast-plain-container.ast-no-sidebar #primary { margin-top: 100px; margin-bottom: 60px; } } .page .entry-header { margin-top: 60px; } .editor-styles-wrapper, .entry-content { counter-reset: footnotes; background-color: white; width: 100%; margin: 0px auto; margin-bottom: 10px; } .ast-single-entry-banner[data-post-type="post"] .ast-container .entry-title { color: var(--ast-global-color-5); font-weight: 600; font-size: 32px; font-size: 1.8rem; padding: 10px; font-family:'Roboto', Arial, sans-serif; } a.q { color:white; font-family:arial; } input[name="searchform"] { width:90%; margin:10px auto; } input[name="s"]{ width:90%; } div.main-description-container { animation: fadeInFooter 1.6s ease forwards; margin-top: 10rem; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); background: white; padding: 7px 10px 7px 10px; border-radius: 0px; text-align: justify; padding: 15px; padding-bottom:50px; position: relative; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.2); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-top-right-radius: 15px; } .column { float: left; width: 50%; padding: 10px; } .row::after { content: ""; display: table; clear: both; } a{ color: white; font-family: arial; font-size:0.8em; } /* Stylizacja formularza wyszukiwania */ #searchform { display: flex; flex-direction: column; /* Ustawienie pól jedno pod drugim */ max-width: 100%; margin: 0 auto; } #searchform label { margin-top: 10px; font-size: 11px; } #searchform input[type="text"] { padding:4px; border: 1px solid #ccc; border-radius: 4px; font-size: 11px; margin-bottom: 3px; /* Odstęp między polami */ } #searchform input[type="submit"] { padding: 10px; border: none; border-radius: 4px; background-color: #0073e6; color: white; font-size: 16px; cursor: pointer; margin-top: 10px; } #searchform input[type="submit"]{ background-color:#b52525; font-size:12px; font-weight:bold; } /* Wymusza, aby slogan był widoczny na każdej szerokości ekranu */ .site-description { white-space: nowrap; /* Uniemożliwia zawijanie tekstu */ overflow: visible; /* Sprawia, że długie teksty nie będą przycinane */ text-overflow: ellipsis; /* Dodaje "..." jeśli tekst jest za długi */ font-size: 16px; /* Ustawia stałą wielkość czcionki, można dostosować */ } .entry-meta, .entry-meta * { margin: :0px; font-size:0.8rem; padding:2px; border-radius: 15px; width:65%; color:white; margin-top:40px; font-family: arial; background-color: purple; font-weight: nromal; } .entry-meta-description { margin: :0px; font-size:0.8rem; padding:2px; border-radius: 15px; width:100%; color:white; margin-top:40px; font-family: arial; background-color: purple; font-weight: nromal; } .ast-single-entry-banner[data-post-type="post"] .entry-meta, .ast-single-entry-banner[data-post-type="post"] .entry-meta * { font-weight: 600; font-size: 13px; font-size: 0.9rem; border-radius: 14px; color:white; } p.opis { margin: 10px 0 20px 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); background: white; padding: 1.6rem; border-radius: 0px; text-align: justify;font-family: 'Roboto', Arial, sans-serif; border-radius: 10px; } @media (max-width: 768px) { /* Dla ekranów o szerokości 768px lub mniejszej (np. tablety i telefony) */ p.e { font-size: 12px; /* mniejszy rozmiar czcionki */ } } @media (max-width: 480px) { /* Dla ekranów o szerokości 480px lub mniejszej (np. telefony) */ p.e { font-size: 14px; /* jeszcze mniejszy rozmiar czcionki */ } } editor-styles-wrapper, .entry-content { counter-reset: footnotes; background-color;: white; width: 100% margin: 0px auto; margin-bottom: 10px; } @media (max-width: 921px) { .ast-separate-container #primary, .ast-separate-container #secondary { } } .cat-links.badge a, .tags-links.badge a { margin: :0px; border-radius:10px; padding: 6px; border-radius: 3px; font-size: 0.8em; font-family: arial; background-color: purple; font-weight: nromal; } editor-styles-wrapper, .entry-content { counter-reset: footnotes; margin-bottom: 10px; } .entry-title a { font-size: 0.090em; color: var(--ast-global-color-8); } .archive .entry-title, .blog .entry-title, .search .entry-title Specificity: (0,2,0) { line-height: 0; } } .entry-content :where(h1,h2,h3,h4,h5,h6) { margin-top: 1.5em; font-size: 29px; margin-bottom: calc(0.3em + 10px); } .entry-content :where(h1,h2,h3,h4,h5,h6) { margin-top: 1.5em; margin-bottom: calc(0.3em + 10px); } .entry-content > * { margin-bottom: 1.5em; } h1, h2, h3, h4, h5, h6, .entry-content :where(h1,h2,h3,h4,h5,h6) { color: var(--ast-global-color-8); } .entry-content :where(h1,h2,h3,h4,h5,h6) { clear: none; } @media (max-width: 921px) { h2, .entry-content :where(h2) { font-size: 32px; font-size: 2rem; } } body, h1, h2, h3, h4, h5, h6, .entry-title a, .entry-content :where(h1,h2,h3,h4,h5,h6) { color: var(--ast-global-color-8); font-size:1rem; } h2, .entry-content :where(h2) { font-size: 42px; font-size: 2.625rem; font-weight: 700; font-family: 'Lato', sans-serif; line-height: 1.3em; } h1, h2, h3, h4, h5, h6, .entry-content :where(h1,h2,h3,h4,h5,h6), .site-title, .site-title a { font-family: 'Lato', sans-serif; font-weight: 700; } .entry-content :where(h1,h2,h3,h4,h5,h6) { margin-bottom: 20px; } /* Podstawowy styl dla nagłówków h2 */ .entry-content :where(h2), h2 { color: black; font-size: 1.4em; /* Rozmiar czcionki dla normalnych urządzeń */ line-height: 1.3; } /* Dla urządzeń mobilnych (max-width: 768px) */ @media (max-width: 768px) { .entry-content :where(h2), h2 { font-size: 1.em; /* Zmniejszenie czcionki na mniejszych ekranach */ } } /* Resetowanie marginesów dla nagłówków */ h1, h2, h3, h4, h5, h6 { clear: both; } @media (max-width: 768px) { .entry-title a { font-size: 0.2em; color: var(--ast-global-color-8); } } .ast-404-layout-1 h1.page-title { color: white; }h1, h2, h3, h4, h5, h6 { clear: both; color: white; } search .ast-archive-entry-banner[data-banner-width-type="custom"] { width:90%;; margin:0px auto; } .search .ast-archive-description h1, .search .ast-archive-description h1 * { font-weight: 600; font-size: 32px; font-size: 2rem; color:white; } .entry-content :where(h1,h2,h3,h4,h5,h6) { margin-bottom: 20px; font-size: 1.5em; } @media (min-width: 168px) and (max-width: 170px) { .archive .entry-title, .blog .entry-title, .search .entry-title { line-height: 0; font-size: 5em; } } @media (max-width: 768px) { .entry-title a { font-size: 0.16em; color: var(--ast-global-color-8); } } @media (min-width: 468px) and (max-width: 770px) { .entry-title a { color: var(--ast-global-color-8); } } p, .entry-content p { margin-bottom: 3.77em; ; } .single .post-navigation a p { margin-top: 0.5em; margin-bottom: 0; text-transform: initial; line-height: 1.65em; background-color: white; font-weight: normal; } @media (min-width: 168px) and (max-width: 1170px) { p { margin-left: 18px; font-size: 14.2px; font-family: arial, helvetica, sans-serif; background-color: white; } } .ast-breadcrumbs-wrapper #ast-breadcrumbs-yoast, .ast-breadcrumbs-wrapper .breadcrumbs, .ast-breadcrumbs-wrapper .rank-math-breadcrumb, .ast-breadcrumbs-inner nav Zgodność ze specyfikacją: (0,2,0) { margin: 10px; } .ast-breadcrumbs-wrapper, .ast-breadcrumbs-wrapper * { font-family: 'AR One Sans', sans-serif; font-weight: bold; font-size: 12px; font-size: 0.75rem; text-transform: capitalize; } body .ast-archive-entry-banner[data-post-type="post"][data-banner-width-type="custom"] { margin-top: 180px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); background: white; padding: 7px 10px 7px 10px; border-radius: 0px; text-align: justify; padding: 15px; padding-bottom: 50px; position: relative; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.2); } .ast-archive-entry-banner[data-post-type="post"] .ast-container h1, h1.title { box-shadow: 10px 5px 5px white; padding: 4px; font-size: 0.9rem; font-family: 'Roboto', Arial, sans-serif; background-color: #590059; width: 100%; color: white; margin-top: 60px; margin-bottom: 40px; text-align: center; font-family: arial; font-weight: bold; border-radius: 10px; } .ast-archive-entry-banner[data-post-type="post"] .ast-container * { animation: fadeInFooter 1.6s ease forwards; margin-top: 90px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); background: white; padding: 7px 10px 7px 10px; border-radius: 0px; text-align: justify; padding: 15px; padding-bottom: 50px; position: relative; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.2); } .ast-archive-entry-banner[data-post-type="post"] .ast-container > *:not(:last-child) { } @media (max-width: 768px) { .ast-archive-entry-banner[data-post-type="post"] { font-size: 0.9em; } } @media (min-width: 922px) { .ast-narrow-container .ast-archive-entry-banner[data-post-type="post"] .ast-container { max-width: 100%; padding-left: 0; padding-right: 0; } } .ast-archive-entry-banner[data-post-type="post"] { text-align: left; justify-content: center; min-height: 0px; }banner[data-post-type="post"] .ast-container > *:not(:last-child) { margin: 10px 0 20px 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); background: white; padding: 15px; border-radius: 0px; font-size: 0.94em; font-family: arial; border-radius: 10px; color: black; } .ast-archive-entry-banner[data-post-type="post"] .ast-container > *:not(:last-child) { margin-bottom: 25px; } .ast-archive-entry-banner[data-post-type="post"] .ast-container * { margin: 10px 0 20px 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); background: white; padding: 15px; border-radius: 0px; text-align: justify; font-size: .95em; font-family: arial; border-radius: 10px; color: black; } #masthead .ast-container, .site-header-focus-item + .ast-breadcrumbs-wrapper { max-width: 100%; padding-left: 35px; } .ast-archive-entry-banner { -js-display: flex; display: flex; flex-direction: column; justify-content: center; text-align: center; position: relative; background: white; padding-bottom: 16px; } .ast-archive-entry-banner[data-banner-width-type="custom"] { margin: 0 auto; width: 100%; margin-top: 30px; } @media (max-width: 921px) { .site-content .ast-container { width: 100%; flex-direction: column; } } h1, h2, h3, h4, h5, h6 { clear: both; color: white; margin: 0.5em 0; line-height: 1.3; word-wrap: break-word; } /* Rozmiary bazowe dla desktopów */ h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } /* RESPONSYWNOŚĆ – mobilne urządzenia */ @media (max-width: 768px) { h1 { font-size: 2rem; } h2 { font-size: 1.75rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.25rem; } h5 { font-size: 1rem; } h6 { font-size: 0.9rem; } } #menu-item-3512 { background-color: white; } /* Jeśli chcesz też, żeby link miał np. inny kolor tekstu */ #menu-item-3512 > a { color: black; /* lub inny kolor, jaki pasuje */ } }/* === FOOTER STYLE === */ .site-footer { background: linear-gradient(135deg, #ffe6ec, #fffafc); /* Jasny róż do prawie białego */ color: #333; text-align: center; padding: 2rem 1rem; font-family: "Inter", Arial, sans-serif; border-top: 2px solid #e0e0e0; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Delikatny cień */ border-radius: 12px 12px 0 0; } /* Copyright text */ .site-footer p { margin: 0.5rem 0 1rem; font-size: 0.95rem; color: #555; text-shadow: 0.5px 0.5px 1px rgba(255, 255, 255, 0.6); /* Bardzo subtelny cień */ } /* Footer links */ .footer-links { list-style: none; padding: 0; margin: 1rem 0 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 1.2rem; } .footer-links li { display: inline-block; } .footer-links a { color: #444; font-family: 'Roboto', Arial, sans-serif;; text-decoration: none; font-size: 0.97rem; transition: color 0.3s ease, transform 0.2s ease; text-shadow: 0.5px 0.5px 1px rgba(255, 255, 255, 0.4); } .footer-links a:hover { color: #e91e63; /* pastelowy róż */ transform: scale(1.06); } /* === RESPONSYWNOŚĆ === */ @media (max-width: 768px) { .footer-links { flex-direction: column; gap: 0.75rem; } .footer-links a { font-size: 1rem; } .site-footer p { font-size: 0.9rem; } } .ast-breadcrumbs-wrapper a, .ast-breadcrumbs-wrapper .breadcrumb_last, .ast-breadcrumbs-wrapper span { font-family: arial; font-weight: 400; font-weight: bold; font-size: 0.80rem; } .ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a { color: var(--ast-global-color-2); font-weight: 500; font-size: 20px; background-color: white; line-height: 1.3em; } .ast-related-posts-title-section .ast-related-posts-title { text-align: center; background-color: white; } content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a { color: var(--ast-global-color-2); font-weight: bold; font-size: 20px; font-size: 0.85rem; height: 6em; background-color: white; line-height: 1.5em; } img { background-color: white; padding: 15px; height: 17em; } div.entry-content clea { counter-reset: footnotes; background-color: white; width: 100%; margin: 0px auto; margin-bottom: 10px; } .ast-separate-container .ast-blog-layout-5-grid .ast-article-inner, .ast-plain-container .ast-blog-layout-5-grid .ast-article-inner { height: 100%; background-color: white; border-radius: 4px; } header.entry-header .entry-title { font-weight: 600; font-size: 32px; font-size: 1.8rem; color: white; padding: 10px; margin-top: 50px; } .ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a { color: var(--ast-global-color-2); font-weight: bold; font-size: 3rem; height: 100%;; font-size: 1rem; background-color: white; line-height: 1.5em; } div.ast-related-post-excerpt entry-content clear { height: 8em; } .post-has-thumb + .entry-header, .post-has-thumb + .entry-content { height: 19rem; } .post-has-thumb+.entry-header, .post-has-thumb+.entry-content { height: 90%;; } p,.entry-content p { font-family: 'Roboto', Arial, sans-serif; font-size: 0.9rem; background-color: white; border-radius: 10px; padding:4px; } @media (min-width: 421px) { .single .post-navigation .nav-links { -js-display: flex; display: flex; width: 90%; margin: 0px auto; } } .ast-related-posts-title-section .ast-related-posts-title { text-align: center; color: white; background-color: brown; box-shadow: 10px 5px 5px white; } main { display: block; width: 100%; margin-top: 0px; border-radius: 25px; background-color: white; } /* Domyślny styl tytułu powiązanych wpisów */ .crp_related.crp-rounded-thumbs .crp_title { width: 100%; font-size: 0.9rem; /* standardowy rozmiar dla desktop */ } /* Styl responsywny dla tabletów */ @media (max-width: 768px) { .crp_related.crp-rounded-thumbs .crp_title { font-size: 0.9rem; /* nieco mniejszy */ } } /* Styl responsywny dla telefonów */ @media (max-width: 480px) { .crp_related.crp-rounded-thumbs .crp_title { font-size: 0.8rem; /* jeszcze mniejszy na małych ekranach */ } } .ast-taxonomy-container.cat-links.default a:hover { color: white; /* kolor tekstu po najechaniu */ } .ast-terms-link a.ast-button.ast-badge-tax { background: none !important; /* usuwa tło linku */ color: white !important; /* ustawia biały kolor tekstu */ border: none !important; /* usuwa ewentualne obramowanie */ font-size:0.9rem; } .ast-terms-link a.ast-button.ast-badge-tax:hover { background: none !important; /* brak tła także przy hover */ color: white !important; /* tekst pozostaje biały */ } /* Automatyczne małe litery w polu wyszukiwania - bezpieczne dla SEO */ input.search-field, .search-form input, #searchform input { text-transform: lowercase !important; } /* Styl dla całego kontenera */ .e { display: flex; /* Flexbox ustawia elementy w linii */ align-items: center; /* Wyśrodkowanie elementów w pionie */ } /* Styl dla całego menu */ #menu-left { list-style-type: none; /* Usuwa kropki z listy */ padding: 0; /* Usuwa domyślny padding dla
*/ margin: 0; /* Usuwa domyślny margines dla
*/ display: flex; /* Ustawienie linków obok siebie */ } /* Styl dla każdego elementu menu */ #menu-left .menu-item { margin: 0; /* Usuwa marginesy wokół elementów listy */ padding: 0; /* Usuwa padding wokół elementów listy */ } /* Styl dla linków w menu */ #menu-left .menu-item a { margin: :0px; font-size: 0.8rem; padding: 6px; border-radius: 15px; width: 100%; font-family: arial; margin-left:5px; color:white; background-color: purple; font-weight: bold; } } /* Styl dla linków przy najechaniu */ #menu-left .menu-item a:hover { background-color: darkpurple; /* Ciemniejszy odcień purpury przy najechaniu */ } @media (min-width: 922px) { .ast-container { max-width: 1090px; } } .ast-single-post .entry-title, .ast-single-post .entry-title a { line-height: 1.2; color: var(--ast-global-color-5); font-weight: 600; font-size: 32px; font-size: 1.8rem; padding: 10px; font-family: 'Roboto', Arial, sans-serif; } .ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) { background: none !important; color: black !important; border: none !important; font-size: 0.9rem; text-decoration: none; } editor-styles-wrapper, .entry-content { counter-reset: footnotes; margin-bottom: 10px; margin-top: 0px; } p.wpisy{ margin: 10px 0 20px 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); background: white; border-radius: 0px; text-align: justify; font-size: 1rem; padding:10px; border-radius:10px; } /* Kontener główny sekcji kategorie */ .navigation-categories { margin: 20px 0; background: white; /* Tło białe jak we wpisach */ padding: 10px 15px; border-radius: 10px; display: flex; align-items: center; gap: 20px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Delikatny cień ramki */ } /* Napis "Kategorie:" */ .navigation-categories .kategorie { margin: 0; font-size: 1rem; font-weight: bold; color: #333; /* Ciemny kolor napisu dla kontrastu z białym tłem */ } /* Lista linków */ .navigation-categories .menu { display: flex; list-style: none; margin: 0; padding: 0; gap: 15px; } /* Styl linków */ .navigation-categories .menu a { text-decoration: none; color: #0073aa; /* Zmieniłem na niebieski, bo na białym tle biały napis byłby niewidoczny */ font-weight: 500; transition: color 0.2s; } /* Efekt po najechaniu na link */ .navigation-categories .menu a:hover { color: #005580; text-decoration: underline; } .custom-fake-breadcrumbs { background-color: #ffffff; /* Białe tło */ padding: 10px 0; border-bottom: 1px solid #f0f0f0; /* Delikatna kreska pod spodem */ font-size: 14px; color: #666; } .fake-breadcrumbs-inner { padding: 0 20px; /* Marginesy wewnętrzne */ } .fake-breadcrumbs-inner span { font-weight: 500; } .fake-breadcrumbs-inner .separator { color: #ccc; margin: 0 5px; } .ast-desktop .ast-primary-header-bar.main-header-bar, .ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; border-bottom:6px solid white; } .ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) { background: none !important; color: black !important; font-weight: bold; border: none !important; font-family: 'Roboto', Arial, sans-serif !important; font-size: 0.80rem !important; text-decoration: none; } .entry-meta-description a[href="https://sponsorki.net/blog/"] { color: white; } .entry-meta-description a[href="https://sponsorki.net/blog/"] { color: white !important; } .entry-meta-description a[href="https://sponsorki.net/inspiracje/"] { color: white !important; } #breadcrumbs a { color: black; /* Kolor czarny dla linku */ font-weight: bold; /* Pogrubienie dla linku */ font-size:0.80rem; letter-spacing:1px; } .ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a { color: var(--ast-global-color-2); font-weight: bold; font-size: 3rem; height: 110px; font-size: 1rem; background-color: white; line-height: 1.5em; } .post-has-thumb+.entry-header, .post-has-thumb+.entry-content { } .ast-single-entry-banner[data-post-type="post"] .ast-container * { font-size: 1rem; } .ast-single-entry-banner[data-post-type="post"] .ast-container a, .ast-single-entry-banner[data-post-type="post"] .ast-container a * { color: black; } .published { color: white !important; } } .ast-single-entry-banner[data-post-type="post"] .ast-container a, .ast-single-entry-banner[data-post-type="post"] .ast-container a * { color: white; } .author-name { color: white !important; } .ast-single-entry-banner[data-post-type="post"] .ast-container * { font-size: 11px; font-size: 0.8rem; } .ast-single-entry-banner[data-post-type="post"] .ast-container > *:not(:last-child), .ast-single-entry-banner[data-post-type="post"] .read-more { margin-bottom: 20px; width: 100%; } .ast-breadcrumbs-wrapper, .ast-breadcrumbs-wrapper * { font-family: 'AR One Sans', sans-serif; font-weight: bold; font-size: 12px; font-size: 0.75rem; text-transform: capitalize; padding: 4px; } .ast-breadcrumbs-wrapper a, .ast-breadcrumbs-wrapper .breadcrumb_last, .ast-breadcrumbs-wrapper span { font-family: arial; font-weight: 400; font-weight: normal; color: black; background-color: white; line-height: 3px; } li.menu-item-kategoria a { display: block; text-decoration: none; background-color: purple; color: white !important; font-family: arial; font-size: 0.7rem; font-weight: bold !important; padding: 5px 15px; border-radius: 15px; text-align: center; } @media (min-width: 1400px) { .relpost-block-column-layout .relpost-custom-block-single { max-width: 90% !important; } } .entry-content :where(h4) { margin-bottom: 20px; font-size: 1.5em; font-weight: normal !important; } .relpost-thumb-container strong { display: block; font-size: 20px; font-weight: bold; margin-bottom: 25px; /* Odstęp od miniaturek */ margin-top: 15px; /* Odstęp od tekstu wyżej */ color: #333; } .relpost-block-container .relpost_card_title { font-size: inherit; line-height: inherit; font-weight: 700; margin-top: 10px; } p, .entry-content p { font-family: 'Roboto', Arial, sans-serif; background-color: white; border-radius: 10px; padding: 0px; margin:10px; } .single .post-navigation a p { margin-top: 0.5em; margin-bottom: 0; text-transform: initial; line-height: 1.65em; background-color: white; font-weight: normal; } .breadcrumb_last { font-size: 0.8rem; margin-bottom: 10px; color: black !important; } 

#breadcrumbs a {
    color: black;
    font-weight: bold;
    font-size: 0.80rem;
    letter-spacing: 1px;
    margin-left: 10px !important;
}

.breadcrumb_last {
    font-size: .88rem;
    margin-bottom: 10px;
    color: black !important;
    margin-left: 10px !important;
}

#breadcrumbs a {
	font-weight: 600 !important;
    font-size: .86rem;
    letter-spacing: 1.4px;
    color: #000;
    margin-left: 10px;
}

.breadcrumb_last {
    font-size: 0.88rem;
    margin-bottom: 10px;
    color: black !important;
    margin-left: 10px !important;
}

@media (max-width: 768px) {
    #breadcrumbs a {
        font-size: 0.7rem; /* mniejsza czcionka */
        letter-spacing: 1px; /* opcjonalnie zmniejsz odstęp */
    }
}

@media (max-width: 480px) {
    #breadcrumbs a {
        font-size: 0.65rem;
    }
}

.cat-links.badge a, .tags-links.badge a {
    margin-top:: 0px !important;
    border-radius: 10px;
    padding: 6px;
    border-radius: 3px;
    font-size: 0.7em;
    font-family: arial;
    background-color: purple;
    font-weight: bold  !important;
    border-radius:15px !important;
}

.entry-meta, .entry-meta * {
    font-size: 0.8rem;
    padding: 0.9px !important;
    height: auto;
    border-radius: 15px;
    width: 70% !important;
    color: white;
    margin-top: 40px;
    font-family: arial;
    background-color: purple;
    font-weight: nromal;
}

@media (max-width: 768px) {
  .entry-meta,
  .entry-meta * {
    font-size: 0.8rem;
    padding: 0.4px;
    height: auto;
    border-radius: 15px;
    width: 100% !important;
    color: white;
    margin-top: 40px;
    font-family: Arial, sans-serif;
    background-color: purple;
    font-weight: bold;
  }
}

section.ast-archive-entry-banner[data-post-type="search"] div.ast-container > h1 {
    margin-top: 50px !important;
}

.site-header-section>div:last-child {
    margin-right: 40px !important;
}

 .custom-search-toggle {
            position: absolute;
            top: 20px;
            right: 60px; /* odsunięcie od hamburgera */
            cursor: pointer;
            z-index: 999;
        }

        /* BIAŁA LUPKA */
        .search-icon {
            display: inline-block;
            width: 16px;
            height: 16px;
            border: 2px solid #fff;
            border-radius: 50%;
            position: relative;
			position:fixed;
        }

        .search-icon::after {
            content: '';
            position: absolute;
            width: 8px;
            height: 2px;
            background: #fff;
            bottom: -4px;
            right: -5px;
            transform: rotate(45deg);
        }

        .custom-search-box {
            display: none;
            position: absolute;
            top: 86px;
            right: 20px;
            background: #fff;
            padding: 2px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            z-index: 999;
            width: 220px;
			position:fixed;

        }

        @media (max-width: 921px) {
            .custom-search-toggle {
                right: 70px; /* większy odstęp od hamburgera */
                top: 18px;
            }

            .custom-search-box {            top: 86px;
            right: 10px;
            width: 90vw; /* pełna szerokość */
            }
				.search-icon {
  				top:18px;
   				 right: 24px;

			}
		
        }

        @media (max-width: 544px) {
            .custom-search-toggle {
                right: 65px;
                top: 16px;
            }
        }
			.custom-search-box input[type="search"] {
    width: 90%;
    padding: 6px 10px;
    font-size: 13px;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: none;
}

/* PLACEHOLDER */
.custom-search-box input[type="search"]::placeholder {
    font-size: 12px;
    color: #aaa;
    letter-spacing: 0.2px;
}

/* focus */
.custom-search-box input[type="search"]:focus {
    border-color: #999;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    width: 20px;
    margin-top: 0px;
    height: 20px;
    fill: white;
    margin-right: 15px !important;
}
.category-romans .entry-meta-description {
    color: white;
}

.category-romans .entry-meta-description a {
    color: white !important;
    border-bottom: 1px dotted white;
}

}
.ast-single-entry-banner[data-post-type="post"] .ast-container a, .ast-single-entry-banner[data-post-type="post"] .ast-container a * {
    color: black;
    font-weight: bold;
}

.ast-breadcrumbs-wrapper, .ast-breadcrumbs-wrapper * {
    font-family: 'AR One Sans', sans-serif;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: capitalize;
    padding: 4px;
    background-color: white;
}

ul,ol,li {
  list-style: none; /* Usuwa kropki */
  padding: 0;       /* Usuwa wcięcie z lewej strony */
  margin: 0;        /* Usuwa marginesy górne/dolne */
}

p.opis {
    font-family: 'Roboto', Arial, sans-serif;
	font-size:0.99em !important;
}