.jidev-honeypot {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.jidev-form-status {
grid-column: 1 / -1;
margin: 0;
padding: 1rem 0;
border-top: 1px solid var(--line);
font-size: .9rem;
}
.jidev-form-status[data-stav="chyba"] {
color: var(--coral);
}
.contact-form label > small {
margin-top: -.35rem;
color: var(--muted);
font-size: .78rem;
}
.jidev-choice {
display: grid;
gap: .55rem;
padding: .6rem 0;
}
.jidev-choice label {
display: flex;
align-items: center;
gap: .6rem;
font-size: .95rem;
}
.jidev-choice input {
width: auto;
padding: 0;
border: 0;
}
.contact-form[aria-busy="true"] .form-submit button {
opacity: .6;
cursor: progress;
}
.jidev-pagination {
display: grid;
gap: .8rem;
padding: 0 var(--pad) clamp(5rem, 9vw, 9rem);
font-size: .82rem;
}
.jidev-pagination p {
display: flex;
flex-wrap: wrap;
gap: .35rem 1.1rem;
align-items: center;
margin: 0;
padding-top: 1.2rem;
border-top: 1px solid var(--navy);
}
.jidev-pagination p + p {
padding-top: 0;
border-top: 0;
color: var(--muted);
font-size: .72rem;
}
.jidev-pagination a:hover,
.jidev-pagination [aria-current="page"] {
color: var(--coral);
}
.jidev-pagination .pagination-arrow {
font-size: 1.1rem;
line-height: 1;
}
.jidev-pagination .is-disabled {
color: var(--line);
}
.jidev-pagination .pagination-summary {
color: var(--muted);
font-size: .72rem;
}
.footer-grid { grid-template-columns: 2fr 1fr 1.3fr; }
@media (max-width: 980px) {
.footer-grid { grid-template-columns: 1.6fr 1fr 1.2fr; }
.footer-grid > div:last-child { display: flex; }
}
@media (max-width: 760px) {
.footer-grid { grid-template-columns: 1fr 1fr; }
.footer-grid > div:first-child { grid-column: 1 / -1; }
}
.footer-grid .footer-social {
display: flex;
flex-direction: row;
gap: .6rem;
margin-top: .9rem;
}
.footer-grid .footer-social a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.2rem;
height: 2.2rem;
border: 1px solid rgba(255, 255, 255, .3);
border-radius: 999px;
color: #fff;
transition: color .2s ease, border-color .2s ease;
}
.footer-grid .footer-social a:hover {
color: var(--coral);
border-color: var(--coral);
}
.footer-grid .footer-social svg {
width: 1.05rem;
height: 1.05rem;
}
.footer-base .footer-legal {
display: flex;
flex-wrap: wrap;
gap: .35rem 1.1rem;
margin: 0;
color: inherit;
font-size: inherit;
}
.footer-base .footer-legal a {
color: inherit;
}
.footer-base .footer-legal a:hover {
color: var(--coral);
}
.jidev-text-section {
padding: clamp(4rem, 8vw, 8rem) var(--pad);
}
.jidev-text-section .article-body {
max-width: 760px;
margin-inline: auto;
}
.jidev-text-section .article-body > :first-child {
margin-top: 0;
}
.jidev-sipka,
.jidev-ikona {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -.125em;
flex: none;
}
.jidev-sipka { margin-left: .15em; }
@media (max-width: 720px) {
.hero h1,
.hero-copy h1,
.case-hero h1,
.subpage-hero h1,
.article-detail-header h1,
.course-detail-hero h1,
.discipline h2,
.portfolio-intro h2,
.panel-copy h3,
.footer-lead a {
line-height: 1.15;
}
.project-index-body h2,
.demo-content h2,
.service-detail-head h2,
.graphics-manifesto h2,
.custom-training h2,
.course-section-heading h2,
.next-project strong {
line-height: 1.2;
}
.hero h1 { margin-bottom: .5rem; }
.article-detail-header h1,
.course-detail-hero h1 { margin-bottom: 1.5rem; }
.subpage-hero h1 { margin: 2.5rem 0 1.5rem; }
}
.article-body a:not(:has(img)):not(.kurzy-akce):not(.kurzy-cta) {
color: var(--coral);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color .2s ease, text-decoration-color .2s ease;
}
.article-body a:not(:has(img)):hover {
color: var(--navy);
text-decoration-thickness: 2px;
}
.article-body a:focus-visible {
outline: 2px solid var(--coral);
outline-offset: 3px;
border-radius: 2px;
text-decoration: none;
}
@supports not selector(:has(img)) {
.article-body a {
color: var(--coral);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.article-body a:hover { color: var(--navy); text-decoration-thickness: 2px; }
}
.jidev-clanky-sekce { padding: clamp(6rem, 10vw, 10rem) 0; }
.jidev-clanky-sekce .dates-head { margin-bottom: 4rem; padding: 0 var(--pad); }
.jidev-clanky-sekce .dates-head h2 { font-size: clamp(2.4rem, 5vw, 5rem); font-weight: 500; letter-spacing: -.06em; }
.jidev-clanky-sekce .article-grid { padding-bottom: 0; }
.jidev-clanky-sekce .all-dates-link { display: inline-block; margin: 3rem var(--pad) 0; font-size: .72rem; font-weight: 800; }
@media (max-width: 720px) {
.jidev-clanky-sekce { padding: clamp(3.5rem, 8vw, 6rem) 0; }
.jidev-clanky-sekce .dates-head { margin-bottom: 2rem; }
.jidev-clanky-sekce .dates-head h2 { line-height: 1.15; }
}
@media (max-width: 720px) {
.service-row { grid-template-columns: 2rem 1fr; }
.service-row a {
grid-column: 2 / -1;
justify-self: start;
margin-top: .8rem;
white-space: nowrap;
}
}
:root {
--ink: #102a38;
--line: rgba(11, 48, 69, 0.18);
--max: 1540px;
--muted: #5b6b73;
--navy: #0b3045;
}
body.sw-page {
color: var(--ink);
background: var(--paper);
font-family: "Manrope", Arial, sans-serif;
font-size: 16px;
line-height: 1.55;
}
.jidev-zpet {
padding: clamp(2.5rem, 5vw, 4rem) var(--pad) clamp(4rem, 7vw, 6rem);
border-top: 1px solid var(--line);
}
.jidev-zpet a {
display: inline-block;
font-size: .75rem;
font-weight: 800;
transition: color .2s ease;
}
.jidev-zpet a:hover,
.jidev-zpet a:focus-visible { color: var(--coral); }
.article-related + .jidev-zpet { border-top-color: transparent; }