/* ==========================================================================
UIK Redesign — Uniwersytet Ignatianum w Krakowie
Appended stylesheet. Loaded AFTER all existing theme/plugin CSS.
All rules are scoped under body.uik-redesign so existing pages are untouched.
Design source: Figma "Uniwersytet Ignatianum" (desktop 550:11008, mobile 709:19134)
========================================================================== */
body.uik-redesign {
/* Figma design tokens */
--uik-navy: #142b48; /* UIK Granatowy (= --ast-global-color-2) */
--uik-navy-50: #142b4899; /* Granat 50% */
--uik-gold: #e4ad4b; /* UIK Złoty (= --ast-global-color-0) */
--uik-beige: #fdf7ed; /* Beż tło (= --ast-global-color-6) */
--uik-text: #262626; /* Tekst główny */
--uik-text-secondary: #757575; /* Tekst wtórny */
--uik-text-muted: #dfdfdf; /* Tekst wygaszony */
--uik-white: #ffffff;
--uik-neutral-2: #f1f1f1; /* Neutralny drugorzędny */
/* faculty accents */
--uik-wf: #a75c38; /* Wydział Filologiczny */
--uik-wfz: #5d3a5a; /* Wydział Filozoficzny */
--uik-wnkk: #345b7a; /* Wydział Nauk o Kulturze i Komunikacji */
--uik-wp: #256640; /* Wydział Pedagogiczny */
--uik-wps: #edc24a; /* Wydział Psychologii */
--uik-wza: #A9ADB0; /* Wydział Zarządzania i Administracji */
/* type */
--uik-font: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--uik-shadow-nav: 0 5px 16px 0 rgba(0, 0, 0, 0.08);
/* layout: main content band + inner content. Widths carry a small side
padding so content never touches the edge: band 1820 − 2×10 = 1800,
content 1632 − 2×16 = 1600 (box-sizing is border-box globally). */
--uik-band: 1820px; /* main container / section band max width */
--uik-content: 1632px; /* inner "normal" container max width (band − 2×100px gutter) */
font-family: var(--uik-font);
color: var(--uik-text);
}
body.uik-redesign h1,
body.uik-redesign h2,
body.uik-redesign h3,
body.uik-redesign h4,
body.uik-redesign h5,
body.uik-redesign h6,
body.uik-redesign button,
body.uik-redesign input,
body.uik-redesign .site-header {
font-family: var(--uik-font);
}
/* Section eyebrow: small label + horizontal line (Figma "Frame 4" pattern) */
body.uik-redesign .uik-eyebrow {
display: flex;
align-items: center;
gap: 10px;
font-size: 20px;
line-height: 1.5;
font-weight: 700;
color: var(--uik-gold);
margin: 0 0 10px;
}
body.uik-redesign .uik-eyebrow::after {
content: "";
display: block;
width: 150px;
height: 1px;
background: var(--uik-gold);
}
/* ==========================================================================
Page backdrop — navy canvas with soft glow (Figma Frame 2810)
========================================================================== */
body.uik-redesign,
body.uik-redesign .hfeed.site {
background-color: var(--uik-navy);
background: var(--uik-navy) linear-gradient(182deg, var(--uik-navy) 0%, rgba(0, 0, 0, 0.5) 100%);
background-attachment: fixed;
max-width: 1920px;
margin: 0 auto;
}
body.uik-redesign #content.site-content {
padding: 0;
}
/* Full-width wrapper chain, centered with auto margins. Replaces Astra's
percentage side margins (it centered .ast-container at ~75% width), so the
1800px band can center across the full viewport with no % margins. */
body.uik-redesign #content .ast-container,
body.uik-redesign .content-area,
body.uik-redesign #primary,
body.uik-redesign .site-main {
max-width: 100% !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.uik-redesign #primary {
margin-top: 0 !important;
}
/* Outer safety gutter so content never touches the screen edge below 1800px.
At the 1920 design width this yields the ~60px navy margin around the band. */
body.uik-redesign #content .ast-container {
box-sizing: border-box;
}
body.uik-redesign #main,
body.uik-redesign #main .ast-article-single {
max-width: none;
width: 100%;
padding: 0;
margin: 0;
}
/* Main content band — caps the whole homepage content at 1800px, centered on
the navy canvas. Each section pads 100px inside this band → 1600px content. */
body.uik-redesign .entry-content {
width: 100%;
padding: 0;
margin-left: auto;
margin-right: auto;
}
body.uik-redesign .entry-content > * {
max-width: none;
}
/* Keep WP-core full-width blocks inside the capped band: cancel the
.alignfull { margin: calc(50% - 50vw) } viewport breakout so sections align
to the 1800px band instead of escaping to the full viewport. */
body.uik-redesign .entry-content > .alignfull,
body.uik-redesign .uik-panel > .alignfull {
margin-left: auto !important;
margin-right: auto !important;
max-width: 100% !important;
}
/* ==========================================================================
Header — very top bar
========================================================================== */
body.uik-redesign .uik-verytop {
display: flex;
align-items: flex-end;
height: 30px;
max-width: 1920px !important;
padding-right: 16px;
margin: 0 auto;
}
body.uik-redesign .uik-verytop__social {
flex: 1;
display: flex;
align-items: center;
gap: 40px;
}
body.uik-redesign .uik-verytop__social a {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
color: var(--uik-white);
}
/* Font Awesome Free 6 brand glyphs (loaded via CDN in ) */
body.uik-redesign .uik-verytop__social i {
display: block;
font-size: 18px;
line-height: 1;
color: inherit;
transition: color 0.2s ease;
}
body.uik-redesign .uik-verytop__social a:hover i {
color: var(--uik-gold);
}
body.uik-redesign .uik-verytop__links {
flex: 1;
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;
position: relative;
transform: translateY(5px);
}
body.uik-redesign .uik-verytop__links::after {
content: "";
position: absolute;
bottom: -5px;
right: 0;
width: 100%;
height: 1px;
background-color: var(--uik-white);
}
body.uik-redesign .uik-verytop__menu {
display: flex;
gap: 40px;
list-style: none;
margin: 0;
padding: 0;
}
body.uik-redesign .uik-verytop__menu .menu-link {
font-family: var(--uik-font);
font-size: 14px;
line-height: 21px;
color: var(--uik-white);
text-decoration: none;
}
body.uik-redesign .uik-verytop__menu .menu-link:hover {
color: var(--uik-gold);
}
@media only screen and (max-width: 1440px) {
body.uik-redesign .uik-verytop__menu {
gap: 12px;
justify-content: space-between;
}
}
/* ==========================================================================
Header — nav bar
========================================================================== */
body.uik-redesign .site-header {
background: transparent;
position: relative;
z-index: 20;
}
body.uik-redesign .uik-navbar {
padding-left: 0;
margin: 0 auto;
}
body.uik-redesign .uik-navbar__bar {
display: flex;
align-items: stretch;
height: 90px;
border-radius: 20px 0 0 20px;
border: none !important;
max-width: 1800px !important;
padding-right: 100px;
padding-top: 10px;
}
body.uik-redesign .uik-navbar__bar::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100%;
background-color: transparent;
border-bottom-left-radius: 30px;
}
body.uik-redesign.ast-primary-sticky-header-active .uik-navbar__bar::before {
background-color: var(--uik-navy) !important;
}
body.uik-redesign .uik-navbar__bar::after {
content: "";
position: absolute;
bottom: 0;
left: 30px;
width: calc(100% - 30px);
height: 1px;
background-color: var(--uik-white);
}
body.uik-redesign .uik-navbar__logo {
display: flex;
align-items: center;
position: relative;
flex: 0 0 auto;
}
body.uik-redesign .uik-navbar__logo .custom-logo {
display: block;
width: clamp(280px, 21.6vw, 415px);
height: auto;
}
body.uik-redesign .uik-navbar__slant {
display: block;
height: 80px !important;
width: auto;
margin-left: -1px;
flex: 0 0 auto;
}
body.uik-redesign .uik-navbar__right {
flex: 1;
display: flex;
align-items: center;
justify-content: flex-end;
min-width: 0;
gap: 80px;
padding-left: 50px;
}
body.uik-redesign .uik-navbar__menu #ast-hf-menu-1 {
display: flex;
list-style: none;
margin: 0;
padding: 0;
background: transparent;
justify-content: space-between;
flex-wrap: nowrap;
}
body.uik-redesign .uik-navbar__menu .menu-item {
margin: 0;
}
body.uik-redesign .uik-navbar__menu .menu-link {
display: inline-flex;
align-items: center;
justify-content: center;
height: 38px;
padding: 7px 32px;
border-radius: 5px;
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: var(--uik-white);
background: transparent;
text-decoration: none;
position: relative;
z-index: 0;
transition: color 0.2s ease;
}
/* Hover banner (white shape with curved tapered ends) rendered as an ::after
layer behind the text — fixed-width curved caps + a stretchy white middle. */
body.uik-redesign .uik-navbar__menu .menu-link::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
opacity: 0;
transition: opacity 0.2s ease;
background-image:
linear-gradient(var(--uik-white), var(--uik-white)),
url("../assets/menu-hover-cap-l.svg"),
url("../assets/menu-hover-cap-r.svg");
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: center, left center, right center;
background-size: calc(100% - 56px) 100%, auto 100%, auto 100%;
}
body.uik-redesign .uik-navbar__menu .menu-link:hover,
body.uik-redesign .uik-navbar__menu .menu-link:focus {
color: var(--uik-navy) !important;
}
body.uik-redesign .uik-navbar__menu .menu-link:hover::after,
body.uik-redesign .uik-navbar__menu .menu-link:focus::after {
opacity: 1;
}
.site-header .ast-inline-search.ast-search-menu-icon .search-form {
padding-left: 0 !important;
}
/* search */
body.uik-redesign .uik-navbar__search .search-form {
display: flex;
align-items: center;
padding: 0;
padding-left: 0 !important;
}
body.uik-redesign .uik-navbar__search label {
margin: 0;
}
body.uik-redesign .uik-navbar__search .search-field,
body.uik-redesign .uik-navbar__search input[type="search"].search-field {
width: 180px;
height: 36px;
padding: 1px 12px 1px 20px;
background: var(--uik-navy);
border: 1px solid var(--uik-white);
border-right: 0;
border-radius: 5px;
font-family: var(--uik-font);
font-size: 14px;
color: var(--uik-white);
margin-right: 0 !important;
}
@media only screen and (max-width: 1440px) {
body.uik-redesign .uik-navbar__search .search-field,
body.uik-redesign .uik-navbar__search input[type="search"].search-field {
width: 140px;
}
}
body.uik-redesign .uik-navbar__search .search-field::placeholder {
color: var(--uik-white);
opacity: 1;
}
body.uik-redesign .uik-navbar__search .search-submit,
body.uik-redesign .uik-navbar__search button.search-submit.normal-search {
width: 36px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--uik-white);
border: 1px solid var(--uik-white);
border-radius: 5px;
padding: 0;
cursor: pointer;
}
body.uik-redesign .uik-navbar__search .search-submit svg {
width: 16px;
height: 16px;
fill: var(--uik-navy);
}
/* lang */
body.uik-redesign .uik-navbar__lang {
display: flex;
align-items: center;
gap: 5px;
z-index: 1;
}
body.uik-redesign .uik-navbar__lang-item {
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
color: var(--uik-white);
text-decoration: none;
}
body.uik-redesign .uik-navbar__lang-item:hover,
body.uik-redesign .uik-navbar__lang-item.uik-is-current {
color: var(--uik-white);
}
body.uik-redesign .uik-navbar__lang-item:hover {
color: var(--uik-gold);
}
body.uik-redesign .uik-navbar__lang-sep {
color: var(--uik-white);
padding: 0 10px;
}
/* logo panel — override Astra logo sizing */
body.uik-redesign .uik-navbar__logo {
height: 80px !important;
overflow: hidden;
}
body.uik-redesign .uik-navbar__logo-link {
display: block;
line-height: 0;
background: var(--uik-white);
padding-left: 100px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
body.uik-redesign .uik-logo-img {
max-width: none;
height: auto;
display: block;
}
/* ==========================================================================
Shared UI: gold button, slider arrows, dots
========================================================================== */
body.uik-redesign .uik-btn,
body.uik-redesign a.wp-block-button__link.uik-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 50px;
padding: 10px 24px;
border-radius: 10px;
font-family: var(--uik-font);
font-size: 18px;
line-height: 27px;
font-weight: 700;
text-decoration: none;
transition: filter 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-btn,
body.uik-redesign a.wp-block-button__link.uik-btn {
padding: 4px 16px;
min-height: 45px;
font-size: 16px;
line-height: 24px;
}
}
body.uik-redesign .uik-btn--gold,
body.uik-redesign a.wp-block-button__link.uik-btn--gold {
background: var(--uik-gold);
color: var(--uik-navy);
border: none;
}
body.uik-redesign .uik-btn--gold:hover {
background: var(--uik-white) !important;
}
/* Icon pop-in: on hover the icon scales up from 0 to full size.
Rotation baked in so the up-right diagonal is preserved through the animation. */
@keyframes uik-btn-icon-pop {
from { transform: rotate(-45deg) scale(0.1); }
to { transform: rotate(-45deg) scale(1); }
}
body.uik-redesign .uik-btn--gold:hover .uik-btn__icon {
animation: uik-btn-icon-pop 0.2s ease;
}
body.uik-redesign .uik-btn--outline,
body.uik-redesign a.wp-block-button__link.uik-btn--outline {
background: transparent;
color: var(--uik-navy);
border: 1px solid var(--uik-navy);
}
body.uik-redesign .uik-btn--outline:hover {
background: var(--uik-navy) !important;
color: var(--uik-white) !important;
}
/* Button arrow — Font Awesome glyph (fa-arrow-right rotated to point up-right,
matching the original ↗ design). Uses currentColor so the icon always follows
the button's text colour and recolours with it. */
body.uik-redesign .uik-btn__icon {
font-size: 20px;
line-height: 1;
color: currentColor;
transform: rotate(-45deg);
transform-origin: left;
margin-top: 10px;
}
@keyframes uik-btn-icon-down {
from { transform: scale(0.1); }
to { transform: scale(1); }
}
body.uik-redesign .uik-btn__icon--down {
width: 14px;
height: 18px;
transform: none;
transform-origin: top !important;
margin-top: 0;
}
body.uik-redesign .uik-btn--outline:hover .uik-btn__icon--down {
filter: brightness(0) invert(1);
}
body.uik-redesign .uik-btn:hover .uik-btn__icon--down {
animation: uik-btn-icon-down 0.2s ease !important;
}
body.uik-redesign .uik-arrow {
position: static;
box-sizing: border-box;
width: 40px !important;
height: 40px !important;
min-width: 40px;
max-width: 40px;
padding: 0 !important;
margin: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border: 2px solid var(--uik-white);
border-radius: 100px;
cursor: pointer;
background: transparent;
transition: border-color 0.2s ease;
border-radius: 100% !important;
border-color: var(--uik-white) !important;
}
body.uik-redesign .uik-arrow::after,
body.uik-redesign .uik-arrow::before {
content: none;
}
body.uik-redesign .uik-arrow img {
width: 11px !important;
height: 16px !important;
min-width: 11px;
display: block;
flex: 0 0 11px;
}
body.uik-redesign .uik-arrow--prev img {
transform: rotate(180deg);
}
body.uik-redesign .uik-arrow:hover {
border: 2px solid var(--uik-gold) !important;
}
/* the chevron asset is a white-stroked SVG loaded via ![]()
, so it can't inherit
currentColor — recolour it to var(--uik-gold) #e4ad4b with a filter chain */
body.uik-redesign .uik-arrow:hover img {
filter: brightness(0) saturate(100%) invert(77%) sepia(11%) saturate(2361%)
hue-rotate(352deg) brightness(94%) contrast(88%);
}
body.uik-redesign .uik-dot {
display: inline-block;
width: 24px;
height: 3px;
border-radius: 100px;
background: var(--uik-white);
}
body.uik-redesign .uik-dot--active {
width: 40px;
height: 5px;
background: var(--uik-gold);
}
@media only screen and (max-width: 480px) {
body.uik-redesign .uik-btn,
body.uik-redesign a.wp-block-button__link.uik-btn,
body.uik-redesign .uik-btn--gold,
body.uik-redesign a.wp-block-button__link.uik-btn--gold,
body.uik-redesign .uik-btn--outline,
body.uik-redesign a.wp-block-button__link.uik-btn--outline {
font-size: 16px;
}
}
/* ==========================================================================
Hero slider
========================================================================== */
body.uik-redesign .uik-hero {
position: relative;
margin-top: 120px;
}
body.uik-redesign .uik-hero .uagb-swiper {
overflow: hidden;
}
body.uik-redesign .uik-hero .swiper-wrapper {
display: flex;
}
body.uik-redesign .uik-hero .swiper-slide {
flex-shrink: 0;
width: 100%;
}
body.uik-redesign .uik-hero__slide {
position: relative;
min-height: 640px;
display: flex;
align-items: center;
}
body.uik-redesign .uik-hero__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
/* Fade the image itself to reveal the navy slide behind it — inverse of the
old navy overlay gradient: transparent where the overlay was navy (0–10%
left, 100% right), opaque in the clear centre (50%). */
-webkit-mask-image:
linear-gradient(90deg, transparent 0%, transparent 15%, #000 85%, transparent 100%),
linear-gradient(180deg, transparent 0%, #000 15%, #000 85%, transparent 98%, transparent 100%);
-webkit-mask-composite: source-in;
mask-image:
linear-gradient(90deg, transparent 0%, transparent 15%, #000 85%, transparent 100%),
linear-gradient(180deg, transparent 0%, #000 15%, #000 85%, transparent 98%, transparent 100%);
mask-composite: intersect;
opacity: 0.6;
}
body.uik-redesign .uik-hero__slide {
height: 640px;
}
/* neutralize Spectra root-container width constraints inside the hero */
body.uik-redesign .uik-hero__slide.wp-block-uagb-container.uagb-is-root-container {
display: block;
max-width: none;
width: 100%;
padding: 0;
}
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap {
position: absolute !important;
inset: 0;
z-index: 1;
max-width: 1920px !important;
width: 100% !important;
margin: 0 auto !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
padding: 40px 16px 40px 0 !important;
}
body.uik-redesign .uik-hero__inner {
max-width: 750px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
body.uik-redesign .uik-hero__eyebrow {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 10px;
font-family: var(--uik-font);
font-size: 20px;
font-weight: 500;
color: var(--uik-gold);
}
body.uik-redesign .uik-hero__eyebrow::after {
content: "";
width: 150px;
height: 1px;
background: var(--uik-gold);
}
body.uik-redesign h2.uik-hero__title {
margin: 0 0 40px;
font-family: var(--uik-font);
font-size: clamp(34px, 3.1vw, 60px);
line-height: 1.2;
font-weight: 700;
color: var(--uik-white);
}
body.uik-redesign .uik-hero__desc {
margin: 0 0 40px;
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
color: var(--uik-white);
max-width: 800px;
}
/* controls row overlaid at bottom of hero */
body.uik-redesign .uik-hero__controls {
position: absolute;
left: 0;
right: 0;
bottom: 40px;
z-index: 5;
display: flex;
align-items: center;
gap: 40px;
padding-left: 160px;
padding-right: 160px;
pointer-events: none;
}
body.uik-redesign .uik-hero__controls .uik-arrow {
pointer-events: auto;
}
body.uik-redesign .uik-hero__arrows {
flex: 1;
display: flex;
gap: 20px;
align-items: center;
}
body.uik-redesign .uik-hero__dots {
flex: 1;
display: flex;
gap: 20px;
align-items: center;
justify-content: center;
}
body.uik-redesign .uik-hero__controls-spacer {
flex: 1;
}
/* ==========================================================================
Layout: section containers + white panels
========================================================================== */
body.uik-redesign .uik-panel {
margin: 0;
background: var(--uik-white);
border-radius: 40px;
overflow: hidden;
max-width: 1800px;
margin: 0 auto;
}
body.uik-redesign .uik-panel--top {
margin-top: 0;
max-width: 1800px;
margin: 0 auto;
padding-bottom: 80px;
}
body.uik-redesign .uik-h2 {
margin: 0;
font-family: var(--uik-font);
font-size: 32px;
line-height: 48px;
font-weight: 700;
color: var(--uik-text);
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-h2 {
font-size: 28px;
line-height: 38px;
}
}
body.uik-redesign .uik-lead {
margin: 10px 0 0;
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
color: var(--uik-text);
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-lead {
font-size: 14px;
line-height: 21px;
}
}
body.uik-redesign .uik-eyebrow--navy {
color: var(--uik-navy);
}
body.uik-redesign .uik-eyebrow--navy::after {
background: var(--uik-navy);
}
/* Gold recruitment banner */
body.uik-redesign .uik-recruit.uagb-is-root-container {
background: transparent;
max-width: none;
padding: 0;
}
body.uik-redesign .uik-recruit .uik-recruit__inner {
position: relative;
max-width: 1800px !important;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
padding: 24px 0 24px 0;
margin: 0 auto !important;
background: var(--uik-gold);
border-radius: 40px 40px 0 0;
}
body.uik-redesign .uik-recruit__title {
margin: 10px 0 0;
font-family: var(--uik-font);
font-size: 32px;
line-height: 48px;
font-weight: 700;
color: var(--uik-navy);
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-recruit__title {
font-size: 28px;
line-height: 38px;
}
}
body.uik-redesign .uik-recruit__actions {
display: flex;
gap: 20px;
align-items: center;
margin: 0;
justify-content: end;
flex-wrap: wrap;
}
body.uik-redesign .uik-recruit__actions .wp-block-button {
margin: 0;
}
body.uik-redesign a.wp-block-button__link.uik-btn--navy {
background: var(--uik-navy);
color: var(--uik-white);
border: 1px solid var(--uik-navy);
padding: 8px 24px;
transition: background 0.2s ease, color 0.2s ease;
}
body.uik-redesign a.wp-block-button__link.uik-btn--navy:hover {
color: var(--uik-navy) !important;
background: transparent !important;
}
body.uik-redesign a.wp-block-button__link.uik-btn .uik-btn__icon {
transform-origin: left;
}
body.uik-redesign a.wp-block-button__link.uik-btn:hover .uik-btn__icon {
animation: uik-btn-icon-pop 0.2s ease;
}
body.uik-redesign a.wp-block-button__link.uik-btn:hover .uik-btn__icon--down {
animation: uik-btn-icon-down 0.3s ease;
}
/* --light kept for markup compatibility; colour now handled by currentColor
(icon follows the button text colour in every state). */
body.uik-redesign .uik-btn__icon--light {
color: currentColor;
}
/* Szybki dostęp */
body.uik-redesign .uik-quick .uik-quick__inner {
width: 100%;
margin: 0 auto !important;
display: flex;
align-items: flex-start;
gap: 32px;
max-width: 1800px !important;
padding: 80px 0 120px 0 !important;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-quick .uik-quick__inner {
padding: 80px 0 80px 0 !important;
}
}
body.uik-redesign .uik-quick__head {
flex: 0 0 41666%;
max-width: 41.666%;
}
body.uik-redesign .uik-quick__grid {
flex: 1;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
/* tile */
body.uik-redesign .uik-tile.uagb-is-root-container,
body.uik-redesign a.uik-tile {
position: relative;
display: block;
background: var(--uik-gold);
border-radius: 10px;
padding-right: 5px;
width: 100%;
text-decoration: none;
overflow: hidden;
box-sizing: border-box;
outline: 1px solid transparent;
outline-offset: -1px;
transition: border 0.2s ease, padding 0.2s ease, outline 0.2s ease;
}
body.uik-redesign a.uik-tile:hover {
padding-right: 40px !important;
outline: 1px solid var(--uik-gold) !important;
}
body.uik-redesign .uik-tile__card {
position: relative;
z-index: 2;
max-width: none !important;
width: 100% !important;
margin: 0 !important;
height: 100%;
background: var(--uik-white);
border: 1px solid var(--uik-gold);
border-radius: 10px;
padding: 20px 50px 20px 20px;
display: flex;
flex-direction: column;
gap: 20px;
transition: padding 0.2s ease;
}
body.uik-redesign .uik-tile:hover .uik-tile__card {
padding-right: 15px !important;
}
body.uik-redesign .uik-tile__content .uagb-ifb-content {
display: flex;
flex-direction: column;
gap: 10px;
}
body.uik-redesign h3.uik-tile__title {
margin: 0;
font-family: var(--uik-font);
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: var(--uik-text);
}
body.uik-redesign .uik-tile__desc {
margin: 0;
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
color: var(--uik-text-secondary);
}
@media only screen and (max-width: 1680px) {
body.uik-redesign h3.uik-tile__title {
font-size: 18px;
line-height: 27px;
}
body.uik-redesign .uik-tile__desc {
font-size: 14px;
line-height: 21px;
}
}
body.uik-redesign .uik-tile__arrow {
position: absolute !important;
visibility: hidden;
opacity: 0;
right: 8px;
bottom: 16px;
width: 20px !important;
height: 20px;
z-index: 3;
transition: visibility 0.2s ease, opacity 0.2s ease;
}
body.uik-redesign .uik-tile:hover .uik-tile__arrow {
visibility: visible;
opacity: 1;
}
/* ==========================================================================
Poznaj nasze wydziały — faculty cards
========================================================================== */
body.uik-redesign .uik-faculties.uagb-is-root-container {
max-width: none;
background: var(--uik-white);
}
body.uik-redesign .uik-faculties .uik-faculties__inner {
max-width: 1800px;
width: 100%;
margin: 0 auto !important;
}
body.uik-redesign .uik-faculties__head {
margin-bottom: 40px;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-faculties__head {
margin-bottom: 20px;
}
body.uik-redesign .uik-news__head,
body.uik-redesign .uik-cal__head,
body.uik-redesign .uik-info__head,
body.uik-redesign .uik-search__head,
body.uik-redesign .uik-steps__head,
body.uik-redesign .uik-docs__head {
margin-bottom: 20px !important;
}
}
body.uik-redesign .uik-faculties__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
max-width: 1328px;
margin: 0 auto;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-faculties__grid {
gap: 16px;
padding: 0 80px;
}
body.uik-redesign h3.uik-tile__title {
font-size: 18px;
}
body.uik-redesign .uik-tile__card {
padding: 16px 50px 16px 16px;
}
}
@media only screen and (max-width: 921px) {
body.uik-redesign .uik-faculties__grid {
padding: 0;
}
}
body.uik-redesign .uik-fac.uagb-is-root-container {
max-width: 768px;
width: 100%;
border-radius: 10px;
}
body.uik-redesign .uik-fac .uik-fac__wrap {
max-width: none !important;
width: 100% !important;
margin: 0 !important;
display: flex;
flex-direction: column;
border-radius: 10px;
overflow: hidden;
height: 100%;
border: 1px solid var(--uik-fac-color);
}
body.uik-redesign .uik-fac__header {
background: var(--uik-fac-color);
padding: 10px 20px;
}
body.uik-redesign h3.uik-fac__name {
margin: 0;
font-family: var(--uik-font);
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: var(--uik-white);
}
@media only screen and (max-width: 1800px) {
body.uik-redesign h3.uik-fac__name {
font-size: 16px;
line-height: 27px;
}
}
body.uik-redesign .uik-fac__body {
background: var(--uik-white);
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
flex: 1;
border-radius: 10px;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-fac__header {
padding: 8px 16px;
}
body.uik-redesign .uik-fac__body {
padding: 16px;
}
}
body.uik-redesign .uik-fac__text {
display: flex;
flex-direction: column;
gap: 10px;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-fac__text {
gap: 4px;
}
}
body.uik-redesign h4.uik-fac__head {
margin: 0;
font-family: var(--uik-font);
font-size: 18px;
line-height: 27px;
font-weight: 700;
color: var(--uik-text);
}
@media only screen and (max-width: 1680px) {
body.uik-redesign h4.uik-fac__head {
font-size: 16px;
line-height: 24px;
}
}
body.uik-redesign .uik-fac__desc {
margin: 0;
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
color: var(--uik-text-secondary);
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-fac__desc {
font-size: 14px;
line-height: 21px;
}
}
body.uik-redesign .uik-fac__btn {
margin: 0;
}
body.uik-redesign a.wp-block-button__link.uik-btn--block {
width: 100%;
}
body.uik-redesign .uik-fac--wf { --uik-fac-color: var(--uik-wf); background-color: var(--uik-wf); }
body.uik-redesign .uik-fac--wfz { --uik-fac-color: var(--uik-wfz); background-color: var(--uik-wfz); }
body.uik-redesign .uik-fac--wnkk { --uik-fac-color: var(--uik-wnkk); background-color: var(--uik-wnkk); }
body.uik-redesign .uik-fac--wp { --uik-fac-color: var(--uik-wp); background-color: var(--uik-wp); }
body.uik-redesign .uik-fac--wps { --uik-fac-color: var(--uik-wps); background-color: var(--uik-wps); }
body.uik-redesign .uik-fac--wza { --uik-fac-color: var(--uik-wza); background-color: var(--uik-wza); }
body.uik-redesign .uik-fac--wps h3.uik-fac__name,
body.uik-redesign .uik-fac--wza h3.uik-fac__name {
color: var(--uik-text);
}
/* ==========================================================================
Override Spectra root-container inner-wrap width constraints for UIK sections
(Spectra's .uagb-is-root-container .uagb-container-inner-blocks-wrap rule
has 4-class specificity + !important margins; we neutralize it per-section)
========================================================================== */
body.uik-redesign .uik-quick.uagb-is-root-container,
body.uik-redesign .uik-faculties.uagb-is-root-container,
body.uik-redesign .uik-recruit.uagb-is-root-container {
max-width: none !important;
width: 100% !important;
/* Spectra makes the root container display:flex, which lets the inner-wrap
shrink to content (with auto margins) instead of honoring width:100%.
Force block so the inner-wrap fills the band → 1600px content. */
display: block !important;
}
/* keep long button labels on sensible lines */
body.uik-redesign .uik-btn {
word-break: normal;
text-align: center;
white-space: normal;
}
/* faculties inner should stack head over grid (Spectra defaults the wrap to flex) */
body.uik-redesign .uik-faculties.uagb-is-root-container > .uik-faculties__inner {
display: block !important;
}
/* ==========================================================================
Sprawdź aktualności — news carousel (on navy)
========================================================================== */
body.uik-redesign .uik-h2--light { color: var(--uik-white); }
body.uik-redesign .uik-lead--light { color: var(--uik-white); }
body.uik-redesign a.wp-block-button__link.uik-btn--onnavy {
background: transparent;
color: var(--uik-white);
border: #fff;
border: 1px solid #fff;
}
body.uik-redesign a.wp-block-button__link.uik-btn--onnavy:hover {
color: var(--uik-gold) !important;
border-color: var(--uik-gold);
}
body.uik-redesign .uik-news.uagb-is-root-container {
max-width: none !important;
width: 100% !important;
background: transparent;
}
body.uik-redesign .uik-news.uagb-is-root-container > .uik-news__inner-wrap {
max-width: 1920px !important;
width: 100% !important;
margin: 0 auto !important;
display: block !important;
padding: 80px 16px 80px 0;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-news.uagb-is-root-container > .uik-news__inner-wrap {
padding: 40px 16px 40px 0;
}
}
body.uik-redesign .uik-news__head {
display: flex;
align-items: end;
justify-content: space-between;
gap: 40px;
margin-bottom: 40px;
}
/* body.uik-redesign .uik-news__headtext { max-width: 80%; } */
@media only screen and (max-width: 921px) {
body.uik-redesign .uik-news__headtext { max-width: 100%; width: 100%; }
}
body.uik-redesign .uik-news__all { margin: 8px 0 0; }
body.uik-redesign .uik-news__carousel {
display: flex;
align-items: stretch;
gap: 26px;
max-width: 1328px;
margin: 0 auto;
position: relative;
}
@media only screen and (max-width: 1680px) and (min-width: 921px) {
body.uik-redesign .uik-news__carousel {
padding: 0 40px;
}
}
body.uik-redesign .uik-news__carousel button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: transparent;
border: none;
cursor: pointer;
border: 1px solid #fff;
}
body.uik-redesign .uik-news__carousel button:first-child {
left: -80px;
}
body.uik-redesign .uik-news__carousel button:last-child {
right: -80px;
}
body.uik-redesign .uik-news__carousel button:hover {
color: var(--uik-gold) !important;
border-color: var(--uik-gold) !important;
background: transparent !important;
}
body.uik-redesign .uik-news__arrow {
align-self: center;
flex: 0 0 40px;
}
body.uik-redesign .uik-news__grid {
flex: 1;
min-width: 0;
max-width: calc(100% - 32px);
padding: 0 !important;
border-radius: 10px;
}
body.uik-redesign .uik-news__items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin: 0;
padding: 0;
list-style: none;
}
/* card */
body.uik-redesign .uik-news__card {
position: relative;
background: var(--uik-gold);
border-radius: 10px;
padding-bottom: 5px;
overflow: visible;
max-width: 768px;
width: 100%;
margin: 0 auto;
outline: 1px solid transparent;
transition: padding-bottom 0.2s ease;
}
body.uik-redesign .uik-news__inner {
position: relative;
background: var(--uik-white);
border: 1px solid var(--uik-gold);
border-bottom: 0 !important;
border-radius: 10px;
height: 100%;
padding: 20px 0;
display: flex;
flex-direction: column;
gap: 20px;
box-shadow: inset 0 0 0 0 transparent;
transition: box-shadow 0.2s ease;
}
body.uik-redesign .uik-news__card:hover .uik-news__inner {
box-shadow: inset 0 0 0 1px var(--uik-gold);
}
body.uik-redesign .uik-news__cat {
align-self: flex-start;
background: var(--uik-navy);
color: var(--uik-white);
font-family: var(--uik-font);
font-size: 18px;
line-height: 27px;
font-weight: 700;
padding: 5px 20px;
border-radius: 0 5px 5px 0;
margin-left: -2px;
}
@media only screen and (max-width: 480px) {
body.uik-redesign .uik-news__cat {
font-size: 16px;
line-height: 24px;
}
}
body.uik-redesign .uik-news__cat--navy { background: var(--uik-navy); }
body.uik-redesign .uik-news__cat--wp { background: var(--uik-wp); }
body.uik-redesign .uik-news__cat--wza { background: var(--uik-wza); }
body.uik-redesign .uik-news__cat--wf { background: var(--uik-wf); }
body.uik-redesign .uik-news__cat--wfz { background: var(--uik-wfz); }
body.uik-redesign .uik-news__cat--wnkk { background: var(--uik-wnkk); }
body.uik-redesign .uik-news__meta {
display: flex;
gap: 10px;
padding: 0 20px;
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
color: var(--uik-text-secondary);
}
body.uik-redesign h3.uik-news__title {
margin: 0;
padding: 0 20px;
font-family: var(--uik-font);
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: var(--uik-text);
}
@media only screen and (max-width: 1680px) {
body.uik-redesign h3.uik-news__title {
font-size: 18px;
line-height: 27px;
}
body.uik-redesign .uik-news__inner {
gap: 16px;
}
}
body.uik-redesign .uik-news__desc {
margin: 0;
padding: 0 20px;
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
color: var(--uik-text-secondary);
flex: 1;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-news__desc {
font-size: 14px;
line-height: 21px;
}
}
body.uik-redesign .uik-news__link {
align-self: flex-end;
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0 20px;
padding: 10px 0;
font-family: var(--uik-font);
font-size: 18px;
line-height: 27px;
font-weight: 700;
color: var(--uik-text);
text-decoration: none;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
body.uik-redesign .uik-news__link img {
width: 20px !important;
height: 20px !important;
flex: 0 0 20px;
filter: brightness(0) saturate(100%) invert(13%) sepia(28%) saturate(1400%) hue-rotate(180deg) brightness(95%) contrast(95%);
}
body.uik-redesign .uik-news__link:hover { color: var(--uik-gold); }
/* ==========================================================================
Kalendarium — static mock (Stage 2: MEC Monthly View)
========================================================================== */
body.uik-redesign .uik-cal.uagb-is-root-container {
max-width: none !important;
width: 100% !important;
background: transparent;
}
body.uik-redesign .uik-cal.uagb-is-root-container > .uik-cal__inner-wrap {
max-width: 1920px !important;
width: 100% !important;
margin: 0 auto !important;
display: block !important;
padding: 40px 0 120px 0;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-cal.uagb-is-root-container > .uik-cal__inner-wrap {
padding: 40px 0 80px 0;
}
}
body.uik-redesign .uik-cal__head {
display: flex;
align-items: end;
justify-content: space-between;
gap: 40px;
margin-bottom: 20px;
}
body.uik-redesign .uik-cal__headtext { max-width: 100%; }
body.uik-redesign .uik-cal__all { margin: 8px 0 0; }
body.uik-redesign .uik-cal__card {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 4fr 3fr;
background: var(--uik-white);
border: 1px solid var(--uik-neutral-2);
border-radius: 20px;
overflow: hidden;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.02);
}
@media only screen and (max-width: 1680px) and (min-width: 921px) {
body.uik-redesign .uik-cal__card {
max-width: 921px;
}
}
/* calendar side */
body.uik-redesign .uik-cal__calendar {
position: relative;
padding: 48px 40px;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-cal__calendar {
padding: 32px 20px;
}
}
/* month title centred at the top; prev/next become corner tabs (Figma 656:98099/98108) */
body.uik-redesign .uik-cal__nav {
display: block;
text-align: center;
margin-bottom: 16px;
}
body.uik-redesign .uik-cal__navbtn {
position: absolute;
top: 0;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-width: 50px;
background: var(--uik-white);
border: 0 solid var(--uik-neutral-2);
border-bottom-width: 1px;
border-radius: 0;
padding: 17px 11px 18px 10px;
font-family: var(--uik-font);
font-size: 14px;
line-height: 21px;
color: var(--uik-text-secondary);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
cursor: pointer;
}
body.uik-redesign .uik-cal__navbtn--prev {
left: 0;
border-right-width: 1px;
}
body.uik-redesign .uik-cal__navbtn--next {
right: 0;
border-left-width: 1px;
}
body.uik-redesign .uik-cal__navbtn img {
width: 11px;
height: 12px;
/* arrow-chevron.svg is white; tint it to the muted grey used in the design */
filter: brightness(0) invert(46%);
}
body.uik-redesign .uik-cal__navbtn--prev img { transform: rotate(180deg); }
body.uik-redesign h3.uik-cal__month {
margin: 0;
font-family: var(--uik-font);
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: var(--uik-text);
}
body.uik-redesign .uik-cal__grid {
border-top: 1px solid var(--uik-neutral-2);
padding-top: 8px;
}
body.uik-redesign .uik-cal__weekdays,
body.uik-redesign .uik-cal__week {
display: grid;
grid-template-columns: repeat(7, 1fr);
}
body.uik-redesign .uik-cal__weekdays span {
text-align: center;
padding: 16px 0;
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
color: var(--uik-text-secondary);
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-cal__weekdays span {
padding: 8px 0;
font-size: 14px;
line-height: 21px;
}
}
body.uik-redesign .uik-cal__day {
position: relative;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-cal__day {
height: 60px;
}
}
body.uik-redesign .uik-cal__day span {
font-family: var(--uik-font);
font-size: 14px;
line-height: 1;
color: var(--uik-navy);
}
body.uik-redesign .uik-cal__day--out span { color: var(--uik-text-secondary); }
body.uik-redesign .uik-cal__dot {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
width: 8px;
height: 8px;
border-radius: 4px;
background: var(--uik-gold);
}
@media only screen and (max-width: 480px) {
body.uik-redesign .uik-cal__dot {
width: 4px;
height: 4px;
}
}
body.uik-redesign .uik-cal__day--sel {
}
body.uik-redesign .uik-cal__day--sel span {
color: var(--uik-white);
position: relative;
z-index: 1;
}
body.uik-redesign .uik-cal__day--sel::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 62px;
height: 62px;
border-radius: 50%;
background: var(--uik-gold);
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-cal__day--sel::before {
width: 48px;
height: 48px;
}
}
/* events side */
body.uik-redesign .uik-cal__events {
border-left: 1px solid var(--uik-neutral-2);
padding: 40px;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-cal__events {
padding: 20px;
}
}
body.uik-redesign .uik-cal__events-head {
display: flex;
flex-direction: column;
align-items: center;
gap: 7px;
padding-bottom: 20px;
}
body.uik-redesign .uik-cal__events-label {
margin: 0;
font-family: var(--uik-font);
font-size: 14px;
line-height: 21px;
color: var(--uik-text);
}
body.uik-redesign .uik-cal__events-day {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border: 1px solid var(--uik-gold);
border-radius: 50%;
font-family: var(--uik-font);
font-size: 18px;
line-height: 27px;
font-weight: 700;
color: var(--uik-gold);
}
body.uik-redesign .uik-ev {
border-top: 1px solid var(--uik-text-muted);
padding: 27px 5px 25px;
display: flex;
flex-direction: column;
gap: 8px;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-ev {
gap: 8px;
padding: 16px 4px 16px;
}
}
body.uik-redesign .uik-ev__time {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--uik-font);
font-size: 14px;
line-height: 21px;
color: var(--uik-text-secondary);
}
body.uik-redesign .uik-ev__clock { flex: 0 0 14px; }
body.uik-redesign h4.uik-ev__title {
margin: 0;
font-family: var(--uik-font);
font-size: 18px;
line-height: 27px;
font-weight: 700;
color: var(--uik-text);
}
@media only screen and (max-width: 480px) {
body.uik-redesign h4.uik-ev__title {
font-size: 16px;
line-height: 24px;
}
}
body.uik-redesign .uik-ev__place {
margin: 0;
font-family: var(--uik-font);
font-size: 14px;
line-height: 21px;
color: var(--uik-text-secondary);
}
/* ==========================================================================
Kalendarium — REAL MEC monthly-view markup (Stage 2).
Maps the plugin's .mec-* structure onto the .uik-cal placeholder look.
Scoped to .uik-cal__card--mec so it never touches other MEC instances;
append-only, with !important only where MEC's own stylesheet forces a value.
MEC DOM: .mec-calendar-topsec > .mec-calendar-side (calendar)
+ .mec-calendar-events-side (day events)
========================================================================== */
/* Card wraps a single .mec-wrap child, so the card itself is not the 2-col grid. */
body.uik-redesign .uik-cal__card--mec {
display: block;
padding: 0;
}
/* Strip MEC's own widths / floats / backgrounds off the outer wrappers. */
body.uik-redesign .uik-cal__card--mec .mec-wrap,
body.uik-redesign .uik-cal__card--mec .mec-calendar,
body.uik-redesign .uik-cal__card--mec .mec-box-calendar,
body.uik-redesign .uik-cal__card--mec .mec-calendar-table,
body.uik-redesign .uik-cal__card--mec .mec-month-container {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
background: transparent;
box-shadow: none;
border: 0;
float: none;
}
/* Two columns: calendar | events (mirrors .uik-cal__card 4fr / 3fr). */
body.uik-redesign .uik-cal__card--mec .mec-calendar-topsec {
display: grid;
grid-template-columns: 4fr 3fr;
}
/* ---- left column: the calendar ---------------------------------------- */
body.uik-redesign .uik-cal__card--mec .mec-calendar-side {
position: relative;
width: auto;
float: none;
margin: 0;
padding: 48px 40px;
min-width: 0;
width: 100% !important;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-cal__card--mec .mec-calendar-side {
padding: 32px 20px;
}
}
/* month navigator: centred title, prev/next become corner tabs. */
body.uik-redesign .uik-cal__card--mec .mec-skin-monthly-view-month-navigator-container,
body.uik-redesign .uik-cal__card--mec .mec-month-navigator {
position: static;
margin: 0;
padding: 0;
min-height: 0;
background: transparent;
text-align: center;
}
body.uik-redesign .uik-cal__card--mec .mec-calendar-header {
margin: 0 0 16px;
padding: 0;
text-align: center;
}
body.uik-redesign .uik-cal__card--mec .mec-calendar-header h2 {
margin: 0;
font-family: var(--uik-font);
font-size: 20px;
line-height: 30px;
font-weight: 700;
text-transform: capitalize;
color: var(--uik-text);
}
body.uik-redesign .uik-cal__card--mec .mec-previous-month,
body.uik-redesign .uik-cal__card--mec .mec-next-month {
position: absolute;
top: 0;
width: auto;
margin: 0;
padding: 0;
background: var(--uik-white);
border: 0 solid var(--uik-neutral-2);
border-bottom-width: 1px;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
}
body.uik-redesign .uik-cal__card--mec .mec-previous-month {
left: 0;
border-right-width: 1px;
}
body.uik-redesign .uik-cal__card--mec .mec-next-month {
right: 0;
border-left-width: 1px;
}
body.uik-redesign .uik-cal__card--mec .mec-previous-month .mec-load-month-link,
body.uik-redesign .uik-cal__card--mec .mec-next-month .mec-load-month-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-width: 50px;
padding: 17px 11px 18px 10px;
font-family: var(--uik-font);
font-size: 14px;
line-height: 21px;
color: var(--uik-text-secondary);
text-decoration: none;
text-transform: capitalize;
letter-spacing: 0;
}
body.uik-redesign .uik-cal__card--mec .mec-previous-month i,
body.uik-redesign .uik-cal__card--mec .mec-next-month i {
font-size: 12px;
color: var(--uik-text-secondary);
}
/* weekday header + day rows: 7-column grids. */
body.uik-redesign .uik-cal__card--mec .mec-calendar-table-head,
body.uik-redesign .uik-cal__card--mec .mec-calendar-row {
display: grid;
grid-template-columns: repeat(7, 1fr);
margin: 0;
}
body.uik-redesign .uik-cal__card--mec .mec-calendar-table-head {
border-top: 1px solid var(--uik-neutral-2);
padding-top: 8px;
}
body.uik-redesign .uik-cal__card--mec .mec-calendar-day-head {
text-align: center;
padding: 16px 0;
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: var(--uik-text-secondary);
background: transparent;
border: 0;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-cal__card--mec .mec-calendar-day-head {
padding: 8px 0;
font-size: 14px;
line-height: 21px;
width: auto;
}
}
/* day cells (both real days and out-of-month null days). */
body.uik-redesign .uik-cal__card--mec .mec-calendar-day,
body.uik-redesign .uik-cal__card--mec .mec-table-nullday {
position: relative;
z-index: 0;
height: 70px;
width: 70px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
border: 0;
background: transparent;
font-family: var(--uik-font);
font-size: 14px;
line-height: 1;
font-weight: 400;
color: var(--uik-navy);
}
body.uik-redesign .uik-cal__card--mec .mec-calendar-day > a,
body.uik-redesign .uik-cal__card--mec .mec-table-nullday > a {
display: flex;
align-items: center;
justify-content: center;
}
.mec-calendar .mec-calendar-row dt.mec-has-event:hover {
background-color: var(--uik-gold) !important;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-cal__card--mec .mec-calendar-day,
body.uik-redesign .uik-cal__card--mec .mec-table-nullday {
height: 60px;
width: 60px;
}
}
body.uik-redesign .uik-cal__card--mec .mec-table-nullday {
color: var(--uik-text-secondary);
}
/* gold dot on days that have events (MEC adds .mec-has-event). */
body.uik-redesign .uik-cal__card--mec .mec-calendar-day.mec-has-event::after {
content: "";
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--uik-gold);
margin: 0;
}
/* selected day: gold circle behind the number. */
body.uik-redesign .uik-cal__card--mec .mec-calendar-day.mec-selected-day {
color: var(--uik-white);
background: transparent;
}
body.uik-redesign .uik-cal__card--mec .mec-calendar-day.mec-selected-day::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
width: 62px;
height: 62px;
border-radius: 50%;
background: var(--uik-gold);
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-cal__card--mec .mec-calendar-day.mec-selected-day::before {
width: 48px;
height: 48px;
}
}
/* ---- right column: events for the selected day ------------------------ */
body.uik-redesign .uik-cal__card--mec .mec-calendar-events-side {
width: auto;
float: none;
margin: 0;
padding: 40px;
border-left: 1px solid var(--uik-neutral-2);
background: transparent;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-cal__card--mec .mec-calendar-events-side {
padding: 20px;
}
}
body.uik-redesign .uik-cal__card--mec .mec-month-side,
body.uik-redesign .uik-cal__card--mec .mec-calendar-events-sec {
width: auto;
margin: 0;
padding: 0;
background: transparent;
}
/* head: label + day badge, centred (mirrors .uik-cal__events-head). */
body.uik-redesign .uik-cal__card--mec .mec-table-side-title {
margin: 0 0 7px;
text-align: center;
font-family: var(--uik-font);
font-size: 14px;
line-height: 21px;
font-weight: 400;
text-transform: none;
color: var(--uik-text);
letter-spacing: 0;
}
body.uik-redesign .uik-cal__card--mec .mec-table-side-day {
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
margin: 0 auto 20px;
padding: 0;
border: 1px solid var(--uik-gold);
border-radius: 50%;
font-family: var(--uik-font);
font-size: 18px;
line-height: 1;
font-weight: 700;
color: var(--uik-gold);
background: transparent;
}
/* event rows (mirrors .uik-ev). */
body.uik-redesign .uik-cal__card--mec .mec-event-article {
margin: 0;
padding: 27px 5px 25px;
border-top: 1px solid var(--uik-text-muted);
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-cal__card--mec .mec-event-article {
padding: 16px 4px;
}
}
body.uik-redesign .uik-cal__card--mec .mec-event-detail {
font-family: var(--uik-font);
font-size: 14px;
line-height: 21px;
color: var(--uik-text-secondary);
}
/* ---- a day WITH real events: style MEC's event article like .uik-ev ------ */
/* day-number link MEC adds on event days: fill the cell, inherit its colour
(navy normally, white on the selected day) and drop the underline. */
body.uik-redesign .uik-cal__card--mec .mec-has-event-a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: inherit;
text-decoration: none;
}
/* the design shows no thumbnail or colour swatch — hide both. */
body.uik-redesign .uik-cal__card--mec .mec-event-image,
body.uik-redesign .uik-cal__card--mec .mec-event-title .event-color {
display: none;
}
/* once the image is gone, the text column fills the row (override inline width). */
body.uik-redesign .uik-cal__card--mec .mec-monthly-contents {
width: 100% !important;
float: none;
display: flex;
flex-direction: column;
gap: 8px;
}
/* time row (mirrors .uik-ev__time); beat MEC's !important .mec-color. */
body.uik-redesign .uik-cal__card--mec .mec-event-time,
body.uik-redesign .uik-cal__card--mec .mec-event-time.mec-color {
margin: 0;
display: flex;
align-items: center;
gap: 8px;
font-family: var(--uik-font);
font-size: 14px;
line-height: 21px;
color: var(--uik-text-secondary) !important;
}
body.uik-redesign .uik-cal__card--mec .mec-event-time i {
font-size: 14px;
color: var(--uik-text-secondary);
}
/* title (mirrors .uik-ev__title). */
body.uik-redesign .uik-cal__card--mec h4.mec-event-title {
margin: 0;
font-family: var(--uik-font);
font-size: 18px;
line-height: 27px;
font-weight: 700;
color: var(--uik-text);
}
body.uik-redesign .uik-cal__card--mec h4.mec-event-title a {
color: inherit;
text-decoration: none;
}
body.uik-redesign .uik-cal__card--mec h4.mec-event-title a:hover {
color: var(--uik-gold) !important;
}
/* location line inside the detail (mirrors .uik-ev__place). */
body.uik-redesign .uik-cal__card--mec .mec-event-loc-place {
margin: 0;
font-family: var(--uik-font);
font-size: 14px;
line-height: 21px;
color: var(--uik-text-secondary);
}
@media only screen and (max-width: 480px) {
body.uik-redesign .uik-cal__card--mec h4.mec-event-title {
font-size: 16px;
line-height: 24px;
}
}
/* hide MEC's empty footer / modal chrome. */
body.uik-redesign .uik-cal__card--mec .mec-event-footer,
body.uik-redesign .uik-cal__card--mec .mec-modal-result {
display: none;
}
/* stack the two columns on the phone layout (matches .uik-cal at <=921px). */
@media only screen and (max-width: 921px) {
body.uik-redesign .uik-cal__card--mec .mec-calendar-topsec {
grid-template-columns: 1fr;
}
body.uik-redesign .uik-cal__card--mec .mec-calendar-side {
padding: 20px;
}
body.uik-redesign .uik-cal__card--mec .mec-calendar-events-side {
border-left: none;
border-top: 1px solid var(--uik-neutral-2);
}
body.uik-redesign .uik-cal__card--mec .mec-calendar-day,
body.uik-redesign .uik-cal__card--mec .mec-table-nullday {
height: 48px;
width: 48px;
}
body.uik-redesign .uik-cal__card--mec .mec-calendar-day.mec-selected-day::before {
width: 44px;
height: 44px;
}
.mec-skin-monthly-view-month-navigator-container {
margin-top: 2.5em;
}
}
/* ==========================================================================
Bottom white panel: Projects + Map + International
========================================================================== */
body.uik-redesign .uik-panel--bottom {
background: var(--uik-white);
padding: 100px 0;
border-bottom-right-radius: 0 !important;
position: relative;
overflow: visible;
margin-bottom: 80px !important;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-panel--bottom {
padding: 60px 0;
}
}
/* Decorative bottom-right slant (Figma 550:11417 / Rectangle 6) — the white panel
dips down into the navy footer on the right, mirroring the navbar's top slant. */
body.uik-redesign .uik-panel--bottom::after {
content: "";
position: absolute;
bottom: -79px;
right: 0;
width: 70%;
height: 80px;
background: url("../assets/panel-bottom-slant.svg") right top / 100% 100% no-repeat;
pointer-events: none;
border-bottom-right-radius: 40px;
}
/* --- Nasze projekty --- */
body.uik-redesign .uik-projects.uagb-is-root-container {
max-width: none !important;
width: 100% !important;
background: transparent;
}
body.uik-redesign .uik-projects.uagb-is-root-container > .uik-projects__inner-wrap {
max-width: 1800px !important;
width: 100% !important;
margin: 0 auto !important;
display: flex !important;
align-items: flex-start;
justify-content: space-between;
gap: 32px;
padding: 0 16px 0 0 !important;
}
body.uik-redesign .uik-projects__head { flex: 0 0 38%; max-width: 600px; position: sticky !important; top: 100px; left: 0;}
@media only screen and (max-width: 921px) {
body.uik-redesign .uik-projects__head { position: static !important; }
}
body.uik-redesign .uik-projects__all { margin: 40px 0 0; }
/* the CTA exists twice: in the sticky head (desktop) and under the list (≤921px,
see the mobile block below) — only one is ever rendered */
body.uik-redesign .uik-projects__all--under { display: none; }
body.uik-redesign .uik-projects__list {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 20px;
max-width: 915px;
}
/* card + arrow mirror the Szybki dostęp tiles (.uik-tile): white card over a
gold base, expanding on hover to reveal a gold strip with a white arrow. */
body.uik-redesign .uik-proj__card {
position: relative;
background: var(--uik-gold);
border-radius: 10px;
padding-right: 5px;
width: 100%;
margin: 0 auto;
overflow: hidden;
outline: 1px solid transparent;
outline-offset: -1px;
transition: border 0.2s ease, padding 0.2s ease, outline 0.2s ease;
}
body.uik-redesign .uik-proj__card:hover {
padding-right: 40px !important;
outline: 1px solid var(--uik-gold) !important;
}
body.uik-redesign .uik-proj__inner {
position: relative;
background: var(--uik-white);
border: 1px solid var(--uik-gold);
border-radius: 10px;
display: flex;
gap: 20px;
align-items: flex-start;
padding: 20px 60px 20px 20px;
transition: padding 0.2s ease;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-proj__inner {
padding: 16px 60px 16px 16px;
}
}
body.uik-redesign .uik-proj__card:hover .uik-proj__inner {
padding-right: 25px !important;
}
body.uik-redesign .uik-proj__logo {
flex: 0 0 160px;
height: 110px;
display: flex;
align-items: center;
justify-content: center;
}
body.uik-redesign .uik-proj__logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
body.uik-redesign .uik-proj__text { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
@media only screen and (max-width: 480px) {
body.uik-redesign .uik-proj__text {
padding-right: 3em;
}
}
body.uik-redesign h3.uik-proj__title {
margin: 0;
font-family: var(--uik-font);
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: var(--uik-text);
}
@media only screen and (max-width: 1680px) {
body.uik-redesign h3.uik-proj__title {
font-size: 18px;
line-height: 27px;
}
}
body.uik-redesign .uik-proj__desc {
margin: 0;
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
color: var(--uik-text-secondary);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-proj__desc {
font-size: 14px;
line-height: 21px;
}
}
body.uik-redesign .uik-proj__arrow {
position: absolute !important;
visibility: hidden;
opacity: 0;
right: 8px;
bottom: 16px;
width: 20px !important;
height: 20px;
z-index: 3;
transition: visibility 0.2s ease, opacity 0.2s ease;
}
body.uik-redesign .uik-proj__card:hover .uik-proj__arrow {
visibility: visible;
opacity: 1;
}
/* Whole-card link: a transparent overlay anchor covering the card (the cards
* hold no other links, so this is safe). Sits above the arrow (z-index 3) so
* every part of the card is clickable; the arrow still shows through it. */
body.uik-redesign .uik-proj__link {
position: absolute;
inset: 0;
z-index: 4;
border-radius: 10px;
}
/* --- Mapa kampusu --- */
body.uik-redesign .uik-map.wp-block-columns {
max-width: 1800px !important;
padding-right: 16px;
margin: 120px auto;
display: block;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-map.wp-block-columns {
margin: 80px auto;
}
}
body.uik-redesign .uik-map__inner {
max-width: 1800px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 160px;
}
/* @media only screen and (max-width: 1800px) {
body.uik-redesign .uik-map__inner {
gap: 80px;
}
} */
body.uik-redesign .uik-map__mapcol { flex: 0 0 44%; align-self: stretch; }
body.uik-redesign .uik-map__frame {
border-radius: 10px;
overflow: hidden;
height: 400px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
body.uik-redesign .uik-map iframe { border-radius: 10px; min-height: 400px; height: 100%; }
body.uik-redesign .uik-map__img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.uik-redesign .uik-map__text { flex: 1;
padding-right: 0 !important; }
body.uik-redesign .uik-map__desc { margin-top: 20px; }
body.uik-redesign .uik-addr {
list-style: none;
margin: 32px 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 20px;
}
body.uik-redesign .uik-addr li {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--uik-font);
font-size: 18px;
line-height: 27px;
font-weight: 700;
color: var(--uik-text);
}
@media only screen and (max-width: 480px) {
body.uik-redesign .uik-addr li {
font-size: 16px;
line-height: 24px;
}
}
body.uik-redesign .uik-addr__pin { flex: 0 0 15px; }
/* --- Współpraca międzynarodowa --- */
body.uik-redesign .uik-intl.uagb-is-root-container {
max-width: none !important;
width: 100% !important;
background: transparent;
}
body.uik-redesign .uik-intl.uagb-is-root-container > .uik-intl__inner-wrap {
max-width: 1800px !important;
width: 100% !important;
padding-right: 16px;
margin: 0 auto !important;
display: block !important;
}
body.uik-redesign .uik-intl__head { max-width: 1800px; }
/* Logo marquee (Figma 30:514): duplicated track scrolls right→left, faded edges.
Animation driven by js/uik-marquee.js (clones the track for a seamless loop). */
body.uik-redesign .uik-intl__marquee {
margin-top: 40px;
width: 100%;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}
body.uik-redesign .uik-intl__logos {
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 120px;
width: max-content;
will-change: transform;
}
body.uik-redesign .uik-intl__logo {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
height: 90px;
max-width: 300px;
}
body.uik-redesign .uik-intl__logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
/* ==========================================================================
Footer
========================================================================== */
body.uik-redesign .uik-footer {
color: var(--uik-white);
margin: 0;
padding: 0;
}
body.uik-redesign .uik-footer__brand {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 14px;
}
body.uik-redesign .uik-footer__main {
display: grid;
grid-template-columns: 3fr 5fr 5fr;
gap: 120px;
max-width: 1920px;
margin: 0 160px;
padding: 60px 0 40px 0;
}
body.uik-redesign .uik-footer__crest {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
body.uik-redesign .uik-footer__social {
display: flex;
gap: 26px;
margin-top: 40px;
justify-content: space-between;
}
body.uik-redesign .uik-footer__social a { display: inline-flex; align-items: center; justify-content: center; line-height: 0; color: var(--uik-white); }
/* Font Awesome Free 6 brand glyphs (same treatment as the very-top bar) */
body.uik-redesign .uik-footer__social i { display: block; font-size: 20px; line-height: 1; color: inherit; transition: color 0.2s ease; }
body.uik-redesign .uik-footer__social a:hover i { color: var(--uik-gold); }
body.uik-redesign h3.uik-footer__title {
margin: 0 0 20px;
padding-bottom: 12px;
border-bottom: 1px solid #fff;
font-family: var(--uik-font);
font-size: 18px;
line-height: 24px;
font-weight: 700;
color: var(--uik-white);
}
body.uik-redesign h3.uik-footer__title--sub {
margin-top: 24px;
border-bottom: none;
padding-bottom: 0;
}
body.uik-redesign .uik-footer__line {
margin: 0 0 14px;
font-family: var(--uik-font);
font-size: 14px;
line-height: 21px;
color: rgba(255, 255, 255, 0.85);
}
body.uik-redesign .uik-footer__line--strong { font-weight: 700; color: var(--uik-white); }
body.uik-redesign .uik-footer__line a { color: var(--uik-white); text-decoration: none; }
body.uik-redesign .uik-footer__line a:hover { color: var(--uik-gold); }
body.uik-redesign .uik-footer__bip {
display: inline-block;
margin-top: 20px;
line-height: 0;
text-decoration: none;
}
body.uik-redesign .uik-footer__bip img {
display: block;
height: 16px;
width: auto;
transition: opacity 0.2s ease;
}
body.uik-redesign .uik-footer__bip:hover img { opacity: 0.75; }
/* copyright row */
body.uik-redesign .uik-footer__copy {
max-width: 1800px;
margin: 0 160px;
padding: 40px 0 32px 0 !important;
border-top: 1px solid #fff;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 40px;
}
body.uik-redesign .uik-footer__copyright {
margin: 0;
font-family: var(--uik-font);
font-size: 13px;
line-height: 20px;
color: #fff;
}
body.uik-redesign .uik-footer__legal { text-align: right; }
body.uik-redesign .uik-footer__legal p {
margin: 0;
font-family: var(--uik-font);
font-size: 12px;
line-height: 20px;
color: #fff;
}
/* EU strip */
body.uik-redesign .uik-footer__eu {
background: #f1f1f1;
padding: 32px 24px;
}
body.uik-redesign .uik-footer__eu-logos {
display: flex;
align-items: center;
justify-content: space-evenly;
gap: 80px;
flex-wrap: wrap;
max-width: 1800px;
padding-right: 16px;
margin: 0 auto;
}
body.uik-redesign .uik-footer__eu-logos img { height: 52px; width: auto; display: block; }
body.uik-redesign .uik-footer__eu-logos img:first-child { height: 68px; }
body.uik-redesign .uik-footer__eu-text {
max-width: 1000px;
margin: 20px auto 0;
text-align: center;
font-family: var(--uik-font);
font-size: 12px;
line-height: 20px;
color: #666;
}
body.uik-redesign #ast-mobile-header .ast-mobile-header-content {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
/* ==========================================================================
RESPONSIVE (append-only). The mobile header/menu switches in at 1200px
(overriding Astra's default 921px swap); the phone body-layout stays at 921px.
========================================================================== */
@media (max-width: 1200px) {
/* ==========================================================================
Mobile header + slide-out menu (Figma 816:10825). Toggled by
js/uik-mobile-menu.js which flips `.uik-mmenu-open` on #ast-mobile-header.
========================================================================== */
html.uik-mmenu-lock { overflow: hidden; }
body.uik-redesign .uik-faculties__grid {
grid-template-columns: repeat(2, 1fr);
}
body.uik-redesign .uik-map__inner { gap: 40px !important; }
/* Switch desktop → mobile header at 1200px (overrides Astra's 921px swap) */
body.uik-redesign #ast-desktop-header { display: none !important; }
body.uik-redesign #ast-mobile-header { display: block !important; }
body.uik-redesign #ast-mobile-header {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 30;
padding: 0;
height: 56px;
}
body.uik-redesign #ast-mobile-header::before {
content: "";
position: absolute;
top: 0;
left: 20px;
width: 100%;
height: 100%;
background-color: var(--uik-navy);
z-index: 0;
border-bottom-left-radius: 20px;
}
/* --- top bar: navy, slanted white logo tab + white toggle --- */
body.uik-redesign #ast-mobile-header .ast-primary-header-bar {
display: flex !important;
align-items: center;
background: var(--uik-navy);
border-bottom-left-radius: 10px;
min-height: 56px;
padding: 0 15px 0 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
overflow: hidden;
}
body.uik-redesign #ast-mobile-header .ast-builder-grid-row {
display: flex !important;
align-items: center;
justify-content: flex-start !important;
flex: 1 1 auto;
width: 100%;
min-width: 0;
gap: 0;
height: 56px;
}
body.uik-redesign #ast-mobile-header .site-header-primary-section-left {
display: flex !important;
align-items: center;
width: auto !important;
flex: 0 0 auto !important;
align-self: flex-end;
height: 46px;
}
body.uik-redesign #ast-mobile-header .site-header-primary-section-left .ast-builder-layout-element {
display: flex;
flex: 0 0 auto;
padding: 0;
margin: 0;
}
body.uik-redesign #ast-mobile-header .uik-mlogo {
background: var(--uik-white);
border-radius: 10px 0 0 10px;
padding: 0;
padding-left: 48px;
height: 46px;
display: flex;
align-items: center;
flex: 0 0 auto;
}
body.uik-redesign #ast-mobile-header .uik-mlogo__link { display: block; line-height: 0; height: 46px; }
body.uik-redesign #ast-mobile-header .uik-mlogo__img {
height: 46px;
width: auto;
max-width: none;
display: block;
}
body.uik-redesign #ast-mobile-header .uik-mmenu__slant {
align-self: flex-end;
height: 46px;
width: auto;
display: block;
flex: 0 0 auto;
margin: 0 0 0 -1px;
}
body.uik-redesign #ast-mobile-header .site-header-primary-section-right {
display: flex !important;
align-items: center;
margin-left: auto;
flex: 0 0 auto !important;
width: auto !important;
height: 56px;
}
body.uik-redesign #ast-mobile-header .menu-toggle {
background: transparent;
border: none;
color: var(--uik-white);
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
padding-right: 40px;
cursor: pointer;
}
body.uik-redesign #ast-mobile-header .ast-mobile-svg { fill: var(--uik-white); width: 38px; height: 38px; }
body.uik-redesign #ast-mobile-header .ast-close-svg { display: none; }
body.uik-redesign #ast-mobile-header.uik-mmenu-open .ast-menu-svg { display: none; }
body.uik-redesign #ast-mobile-header.uik-mmenu-open .ast-close-svg { display: inline-block; }
/* --- open state: full-screen navy overlay wrapping a white card --- */
body.uik-redesign #ast-mobile-header.uik-mmenu-open {
position: fixed;
inset: 0;
z-index: 1000;
background: var(--uik-navy);
-webkit-overflow-scrolling: touch;
}
body.uik-redesign #ast-mobile-header .ast-mobile-header-content {
transition: all 0.3s ease-in-out;
opacity: 0;
visibility: hidden;
display: flex !important;
flex-direction: column;
gap: 32px;
margin: 20px;
padding: 40px;
background: var(--uik-white);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
margin-top: 0 !important;
pointer-events: none;
max-height: 90vh;
}
body.uik-redesign #ast-mobile-header.uik-mmenu-open .ast-mobile-header-content {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
/* hide the Astra bits that aren't in the mobile design */
body.uik-redesign #ast-mobile-header .ast-header-html-1,
body.uik-redesign #ast-mobile-header [data-section="section-hb-social-icons-1"],
body.uik-redesign #ast-mobile-header [data-section="sidebar-widgets-header-widget-1"],
body.uik-redesign #ast-mobile-header [data-section="sidebar-widgets-header-widget-3"],
body.uik-redesign #ast-mobile-header [data-section="sidebar-widgets-header-widget-4"],
body.uik-redesign #ast-mobile-header #block-86 {
display: none !important;
}
/* neutralise Astra layout wrappers so children lay out cleanly */
body.uik-redesign #ast-mobile-header .ast-mobile-header-content .ast-builder-layout-element,
body.uik-redesign #ast-mobile-header .ast-mobile-header-content .ast-main-header-bar-alignment,
body.uik-redesign #ast-mobile-header .ast-mobile-header-content .main-header-bar-navigation,
body.uik-redesign #ast-mobile-header .ast-mobile-header-content .main-navigation,
body.uik-redesign #ast-mobile-header .ast-mobile-header-content nav,
body.uik-redesign #ast-mobile-header .ast-mobile-header-content .header-widget-area,
body.uik-redesign #ast-mobile-header .ast-mobile-header-content .widget,
body.uik-redesign #ast-mobile-header .ast-mobile-header-content .ast-search-menu-icon {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
background: transparent;
display: block;
}
/* --- search pill --- */
body.uik-redesign #ast-mobile-header .ast-search-menu-icon .search-form {
display: flex;
align-items: center;
width: 100%;
padding: 0 !important;
}
body.uik-redesign #ast-mobile-header .ast-search-menu-icon label { flex: 1; margin: 0; }
body.uik-redesign #ast-mobile-header .search-field {
width: 100%;
height: 36px;
box-sizing: border-box;
border: 2px solid var(--uik-navy) !important;
border-left-width: 1px !important;
border-radius: 5px;
padding: 0 44px 0 20px;
font-family: var(--uik-font);
font-size: 14px;
color: var(--uik-navy);
background: var(--uik-white);
margin-right: 0 !important;
}
body.uik-redesign #ast-mobile-header .search-submit {
width: 36px;
height: 36px;
margin-left: -36px;
flex: 0 0 36px;
background: var(--uik-navy);
border: none;
border-radius: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--uik-white);
cursor: pointer;
}
body.uik-redesign #ast-mobile-header .search-submit svg { width: 16px; height: 16px; fill: var(--uik-white); }
body.uik-redesign #ast-mobile-header .astra-search-icon { color: var(--uik-white); }
/* --- primary menu: right-aligned navy --- */
body.uik-redesign #ast-mobile-header #ast-hf-mobile-menu {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-around;
gap: 16px;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
flex-wrap: nowrap;
background-color: transparent;
}
body.uik-redesign #ast-mobile-header #ast-hf-mobile-menu .menu-item { margin: 0; width: fit-content; }
body.uik-redesign #ast-mobile-header #ast-hf-mobile-menu .menu-link {
display: inline-block;
padding: 7px 0;
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
color: var(--uik-navy);
text-align: right;
text-decoration: none;
border: none;
transition: color 0.2s ease;
}
body.uik-redesign #ast-mobile-header #ast-hf-mobile-menu .menu-link:hover,
body.uik-redesign #ast-mobile-header #ast-hf-mobile-menu .menu-link:focus { color: var(--uik-gold); }
/* --- secondary menu (divider above): right-aligned, smaller --- */
body.uik-redesign #ast-mobile-header [data-section="sidebar-widgets-header-widget-2"] {
border-top: 1px solid var(--uik-navy);
padding-top: 32px !important;
}
body.uik-redesign #ast-mobile-header #menu-secondary-menu {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-around;
gap: 16px;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
padding-top: 32px;
}
body.uik-redesign #ast-mobile-header #menu-secondary-menu .menu-item { margin: 0; }
body.uik-redesign #ast-mobile-header #menu-secondary-menu .menu-link {
font-family: var(--uik-font);
font-size: 14px;
line-height: 21px;
color: var(--uik-navy);
text-decoration: none;
transition: color 0.2s ease;
}
body.uik-redesign #ast-mobile-header #menu-secondary-menu .menu-link:hover,
body.uik-redesign #ast-mobile-header #menu-secondary-menu .menu-link:focus { color: var(--uik-gold); }
/* --- social row (divider above): BIP + Font Awesome, navy, evenly spread --- */
body.uik-redesign #ast-mobile-header .uik-mmenu__social {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
border-top: 1px solid var(--uik-navy);
padding-top: 32px;
}
body.uik-redesign #ast-mobile-header .uik-mmenu__social a {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--uik-navy);
line-height: 0;
}
body.uik-redesign #ast-mobile-header .uik-mmenu__social i {
font-size: 18px;
line-height: 1;
color: inherit;
transition: color 0.2s ease;
}
body.uik-redesign #ast-mobile-header .uik-mmenu__social a:hover i { color: var(--uik-gold); }
/* icon-bip.svg ships white (for the navy footer); recolour to navy on the white card */
body.uik-redesign #ast-mobile-header .uik-mmenu__bip img {
height: 16px;
width: auto;
display: block;
filter: brightness(0) saturate(100%) invert(13%) sepia(28%) saturate(1400%) hue-rotate(180deg) brightness(95%) contrast(95%);
}
/* --- language switch: centered PL | ENG --- */
body.uik-redesign #ast-mobile-header .uik-mmenu__lang {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
width: 100%;
}
body.uik-redesign #ast-mobile-header .uik-mmenu__lang-link {
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
color: var(--uik-navy);
text-decoration: none;
transition: color 0.2s ease;
}
body.uik-redesign #ast-mobile-header .uik-mmenu__lang-link:hover { color: var(--uik-gold); }
body.uik-redesign #ast-mobile-header .uik-mmenu__lang-sep { color: var(--uik-navy); }
}
/* Phone body-layout keeps the original 921px breakpoint */
@media (max-width: 921px) {
/* Hero */
body.uik-redesign .uik-hero__slide,
body.uik-redesign .uik-hero__slide.wp-block-uagb-container.uagb-is-root-container {
min-height: 768px;
}
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap {
position: relative;
padding: 40px 26px 120px;
}
body.uik-redesign .uik-hero__inner { max-width: 100%; }
body.uik-redesign h2.uik-hero__title { font-size: 36px; line-height: 46px; }
body.uik-redesign .uik-hero__controls { padding: 0 52px; bottom: 30px; }
body.uik-redesign .uik-hero__controls-spacer { display: none; }
/* Panels */
body.uik-redesign .uik-panel { margin: 0 10px; border-radius: 16px; }
/* Section heads that were side-by-side -> stack */
body.uik-redesign .uik-quick .uik-quick__inner,
body.uik-redesign .uik-projects.uagb-is-root-container > .uik-projects__inner-wrap {
flex-direction: column;
gap: 40px;
padding: 32px 16px;
}
body.uik-redesign .uik-quick__head,
body.uik-redesign .uik-projects__head { flex: none; max-width: 100%; width: 100%; }
/* CTA drops out of the head and sits under the project list (wrap gap supplies
the spacing, so the head copy's top margin is dropped) */
body.uik-redesign .uik-projects__head .uik-projects__all { display: none; }
body.uik-redesign .uik-projects__all--under { display: block; margin: 0; }
/* Grids -> single/adaptive columns */
body.uik-redesign .uik-news__items { grid-template-columns: 1fr; }
body.uik-redesign .uik-faculties .uik-faculties__inner { padding: 0; }
/* News + calendar section paddings + carousel arrows layout */
body.uik-redesign .uik-news__head,
body.uik-redesign .uik-cal__head {
flex-direction: column;
gap: 20px;
}
body.uik-redesign .uik-news__carousel { gap: 8px; }
body.uik-redesign .uik-news__arrow { display: none; }
/* Calendar: move button below the card */
body.uik-redesign .uik-cal.uagb-is-root-container > .uik-cal__inner-wrap {
display: flex !important;
flex-direction: column;
}
body.uik-redesign .uik-cal__head {
display: contents;
}
body.uik-redesign .uik-cal__headtext { order: 1; margin-bottom: 40px; max-width: 100%; }
body.uik-redesign .uik-cal__card { order: 2; }
body.uik-redesign .uik-cal__all {
order: 3;
width: 100%;
margin-top: 40px;
}
body.uik-redesign .uik-cal__all .wp-block-button__link {
width: 100%;
justify-content: center;
}
body.uik-redesign .uik-cal__all--mobile {
order: 3;
}
/* Calendar card -> stack (calendar over events) */
body.uik-redesign .uik-cal__card { grid-template-columns: 1fr; }
body.uik-redesign .uik-cal__events { border-left: none; border-top: 1px solid var(--uik-neutral-2); }
body.uik-redesign .uik-cal__calendar { padding: 20px; }
body.uik-redesign .uik-cal__day { height: 48px; }
body.uik-redesign .uik-cal__day--sel::before { width: 44px; height: 44px; }
/* Map -> stack */
body.uik-redesign .uik-map__inner { flex-direction: column-reverse; gap: 24px; }
body.uik-redesign .uik-map__mapcol { flex: none; width: 100%; }
body.uik-redesign .uik-intl.uagb-is-root-container > .uik-intl__inner-wrap { padding: 0; }
body.uik-redesign .uik-intl__marquee { margin-top: 40px; }
body.uik-redesign .uik-intl__logos { gap: 60px; }
body.uik-redesign .uik-intl__logo { height: 60px; }
/* Recruitment banner -> stack */
body.uik-redesign .uik-cal__card {
border-radius: 10px !important;
}
.bs-university-links .uik-quick__inner {
border-radius: 16px 16px 0 0 !important;
}
body.uik-redesign .uik-panel--bottom::after { border-bottom-right-radius: 16px; }
body.uik-redesign .uik-recruit .uik-recruit__inner { align-items: flex-start; gap: 20px; padding: 32px 16px; border-radius: 16px 16px 0 0; }
body.uik-redesign .uik-recruit__actions { flex-direction: column; align-items: stretch; width: 100%; }
body.uik-redesign .uik-recruit__actions .uik-btn { width: 100%; }
/* Project rows -> logo on top */
body.uik-redesign .uik-proj__inner { flex-direction: column; padding: 20px; }
body.uik-redesign .uik-proj__logo { flex: none; width: 160px; height: 80px; }
/* Footer -> stack */
body.uik-redesign .uik-footer__main { grid-template-columns: 1fr; gap: 32px; padding: 80px 0 40px 0; margin: 0 160px; }
body.uik-redesign .uik-footer__copy { flex-direction: column; gap: 16px; padding: 20px 16px; }
body.uik-redesign .uik-footer__legal { text-align: left; }
body.uik-redesign .uik-footer__eu {padding-bottom: 80px; }
body.uik-redesign .uik-footer__eu-logos { gap: 32px; }
body.uik-redesign .uik-footer__eu-logos img,
body.uik-redesign .uik-footer__eu-logos img:first-child { height: 44px; }
}
@media only screen and (max-width: 768px) {
body.uik-redesign #ast-mobile-header .menu-toggle {
padding-right: 20px;
}
body.uik-redesign .uik-quick .uik-quick__inner,
body.uik-redesign .uik-projects.uagb-is-root-container > .uik-projects__inner-wrap {
padding: 80px !important;
}
body.uik-redesign .uik-panel--bottom { padding: 32px 0; }
body.uik-redesign .uik-map.wp-block-columns { margin-top: 0; margin-bottom: 80px; }
body.uik-redesign #ast-mobile-header #ast-hf-mobile-menu,
body.uik-redesign #ast-mobile-header #menu-secondary-menu {
flex-direction: column;
}
}
/* ==========================================================================
Mobile (<768px): Szybki dostęp tiles — Figma 709:19257 (Kafelek - ścieżka).
White card with a gold slanted notch cut into the top-right corner holding a
persistent white arrow (instead of the desktop hover-reveal on the right).
========================================================================== */
@media (max-width: 1200px) {
/* thin gold frame around the card (Figma outer padding pl-1 pr-5 py-1) */
body.uik-redesign a.uik-tile,
body.uik-redesign .uik-tile.uagb-is-root-container {
padding: 1px 5px 1px 1px;
}
/* no hover expand/shrink on touch — the layout is static on mobile */
body.uik-redesign a.uik-tile:hover {
padding: 1px 5px 1px 1px !important;
outline: 1px solid transparent !important;
}
body.uik-redesign .uik-tile__card {
padding: 15px 16px 16px 16px;
border: none;
z-index: 1;
}
body.uik-redesign .uik-tile:hover .uik-tile__card {
padding: 15px 16px 16px 16px !important;
}
/* gold slanted notch (Figma "Rectangle 6", 86×42, rotated 180) sits above the
white card (z-1) and below the arrow (z-3) — the ::before under the img */
body.uik-redesign a.uik-tile::before,
body.uik-redesign .uik-tile.uagb-is-root-container::before,
body.uik-redesign .uik-proj__card::before {
content: "";
position: absolute;
top: 1px;
right: 5px;
width: 80px;
height: 52px;
z-index: 2;
background: url("../assets/tile-notch.svg") center / cover no-repeat;
pointer-events: none;
}
body.uik-redesign .uik-proj__card::before {
right: 6px !important;
}
body.uik-redesign .uik-proj__card:hover .uik-proj__inner {
padding-right: 20px !important;
}
body.uik-redesign .uik-proj__card:hover {
padding-right: 5px !important;
}
body.uik-redesign h3.uik-tile__title { font-size: 18px; line-height: 27px; }
/* persistent arrow sitting in the gold notch */
body.uik-redesign .uik-tile__arrow,
body.uik-redesign .uik-proj__arrow {
visibility: visible;
opacity: 1;
top: 13px;
right: 20px;
bottom: auto;
width: 16px !important;
height: 16px;
}
}
.bs-full-width.wp-block-uagb-container.alignfull.uagb-is-root-container>.uagb-container-inner-blocks-wrap {
margin-left: auto !important;
margin-right: auto !important;
}
@media only screen and (max-width: 1800px) {
body.uik-redesign .bs-university-links.uik-quick.uagb-is-root-container {
background-color: var(--uik-gold) !important;
}
}
.bs-university-links .uik-quick__inner {
border-top-left-radius: 40px;
border-top-right-radius: 40px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-color: #fff;
}
.bs-university-links .wp-block-uagb-container.bs-link-content {
border: 1px solid var(--uik-neutral-2) !important;
}
body.uik-redesign .uik-quick.uagb-is-root-container {
max-width: 1800px !important;
background: var(--uik-gold) !important;
}
body.uik-redesign .uik-faculties.uagb-is-root-container > .uagb-container-inner-blocks-wrap {
max-width: 1800px !important;
padding-right: 16px;
}
/* #ast-desktop-header {
background-color: var(--uik-navy) !important;
} */
.ast-builder-menu .main-navigation,
.ast-builder-menu-1 {
display: block;
width: 100%;
}
@media only screen and (max-width: 1800px) {
body.uik-redesign .uik-navbar__right {
gap: 24px;
}
body.uik-redesign .uik-navbar__bar {
padding-right: 24px;
}
}
@media only screen and (max-width: 1800px) {
body.uik-redesign .uik-navbar__menu .menu-link {
padding: 7px 20px;
}
/* body.uik-redesign .uik-hero__controls {
padding-left: 92px !important;
padding-right: 92px !important;
} */
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-news__carousel button:first-child {
left: 0;
}
body.uik-redesign .uik-news__carousel button:last-child {
right: 0;
}
body.uik-redesign .uik-hero__slide {
height: 520px;
min-height: 520px;
}
body.uik-redesign h2.uik-hero__title,
body.uik-redesign h1.uik-hero__title,
body.uik-redesign .uik-hero__pagetitle {
font-size: 40px !important;
margin-bottom: 20px !important;
}
body.uik-redesign .uik-hero--subpage .uik-hero__title {
font-size: 28px !important;
}
body.uik-redesign .uik-hero__desc {
margin-bottom: 24px;
}
body.uik-redesign .uik-navbar__bar {
height: 70px !important;
width: auto;
}
body.uik-redesign .uik-navbar__logo,
body.uik-redesign .uik-navbar__slant,
body.uik-redesign .uik-logo-img {
height: 60px !important;
width: auto;
}
body.uik-redesign .uik-hero__eyebrow {
font-size: 18px;
}
body.uik-redesign .uik-hero {
margin-top: 100px;
}
body.uik-redesign .uik-hero__controls {
bottom: 32px;
}
body.uik-redesign .uik-eyebrow,
body.uik-redesign .uik-hero__eyebrow {
font-size: 18px;
}
body.uik-redesign .uik-eyebrow {
margin-bottom: 0;
}
}
@media only screen and (max-width: 1440px) {
body.uik-redesign .uik-hero {
margin-top: 100px;
}
body.uik-redesign .uik-navbar__right {
padding-left: 16px;
}
body.uik-redesign .uik-navbar__lang-sep {
padding: 0 5px;
}
body.uik-redesign .uik-navbar__right {
gap: 16px;
}
body.uik-redesign .uik-news__carousel button:first-child {
left: -10px;
}
body.uik-redesign .uik-news__carousel button:last-child {
right: -10px;
}
body.uik-redesign .uik-hero__controls {
padding-left: 82px !important;
padding-right: 82px !important;
}
}
@media only screen and (max-width: 1200px) {
body.uik-redesign .uik-hero__controls {
padding-left: 62px !important;
padding-right: 62px !important;
}
body.uik-redesign #ast-mobile-header.uik-mmenu-open .uik-mlogo {
border-bottom-left-radius: 0 !important;
}
body.uik-redesign .uik-hero {
margin-top: 55px;
}
body.uik-redesign #ast-mobile-header .ast-primary-header-bar {
padding-left: 20px !important;
padding-right: 20px !important;
}
body.uik-redesign #ast-mobile-header .ast-builder-grid-row {
padding: 0 !important;
}
.home #masthead .ast-mobile-header-wrap .ast-primary-header-bar {
background: transparent !important;
border-bottom: none !important;
}
body.uik-redesign #ast-mobile-header .ast-primary-header-bar::after {
content: "";
position: absolute;
bottom: 0;
left: 40px;
width: calc(100% - 60px) !important;
height: 1px;
background: #fff;
z-index: -1;
display: block !important;
transition: all 0.3s ease-in-out;
}
body.uik-redesign #ast-mobile-header .ast-mobile-header-content .ast-builder-layout-element {
padding: 0 !important;
}
body.uik-redesign #ast-mobile-header.uik-mmenu-open .ast-mobile-svg.ast-open-svg {
display: none !important;
}
}
@media only screen and (max-width: 992px) {
body.uik-redesign .uik-hero__controls {
padding-left: 54px !important;
padding-right: 54px !important;
}
body.uik-redesign #ast-mobile-header .ast-primary-header-bar {
padding-left: 20px !important;
}
body.uik-redesign .uik-recruit__actions .uik-btn {
max-width: 360px !important;
margin: 0 auto !important;
}
.ast-header-break-point .site-header .ast-inline-search.ast-search-menu-icon .search-field {
width: 100% !important;
}
body.uik-redesign .uik-hero .swiper-slide > .swiper-content {
padding: 0 !important;
}
}
@media only screen and (max-width: 921px) {
body.uik-redesign #ast-mobile-header .uik-mlogo {
padding-left: 34px !important;
}
body.uik-redesign .uik-footer__crest {
max-width: 480px;
margin: 0 auto;
}
}
@media only screen and (max-width: 768px) {
body.uik-redesign .uik-news.uagb-is-root-container > .uik-news__inner-wrap,
body.uik-redesign .uik-cal.uagb-is-root-container > .uik-cal__inner-wrap {
padding: 0 !important;
padding-bottom: 80px !important;
}
body.uik-redesign #ast-mobile-header .ast-mobile-header-content {
margin: 16px;
}
body.uik-redesign .uik-news.uagb-is-root-container > .uik-news__inner-wrap {
padding-top: 80px !important;
}
.uik-footer__brand {
order: 1;
}
body.uik-redesign .uik-footer__crest {
width: 80%;
}
body.uik-redesign .uik-footer__social {
justify-content: space-between;
}
body.uik-redesign .uik-footer__bip {
display: flex;
justify-content: flex-end;
}
body.uik-redesign #ast-mobile-header .ast-primary-header-bar::after {
bottom: 0px;
left: 30px;
}
body.uik-redesign .uik-panel--bottom::after {
width: 212px !important;
right: 0 !important;
height: 55px !important;
bottom: -55px !important;
border-bottom-right-radius: 16px !important;
background-image: url("../assets/panel-bottom-slant-mobile.svg") !important;
}
body.uik-redesign .uik-hero {
margin-top: 55px;
}
.uik-hero .swiper-content {
padding: 0 !important;
}
body.uik-redesign .uik-hero__bg {
-webkit-mask-image: linear-gradient(180deg, transparent 0%, transparent 25%, #000 60%, transparent 95%, transparent 100%);
mask-image: linear-gradient(180deg, transparent 0%, transparent 25%, #000 60%, transparent 95%, transparent 100%);
padding-top: 33.333%;
}
body.uik-redesign #ast-mobile-header.uik-mmenu-open .ast-mobile-header-content {
border-top-left-radius: 0 !important;
}
body.uik-redesign #ast-mobile-header .uik-mmenu__slant {
height: 46px !important;
width: 48px !important;
object-fit: cover;
object-position: right;
}
body.uik-redesign #ast-mobile-header .uik-mlogo {
height: 46px !important;
margin: 0 !important;
}
.site-header-section>div:first-child {
padding-right: 0 !important;
}
body.uik-redesign .uik-hero__controls {
flex-direction: column-reverse;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.uik-redesign .uik-eyebrow::after {
width: 100%;
max-width: 80px;
flex: 1 1 0;
}
body.uik-redesign a.wp-block-button__link.uik-btn--block {
padding: 10px 16px !important;
}
body.uik-redesign #ast-mobile-header .ast-mobile-header-content {
height: 90vh;
}
}
@media only screen and (max-width: 767px) {
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap {
align-items: start !important;
padding-top: 50px !important;
}
body.uik-redesign .uik-hero--faculty .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap {
padding-top: 150px !important;
}
body.uik-redesign .uik-recruit .uik-recruit__inner {
flex-direction: column;
}
body.uik-redesign .uik-quick__grid { grid-template-columns: 1fr; }
body.uik-redesign .uik-faculties__grid { grid-template-columns: 1fr; }
body.uik-redesign .uik-news__inner {
border-bottom-left-radius: 0 !important;
}
body.uik-redesign .uik-news__all {
padding: 0 20px !important;
}
}
@media only screen and (max-width: 480px) {
/* body.uik-redesign .uik-proj__logo {
width: auto;
height: 25px;
right: 5px;
top: 60px;
position: absolute;
} */
body.uik-redesign .uik-recruit__actions .uik-btn {
max-width: 100% !important;
}
body.uik-redesign #ast-mobile-header .ast-mobile-header-content {
margin-left: 10px !important;
margin-right: 10px !important;
}
}
@media only screen and (max-width: 359px) {
body.uik-redesign #ast-mobile-header .uik-mlogo__img,
body.uik-redesign #ast-mobile-header .uik-mlogo__link {
height: 40px !important;
}
}
/* ==========================================================================
"Sprawdź aktualności" — real Swiper carousel (Figma mobile 709:19276).
Runs on the site's own Swiper (js/uik-news-swiper.js). Desktop keeps the
3-up grid with side arrows and the button top-right of the head; the button
now lives in the DOM under the carousel and is lifted back into the head via
grid areas so mobile naturally shows it under the swiper.
========================================================================== */
/* Desktop reorder: head + button on row 1, carousel spanning row 2. */
body.uik-redesign .uik-news.uagb-is-root-container > .uik-news__inner-wrap {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas:
"head all"
"carousel carousel";
align-items: end;
}
body.uik-redesign .uik-news__head { grid-area: head; }
body.uik-redesign .uik-news__all {
grid-area: all;
align-self: end;
justify-self: end;
margin: 0 0 40px;
margin-bottom: 20px !important;
}
body.uik-redesign .uik-news__carousel { grid-area: carousel; }
/* Swiper wrapper: override the CSS grid so Swiper's flex layout drives widths. */
body.uik-redesign .uik-news__items.swiper-wrapper {
display: flex;
gap: 0;
}
body.uik-redesign .uik-news__card.swiper-slide {
margin-left: 0;
margin-right: 0;
max-width: none;
height: auto;
}
/* The .swiper container clips at its border box, so the 40px horizontal padding
* on .uik-news__grid let the adjacent slide (the "4th") peek through that gap.
* Zero it in Swiper mode so the slides fill the viewport and exactly the visible
* count (3 on desktop) clips cleanly. */
body.uik-redesign .uik-news__grid.swiper {
padding-left: 0;
padding-right: 0;
}
/* Controls are transparent on desktop: dots hidden, arrows stay absolute (sides). */
body.uik-redesign .uik-news__controls { display: contents; }
body.uik-redesign .uik-news__navrow { display: contents; }
body.uik-redesign .uik-news__dots {
display: none;
position: static;
}
@media (max-width: 921px) {
/* Undo the desktop grid: DOM order (head → carousel → button) stacks naturally. */
body.uik-redesign .uik-news.uagb-is-root-container > .uik-news__inner-wrap {
display: block !important;
}
/* Carousel becomes a column: swiper, then the controls block. */
body.uik-redesign .uik-news__carousel {
flex-direction: column;
gap: 0;
}
body.uik-redesign .uik-news__controls {
display: flex;
flex-direction: column;
gap: 24px;
margin-top: 24px;
}
/* Pagination dots — gold active bar + white bars (Figma). */
body.uik-redesign .uik-news__dots {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
body.uik-redesign .uik-news__dots .swiper-pagination-bullet {
width: 24px;
height: 3px;
margin: 0;
border-radius: 100px;
background: var(--uik-white);
opacity: 1;
transition: width 0.2s ease, height 0.2s ease, background 0.2s ease;
}
body.uik-redesign .uik-news__dots .swiper-pagination-bullet-active {
width: 40px;
height: 5px;
background: var(--uik-gold);
}
/* Arrows below, right-aligned, round white-outline (Figma). */
body.uik-redesign .uik-news__navrow {
display: flex;
justify-content: center;
gap: 20px;
}
body.uik-redesign .uik-news__arrow {
display: flex !important;
position: static !important;
transform: none !important;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
flex: 0 0 40px;
border: 2px solid var(--uik-white);
border-radius: 100px;
}
body.uik-redesign .uik-news__carousel button:first-child,
body.uik-redesign .uik-news__carousel button:last-child {
left: auto;
right: auto;
}
/* Button under the swiper, full-width. */
body.uik-redesign .uik-news__all {
margin: 24px 0 0;
width: 100%;
margin-bottom: 0 !important;
}
body.uik-redesign .uik-news__all .uik-btn {
width: 100%;
justify-content: center;
}
}
/* ==========================================================================
News card — "Kafelek Aktualności" (Figma 752:25370). White body on top,
gold footer bar with a white slant (Rectangle 6, flipped) on the left and a
right-aligned "Zobacz pełną treść wpisu" CTA + ↗ arrow.
========================================================================== */
body.uik-redesign .uik-news__card {
overflow: hidden;
display: flex;
flex-direction: column;
position: relative;
}
/* white body: gold border on left/right/top only, square bottom-left */
body.uik-redesign .uik-news__inner {
flex: 1 1 auto;
height: auto;
border-bottom: none;
border-radius: 10px;
padding: 16px 0;
}
/* gold footer bar */
body.uik-redesign .uik-news__cta {
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
align-items: center;
justify-content: flex-end;
gap: 10px;
min-height: 30px;
padding: 20px 26px 10px 10px;
background: var(--uik-gold);
border-top: none;
border-radius: 0 0 10px 0;
text-decoration: none;
transform: translateY(60px);
transition: all .2s ease-in-out !important;
}
body.uik-redesign .uik-news__cta::after {
content: "";
position: absolute;
display: block !important;
left: 1px;
bottom: 50px;
background: linear-gradient(0deg,rgba(255, 255, 255, 1) 10px, rgba(255, 255, 255, 0) 100%);
width: calc(100% - 2px);
height: 100px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}
body.uik-redesign .uik-news__card:hover .uik-news__cta {
transform: translateY(0);
}
body.uik-redesign .uik-news__card:hover .uik-news__cta::after {
opacity: 1;
}
/* white slant filling the left of the bar (Figma Rectangle 6, -scale-y-100) */
body.uik-redesign .uik-news__cta::before {
content: "";
position: absolute;
display: none;
left: 0;
top: -1px;
bottom: 0;
width: 87.5px;
background: url("../assets/news-cta-slant.svg") left center / 87.5px 100% no-repeat;
transform: scaleY(-1);
pointer-events: none;
border-left: 1px solid var(--uik-gold);
border-top-left-radius: 10px;
}
body.uik-redesign .uik-news__cta-label {
position: relative;
z-index: 1;
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: var(--uik-text);
text-align: right;
}
body.uik-redesign .uik-news__cta-arrow {
position: relative;
z-index: 1;
width: 16px !important;
height: 16px !important;
flex: 0 0 16px;
border: none !important;
border-radius: 0 !important;
}
body.uik-redesign .uik-news__cta:hover .uik-news__cta-label { color: var(--uik-navy); }
@media only screen and (max-width: 1200px) {
body.uik-redesign .uik-news__cta::after {
display: none !important;
}
body.uik-redesign .uik-news__cta {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
min-height: 30px;
padding: 10px 26px 10px 10px;
background: var(--uik-gold);
border-top: none;
border-radius: 0 0 10px 0;
overflow: hidden;
text-decoration: none;
transform: none !important;
}
body.uik-redesign .uik-news__cta::before {
display: none !important;
}
}
/* Mobile card type scale (Figma mobile: title 18/27, desc 14/21) */
@media (max-width: 921px) {
body.uik-redesign h3.uik-news__title { font-size: 18px; line-height: 27px; }
body.uik-redesign .uik-news__desc { font-size: 14px; line-height: 21px; }
}
/* ==========================================================================
Side gutters — 1800px band (margin) and 1600px band (padding)
========================================================================== */
body.uik-redesign .uik-navbar__bar {
margin-left: 60px !important;
margin-right: 60px !important;
}
@media only screen and (min-width: 1921px) {
body.uik-redesign .uik-navbar__bar {
margin-left: auto !important;
margin-right: auto !important;
}
}
body.uik-redesign .uik-panel,
body.uik-redesign .uik-panel--top,
body.uik-redesign .uik-faculties .uik-faculties__inner {
margin-left: 60px !important;
margin-right: 60px !important;
}
body.uik-redesign .uik-verytop,
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-quick .uik-quick__inner,
body.uik-redesign .uik-news.uagb-is-root-container > .uik-news__inner-wrap,
body.uik-redesign .uik-cal.uagb-is-root-container > .uik-cal__inner-wrap,
body.uik-redesign .uik-footer__eu-logos {
padding-left: 160px !important;
padding-right: 160px !important;
}
body.uik-redesign .uik-recruit .uik-recruit__inner,
body.uik-redesign .uik-quick .uik-quick__inner,
body.uik-redesign .uik-faculties.uagb-is-root-container > .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-intl.uagb-is-root-container > .uik-intl__inner-wrap,
body.uik-redesign .uik-projects.uagb-is-root-container > .uik-projects__inner-wrap,
body.uik-redesign .uik-map.wp-block-columns,
body.uik-redesign .uik-systems,
body.uik-redesign .uik-info,
body.uik-redesign .uik-contact {
padding-left: 100px !important;
padding-right: 100px !important;
}
@media only screen and (max-width: 1800px) {
/* body.uik-redesign .uik-navbar__logo-link {
padding-left: 72px !important;
}
body.uik-redesign .uik-navbar__bar,
body.uik-redesign .uik-panel,
body.uik-redesign .uik-panel--top,
body.uik-redesign .uik-faculties .uik-faculties__inner,
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-verytop {
margin-left: 20px !important;
margin-right: 20px !important;
}
body.uik-redesign .uik-footer__main,
body.uik-redesign .uik-footer__copy {
margin-left: 92px !important;
margin-right: 92px !important;
} */
body.uik-redesign .uik-navbar__bar {
padding-right: 100px !important;
}
/* body.uik-redesign .uik-news.uagb-is-root-container > .uik-news__inner-wrap,
body.uik-redesign .uik-cal.uagb-is-root-container > .uik-cal__inner-wrap {
padding-left: 92px !important;
padding-right: 92px !important;
}
body.uik-redesign .uik-verytop,
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-recruit .uik-recruit__inner,
body.uik-redesign .uik-quick .uik-quick__inner,
body.uik-redesign .uik-projects.uagb-is-root-container > .uik-projects__inner-wrap,
body.uik-redesign .uik-map.wp-block-columns,
body.uik-redesign .uik-intl.uagb-is-root-container > .uik-intl__inner-wrap,
body.uik-redesign .uik-footer__eu-logos,
body.uik-redesign .uik-faculties.uagb-is-root-container > .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-systems,
body.uik-redesign .uik-info,
body.uik-redesign .uik-contact {
padding-left: 72px !important;
padding-right: 72px !important;
} */
}
@media only screen and (max-width: 1440px) {
body.uik-redesign .uik-navbar__bar,
body.uik-redesign .uik-panel,
body.uik-redesign .uik-panel--top,
body.uik-redesign .uik-faculties .uik-faculties__inner,
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-verytop {
margin-left: 30px !important;
margin-right: 30px !important;
}
body.uik-redesign .uik-footer__main,
body.uik-redesign .uik-footer__copy {
margin-left: 78px !important;
margin-right: 78px !important;
}
body.uik-redesign .uik-navbar__bar {
padding-right: 48px !important;
}
body.uik-redesign .uik-navbar__logo-link {
padding-left: 48px !important;
}
body.uik-redesign .uik-news.uagb-is-root-container > .uik-news__inner-wrap,
body.uik-redesign .uik-cal.uagb-is-root-container > .uik-cal__inner-wrap {
padding-left: 78px !important;
padding-right: 78px !important;
}
body.uik-redesign .uik-verytop,
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-recruit .uik-recruit__inner,
body.uik-redesign .uik-quick .uik-quick__inner,
body.uik-redesign .uik-projects.uagb-is-root-container > .uik-projects__inner-wrap,
body.uik-redesign .uik-map.wp-block-columns,
body.uik-redesign .uik-intl.uagb-is-root-container > .uik-intl__inner-wrap,
body.uik-redesign .uik-footer__eu-logos,
body.uik-redesign .uik-faculties.uagb-is-root-container > .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-systems,
body.uik-redesign .uik-info,
body.uik-redesign .uik-contact {
padding-left: 48px !important;
padding-right: 48px !important;
}
}
@media only screen and (max-width: 1200px) {
body.uik-redesign .uik-navbar__bar,
body.uik-redesign .uik-panel,
body.uik-redesign .uik-panel--top,
body.uik-redesign .uik-faculties .uik-faculties__inner,
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap {
margin-left: 20px !important;
margin-right: 20px !important;
}
body.uik-redesign .uik-verytop,
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-recruit .uik-recruit__inner,
body.uik-redesign .uik-quick .uik-quick__inner,
body.uik-redesign .uik-projects.uagb-is-root-container > .uik-projects__inner-wrap,
body.uik-redesign .uik-map.wp-block-columns,
body.uik-redesign .uik-intl.uagb-is-root-container > .uik-intl__inner-wrap,
body.uik-redesign .uik-footer__eu-logos,
body.uik-redesign .uik-faculties.uagb-is-root-container > .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-systems,
body.uik-redesign .uik-info,
body.uik-redesign .uik-contact {
padding-left: 40px !important;
padding-right: 40px !important;
}
body.uik-redesign .uik-news.uagb-is-root-container > .uik-news__inner-wrap,
body.uik-redesign .uik-cal.uagb-is-root-container > .uik-cal__inner-wrap {
padding-left: 60px !important;
padding-right: 60px !important;
}
body.uik-redesign .uik-footer__main,
body.uik-redesign .uik-footer__copy {
margin-left: 60px !important;
margin-right: 60px !important;
}
body.uik-redesign #ast-mobile-header .uik-mlogo {
padding-left: 40px !important;
}
}
@media only screen and (max-width: 992px) {
body.uik-redesign .uik-navbar__bar,
body.uik-redesign .uik-panel,
body.uik-redesign .uik-panel--top,
body.uik-redesign .uik-faculties .uik-faculties__inner,
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap {
margin-left: 20px !important;
margin-right: 20px !important;
}
body.uik-redesign .uik-verytop,
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-recruit .uik-recruit__inner,
body.uik-redesign .uik-quick .uik-quick__inner,
body.uik-redesign .uik-projects.uagb-is-root-container > .uik-projects__inner-wrap,
body.uik-redesign .uik-map.wp-block-columns,
body.uik-redesign .uik-intl.uagb-is-root-container > .uik-intl__inner-wrap,
body.uik-redesign .uik-footer__eu-logos,
body.uik-redesign .uik-faculties.uagb-is-root-container > .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-systems,
body.uik-redesign .uik-info,
body.uik-redesign .uik-contact {
padding-left: 32px !important;
padding-right: 32px !important;
}
body.uik-redesign .uik-cal.uagb-is-root-container > .uik-cal__inner-wrap,
body.uik-redesign .uik-news.uagb-is-root-container > .uik-news__inner-wrap {
padding-left: 52px !important;
padding-right: 52px !important;
}
body.uik-redesign .uik-footer__main,
body.uik-redesign .uik-footer__copy {
margin-left: 52px !important;
margin-right: 52px !important;
}
body.uik-redesign #ast-mobile-header .uik-mlogo {
padding-left: 32px !important;
}
body.uik-redesign #ast-mobile-header .menu-toggle {
padding-right: 32px !important;
}
body.uik-redesign #ast-mobile-header .ast-mobile-header-content {
padding: 32px !important;
}
}
@media only screen and (max-width: 768px) {
body.uik-redesign .uik-navbar__bar,
body.uik-redesign .uik-panel,
body.uik-redesign .uik-panel--top,
body.uik-redesign .uik-faculties .uik-faculties__inner {
margin-left: 16px !important;
margin-right: 16px !important;
}
body.uik-redesign .uik-panel--top {
padding-bottom: 32px !important;
}
body.uik-redesign .uik-verytop,
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-recruit .uik-recruit__inner,
body.uik-redesign .uik-quick .uik-quick__inner,
body.uik-redesign .uik-cal__head,
body.uik-redesign .uik-projects.uagb-is-root-container > .uik-projects__inner-wrap,
body.uik-redesign .uik-map.wp-block-columns,
body.uik-redesign .uik-intl.uagb-is-root-container > .uik-intl__inner-wrap,
body.uik-redesign .uik-footer__eu-logos,
body.uik-redesign .uik-faculties.uagb-is-root-container > .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-systems,
body.uik-redesign .uik-info,
body.uik-redesign .uik-contact {
padding-left: 24px !important;
padding-right: 24px !important;
}
body.uik-redesign #ast-mobile-header .ast-mobile-header-content {
padding: 24px !important;
}
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap {
margin-left: 0 !important;
margin-right: 0 !important;
}
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-news.uagb-is-root-container > .uik-news__inner-wrap,
body.uik-redesign .uik-cal.uagb-is-root-container > .uik-cal__inner-wrap {
padding-left: 40px !important;
padding-right: 40px !important;
}
body.uik-redesign .uik-footer__copy {
margin-left: 40px !important;
margin-right: 40px !important;
}
body.uik-redesign #ast-mobile-header .ast-primary-header-bar {
padding-left: 16px !important;
}
body.uik-redesign #ast-mobile-header .uik-mlogo {
padding-left: 24px !important;
}
body.uik-redesign #ast-mobile-header {
height: 56px !important;
}
}
@media only screen and (max-width: 767px) {
body.uik-redesign .uik-news__cta::before {
display: block !important;
}
}
@media only screen and (max-width: 480px) {
body.uik-redesign #ast-mobile-header .menu-toggle {
padding-right: 4px !important;
}
body.uik-redesign #ast-mobile-header .ast-primary-header-bar {
padding-left: 10px !important;
}
body.uik-redesign .uik-navbar__bar,
body.uik-redesign .uik-panel,
body.uik-redesign .uik-panel--top,
body.uik-redesign .uik-faculties .uik-faculties__inner {
margin-left: 10px !important;
margin-right: 10px !important;
}
body.uik-redesign #ast-mobile-header .uik-mlogo {
padding-left: 16px !important;
}
body.uik-redesign #ast-mobile-header .ast-primary-header-bar {
padding-right: 26px !important;
}
body.uik-redesign .uik-verytop,
body.uik-redesign .uik-recruit .uik-recruit__inner,
body.uik-redesign .uik-quick .uik-quick__inner,
body.uik-redesign .uik-map.wp-block-columns,
body.uik-redesign .uik-intl.uagb-is-root-container > .uik-intl__inner-wrap,
body.uik-redesign .uik-footer__eu-logos,
body.uik-redesign .uik-projects.uagb-is-root-container > .uik-projects__inner-wrap,
body.uik-redesign .uik-faculties.uagb-is-root-container > .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-news__head,
body.uik-redesign .uik-cal__events,
body.uik-redesign .uik-systems,
body.uik-redesign .uik-info,
body.uik-redesign .uik-contact {
padding-left: 16px !important;
padding-right: 16px !important;
}
body.uik-redesign .uik-news--faculty .uik-news__head,
body.uik-redesign .uik-news--faculty .uik-news__grid {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.uik-redesign #ast-mobile-header .ast-mobile-header-content {
padding: 16px !important;
}
body.uik-redesign .uik-hero__slide.uagb-is-root-container .uagb-container-inner-blocks-wrap,
body.uik-redesign .uik-cal.uagb-is-root-container > .uik-cal__inner-wrap,
body.uik-redesign .uik-footer__eu {
padding-left: 26px !important;
padding-right: 26px !important;
}
body.uik-redesign .uik-footer__main,
body.uik-redesign .uik-footer__copy {
margin-left: 26px !important;
margin-right: 26px !important;
}
body.uik-redesign .uik-news.uagb-is-root-container > .uik-news__inner-wrap {
padding-left: 10px !important;
padding-right: 10px !important;
}
body.uik-redesign .uik-cal__head {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.uik-redesign .uik-footer__eu-logos {
gap: 8px;
}
body.uik-redesign .uik-footer__eu-logos img, body.uik-redesign .uik-footer__eu-logos img:first-child {
height: 36px !important;
}
}
@media only screen and (max-width: 1200px) {
body.uik-redesign #ast-mobile-header .ast-primary-header-bar::after {
width: calc(100% - 60px);
}
}
@media only screen and (max-width: 992px) {
body.uik-redesign #ast-mobile-header .ast-primary-header-bar::after {
width: calc(100% - 60px);
}
}
@media only screen and (max-width: 768px) {
body.uik-redesign #ast-mobile-header .ast-primary-header-bar::after {
width: calc(100% - 46px) !important;
}
}
@media only screen and (max-width: 480px) {
body.uik-redesign #ast-mobile-header .ast-primary-header-bar::after {
width: calc(100% - 30px) !important;
}
}
@media only screen and (max-width: 992px) {
body.uik-redesign #ast-mobile-header::before {
left: 20px;
}
}
@media only screen and (max-width: 768px) {
body.uik-redesign #ast-mobile-header::before {
left: 16px;
}
}
@media only screen and (max-width: 480px) {
body.uik-redesign #ast-mobile-header::before {
left: 10px;
}
}
.main-header-bar {
background-color: transparent !important;
}
.main-header-bar.ast-sticky-active {
box-shadow: none !important;
}
html.uik-mmenu-lock body.uik-redesign #ast-scroll-top {
display: none !important;
}
#ast-scroll-top {
width: 3em;
height: 3em;
font-size: 20px;
line-height: 3em;
border-radius: 100%;
}
@media only screen and (max-width: 1200px) {
#ast-scroll-top {
left: 50%;
transform: translateX(-50%);
width: 4em;
height: 2em;
font-size: 16px;
line-height: 2em;
border-radius: 10px !important;
}
}
/* ========================================================================
STUDENCI PAGE — Subpage components
======================================================================== */
/* --- Breadcrumb --- */
body.uik-redesign .uik-breadcrumb {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}
body.uik-redesign .uik-breadcrumb__link {
color: var(--uik-gold);
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: opacity 0.2s;
}
body.uik-redesign .uik-breadcrumb__link:hover {
opacity: 0.8;
}
body.uik-redesign .uik-breadcrumb__sep {
color: rgba(255,255,255,0.5);
font-size: 14px;
}
body.uik-redesign .uik-breadcrumb__current {
color: #fff;
font-size: 14px;
font-weight: 400;
}
/* --- Hero subpage variant --- */
body.uik-redesign .uik-hero--subpage {
position: relative;
}
body.uik-redesign .uik-hero--subpage .uik-hero__title {
font-size: 32px;
}
body.uik-redesign .uik-hero__subpage-header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10;
padding: 40px 160px 0;
pointer-events: none;
}
body.uik-redesign .uik-hero__subpage-header * {
pointer-events: auto;
}
body.uik-redesign .uik-hero__pagetitle {
font-family: 'Lato', sans-serif;
font-size: 60px;
font-weight: 600;
line-height: 1.15;
color: #fff;
margin: 40px 0 0 0;
}
body.uik-redesign .uik-hero--subpage .uik-hero__inner {
padding-top: 120px;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-hero--subpage .uik-hero__inner {
padding-top: 80px;
}
}
@media only screen and (max-width: 921px) {
body.uik-redesign .uik-hero--subpage .uik-hero__inner {
padding-top: 120px;
}
}
body.uik-redesign .uik-hero__cta--double {
display: flex;
gap: 40px;
}
/* --- Systems section --- */
body.uik-redesign .uik-systems {
padding-top: 80px;
padding-bottom: 0;
display: grid;
grid-template-columns: 3fr 2fr 2fr;
gap: 32px;
}
body.uik-redesign .uik-systems__text {
display: flex;
flex-direction: column;
justify-content: center;
}
/* --- Info section (shared by Practical Info + Student Life) --- */
body.uik-redesign .uik-info {
padding-top: 120px;
}
body.uik-redesign .uik-info--life {
padding-top: 0;
}
body.uik-redesign .uik-info__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 32px;
margin-bottom: 32px;
flex-wrap: wrap;
}
body.uik-redesign .uik-info__cta-mobile {
display: none;
}
body.uik-redesign .uik-info__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
max-width: 1328px;
margin: 0 auto;
}
@media only screen and (max-width: 1680px) and (min-width: 921px) {
body.uik-redesign .uik-info__grid {
gap: 16px;
padding: 0 80px;
}
}
/* --- Info tile --- */
body.uik-redesign .uik-info-tile {
padding: 24px;
border: 1px solid var(--uik-gold);
border-bottom: 5px solid var(--uik-gold);
border-radius: 10px;
background: #fff;
display: flex;
flex-direction: column;
outline: 1px solid transparent;
transition: outline 0.2s ease;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-info-tile {
padding: 16px;
}
}
body.uik-redesign .uik-info-tile:hover {
outline: 1px solid var(--uik-gold);
}
body.uik-redesign .uik-info-tile__title {
font-family: 'Lato', sans-serif;
font-size: 20px;
font-weight: 700;
color: var(--uik-text);
margin: 0 0 16px 0;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-info-tile__title {
font-size: 18px;
line-height: 27px;
}
}
body.uik-redesign .uik-info-tile__desc {
font-family: 'Lato', sans-serif;
font-size: 15px;
line-height: 1.5;
color: var(--uik-text-secondary);
margin: 0 0 16px 0;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-info-tile__desc {
font-size: 14px;
line-height: 21px;
margin-bottom: 8px;
}
}
body.uik-redesign .uik-info-tile__list {
list-style: none;
padding: 0;
margin: 0 0 auto 0;
}
body.uik-redesign .uik-info-tile__list li {
position: relative;
padding-left: 20px;
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 1.5;
color: var(--uik-text-secondary);
margin-bottom: 8px;
cursor: pointer;
transition: color 0.2s;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-info-tile__list li {
font-size: 14px;
line-height: 21px;
}
}
body.uik-redesign .uik-info-tile__list li:hover {
color: var(--uik-navy);
text-decoration: underline;
}
body.uik-redesign .uik-info-tile__list li::before {
content: '›';
position: absolute;
left: 0;
color: var(--uik-gold);
font-weight: 700;
font-size: 18px;
line-height: 1.4;
transition: left 0.2s ease;
}
body.uik-redesign .uik-info-tile__list li:hover::before {
left: 4px;
}
body.uik-redesign .uik-info-tile__cta {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 16px;
font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: 700;
color: var(--uik-navy);
text-decoration: none;
transition: color 0.2s;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-info-tile__cta {
font-size: 16px;
line-height: 24px;
}
}
body.uik-redesign .uik-info-tile__cta:hover {
color: var(--uik-gold);
}
body.uik-redesign .uik-info-tile__cta i {
font-size: 16px;
transition: color 0.2s;
}
body.uik-redesign .uik-info-tile__cta:hover i {
color: var(--uik-gold);
animation: uik-btn-icon-pop 0.2s ease;
}
body.uik-redesign .uik-cal--studenci.uagb-is-root-container > .uik-cal__inner-wrap {
padding-top: 80px !important;
}
/* --- Contact section --- */
body.uik-redesign .uik-contact {
background: transparent;
padding-top: 80px;
padding-bottom: 80px;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-contact {
padding-bottom: 0;
}
}
body.uik-redesign .uik-contact__inner {
max-width: 1600px;
margin: 0 auto;
}
body.uik-redesign .uik-contact__text {
margin-bottom: 40px;
}
body.uik-redesign .uik-contact__card {
background: var(--uik-neutral-2);
border-radius: 10px;
padding: 32px;
margin-bottom: 32px;
}
body.uik-redesign .uik-contact__label {
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 700;
color: var(--uik-navy);
margin: 0 0 16px 0;
}
body.uik-redesign .uik-contact__line {
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 1.6;
color: var(--uik-text-secondary);
margin: 0 0 4px 0;
}
body.uik-redesign .uik-contact__line a {
color: var(--uik-gold);
text-decoration: none;
}
body.uik-redesign .uik-contact__line a:hover {
text-decoration: underline;
}
body.uik-redesign .uik-contact__key {
color: var(--uik-text-secondary);
}
body.uik-redesign .uik-contact__details {
margin-top: 16px;
}
body.uik-redesign .uik-contact__extra {
display: flex;
gap: 48px;
flex-wrap: wrap;
}
body.uik-redesign .uik-contact__extra-label {
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 700;
color: var(--uik-navy);
margin: 0 0 8px 0;
}
/* --- Studenci page: .uik-btn--full (full-width button for mobile) --- */
body.uik-redesign .uik-btn--full {
width: 100%;
justify-content: center;
}
/* ========================================================================
STUDENCI PAGE — Responsive
======================================================================== */
@media only screen and (max-width: 1200px) {
body.uik-redesign .uik-systems {
padding-top: 40px;
grid-template-columns: repeat(2, 1fr);
}
body.uik-redesign .uik-systems__text {
grid-column: 1 / -1;
}
body.uik-redesign .uik-info {
padding-top: 80px;
padding-bottom: 80px;
}
body.uik-redesign .uik-info--life {
padding-top: 0;
}
body.uik-redesign .uik-info__grid {
grid-template-columns: repeat(2, 1fr);
}
body.uik-redesign .uik-contact {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
body.uik-redesign .uik-hero__subpage-header {
padding: 30px 26px 0;
}
body.uik-redesign .uik-hero__pagetitle {
font-size: 36px;
margin-top: 20px;
}
body.uik-redesign .uik-systems {
padding-top: 32px;
grid-template-columns: 1fr;
gap: 16px;
}
body.uik-redesign .uik-hero__cta--double {
flex-direction: column;
gap: 24px;
}
body.uik-redesign .uik-info__head {
flex-direction: column;
}
body.uik-redesign .uik-info__cta {
display: none;
}
body.uik-redesign .uik-info__cta-mobile {
display: block;
margin-top: 24px;
}
body.uik-redesign .uik-info__grid {
grid-template-columns: 1fr;
gap: 16px;
}
body.uik-redesign .uik-contact {
padding-top: 48px;
padding-bottom: 48px;
}
body.uik-redesign .uik-contact__inner {
display: flex;
flex-direction: column;
}
body.uik-redesign .uik-contact__extra {
flex-direction: column;
gap: 24px;
order: 1;
margin-bottom: 24px;
}
body.uik-redesign .uik-contact__card {
padding: 20px;
order: 2;
margin-bottom: 0;
}
}
/* ==========================================================================
Strefa kandydatów — candidates page sections
========================================================================== */
/* --- Recruit banner: desc (extends existing .uik-recruit) --- */
body.uik-redesign .uik-panel.uik-kandydaci {
background: var(--uik-gold);
padding-bottom: 0;
}
body.uik-redesign .uik-recruit__desc {
margin: 6px 0 0;
font-size: 16px;
line-height: 24px;
color: var(--uik-navy);
}
/* --- Study-search section --- */
body.uik-redesign .uik-search {
padding: 80px 100px 0 100px;
margin: 0 auto;
background: #fff;
border-radius: 20px 20px 0 0;
min-height: 600px;
}
body.uik-redesign .uik-search__head {
margin-bottom: 40px;
}
/* Filter bar */
body.uik-redesign .uik-search__filters {
display: flex;
gap: 12px;
align-items: center;
background: var(--uik-neutral-2);
border: 1px solid var(--uik-text-muted);
border-radius: 20px;
padding: 18px 20px;
margin-bottom: 24px;
}
body.uik-redesign .uik-search__input {
flex: 1 1 40%;
min-width: 200px;
height: 44px;
background: #fff;
border: 1px solid var(--uik-text-muted);
border-radius: 10px;
display: flex;
align-items: center;
padding: 0 16px;
}
body.uik-redesign .uik-search__placeholder {
font-size: 16px;
color: var(--uik-text-muted);
}
body.uik-redesign .uik-search__dropdown {
flex: 1 1 auto;
width: 240px;
height: 44px;
background: #fff;
border: 1px solid var(--uik-text-muted);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 16px;
cursor: pointer;
}
body.uik-redesign .uik-search__dropdown--wide {
width: 360px;
}
body.uik-redesign .uik-search__dropdown-text {
font-size: 16px;
color: #757575;
}
body.uik-redesign .uik-search__dropdown-icon {
width: 12px;
height: 12px;
}
/* Results count row */
body.uik-redesign .uik-search__count {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 32px;
}
body.uik-redesign .uik-search__count-left {
display: flex;
gap: 6px;
align-items: baseline;
}
body.uik-redesign .uik-search__count-label {
font-size: 16px;
color: var(--uik-text-secondary);
}
body.uik-redesign .uik-search__count-num {
font-size: 16px;
font-weight: 700;
color: var(--uik-text);
}
body.uik-redesign .uik-search__clear {
display: flex;
align-items: center;
gap: 8px;
background: none;
border: none;
font-family: var(--uik-font);
font-size: 16px;
font-weight: 700;
color: var(--uik-text-secondary);
cursor: pointer;
padding: 0;
transition: color 0.2s;
align-self: end;
}
body.uik-redesign .uik-search__clear:hover {
color: var(--uik-text);
}
body.uik-redesign .uik-search__clear-icon {
width: 16px;
height: 16px;
}
/* Program-cards grid */
body.uik-redesign .uik-search__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
padding-bottom: 40px;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-search__grid {
gap: 16px;
}
}
/* Pagination */
body.uik-redesign .uik-search__pagination {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 80px;
}
body.uik-redesign .uik-search__pagination-spacer {
flex: 1;
}
body.uik-redesign .uik-search__dots {
display: flex;
gap: 10px;
align-items: center;
flex: 1;
justify-content: center;
}
body.uik-redesign .uik-search__arrows {
display: flex;
gap: 10px;
flex: 1;
justify-content: flex-end;
}
/* --- Program card --- */
body.uik-redesign .uik-prog {
border-radius: 10px;
padding-bottom: 5px;
display: flex;
flex-direction: column;
text-decoration: none;
color: inherit;
overflow: hidden;
position: relative;
}
body.uik-redesign .uik-prog__card {
flex: 1;
background: #fff;
border-radius: 10px;
padding: 20px 20px 16px;
border: 1px solid;
border-bottom: none;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-prog__card {
padding: 16px;
}
}
body.uik-redesign .uik-prog__cta {
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
align-items: center;
justify-content: flex-end;
gap: 8px;
min-height: 30px;
padding: 20px 26px 10px 10px;
background: #fff;
border-radius: 0 0 10px 10px;
border: 1px solid;
border-top: none;
transform: translateY(60px);
min-height: 30px;
transition: all 0.2s ease-in-out !important;
}
body.uik-redesign .uik-prog__cta::after {
content: "";
position: absolute;
display: block !important;
left: 0px;
bottom: 45px;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 15px, rgba(255, 255, 255, 0) 100%);
width: 100%;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
height: 80px;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}
body.uik-redesign .uik-prog__cta::before {
content: "";
position: absolute;
display: none;
left: 0;
top: -1px;
bottom: 0;
width: 87.5px;
background: url("../assets/news-cta-slant.svg") left center / 87.5px 100% no-repeat;
transform: scaleY(-1);
pointer-events: none;
border-left: 1px solid var(--uik-prog-accent, var(--uik-gold));
border-top-left-radius: 10px;
}
body.uik-redesign .uik-prog:hover .uik-prog__cta {
transform: translateY(0);
}
body.uik-redesign .uik-prog:hover .uik-prog__cta::after {
opacity: 1;
}
body.uik-redesign .uik-prog__cta-label {
font-size: 14px;
font-weight: 700;
color: #fff;
}
body.uik-redesign .uik-prog__cta-arrow {
width: 16px;
height: 16px;
filter: brightness(0) invert(1);
}
body.uik-redesign .uik-prog--wza .uik-prog__cta-label {
color: var(--uik-text);
}
body.uik-redesign .uik-prog--wza .uik-prog__cta-arrow {
filter: none;
}
/* Faculty-color modifiers */
body.uik-redesign .uik-prog--wp { background: var(--uik-wp); }
body.uik-redesign .uik-prog--wp .uik-prog__card,
body.uik-redesign .uik-prog--wp .uik-prog__cta { border-color: var(--uik-wp); }
body.uik-redesign .uik-prog--wp .uik-prog__cta { background: var(--uik-wp); }
body.uik-redesign .uik-prog--wps { background: var(--uik-wps); }
body.uik-redesign .uik-prog--wps .uik-prog__card,
body.uik-redesign .uik-prog--wps .uik-prog__cta { border-color: var(--uik-wps); }
body.uik-redesign .uik-prog--wps .uik-prog__cta { background: var(--uik-wps); }
body.uik-redesign .uik-prog--wza { background: var(--uik-wza); }
body.uik-redesign .uik-prog--wza .uik-prog__card,
body.uik-redesign .uik-prog--wza .uik-prog__cta { border-color: var(--uik-wza); }
body.uik-redesign .uik-prog--wza .uik-prog__cta { background: var(--uik-wza); }
body.uik-redesign .uik-prog--wf { background: var(--uik-wf); }
body.uik-redesign .uik-prog--wf .uik-prog__card,
body.uik-redesign .uik-prog--wf .uik-prog__cta { border-color: var(--uik-wf); }
body.uik-redesign .uik-prog--wf .uik-prog__cta { background: var(--uik-wf); }
body.uik-redesign .uik-prog--wnkk { background: var(--uik-wnkk); }
body.uik-redesign .uik-prog--wnkk .uik-prog__card,
body.uik-redesign .uik-prog--wnkk .uik-prog__cta { border-color: var(--uik-wnkk); }
body.uik-redesign .uik-prog--wnkk .uik-prog__cta { background: var(--uik-wnkk); }
body.uik-redesign .uik-prog--wfz { background: var(--uik-wfz); }
body.uik-redesign .uik-prog--wfz .uik-prog__card,
body.uik-redesign .uik-prog--wfz .uik-prog__cta { border-color: var(--uik-wfz); }
body.uik-redesign .uik-prog--wfz .uik-prog__cta { background: var(--uik-wfz); }
/* Card internals */
body.uik-redesign .uik-prog__faculty-row {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
body.uik-redesign .uik-prog__faculty {
font-size: 14px;
font-weight: 700;
color: var(--uik-text-secondary);
white-space: nowrap;
}
body.uik-redesign .uik-prog__faculty-line {
flex: 1;
height: 1px;
background: #757575;
}
body.uik-redesign .uik-prog__name {
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: var(--uik-text);
margin: 0 0 12px;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-prog__name {
font-size: 18px;
line-height: 27px;
}
}
body.uik-redesign .uik-prog__tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 12px !important;
}
body.uik-redesign .uik-prog__tag {
display: inline-block;
padding: 5px 14px;
background: var(--uik-neutral-2);
border-radius: 50px;
font-size: 14px;
line-height: 1.4;
color: var(--uik-text);
}
body.uik-redesign .uik-prog__desc {
font-size: 16px;
line-height: 24px;
color: var(--uik-text-secondary);
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-prog__faculty-row {
margin-bottom: 0;
}
body.uik-redesign .uik-prog__desc {
font-size: 14px;
line-height: 21px;
}
}
/* --- Process steps (navy bg) --- */
body.uik-redesign .uik-steps.uagb-is-root-container {
max-width: none !important;
width: 100% !important;
background: transparent;
padding: 100px 0 0;
}
body.uik-redesign .uik-steps .uik-steps__inner {
padding: 0 160px;
margin: 0 auto !important;
display: block !important;
}
body.uik-redesign .uik-steps__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 32px;
margin-bottom: 40px;
flex-wrap: wrap;
}
body.uik-redesign .uik-steps__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
}
/* Individual step card */
body.uik-redesign .uik-step {
background: var(--uik-gold);
border-radius: 10px;
padding-bottom: 5px;
}
body.uik-redesign .uik-step__card {
background: #fff;
border: 1px solid var(--uik-gold);
border-radius: 10px;
padding: 40px 24px;
height: 100%;
box-sizing: border-box;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-step__card {
padding: 20px 16px;
}
}
body.uik-redesign .uik-step__num {
width: 50px;
height: 50px;
background: var(--uik-navy);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 700;
color: #fff;
margin-bottom: 20px !important;
}
body.uik-redesign .uik-step__title {
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: var(--uik-text);
margin: 0 0 12px;
}
body.uik-redesign .uik-step__desc {
font-size: 16px;
line-height: 24px;
color: var(--uik-text-secondary);
margin: 0;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-step__num {
width: 40px;
height: 40px;
font-size: 20px;
}
body.uik-redesign .uik-step__title {
font-size: 18px;
line-height: 27px;
}
body.uik-redesign .uik-step__desc {
font-size: 14px;
line-height: 21px;
}
}
/* --- Schedule (navy bg) --- */
body.uik-redesign .uik-sched.uagb-is-root-container {
max-width: none !important;
width: 100% !important;
background: transparent;
padding: 100px 0;
}
body.uik-redesign .uik-sched .uik-sched__inner {
margin: 0 auto !important;
display: flex;
gap: 60px;
padding: 0 160px;
}
body.uik-redesign .uik-sched__left {
flex: 0 0 auto;
max-width: 480px;
}
body.uik-redesign .uik-sched__cta {
margin-top: 60px !important;
}
body.uik-redesign .uik-sched__right {
flex: 1;
}
body.uik-redesign .uik-sched__row {
display: flex;
gap: 40px;
padding: 20px 0;
border-bottom: 1px solid var(--uik-wza);
align-items: baseline;
}
body.uik-redesign .uik-sched__row--last {
border-bottom: none;
}
body.uik-redesign .uik-sched__date {
flex: 1;
font-size: 16px;
font-weight: 700;
line-height: 24px;
color: #fff;
}
body.uik-redesign .uik-sched__info {
flex: 1;
font-size: 16px;
line-height: 24px;
color: var(--uik-text-muted);
text-align: right;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-sched__date {
font-size: 14px;
line-height: 21px;
}
body.uik-redesign .uik-sched__info {
font-size: 14px;
line-height: 21px;
}
}
/* --- Document cards --- */
body.uik-redesign .uik-docs {
margin: 0 auto;
padding: 0 100px;
}
body.uik-redesign .uik-docs__head {
margin-bottom: 40px;
}
body.uik-redesign .uik-docs__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
max-width: 1328px;
margin: 0 auto !important;
}
@media only screen and (max-width: 1680px) and (min-width: 921px) {
body.uik-redesign .uik-docs__grid {
gap: 16px;
padding: 0 80px;
}
}
body.uik-redesign .uik-doc-card {
padding: 24px;
border: 1px solid var(--uik-gold);
border-bottom: 5px solid var(--uik-gold);
border-radius: 10px;
background: #fff;
display: flex;
flex-direction: column;
outline: 1px solid transparent;
transition: outline 0.2s ease;
}
body.uik-redesign .uik-doc-card:hover {
outline: 1px solid var(--uik-gold);
}
body.uik-redesign .uik-doc-card__title {
font-family: 'Lato', sans-serif;
font-size: 20px;
font-weight: 700;
color: var(--uik-navy);
margin: 0 0 16px 0;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-doc-card__title {
font-size: 18px;
line-height: 27px;
margin-bottom: 4px;
}
}
body.uik-redesign .uik-doc-card__list {
list-style: none;
padding: 0;
margin: 0 0 auto 0;
}
body.uik-redesign .uik-doc-card__list li {
position: relative;
padding-left: 20px;
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 1.5;
color: #555;
margin-bottom: 8px;
cursor: pointer;
transition: color 0.2s;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-doc-card__list li {
font-size: 14px;
line-height: 21px;
margin-bottom: 4px;
}
}
body.uik-redesign .uik-doc-card__list li:hover {
color: var(--uik-navy);
text-decoration: underline;
}
body.uik-redesign .uik-doc-card__list li::before {
content: '›';
position: absolute;
left: 0;
color: var(--uik-gold);
font-weight: 700;
font-size: 18px;
line-height: 1.4;
transition: left 0.2s ease;
}
body.uik-redesign .uik-doc-card__list li:hover::before {
left: 4px;
}
body.uik-redesign .uik-doc-card__cta {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 16px;
font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: 700;
color: var(--uik-navy);
text-decoration: none;
transition: color 0.2s;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-doc-card__cta {
font-size: 16px;
line-height: 24px;
}
}
body.uik-redesign .uik-doc-card__cta:hover {
color: var(--uik-gold);
}
body.uik-redesign .uik-doc-card__cta i {
font-size: 16px;
transition: color 0.2s;
}
body.uik-redesign .uik-doc-card__cta:hover i {
color: var(--uik-gold);
animation: uik-btn-icon-pop 0.2s ease;
}
/* --- CTA section --- */
body.uik-redesign .uik-cta.uik-kandydaci {
padding: 80px 100px 0;
}
body.uik-redesign .uik-cta__inner {
display: flex;
gap: 32px;
border-radius: 20px;
overflow: hidden;
min-height: 420px;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-cta__inner {
min-height: 320px;
}
}
body.uik-redesign .uik-cta__image {
flex: 1;
min-width: 0;
}
body.uik-redesign .uik-cta__image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
display: block;
}
body.uik-redesign .uik-cta__card {
flex: 0 0 55%;
background: var(--uik-neutral-2);
border-radius: 10px;
padding: 60px 80px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media only screen and (max-width: 1680px) and (min-width: 921px) {
body.uik-redesign .uik-cta__card {
padding: 30px 40px;
}
}
body.uik-redesign .uik-cta__card .uik-lead {
max-width: 480px;
}
body.uik-redesign .uik-cta__btn {
margin-top: 32px !important;
}
/* ==========================================================================
Strefa kandydatów — responsive
========================================================================== */
/* @media only screen and (max-width: 1800px) {
body.uik-redesign .uik-hero.uik-kandydaci__hero .uik-hero__subpage-header,
body.uik-redesign .uik-hero.uik-studentow__hero .uik-hero__subpage-header {
padding: 40px 92px 0;
}
body.uik-redesign .uik-hero__pagetitle {
margin: 20px 0 0 0;
}
body.uik-redesign .uik-search {
padding: 80px 72px 40px;
}
.uik-steps .uik-steps__inner {
padding: 0 92px !important;
}
body.uik-redesign .uik-sched .uik-sched__inner {
padding: 0 92px !important;
}
body.uik-redesign .uik-docs {
padding: 0 72px !important;
}
body.uik-redesign .uik-cta.uik-kandydaci {
padding: 80px 72px !important;
}
} */
/* --- ≤1440px: tighten spacing --- */
@media only screen and (max-width: 1440px) {
body.uik-redesign .uik-hero.uik-kandydaci__hero .uik-hero__subpage-header,
body.uik-redesign .uik-hero.uik-studentow__hero .uik-hero__subpage-header {
padding: 30px 78px 0 !important;
}
body.uik-redesign .uik-search {
padding-left: 48px !important;
padding-right: 48px !important;
}
body.uik-redesign .uik-steps .uik-steps__inner,
body.uik-redesign .uik-sched .uik-sched__inner {
padding-left: 78px !important;
padding-right: 78px !important;
}
body.uik-redesign .uik-docs {
padding-left: 48px !important;
padding-right: 48px !important;
}
body.uik-redesign .uik-cta {
padding-left: 48px !important;
padding-right: 48px !important;
}
body.uik-redesign .uik-cta.uik-kandydaci {
padding: 80px 48px 0 !important;
}
}
/* --- ≤1200px: two-col grids, stack schedule --- */
@media only screen and (max-width: 1200px) {
body.uik-redesign .uik-cta.uik-kandydaci {
padding: 80px 40px 0 !important;
}
body.uik-redesign .uik-search,
body.uik-redesign .uik-docs {
padding-left: 40px !important;
padding-right: 40px !important;
}
body.uik-redesign .uik-hero.uik-kandydaci__hero .uik-hero__subpage-header,
body.uik-redesign .uik-hero.uik-studentow__hero .uik-hero__subpage-header {
padding: 30px 60px 0 !important;
}
body.uik-redesign .uik-steps__grid {
grid-template-columns: repeat(2, 1fr);
}
body.uik-redesign .uik-steps .uik-steps__inner, body.uik-redesign .uik-sched .uik-sched__inner {
padding: 0 60px !important;
}
body.uik-redesign .uik-sched .uik-sched__inner {
flex-direction: column;
gap: 40px;
}
body.uik-redesign .uik-sched__left {
max-width: none;
}
body.uik-redesign .uik-sched__cta {
margin-top: 32px !important;
}
body.uik-redesign .uik-search__grid {
grid-template-columns: repeat(2, 1fr);
}
body.uik-redesign .uik-cta__inner {
flex-direction: column-reverse;
}
body.uik-redesign .uik-cta__image {
max-height: 320px;
display: flex;
align-items: center;
overflow: hidden;
border-radius: 10px;
}
body.uik-redesign .uik-cta__card {
flex: 0 0 auto;
padding: 40px;
}
}
/* --- ≤921px: single columns, stack filters --- */
@media only screen and (max-width: 921px) {
body.uik-redesign .uik-search__filters {
flex-direction: column;
border-radius: 16px;
padding: 16px;
}
body.uik-redesign .uik-search__input,
body.uik-redesign .uik-search__dropdown,
body.uik-redesign .uik-search__dropdown--wide {
width: 100%;
min-width: 0;
}
body.uik-redesign .uik-prog__card {
border-bottom-left-radius: 0;
border-bottom: 0 !important;
}
body.uik-redesign .uik-prog__cta {
opacity: 1;
transform: none !important;
border-radius: 0 0 10px 0;
overflow: hidden;
position: relative;
border: none !important;
}
body.uik-redesign .uik-prog__cta::after {
display: none !important;
}
body.uik-redesign .uik-steps__grid {
grid-template-columns: 1fr;
}
body.uik-redesign .uik-steps__head {
flex-direction: column;
align-items: flex-start;
}
body.uik-redesign .uik-sched__row {
flex-direction: column;
gap: 8px;
}
body.uik-redesign .uik-sched__info {
text-align: left;
}
body.uik-redesign .uik-docs {
padding-left: 20px;
padding-right: 20px;
}
body.uik-redesign .uik-docs__grid {
grid-template-columns: 1fr;
}
body.uik-redesign .uik-cta {
padding-left: 20px;
padding-right: 20px;
}
body.uik-redesign .uik-cta__card {
padding: 32px 24px;
}
body.uik-redesign .uik-steps.uagb-is-root-container,
body.uik-redesign .uik-sched.uagb-is-root-container {
padding: 60px 0;
}
body.uik-redesign .uik-docs {
padding-top: 60px;
}
}
/* --- ≤768px: single-column program grid --- */
@media only screen and (max-width: 768px) {
body.uik-redesign .uik-steps .uik-steps__inner, body.uik-redesign .uik-sched .uik-sched__inner {
padding-left: 40px !important;
padding-right: 40px !important;
}
body.uik-redesign .uik-search {
padding-top: 32px !important;
}
body.uik-redesign .uik-search,
body.uik-redesign .uik-docs,
body.uik-redesign .uik-cta.uik-kandydaci {
padding-left: 24px !important;
padding-right: 24px !important;
}
body.uik-redesign .uik-search__grid {
grid-template-columns: 1fr;
}
body.uik-redesign .uik-prog__cta::before {
display: block !important;
}
body.uik-redesign .uik-panel--top.uik-kandydaci {
padding-bottom: 0 !important;
}
body.uik-redesign .uik-hero.uik-kandydaci__hero .uik-hero__subpage-header,
body.uik-redesign .uik-hero.uik-studentow__hero .uik-hero__subpage-header {
padding: 30px 40px 0 !important;
}
}
/* --- ≤480px: final mobile refinements --- */
@media only screen and (max-width: 480px) {
body.uik-redesign .uik-hero.uik-kandydaci__hero .uik-hero__subpage-header,
body.uik-redesign .uik-hero.uik-studentow__hero .uik-hero__subpage-header {
padding: 50px 26px 0 !important;
}
body.uik-redesign .uik-steps .uik-steps__inner,
body.uik-redesign .uik-sched .uik-sched__inner {
padding-left: 26px !important;
padding-right: 26px !important;
}
body.uik-redesign .uik-search,
body.uik-redesign .uik-docs,
body.uik-redesign .uik-cta.uik-kandydaci {
padding-left: 16px !important;
padding-right: 16px !important;
}
body.uik-redesign .uik-search__count {
flex-direction: column;
gap: 12px;
align-items: flex-start;
}
body.uik-redesign .uik-search__pagination {
flex-direction: column;
gap: 16px;
}
body.uik-redesign .uik-search__arrows {
justify-content: center;
}
body.uik-redesign .uik-step__card {
padding: 24px 20px;
}
body.uik-redesign .uik-cta__image {
max-height: 200px;
}
body.uik-redesign .uik-recruit__desc {
font-size: 14px;
}
}
/* ================================================================
INTERACTIVE SEARCH (uik-search.js)
================================================================ */
/* Text input field */
body.uik-redesign .uik-search__input-field {
width: 100%;
height: 100%;
border: none;
background: transparent;
font-family: var(--uik-font);
font-size: 16px;
color: var(--uik-text);
outline: none;
}
body.uik-redesign .uik-search__input-field::placeholder {
color: var(--uik-text-muted);
}
/* Dropdown interactive states */
body.uik-redesign .uik-search__dropdown {
position: relative;
user-select: none;
}
body.uik-redesign .uik-search__dropdown.is-open .uik-search__dropdown-icon {
transform: rotate(180deg);
}
body.uik-redesign .uik-search__dropdown-icon {
transition: transform 0.2s;
}
body.uik-redesign .uik-search__dropdown.is-active .uik-search__dropdown-text {
font-weight: 700;
color: #757575;
}
/* Dropdown menu (hidden by default) */
body.uik-redesign .uik-search__dropdown-menu {
display: none;
position: absolute;
top: calc(100% + 6px);
left: 0;
right: 0;
z-index: 100;
background: #fff;
border: 1px solid var(--uik-text-muted);
border-radius: 10px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
list-style: none;
margin: 0;
padding: 6px 0;
max-height: 260px;
overflow-y: auto;
}
body.uik-redesign .uik-search__dropdown.is-open .uik-search__dropdown-menu {
display: block;
}
body.uik-redesign .uik-search__dropdown-menu li {
padding: 10px 16px;
font-family: var(--uik-font);
font-size: 15px;
color: var(--uik-text);
cursor: pointer;
transition: background 0.15s;
}
body.uik-redesign .uik-search__dropdown-menu li:hover {
background: var(--uik-neutral-2);
}
body.uik-redesign .uik-search__dropdown-menu li.is-selected {
font-weight: 700;
color: var(--uik-navy);
}
/* Hidden card when filtered out */
body.uik-redesign .uik-prog[style*="display: none"] {
margin: 0;
padding: 0;
border: 0;
}
/* Program cards: faculty-colored hover CTA bars */
body.uik-redesign .uik-prog--wp { --uik-prog-accent: var(--uik-wp); }
body.uik-redesign .uik-prog--wps { --uik-prog-accent: var(--uik-wps); }
body.uik-redesign .uik-prog--wza { --uik-prog-accent: var(--uik-wza); }
body.uik-redesign .uik-prog--wf { --uik-prog-accent: var(--uik-wf); }
body.uik-redesign .uik-prog--wnkk { --uik-prog-accent: var(--uik-wnkk); }
body.uik-redesign .uik-prog--wfz { --uik-prog-accent: var(--uik-wfz); }
body.uik-redesign .uik-prog__cta {
background: var(--uik-prog-accent, #fff);
}
/* ==========================================================================
WYDZIAŁ (faculty) page — Figma desktop 1168:28713 / mobile 1292:40256
Visible branch "Sekcje (bez przerwy na środku)". Append-only; reuses the
existing uik-hero / uik-news / uik-search / uik-prog components.
========================================================================== */
/* --- Shared: light-background slider arrows + dots ---------------------- */
body.uik-redesign .uik-arrow.uik-arrow--light {
border: 2px solid var(--uik-text-secondary) !important;
border-color: var(--uik-text-secondary) !important;
}
body.uik-redesign .uik-arrow.uik-arrow--light img {
filter: brightness(0) saturate(100%) invert(48%) sepia(0%) saturate(0%)
hue-rotate(155deg) brightness(94%) contrast(88%);
}
body.uik-redesign .uik-arrow.uik-arrow--light:hover {
border-color: var(--uik-gold) !important;
}
body.uik-redesign .uik-search__dots .uik-dot {
background: var(--uik-wza);
}
body.uik-redesign .uik-search__dots .uik-dot--active {
background: var(--uik-gold);
}
/* --- Faculty hero ------------------------------------------------------- */
body.uik-redesign .uik-hero--faculty {
position: relative;
}
body.uik-redesign .uik-hero--faculty .uik-hero__subpage-header {
padding: 40px 160px 0;
}
body.uik-redesign .uik-breadcrumb__link--plain {
color: var(--uik-white);
font-weight: 400;
}
body.uik-redesign .uik-breadcrumb__link--plain:hover {
color: var(--uik-gold);
opacity: 1;
}
body.uik-redesign .uik-breadcrumb__current--gold {
color: var(--uik-gold);
font-weight: 700;
}
body.uik-redesign h1.uik-hero__title {
margin: 0 0 40px;
font-family: var(--uik-font);
font-size: clamp(34px, 3.1vw, 60px);
line-height: 1.2;
font-weight: 700;
color: var(--uik-white);
}
body.uik-redesign .uik-hero--faculty .uik-hero__desc {
max-width: 800px;
}
/* single static slide — no slider controls in this variant */
body.uik-redesign .uik-hero--faculty .uik-hero__controls {
display: none;
}
/* --- White content panel ------------------------------------------------ */
body.uik-redesign .uik-panel.uik-wydzial {
padding-top: 0;
padding-bottom: 100px;
}
/* --- News on a light panel ---------------------------------------------- */
body.uik-redesign .uik-news--faculty.uagb-is-root-container > .uik-news__inner-wrap {
padding: 80px 100px 0 100px !important;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-news--faculty.uagb-is-root-container > .uik-news__inner-wrap {
padding: 40px 100px 0 100px !important;
}
}
body.uik-redesign .uik-news--faculty .uik-news__headtext {
max-width: 1203px;
}
body.uik-redesign .uik-news--faculty .uik-news__card {
background: var(--uik-wfz);
}
body.uik-redesign .uik-news--faculty .uik-news__inner {
border-color: var(--uik-wfz);
box-shadow: inset 0 0 0 0 transparent;
transition: box-shadow 0.2s ease;
}
body.uik-redesign .uik-news--faculty .uik-news__card:hover .uik-news__inner {
box-shadow: inset 0 0 0 1px var(--uik-wfz) !important;
}
body.uik-redesign .uik-news--faculty .uik-news__cta {
background: var(--uik-wfz);
}
body.uik-redesign .uik-news--faculty .uik-news__cta::before {
border-left-color: var(--uik-wfz);
}
body.uik-redesign .uik-news--faculty .uik-news__cta-label,
body.uik-redesign .uik-news--faculty .uik-news__cta:hover .uik-news__cta-label {
color: var(--uik-white);
}
body.uik-redesign .uik-news--faculty .uik-news__cta-arrow {
filter: brightness(0) invert(1);
}
/* arrows/dots read on white instead of navy */
body.uik-redesign .uik-news--faculty .uik-news__carousel button {
border-color: var(--uik-text-secondary);
}
body.uik-redesign .uik-news--faculty .uik-news__dots .swiper-pagination-bullet {
background: var(--uik-wza);
}
body.uik-redesign .uik-news--faculty .uik-news__dots .swiper-pagination-bullet-active {
background: var(--uik-gold);
}
/* --- Kształcenie (reuses .uik-search / .uik-prog) ----------------------- */
body.uik-redesign .uik-search--faculty {
padding-top: 120px;
border-radius: 0;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-search--faculty {
padding-top: 80px;
}
}
body.uik-redesign .uik-search--faculty .uik-search__head {
max-width: 1600px;
}
body.uik-redesign .uik-search--faculty .uik-search__filters {
gap: 20px;
}
body.uik-redesign .uik-news--faculty .uik-news__all {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.uik-redesign .uik-search__dropdown--locked {
background: var(--uik-neutral-2);
}
/* mobile-only "load more" / back-to-filters controls (Figma 1625:13904) */
body.uik-redesign .uik-search__more {
display: none;
flex-direction: column;
gap: 20px;
margin-top: 32px;
}
body.uik-redesign .uik-search__back {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
font-family: var(--uik-font);
font-size: 16px;
font-weight: 700;
color: var(--uik-navy);
text-decoration: none;
}
body.uik-redesign .uik-search__back-icon {
width: 11px;
height: 16px;
transform: rotate(-90deg);
filter: brightness(0) saturate(100%) invert(11%) sepia(43%) saturate(1447%)
hue-rotate(180deg) brightness(95%) contrast(96%);
}
/* --- Aktywność akademicka (Figma 1622:23691) ---------------------------- */
body.uik-redesign .uik-facact {
--uik-facact-gap: 168px;
display: flex;
align-items: flex-start;
gap: var(--uik-facact-gap);
padding: 0 100px;
}
/* Sticky rather than fixed: it stays in view while the right column scrolls,
but its containing block is .uik-facact, so it is released at the end of the
section instead of following the whole page. `align-items: flex-start` above
is what leaves it room to travel — stretched to full height it could not move.
top(30) + padding-top(120) parks the pinned copy 150px below the viewport top. */
body.uik-redesign .uik-facact__intro {
position: sticky;
top: 30px;
flex: 648 1 0;
min-width: 0;
display: flex;
flex-direction: column;
gap: 60px;
padding-top: 120px;
}
body.uik-redesign .uik-facact__cols {
flex: 784 1 0;
min-width: 0;
display: flex;
flex-direction: column;
gap: 80px;
padding-top: 170px;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-facact__intro {
padding-top: 40px;
}
body.uik-redesign .uik-facact__cols {
gap: 40px;
padding-top: 70px;
}
}
body.uik-redesign .uik-facact .uik-lead {
color: var(--uik-text);
}
/* Repozytorium card */
body.uik-redesign .uik-facact__repo {
background: var(--uik-neutral-2);
border-radius: 16px;
padding: 40px 60px;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-facact__repo {
padding: 20px 40px;
}
}
body.uik-redesign .uik-facact__repo-title {
margin: 0;
font-family: var(--uik-font);
font-size: 24px;
line-height: 36px;
font-weight: 700;
color: var(--uik-text);
}
body.uik-redesign .uik-facact__repo-desc {
margin: 20px 0 0;
}
body.uik-redesign .uik-facact__repo-btn {
margin-top: 40px;
}
/* Group blocks (czasopisma / projekty / serie) */
body.uik-redesign .uik-facact__group {
display: flex;
flex-direction: column;
gap: 40px;
}
body.uik-redesign .uik-facact__group-title {
margin: 0;
font-family: var(--uik-font);
font-size: 24px;
line-height: 36px;
font-weight: 700;
color: var(--uik-text);
}
body.uik-redesign .uik-facact__group-desc {
margin: 20px 0 0;
}
body.uik-redesign .uik-facact__group-btn {
align-self: flex-end;
margin-top: -20px;
}
body.uik-redesign .uik-facact__list {
display: flex;
flex-direction: column;
gap: 20px;
}
/* Czasopisma — reuses the program-card visual language */
body.uik-redesign .uik-facact__journals {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-facact__journals {
gap: 16px;
}
}
body.uik-redesign .uik-facact__journals .uik-prog {
min-height: 240px;
}
body.uik-redesign .uik-prog--journal .uik-prog__faculty {
font-weight: 400;
white-space: normal;
}
body.uik-redesign .uik-prog--journal .uik-prog__name {
margin-bottom: 20px;
}
body.uik-redesign .uik-prog--journal .uik-prog__cta {
padding: 10px 26px 10px 10px;
}
/* Projekty badawcze — wide rows with the accent on the right edge.
Hover behaves exactly like the "Szybki dostęp" tiles (.uik-tile): the accent
strip widens from 5px to 40px, the white card shrinks to meet it, and the
arrow fades in inside the widened strip. */
body.uik-redesign .uik-fproj {
position: relative;
display: block;
border-radius: 10px;
padding-right: 5px;
background: var(--uik-prog-accent, var(--uik-gold));
text-decoration: none;
color: inherit;
overflow: hidden;
box-sizing: border-box;
outline: 1px solid transparent;
outline-offset: -1px;
transition: padding 0.2s ease, outline 0.2s ease;
}
body.uik-redesign .uik-fproj:hover {
padding-right: 40px;
outline: 1px solid var(--uik-prog-accent, var(--uik-gold));
}
body.uik-redesign .uik-fproj--wfz {
--uik-prog-accent: var(--uik-wfz);
}
body.uik-redesign .uik-fproj__card {
position: relative;
z-index: 2;
height: 100%;
background: var(--uik-white);
border: 1px solid var(--uik-prog-accent, var(--uik-gold));
border-right: none;
border-radius: 10px;
padding: 20px 60px 20px 20px;
min-height: 138px;
transition: padding 0.2s ease;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-fproj__card {
padding: 16px 60px 16px 16px;
}
}
body.uik-redesign .uik-fproj:hover .uik-fproj__card {
padding-right: 15px;
}
body.uik-redesign .uik-fproj__title {
margin: 0 0 20px;
font-family: var(--uik-font);
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: var(--uik-text);
transition: color 0.2s ease;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-fproj__title {
font-size: 18px;
line-height: 27px;
}
}
body.uik-redesign .uik-fproj__desc {
margin: 0;
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
color: var(--uik-text-secondary);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-fproj__desc {
font-size: 14px;
line-height: 21px;
}
}
/* hidden until hover, then revealed inside the widened accent strip — so it is
recoloured white to read against the accent (dark again on mobile, below) */
body.uik-redesign .uik-fproj__arrow {
position: absolute;
visibility: hidden;
opacity: 0;
right: 8px;
bottom: 16px;
width: 20px;
height: 20px;
z-index: 3;
filter: brightness(0) invert(1);
transition: visibility 0.2s ease, opacity 0.2s ease;
}
body.uik-redesign .uik-fproj:hover .uik-fproj__arrow {
visibility: visible;
opacity: 1;
}
/* Serie wydawnicze — document list */
body.uik-redesign .uik-fser {
list-style: none;
margin: 0;
padding: 0;
}
body.uik-redesign .uik-fser__item {
padding: 20px 0;
border-bottom: 1px solid var(--uik-text-muted);
}
body.uik-redesign .uik-fser__item:last-child {
border-bottom: none;
}
body.uik-redesign .uik-fser__link {
display: flex;
align-items: baseline;
gap: 8px;
text-decoration: none;
transition: transform 0.2s ease;
}
body.uik-redesign .uik-fser__item:hover .uik-fser__link {
transform: translateX(8px);
}
body.uik-redesign .uik-fser__icon {
flex: 0 0 auto;
font-size: 12px;
line-height: 1;
color: var(--uik-fser-accent, var(--uik-wfz));
}
body.uik-redesign .uik-fser__name {
font-family: var(--uik-font);
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: var(--uik-text);
transition: color 0.2s ease;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-fser__name {
font-size: 18px;
line-height: 27px;
}
}
body.uik-redesign .uik-fser__item:hover .uik-fser__name {
color: var(--uik-fser-accent, var(--uik-wfz));
}
body.uik-redesign .uik-fser__desc {
margin: 10px 0 0 20px;
font-family: var(--uik-font);
font-size: 16px;
line-height: 24px;
color: var(--uik-text-secondary);
transition: color 0.2s ease;
}
@media only screen and (max-width: 1680px) {
body.uik-redesign .uik-fser__desc {
font-size: 14px;
line-height: 21px;
}
}
body.uik-redesign .uik-fser__item:hover .uik-fser__desc {
color: var(--uik-text);
}
/* ==========================================================================
Wydział — responsive
========================================================================== */
/* @media only screen and (max-width: 1800px) {
body.uik-redesign .uik-hero--faculty .uik-hero__subpage-header {
padding: 40px 92px 0;
}
body.uik-redesign .uik-news--faculty.uagb-is-root-container > .uik-news__inner-wrap {
padding-left: 72px !important;
padding-right: 72px !important;
}
body.uik-redesign .uik-search--faculty {
padding-left: 72px !important;
padding-right: 72px !important;
}
body.uik-redesign .uik-facact {
padding-left: 72px;
padding-right: 72px;
--uik-facact-gap: 100px;
}
} */
@media only screen and (max-width: 1440px) {
body.uik-redesign .uik-hero--faculty .uik-hero__subpage-header {
padding: 30px 78px 0;
}
body.uik-redesign .uik-news--faculty.uagb-is-root-container > .uik-news__inner-wrap {
padding-left: 48px !important;
padding-right: 48px !important;
}
body.uik-redesign .uik-search--faculty {
padding-left: 48px !important;
padding-right: 48px !important;
}
body.uik-redesign .uik-facact {
padding-left: 48px;
padding-right: 48px;
--uik-facact-gap: 64px;
}
}
/* --- ≤1200px: single column, Figma mobile order --- */
@media only screen and (max-width: 1200px) {
body.uik-redesign .uik-hero--faculty .uik-hero__subpage-header {
padding: 30px 60px 0 !important;
}
body.uik-redesign .uik-news--faculty.uagb-is-root-container > .uik-news__inner-wrap {
padding-left: 40px !important;
padding-right: 40px !important;
}
body.uik-redesign .uik-search--faculty {
padding-left: 40px !important;
padding-right: 40px !important;
padding-top: 80px;
}
body.uik-redesign .uik-facact {
display: flex;
flex-direction: column;
gap: 60px;
padding: 80px 40px 0;
}
/* back in flow once the layout stacks; head / repo become direct flex
children so they can be reordered. The column flex-basis must be reset —
in a column container the desktop `flex: … 1 0` would zero out the height. */
body.uik-redesign .uik-facact__intro {
position: static;
flex: 0 0 auto;
display: contents;
}
body.uik-redesign .uik-facact__head {
order: 1;
}
body.uik-redesign .uik-facact__cols {
order: 2;
flex: 0 0 auto;
padding-top: 0;
gap: 60px;
}
body.uik-redesign .uik-facact__repo {
order: 3;
padding: 32px 24px;
}
body.uik-redesign .uik-facact__journals {
grid-template-columns: minmax(0, 1fr);
gap: 20px;
}
body.uik-redesign .uik-facact__group-btn {
align-self: stretch;
margin-top: -20px;
}
body.uik-redesign .uik-facact__group-btn .uik-btn,
body.uik-redesign .uik-facact__repo-btn .uik-btn {
width: 100%;
}
/* projects: no hover expand/shrink on touch — the layout is static and the
arrow sits permanently in the top-right corner (Figma mobile) */
body.uik-redesign .uik-fproj:hover {
padding-right: 5px;
outline: 1px solid transparent;
}
body.uik-redesign .uik-fproj__card,
body.uik-redesign .uik-fproj:hover .uik-fproj__card {
padding-right: 48px;
}
body.uik-redesign .uik-fproj__arrow {
visibility: visible;
opacity: 1;
top: 20px;
right: 15px;
bottom: auto;
filter: none;
}
body.uik-redesign .uik-search__more {
display: flex;
}
body.uik-redesign .uik-search__pagination {
display: none;
}
}
@media only screen and (max-width: 768px) {
body.uik-redesign .uik-hero--faculty .uik-hero__subpage-header {
padding: 30px 40px 0 !important;
}
body.uik-redesign .uik-news--faculty.uagb-is-root-container > .uik-news__inner-wrap {
padding: 32px 24px 0 !important;
}
body.uik-redesign .uik-search--faculty {
padding-left: 24px !important;
padding-right: 24px !important;
padding-top: 60px;
}
body.uik-redesign .uik-facact {
padding: 60px 24px 0;
}
body.uik-redesign .uik-panel.uik-wydzial {
padding-bottom: 60px;
}
body.uik-redesign .uik-facact__group-title,
body.uik-redesign .uik-facact__repo-title {
font-size: 20px;
line-height: 30px;
}
}
@media only screen and (max-width: 480px) {
body.uik-redesign .uik-hero--faculty .uik-hero__subpage-header {
padding: 30px 26px 0 !important;
}
body.uik-redesign .uik-news--faculty.uagb-is-root-container > .uik-news__inner-wrap {
padding-left: 16px !important;
padding-right: 16px !important;
}
body.uik-redesign .uik-search--faculty {
padding-left: 16px !important;
padding-right: 16px !important;
}
body.uik-redesign .uik-facact {
padding-left: 16px;
padding-right: 16px;
}
body.uik-redesign .uik-facact__repo {
padding: 24px 20px;
}
body.uik-redesign .uik-fser__name {
font-size: 18px;
line-height: 27px;
}
body.uik-redesign .uik-fproj__title {
font-size: 18px;
line-height: 27px;
}
}
/* --- Wydział: refinements after visual comparison with the Figma frames --- */
/* Filter bar field widths (Figma 1622:23593 — 660 / 240 / 240 / 360, gap 20) */
body.uik-redesign .uik-search--faculty .uik-search__input {
flex: 1 1 40%;
}
/* Dropdown chevron is a Font Awesome glyph (fa-chevron-down) rather than an
![]()
, so it points down at rest and the shared .is-open rotate(180deg) flips
it to point up. Sized/coloured as text — the earlier 12px box + rotation the
right-pointing SVG needed no longer applies. */
body.uik-redesign .uik-search__dropdown-icon {
width: auto;
height: auto;
font-size: 12px;
line-height: 1;
color: var(--uik-text-secondary);
}
/* No inner horizontal padding: the swiper runs edge to edge inside
.uik-news__inner-wrap, so the cards line up with the section gutter that the
heading and the filter bar below already use. */
@media only screen and (min-width: 1680px) {
body.uik-redesign .uik-news--faculty .uik-news__grid {
padding-left: 0;
padding-right: 0;
}
}
/* Desktop carousel band: cards span the full content width, so the arrows move
out into the section gutter rather than sitting on top of the first/last card. */
@media only screen and (min-width: 1201px) {
body.uik-redesign .uik-news--faculty .uik-news__carousel button:first-child {
left: -70px;
}
body.uik-redesign .uik-news--faculty .uik-news__carousel button:last-child {
right: -70px;
}
}
/* gutter shrinks with the breakpoints, so the arrows follow it inward */
@media only screen and (min-width: 1201px) and (max-width: 1680px) {
body.uik-redesign .uik-news--faculty .uik-news__carousel button:first-child {
left: 0;
}
body.uik-redesign .uik-news--faculty .uik-news__carousel button:last-child {
right: 0;
}
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
body.uik-redesign .uik-news--faculty .uik-news__carousel button:first-child {
left: -44px;
}
body.uik-redesign .uik-news--faculty .uik-news__carousel button:last-child {
right: -44px;
}
}
@media only screen and (min-width: 922px) and (max-width: 1200px) {
body.uik-redesign .uik-news--faculty .uik-news__carousel button:first-child {
left: -36px;
}
body.uik-redesign .uik-news--faculty .uik-news__carousel button:last-child {
right: -36px;
}
}
@media only screen and (max-width: 921px) {
/* stacked filter bar: reset the desktop flex bases */
body.uik-redesign .uik-search--faculty .uik-search__input,
body.uik-redesign .uik-search--faculty .uik-search__dropdown,
body.uik-redesign .uik-search--faculty .uik-search__dropdown--wide {
flex: 0 0 auto;
width: 100%;
}
/* count on one line, "Wyczyść filtry" right-aligned below it (Figma mobile) */
body.uik-redesign .uik-search--faculty .uik-search__count {
flex-direction: column;
align-items: stretch;
gap: 12px;
}
body.uik-redesign .uik-search--faculty .uik-search__clear {
align-self: flex-end;
}
}
@media only screen and (max-width: 767px) {
/* narrower notch so the CTA label fits inside the 308px mobile card */
body.uik-redesign .uik-news--faculty .uik-news__cta::before {
width: 55px;
background-size: 55px 100%;
}
}
@media only screen and (max-width: 921px) {
/* full-width "all news" button: keep the label + arrow on one line (Figma mobile) */
body.uik-redesign .uik-news--faculty .uik-news__all .uik-btn {
padding-left: 16px;
padding-right: 16px;
white-space: nowrap;
}
}
/* ==========================================================================
Standalone-theme header swap (append-only). In the static build Astra's own
CSS supplied the desktop default `#ast-mobile-header{display:none}`. As a
standalone WordPress theme that base rule can be missing, so both headers
show above 1200px. Declare the desktop default here; the earlier
@media (max-width:1200px) rules use !important and still win below 1200px.
========================================================================== */
body.uik-redesign #ast-desktop-header { display: block; }
body.uik-redesign #ast-mobile-header { display: none; }
body.uik-redesign .uik-cal__card--mec .mec-calendar-header {
width: 100%;
}
/* body.uik-redesign .uik-hero {
margin-top: 120px;
}
@media only screen and (max-width: 1200px) {
body.uik-redesign .uik-hero {
margin-top: 90px;
}
} */
/* ==========================================================================
BonaSoft WCAG toolbar toggle (the fixed "eye" button)
The plugin colours the button with Astra global-colour variables
(--ast-global-color-1 / --wp--preset--color--primary) that THIS site does not
define, so the default-state background can resolve to transparent/near-white
and the white eye icon disappears. Pin the default background to the theme
navy so the icon is always visible and on-brand. The plugin keeps its own
hover and high-contrast-mode styles (those set their own backgrounds).
========================================================================== */
body.uik-redesign .bst-wcag__fixed-button:not([data-wcag-bst-contrast="1"]):not([data-wcag-bst-contrast="2"]) {
background-color: var(--uik-navy) !important;
}
/* keep the inner button transparent so the navy shows through behind the icon */
body.uik-redesign .bst-wcag__fixed-button .bst-wcag__inner-button {
background-color: transparent;
}
/* The eye icon is a ::after background-image with a RELATIVE url
(../js/../images/eye..svg). The theme bundles its own copy of main_wcag.css,
in which that path resolves to /themes/uik/images/eye..svg — a file that does
not exist — so the icon 404s and the button looks empty. Override it with the
white eye inline as a data URI (path-independent) for the normal/hover/focus
states, so it always shows on the navy button. */
body.uik-redesign .bst-wcag__fixed-button .bst-wcag__inner-button:not(.bst-wcag__inner-button--custom)::after,
body.uik-redesign .bst-wcag__fixed-button:hover .bst-wcag__inner-button:not(.bst-wcag__inner-button--custom)::after,
body.uik-redesign .bst-wcag__fixed-button:focus-visible .bst-wcag__inner-button:not(.bst-wcag__inner-button--custom)::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M16 7.99997C16 7.99997 13 2.49997 8 2.49997C3 2.49997 0 7.99997 0 7.99997C0 7.99997 3 13.5 8 13.5C13 13.5 16 7.99997 16 7.99997ZM1.173 7.99997C1.65651 7.26509 2.21264 6.58066 2.833 5.95697C4.12 4.66797 5.88 3.49997 8 3.49997C10.12 3.49997 11.879 4.66797 13.168 5.95697C13.7884 6.58066 14.3445 7.26509 14.828 7.99997C14.77 8.08697 14.706 8.18297 14.633 8.28797C14.298 8.76797 13.803 9.40797 13.168 10.043C11.879 11.332 10.119 12.5 8 12.5C5.88 12.5 4.121 11.332 2.832 10.043C2.21165 9.41928 1.65652 8.73484 1.173 7.99997Z'/%3E%3Cpath fill='%23fff' d='M8 5.49997C7.33696 5.49997 6.70107 5.76336 6.23223 6.2322C5.76339 6.70104 5.5 7.33693 5.5 7.99997C5.5 8.66301 5.76339 9.2989 6.23223 9.76774C6.70107 10.2366 7.33696 10.5 8 10.5C8.66304 10.5 9.29893 10.2366 9.76777 9.76774C10.2366 9.2989 10.5 8.66301 10.5 7.99997C10.5 7.33693 10.2366 6.70104 9.76777 6.2322C9.29893 5.76336 8.66304 5.49997 8 5.49997ZM4.5 7.99997C4.5 7.07171 4.86875 6.18147 5.52513 5.5251C6.1815 4.86872 7.07174 4.49997 8 4.49997C8.92826 4.49997 9.8185 4.86872 10.4749 5.5251C11.1313 6.18147 11.5 7.07171 11.5 7.99997C11.5 8.92823 11.1313 9.81847 10.4749 10.4748C9.8185 11.1312 8.92826 11.5 8 11.5C7.07174 11.5 6.1815 11.1312 5.52513 10.4748C4.86875 9.81847 4.5 8.92823 4.5 7.99997Z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}
/* ==========================================================================
Header overlays the top of the page (transparent-header layout)
The header is taken out of flow (absolute) so it layers over the top of the
page with no gap above it, and #page becomes a full-height flex column
(sticky-footer layout). Appended last so it wins over the earlier
.site-header{position:relative} and Astra's transparent/sticky-header rules.
========================================================================== */
body.uik-redesign .site-header {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
}
body.uik-redesign #page {
display: flex;
flex-direction: column;
min-height: 100vh;
}
/* ==========================================================================
Scroll-to-top button (#ast-scroll-top)
Astra normally supplies the base position/colour and a JS visibility toggle;
this standalone theme doesn't, so complete it here. Driven by
js/uik-scroll-top.js, which adds .uik-scrolltop--show past a scroll threshold.
The earlier #ast-scroll-top rules set only the size (3em circle / mobile pill);
these scoped rules out-specify them to add position, colour and visibility.
========================================================================== */
body.uik-redesign #ast-scroll-top {
position: fixed;
right: 30px;
bottom: 30px;
left: auto;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
background: var(--uik-navy);
color: #fff;
border: none;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease, background 0.2s ease, color 0.2s ease;
}
body.uik-redesign #ast-scroll-top.uik-scrolltop--show {
opacity: 1;
visibility: visible;
}
body.uik-redesign #ast-scroll-top:hover,
body.uik-redesign #ast-scroll-top:focus-visible {
background: var(--uik-gold);
color: var(--uik-navy);
}
body.uik-redesign #ast-scroll-top .uik-scrolltop__icon {
display: block;
width: 1em;
height: 1em;
}
@media only screen and (max-width: 1200px) {
body.uik-redesign #ast-scroll-top {
right: auto;
left: 50%;
transform: translateX(-50%);
bottom: 16px;
}
}
html {
margin: 0 !important;
padding: 0 !important;
}
html, body {
scroll-behavior: smooth;
}
/* -------------------------------------------------------------------------
* Faculty news accent — make the "Sprawdź aktualności" card, CTA and category
* tag follow the PAGE's faculty instead of the hard-coded wfz above. The
* template adds .uik-news-- next to .uik-news--faculty; these two-class
* selectors out-specify the single-class .uik-news--faculty rules earlier in
* this file. Append-only — nothing above is modified.
* ---------------------------------------------------------------------- */
body.uik-redesign .uik-news__cat--wps { background: var(--uik-wps); }
body.uik-redesign .uik-news--faculty.uik-news--wf .uik-news__card,
body.uik-redesign .uik-news--faculty.uik-news--wf .uik-news__cta { background: var(--uik-wf); }
body.uik-redesign .uik-news--faculty.uik-news--wf .uik-news__inner { border-color: var(--uik-wf); }
body.uik-redesign .uik-news--faculty.uik-news--wf .uik-news__card:hover .uik-news__inner { box-shadow: inset 0 0 0 1px var(--uik-wf) !important; }
body.uik-redesign .uik-news--faculty.uik-news--wf .uik-news__cta::before { border-left-color: var(--uik-wf); }
body.uik-redesign .uik-news--faculty.uik-news--wfz .uik-news__card,
body.uik-redesign .uik-news--faculty.uik-news--wfz .uik-news__cta { background: var(--uik-wfz); }
body.uik-redesign .uik-news--faculty.uik-news--wfz .uik-news__inner { border-color: var(--uik-wfz); }
body.uik-redesign .uik-news--faculty.uik-news--wfz .uik-news__card:hover .uik-news__inner { box-shadow: inset 0 0 0 1px var(--uik-wfz) !important; }
body.uik-redesign .uik-news--faculty.uik-news--wfz .uik-news__cta::before { border-left-color: var(--uik-wfz); }
body.uik-redesign .uik-news--faculty.uik-news--wnkk .uik-news__card,
body.uik-redesign .uik-news--faculty.uik-news--wnkk .uik-news__cta { background: var(--uik-wnkk); }
body.uik-redesign .uik-news--faculty.uik-news--wnkk .uik-news__inner { border-color: var(--uik-wnkk); }
body.uik-redesign .uik-news--faculty.uik-news--wnkk .uik-news__card:hover .uik-news__inner { box-shadow: inset 0 0 0 1px var(--uik-wnkk) !important; }
body.uik-redesign .uik-news--faculty.uik-news--wnkk .uik-news__cta::before { border-left-color: var(--uik-wnkk); }
body.uik-redesign .uik-news--faculty.uik-news--wp .uik-news__card,
body.uik-redesign .uik-news--faculty.uik-news--wp .uik-news__cta { background: var(--uik-wp); }
body.uik-redesign .uik-news--faculty.uik-news--wp .uik-news__inner { border-color: var(--uik-wp); }
body.uik-redesign .uik-news--faculty.uik-news--wp .uik-news__card:hover .uik-news__inner { box-shadow: inset 0 0 0 1px var(--uik-wp) !important; }
body.uik-redesign .uik-news--faculty.uik-news--wp .uik-news__cta::before { border-left-color: var(--uik-wp); }
body.uik-redesign .uik-news--faculty.uik-news--wps .uik-news__card,
body.uik-redesign .uik-news--faculty.uik-news--wps .uik-news__cta { background: var(--uik-wps); }
body.uik-redesign .uik-news--faculty.uik-news--wps .uik-news__inner { border-color: var(--uik-wps); }
body.uik-redesign .uik-news--faculty.uik-news--wps .uik-news__card:hover .uik-news__inner { box-shadow: inset 0 0 0 1px var(--uik-wps) !important; }
body.uik-redesign .uik-news--faculty.uik-news--wps .uik-news__cta::before { border-left-color: var(--uik-wps); }
body.uik-redesign .uik-news--faculty.uik-news--wza .uik-news__card,
body.uik-redesign .uik-news--faculty.uik-news--wza .uik-news__cta { background: var(--uik-wza); }
body.uik-redesign .uik-news--faculty.uik-news--wza .uik-news__inner { border-color: var(--uik-wza); }
body.uik-redesign .uik-news--faculty.uik-news--wza .uik-news__card:hover .uik-news__inner { box-shadow: inset 0 0 0 1px var(--uik-wza) !important; }
body.uik-redesign .uik-news--faculty.uik-news--wza .uik-news__cta::before { border-left-color: var(--uik-wza); }
/* -------------------------------------------------------------------------
* Light slider / pagination arrows — turn the site navy on hover (was gold).
* Overrides the earlier .uik-arrow--light:hover rules via source order; the
* icon reuses the exact navy chevron filter chain from .uik-search__back-icon.
* ---------------------------------------------------------------------- */
body.uik-redesign .uik-arrow.uik-arrow--light:hover {
border-color: var(--uik-navy) !important;
}
body.uik-redesign .uik-arrow.uik-arrow--light:hover img {
filter: brightness(0) saturate(100%) invert(11%) sepia(43%) saturate(1447%)
hue-rotate(180deg) brightness(95%) contrast(96%);
}
.wpml-ls-statics-footer {
display: none !important;
}