.title-part { display: none; } .content p { line-height: 1.2 !important; } p, ul, ol, dl, a, div { font-size: 18px !important; } .topmenu nav.primary { min-height: 80px; } .main-menu > li:first-child a:before{ margin-right:10px; } .topmenu nav.primary .main-menu > li > a { display: inline-block; height: 80px; line-height: 80px; padding: 0 18px; font-size: 1.25rem; font-weight: bold; text-transform: uppercase; vertical-align: middle; } /*ANIMACJA PRZYCISKÓW*/ .wp-block-button{ transition: background 0.4s, transform 0.2s; } .wp-block-button:hover { background: linear-gradient(45deg,#28353e,#cf2e2e); transform: scale(1.05); border-radius:5px; } /* RECENT ARTICLES STYLE usuń list-style ze wszystkich Latest Posts */ .wp-block-latest-posts__list, .wp-block-latest-posts__list li { list-style: none !important; margin: 0; padding: 0; } /* wyłącz pseudo-markery */ .wp-block-latest-posts__list li::before, .wp-block-latest-posts__list li::marker { content: none !important; } /* grid + kafelki */ .wp-block-latest-posts__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px,1fr)); gap: 1.5rem; } .wp-block-latest-posts__list li { background: #fff; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: transform .2s, box-shadow .2s; } .wp-block-latest-posts__list li:hover { transform: translateY(-4px); box-shadow: 0 8px 16px rgba(0,0,0,0.15); } .wp-block-latest-posts__featured-image img { width:100%; height:auto; display:block; } .wp-block-latest-posts__post-title, .wp-block-latest-posts__post-date { padding:.75rem 1rem; display:block; } .wp-block-latest-posts__list li a { color:inherit; text-decoration:none; } /* Tytuł wpisu */ .wp-block-latest-posts__post-title { color: #28353e; font-size: 1.25rem; text-decoration: underline; } /* "Read more" */ .wp-block-latest-posts__read-more { color: #28353e; font-size: 1rem; text-decoration: underline; } /* --------------------------- Sekcja Dofinansowania --------------------------- */ .funding-block { position: relative; margin: 3rem auto; padding: 0; max-width: 1000px; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.1); } /* właściwa zawartość */ .funding-block h2, .funding-block p, .funding-logos { position: relative; /* nad pseudo-elementem */ z-index: 1; } .funding-block h2 { font-size: 3rem; text-align: center; color: #853838; margin: 1.5rem 1rem 0.5rem; } .funding-block p { font-size: 1.125rem; text-align: center; color: #333; margin: 0 1rem 2rem; } .funding-logos { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 2rem; align-items: center; justify-items: center; padding: 0 1rem 2rem; } .funding-logos img { max-height: 60px; height: auto; display: block; filter: grayscale(20%); transition: filter .3s, transform .3s; } .funding-logos img:hover { filter: none; transform: scale(1.05); } /* responsywność */ @media (max-width: 600px) { .funding-block h2 { font-size: 1.5rem; margin-top: 1rem; } .funding-block p { font-size: 1rem; margin-bottom: 1.5rem; } .funding-logos { gap: 1rem; padding-bottom: 1.5rem; } } /*bloki z home page*/ /* GRID dla cover-blocków */ .cover-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin: 2rem 0; } /* Uniwersalny cover-block */ .cover-block { --overlay-bg: rgba(255,255,255,0.8); display: block; position: relative; aspect-ratio: 16/9; background: var(--bg) center/cover no-repeat; text-decoration: none; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: transform .3s, box-shadow .3s; } .cover-block:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.15); } /* Kwadrat wewnątrz */ .cover-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 50%; /* skaluje się wraz z blokiem */ aspect-ratio: 1; background: var(--overlay-bg); display: flex; align-items: center; justify-content: center; transition: background-color .3s; } /* Tytuł */ .cover-title { font-size: 2rem; font-weight: bold; color: #853838; text-transform: uppercase; text-align: center; padding: .5rem; transition: color .3s; } /* Hover — nakładka i kolor tekstu */ .cover-block:hover .cover-inner { background-color: #28353e; } .cover-block:hover .cover-title { color: #fff; } /* Responsywność */ @media (max-width: 600px) { .cover-inner { width: 60%; } .cover-title { font-size: 1rem; } } img.faheader-logo { padding: 10px; }