/* Theme Name: AV-AUDITING Theme URI: https://www.av-auditing.cz Description: Dětské téma Hello Elementor pro AV-AUDITING spol. s r.o. – barvy podle logomanuálu, písmo Source Sans 3 (náhrada Myriad Pro), hlavička, patička, symboly služeb a kontaktní formulář. Author: CompIT Author URI: https://www.compit.cz Template: hello-elementor Version: 1.0.0 Text Domain: av-auditing */ /* ============================================================ tokeny Logomanuál: modrá základní, modrá světlá, stříbrná, černá + jejich rastry. */ :root { --av-modra: #1870B8; /* Pantone 660 – modrá základní */ --av-svetla: #1E95D3; /* Pantone 2925 – modrá světlá (jen dekor, ne drobný text) */ --av-stribrna: #889EA9; /* Pantone 529 – stříbrná */ --av-cerna: #231F20; /* černá */ --av-text: #4F4C4D; /* černá 80 % – základní text */ --av-text-2: #4F4C4D; /* černá 80 % */ --av-text-3: #706D6E; /* černá 65 % – vedlejší text */ --av-svetla-30: #BCDFF2; /* modrá světlá 30 % */ --av-svetla-12: #E4F2FA; /* modrá světlá 12 % */ --av-linka: #D5DDE1; /* stříbrná 35 % */ --av-linka-2: #C3CFD4; /* stříbrná 50 % */ --av-pas: #E7ECEE; /* stříbrná 20 % */ --av-podklad: #F1F5F6; /* stříbrná 10 % */ --av-bila: #FFFFFF; --av-pismo: 'Source Sans 3', 'Myriad Pro', Arial, sans-serif; --av-sirka: 1200px; --av-okraj: 24px; } /* ============================================================ základ */ html { scroll-behavior: smooth; } body { margin: 0; background: var(--av-podklad); color: var(--av-text); font-family: var(--av-pismo); font-size: 18px; line-height: 1.6; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { font-family: var(--av-pismo); color: inherit; margin: 0; } a { color: var(--av-modra); } a:hover, a:focus { color: var(--av-text); } :focus-visible { outline: 3px solid var(--av-svetla); outline-offset: 3px; } [id] { scroll-margin-top: 104px; } .av-obal { max-width: var(--av-sirka); margin: 0 auto; padding-left: var(--av-okraj); padding-right: var(--av-okraj); box-sizing: border-box; } .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .screen-reader-text:focus { position: fixed; left: 16px; top: 16px; width: auto; height: auto; clip: auto; z-index: 100; background: var(--av-bila); color: var(--av-modra); padding: 10px 16px; border-radius: 4px; } /* ============================================================ hlavička */ .av-hlavicka { background: var(--av-bila); position: sticky; top: 0; top: var(--wp-admin--admin-bar--height, 0px); z-index: 50; transition: box-shadow .2s; } .je-odrolovano .av-hlavicka { box-shadow: 0 2px 16px rgba(35,31,32,.10); } .av-hlavicka__obal { transition: padding .2s; } .av-hlavicka__logo img { transition: height .2s; } .je-odrolovano .av-hlavicka__obal { padding-top: 10px !important; padding-bottom: 10px !important; } .je-odrolovano .av-hlavicka__logo img { height: 44px !important; } .av-hlavicka__obal { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 18px; padding-bottom: 18px; } .av-hlavicka__logo { display: block; line-height: 0; } .av-hlavicka__logo img { height: 56px; width: auto; } .av-menu { display: flex; align-items: center; gap: 28px; } .av-menu ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 28px; } .av-menu a { color: var(--av-text); text-decoration: none; font-size: 16px; font-weight: 600; padding: 10px 0; display: inline-block; border-bottom: 2px solid transparent; } .av-menu a:hover, .av-menu .current-menu-item > a, .av-menu .current-page-ancestor > a { border-bottom-color: var(--av-modra); color: var(--av-modra); } .av-menu .av-menu__kontakt { background: var(--av-modra); color: var(--av-bila); padding: 10px 22px; border-radius: 4px; border: 0; } .av-menu .av-menu__kontakt:hover { background: var(--av-cerna); color: var(--av-bila); } .av-prepinac { display: none; width: 48px; height: 48px; border: 1px solid var(--av-linka); border-radius: 4px; background: var(--av-bila); cursor: pointer; padding: 0; position: relative; } .av-prepinac span, .av-prepinac span::before, .av-prepinac span::after { content: ''; position: absolute; left: 13px; width: 20px; height: 2px; background: var(--av-cerna); transition: transform .2s; } .av-prepinac span { top: 23px; } .av-prepinac span::before { left: 0; top: -7px; } .av-prepinac span::after { left: 0; top: 7px; } .av-prepinac[aria-expanded="true"] span { background: transparent; } .av-prepinac[aria-expanded="true"] span::before { transform: translateY(7px) rotate(45deg); } .av-prepinac[aria-expanded="true"] span::after { transform: translateY(-7px) rotate(-45deg); } @media (max-width: 960px) { .av-prepinac { display: block; } .av-menu { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--av-bila); border-top: 1px solid var(--av-linka); box-shadow: 0 12px 24px rgba(35,31,32,.12); flex-direction: column; align-items: stretch; gap: 0; padding: 8px var(--av-okraj) 20px; } .av-menu.je-otevrene { display: flex; } .av-menu ul { flex-direction: column; gap: 0; } .av-menu ul a { display: block; padding: 14px 0; border-bottom: 1px solid var(--av-linka); } .av-menu .av-menu__kontakt { margin-top: 16px; text-align: center; padding: 14px 22px; } } /* ============================================================ Elementor – sjednocení */ body .e-con { --container-max-width: var(--av-sirka); --widgets-spacing: 0px; --widgets-spacing-row: 0px; --widgets-spacing-column: 0px; --kit-widget-spacing: 0px; } .elementor .e-con { --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; --gap: 0px; --row-gap: 0px; --column-gap: 0px; } .elementor .e-con.e-con-boxed { --padding-left: var(--av-okraj); --padding-right: var(--av-okraj); } .elementor .e-con p:last-child { margin-bottom: 0; } .elementor .e-con p { margin: 0 0 1em; } .elementor .elementor-widget-text-editor, .elementor .elementor-widget-heading .elementor-heading-title { color: inherit; font-family: inherit; } .elementor .elementor-heading-title { line-height: 1.15; } /* tlačítka */ .av-btn .elementor-button { font-family: var(--av-pismo); font-size: 17px; font-weight: 700; line-height: 1.2; padding: 15px 28px; border-radius: 4px; border: 2px solid transparent; text-decoration: none; transition: background .15s, color .15s; } .av-btn--bila .elementor-button { background: var(--av-bila); color: var(--av-modra); border-color: var(--av-bila); } .av-btn--bila .elementor-button:hover { background: var(--av-cerna); border-color: var(--av-cerna); color: var(--av-bila); } .av-btn--obrys .elementor-button { background: transparent; color: var(--av-bila); border-color: var(--av-bila); } .av-btn--obrys .elementor-button:hover { background: var(--av-bila); color: var(--av-modra); } .av-btn--modra .elementor-button { background: var(--av-modra); color: var(--av-bila); border-color: var(--av-modra); } .av-btn--modra .elementor-button:hover { background: var(--av-cerna); border-color: var(--av-cerna); color: var(--av-bila); } .elementor .av-tlacitka { --flex-direction: row; --flex-wrap: wrap; --gap: 12px; --row-gap: 12px; --column-gap: 12px; } /* ============================================================ úvodní pás (hero) */ .elementor .av-hero { background-color: var(--av-modra); color: var(--av-bila); --padding-top: 56px; --padding-bottom: 80px; } .elementor .av-hero a { color: var(--av-bila); } .elementor .av-hero--uvod { --padding-top: 104px; --padding-bottom: 96px; background-image: url(assets/hero-budova.jpg); background-repeat: no-repeat; background-position: right center; background-size: cover; } .av-hero--uvod p, .av-hero--uvod .av-stitek { text-shadow: 0 1px 14px var(--av-modra), 0 0 4px var(--av-modra); } .elementor .av-hero__mrizka { --flex-direction: row; --flex-wrap: wrap; --gap: 40px 56px; --row-gap: 40px; --column-gap: 56px; --align-items: center; --justify-content: space-between; } .elementor .av-hero--uvod .av-hero__mrizka { --align-items: flex-end; } .elementor .av-hero--uvod .e-con.av-hero__text, .elementor .av-hero--uvod .e-con.av-hero__vedle { --width: auto; width: auto; flex: 1 1 320px; min-width: 0; } .elementor .av-hero--podstranka .e-con.av-hero__text { --width: auto; width: auto; flex: 999 1 520px; min-width: 0; } .elementor .av-hero__text { --gap: 0px; } .av-stitek { font-size: 14px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 18px; } .av-hero h1, .av-hero .elementor-heading-title { font-size: clamp(38px, 5vw, 66px); font-weight: 700; line-height: 1.06; letter-spacing: -0.015em; } .av-hero--podstranka h1, .av-hero--podstranka .elementor-heading-title { font-size: clamp(34px, 4.4vw, 58px); margin-bottom: 26px; } .av-perex { font-size: 20px; line-height: 1.55; } .av-perex p { max-width: 760px; } .av-hero--uvod .av-perex { margin-bottom: 30px; } .av-drobecky { font-size: 14px; margin-bottom: 40px; } .av-drobecky a { color: var(--av-bila); } .av-symbol { display: block; width: 260px; height: 260px; max-width: 100%; } .av-hero .elementor-widget-shortcode:has(.av-symbol) { flex: 0 0 auto; } @media (max-width: 700px) { .av-symbol { width: 180px; height: 180px; } } .av-hero--jednoduchy { background: var(--av-modra); color: var(--av-bila); padding: 56px 0 72px; } .av-hero--jednoduchy h1 { font-size: clamp(34px, 4.4vw, 58px); } .av-obsah { padding-top: 56px; padding-bottom: 96px; } /* ============================================================ údaje (pás s osvědčeními) */ .elementor .av-udaje { background: var(--av-bila); border-bottom: 1px solid var(--av-linka); --padding-top: 32px; --padding-bottom: 32px; } .elementor .e-con.av-udaje > .e-con-inner{ display: grid !important;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;gap: 24px !important; } .av-udaj p { margin: 0; font-size: 15px; color: var(--av-text-3); } .av-udaj p.av-udaj__hodnota { font-size: 34px; font-weight: 700; color: var(--av-modra); line-height: 1.2; margin-bottom: 2px; } /* ============================================================ obecná sekce */ .elementor .av-sekce { --padding-top: 96px; --padding-bottom: 96px; } .elementor .av-sekce__hlava { --flex-direction: row; --flex-wrap: wrap; --justify-content: space-between; --align-items: flex-end; --gap: 16px; --row-gap: 16px; --column-gap: 16px; margin-bottom: 48px; } .av-sekce h2, .av-sekce .elementor-heading-title, .av-cinnosti h2, .av-kontakt h2 { font-size: clamp(34px, 3.6vw, 44px); font-weight: 600; line-height: 1.1; } .av-sekce__hlava p { max-width: 460px; color: var(--av-text-3); } /* dlaždice služeb */ .av-dlazdice { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 32px; border-top: 3px solid var(--av-svetla); } @media (max-width: 960px) { .av-dlazdice { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 620px) { .av-dlazdice { grid-template-columns: 1fr; } } .av-dlazdice__polozka { display: flex; flex-direction: column; gap: 12px; padding: 32px 28px 36px 0; border-bottom: 1px solid var(--av-linka); text-decoration: none; color: var(--av-text); } .av-dlazdice__polozka:hover { color: var(--av-text); } .av-dlazdice__polozka:hover .av-dlazdice__nazev { color: var(--av-modra); } .av-dlazdice__cislo { font-size: 14px; font-weight: 600; color: var(--av-modra); } .av-dlazdice__nazev { font-size: 26px; font-weight: 600; line-height: 1.2; transition: color .15s; } .av-dlazdice__popis { font-size: 16px; color: var(--av-text-3); } .av-dlazdice__vice { font-size: 15px; font-weight: 600; color: var(--av-modra); margin-top: auto; } /* hlavní činnosti */ .elementor .av-cinnosti { background: var(--av-pas); --padding-top: 96px; --padding-bottom: 96px; } .elementor .e-con.av-cinnosti > .e-con-inner{ flex-direction: row !important;flex-wrap: wrap !important;gap: 56px !important; } .elementor .e-con.av-cinnosti__uvod { --width: auto; width: auto; flex: 1 1 320px; --gap: 20px; --row-gap: 20px; } .av-cinnosti__uvod p { color: var(--av-text-3); } .elementor .av-cinnosti .av-seznam-sloupce { flex: 999 1 560px; min-width: 0; } .av-seznam-sloupce ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); column-gap: 40px; } .av-seznam-sloupce li { padding: 14px 0; border-bottom: 1px solid var(--av-linka-2); } .av-seznam-sloupce li span { color: var(--av-text-3); } /* o společnosti */ .elementor .e-con.av-onas > .e-con-inner{ flex-direction: row !important;flex-wrap: wrap !important;gap: 56px !important; } .elementor .av-onas .elementor-widget-heading { flex: 1 1 320px; } .elementor .av-onas .elementor-widget-text-editor { flex: 999 1 560px; min-width: 0; color: var(--av-text-2); } .av-onas p.av-vyrazne { font-size: 22px; line-height: 1.45; color: var(--av-text); } /* karta kariéry na úvodu */ .elementor .av-sekce--tesna { --padding-top: 0px; } .elementor .av-karta-pruh { background: var(--av-bila); border: 1px solid var(--av-linka); border-radius: 6px; --padding-top: 40px; --padding-bottom: 40px; --padding-left: 40px; --padding-right: 40px; --flex-direction: row; --flex-wrap: wrap; --align-items: center; --justify-content: space-between; --gap: 24px; --row-gap: 24px; --column-gap: 24px; } .av-karta-pruh p { font-size: 28px; line-height: 1.25; } .av-karta-pruh p.av-nadtitul { font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--av-modra); font-weight: 600; margin-bottom: 6px; } /* kontakt */ .elementor .av-kontakt { background: var(--av-bila); border-top: 1px solid var(--av-linka); --padding-top: 96px; --padding-bottom: 96px; } .elementor .e-con.av-kontakt > .e-con-inner{ flex-direction: row !important;flex-wrap: wrap !important;gap: 64px !important; } .elementor .e-con.av-kontakt__info { --width: auto; width: auto; flex: 1 1 320px; --gap: 28px; --row-gap: 28px; } .elementor .e-con.av-kontakt__formular { --width: auto; width: auto; flex: 999 1 520px; min-width: 0; } .av-kontakt__udaje a.av-telefon { font-size: 24px; font-weight: 700; color: var(--av-modra); text-decoration: none; } .av-kontakt__udaje .av-drobne { font-size: 14px; color: var(--av-text-3); } .av-mapa iframe { display: block; width: 100%; height: 260px; border: 1px solid var(--av-linka); border-radius: 6px; } /* formulář */ .av-formular { display: flex; flex-direction: column; gap: 20px; } .av-formular__uvod { margin: 0; color: var(--av-text-2); } .av-formular__radek { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; } .av-formular label { display: flex; flex-direction: column; gap: 6px; font-size: 15px; font-weight: 600; } .av-formular input[type=text], .av-formular input[type=email], .av-formular input[type=tel], .av-formular textarea { font: inherit; font-weight: 400; font-size: 17px; color: var(--av-cerna); background: var(--av-podklad); border: 1px solid var(--av-stribrna); border-radius: 4px; padding: 11px 14px; min-height: 48px; box-sizing: border-box; width: 100%; } .av-formular textarea { resize: vertical; } .av-formular input:focus, .av-formular textarea:focus { outline: 3px solid var(--av-svetla); outline-offset: 0; border-color: var(--av-modra); } .av-formular .av-formular__souhlas { flex-direction: row; align-items: flex-start; gap: 10px; font-weight: 400; font-size: 15px; color: var(--av-text-2); } .av-formular__souhlas input { width: 20px; height: 20px; margin: 2px 0 0; flex: 0 0 auto; accent-color: var(--av-modra); } .av-formular .av-formular__past { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .av-formular button { align-self: flex-start; min-height: 50px; padding: 0 32px; border: 0; border-radius: 4px; background: var(--av-modra); color: var(--av-bila); font: inherit; font-weight: 700; font-size: 17px; cursor: pointer; } .av-formular button:hover { background: var(--av-cerna); } .av-formular__hlaska { padding: 14px 18px; border-radius: 4px; margin: 0 0 20px; } .av-formular__hlaska--ok { background: var(--av-pas); border-left: 4px solid var(--av-modra); } .av-formular__hlaska--chyba { background: var(--av-pas); border-left: 4px solid var(--av-cerna); } /* ============================================================ podstránky */ .elementor .e-con.av-bloky > .e-con-inner{ display: grid !important;grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)) !important;column-gap: 48px !important; } .elementor .av-blok { --padding-top: 40px; --padding-bottom: 40px; --gap: 18px; --row-gap: 18px; border-bottom: 1px solid var(--av-linka); } .av-blok h2, .av-blok .elementor-heading-title { font-size: 26px; font-weight: 600; } .av-blok .elementor-widget-text-editor { color: var(--av-text-2); } .av-blok ul { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; } .elementor .av-vyzva { --padding-top: 80px; --padding-bottom: 80px; } .elementor .av-vyzva__karta { background: var(--av-modra); color: var(--av-bila); border-radius: 6px; --padding-top: 48px; --padding-bottom: 48px; --padding-left: 48px; --padding-right: 48px; --flex-direction: row; --flex-wrap: wrap; --align-items: center; --justify-content: space-between; --gap: 28px; --row-gap: 28px; --column-gap: 28px; } .av-vyzva__karta .elementor-widget-text-editor { max-width: 620px; } .av-vyzva__karta p.av-vyzva__nadpis { font-size: 30px; font-weight: 600; line-height: 1.25; margin-bottom: 8px; } .elementor .av-sekce-dalsi { --padding-bottom: 96px; } .av-dalsi__nadpis { font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--av-text-3); font-weight: 600; margin: 0 0 24px; } .av-dalsi__seznam { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); border-top: 1px solid var(--av-linka); } .av-dalsi__seznam a { padding: 20px 20px 20px 0; border-bottom: 1px solid var(--av-linka); text-decoration: none; color: var(--av-text); font-size: 20px; font-weight: 600; } .av-dalsi__seznam a:hover { color: var(--av-modra); } /* kariéra */ .elementor .av-pozice { --padding-top: 72px; --padding-bottom: 96px; } .elementor .e-con.av-pozice > .e-con-inner{ display: grid !important;grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;gap: 24px !important; } .elementor .av-karta { background: var(--av-bila); border: 1px solid var(--av-linka); border-radius: 6px; --padding-top: 40px; --padding-bottom: 40px; --padding-left: 40px; --padding-right: 40px; --gap: 22px; --row-gap: 22px; } .av-karta h2, .av-karta .elementor-heading-title { font-size: 32px; font-weight: 600; } .av-karta .av-meta { font-size: 14px; color: var(--av-text-3); margin-bottom: -14px; } .av-karta h3 { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--av-modra); margin: 0 0 8px; font-weight: 700; } .av-karta .av-karta__obsah { color: var(--av-text-2); } .av-karta .av-karta__obsah > div + div { margin-top: 22px; } .av-karta ul { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 4px; } .elementor .av-karta .av-btn { margin-top: auto; } /* ============================================================ patička */ .av-paticka { background: var(--av-modra); color: var(--av-bila); font-size: 15px; } .av-paticka a { color: var(--av-bila); } .av-paticka a:hover { color: var(--av-bila); text-decoration-thickness: 2px; } .av-paticka__mrizka { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; padding-top: 56px; padding-bottom: 32px; } .av-paticka__firma img { height: 56px; width: auto; display: block; margin-bottom: 14px; } .av-paticka__firma p { margin: 0 0 10px; } .av-paticka ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; } .av-paticka__menu a { text-decoration: none; } .av-paticka__nadpis { font-weight: 700; margin: 0 0 6px; } .av-paticka__spodek { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding-top: 20px; padding-bottom: 32px; border-top: 1px solid var(--av-svetla); font-size: 13px; } /* ============================================================ opravy specifičnosti */ .elementor .av-hero .av-btn--bila .elementor-button, .elementor .av-vyzva .av-btn--bila .elementor-button { color: var(--av-modra); } .elementor .av-hero .av-btn--bila .elementor-button:hover, .elementor .av-vyzva .av-btn--bila .elementor-button:hover { color: var(--av-bila); } .elementor .av-hero .av-btn--obrys .elementor-button:hover, .elementor .av-vyzva .av-btn--obrys .elementor-button:hover { color: var(--av-modra); } .av-menu .menu-item-type-custom.current-menu-item > a { border-bottom-color: transparent; } .av-menu .menu-item-type-custom.current-menu-item > a:hover { border-bottom-color: var(--av-modra); } .elementor .e-con.av-tlacitka { --width: auto; width: auto; } @media (max-width: 520px) { .elementor .e-con.av-bloky > .e-con-inner { grid-template-columns: 1fr !important; } } /* ============================================================ nadpisy v modré, dekor */ .elementor .av-sekce .elementor-heading-title, .elementor .av-cinnosti .elementor-heading-title, .elementor .av-kontakt .elementor-heading-title, .elementor .av-blok .elementor-heading-title, .elementor .av-karta .elementor-heading-title { color: var(--av-modra); } .av-dlazdice__nazev { color: var(--av-text); } .av-karta-pruh p:not(.av-nadtitul) { color: var(--av-modra); font-weight: 600; } /* krátká světle modrá linka nad nadpisy sekcí */ .elementor .av-sekce h2.elementor-heading-title::before, .elementor .av-cinnosti h2.elementor-heading-title::before, .elementor .av-kontakt h2.elementor-heading-title::before { content: ''; display: block; width: 48px; height: 4px; border-radius: 2px; background: var(--av-svetla); margin-bottom: 20px; } /* ============================================================ ikony (masky – barva podle textu) */ :root { --i-fajfka: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); --i-kalendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4M8 14h3'/%3E%3C/svg%3E"); --i-pecet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9.5' r='6'/%3E%3Cpath d='M9.5 9.5l1.8 1.8 3.3-3.6M8.5 14.5L7 21l5-2.5 5 2.5-1.5-6.5'/%3E%3C/svg%3E"); --i-dokument: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6z'/%3E%3Cpath d='M15 3v4h4M9 12h7M9 16h5'/%3E%3C/svg%3E"); --i-globus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3z'/%3E%3C/svg%3E"); --i-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E"); --i-telefon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h3.5l1.5 4.5-2.2 1.4a11 11 0 0 0 6.3 6.3l1.4-2.2L20 15.5V19a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E"); --i-email: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3.5 6l8.5 7 8.5-7'/%3E%3C/svg%3E"); } /* údaje – ikona v kroužku */ .av-udaj { position: relative; padding-left: 64px; min-height: 52px; } .av-udaj::before { content: ''; position: absolute; left: 0; top: 2px; width: 48px; height: 48px; border-radius: 50%; background: var(--av-svetla-12); } .av-udaj::after { content: ''; position: absolute; left: 12px; top: 14px; width: 24px; height: 24px; background: var(--av-modra); -webkit-mask: var(--i-kalendar) center / contain no-repeat; mask: var(--i-kalendar) center / contain no-repeat; } .av-udaj:nth-child(2)::after { -webkit-mask-image: var(--i-pecet); mask-image: var(--i-pecet); } .av-udaj:nth-child(3)::after { -webkit-mask-image: var(--i-dokument); mask-image: var(--i-dokument); } .av-udaj:nth-child(4)::after { -webkit-mask-image: var(--i-globus); mask-image: var(--i-globus); } /* seznamy s fajfkou – hlavní činnosti, bloky podstránek, kariéra */ .av-seznam-sloupce li, .av-blok ul li, .av-karta ul li { position: relative; padding-left: 32px; } .av-blok ul, .av-karta ul { list-style: none; padding-left: 0 !important; } .av-seznam-sloupce li::before, .av-blok ul li::before, .av-karta ul li::before { content: ''; position: absolute; left: 0; top: .2em; width: 20px; height: 20px; border-radius: 50%; background: var(--av-svetla-30); } .av-seznam-sloupce li::after, .av-blok ul li::after, .av-karta ul li::after { content: ''; position: absolute; left: 4px; top: calc(.2em + 4px); width: 12px; height: 12px; background: var(--av-modra); -webkit-mask: var(--i-fajfka) center / contain no-repeat; mask: var(--i-fajfka) center / contain no-repeat; } .av-seznam-sloupce li::before { top: calc(14px + .2em); } .av-seznam-sloupce li::after { top: calc(14px + .2em + 4px); } /* bloky podstránek – světle modrá linka shora */ .elementor .av-blok { border-top: 3px solid var(--av-svetla-30); border-bottom: 0; } /* kontakt – ikony u adresy, telefonu a e-mailu */ .av-kontakt__udaje p { position: relative; padding-left: 36px; } .av-kontakt__udaje p.av-drobne { padding-left: 0; } .av-kontakt__udaje p::before { content: ''; position: absolute; left: 0; top: .25em; width: 22px; height: 22px; background: var(--av-modra); -webkit-mask: var(--i-pin) center / contain no-repeat; mask: var(--i-pin) center / contain no-repeat; } .av-kontakt__udaje p:nth-child(2)::before { -webkit-mask-image: var(--i-telefon); mask-image: var(--i-telefon); top: .5em; } .av-kontakt__udaje p.av-drobne::before { display: none; } /* výzva na podstránkách – ikona telefonu v kroužku */ .elementor .av-vyzva__karta::before { content: ''; flex: 0 0 auto; width: 72px; height: 72px; border-radius: 50%; background: var(--av-svetla) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h3.5l1.5 4.5-2.2 1.4a11 11 0 0 0 6.3 6.3l1.4-2.2L20 15.5V19a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E") center / 34px no-repeat; } .av-vyzva__karta .elementor-widget-text-editor { flex: 1 1 360px; } /* dlaždice služeb – symbol */ .av-dlazdice__hlava { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 4px; } .av-dlazdice__ikona { line-height: 0; } .av-dlazdice__ikona .av-symbol { width: 64px; height: 64px; transition: transform .2s; } .av-dlazdice__polozka:hover .av-symbol { transform: translateY(-3px); } .av-dlazdice__cislo { font-size: 15px; letter-spacing: .08em; color: var(--av-stribrna); } /* spolupráce – karty pod textem O společnosti */ .elementor .av-onas .elementor-widget-shortcode { flex: 1 1 100%; } .av-spoluprace { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; } .av-spoluprace li { background: var(--av-bila); border: 1px solid var(--av-linka); border-radius: 6px; padding: 24px; display: flex; flex-direction: column; gap: 6px; } .av-spoluprace__ikona { width: 52px; height: 52px; border-radius: 50%; background: var(--av-svetla-12); color: var(--av-modra); display: flex; align-items: center; justify-content: center; margin-bottom: 8px; } .av-spoluprace__ikona .av-ikona { width: 26px; height: 26px; } .av-spoluprace strong { color: var(--av-modra); font-size: 19px; } .av-spoluprace span:last-child { color: var(--av-text-3); font-size: 16px; line-height: 1.5; } /* patička – ikony */ .av-paticka__firma p { position: relative; padding-left: 30px; } .av-paticka__firma p::before { content: ''; position: absolute; left: 0; top: .2em; width: 20px; height: 20px; background: var(--av-bila); -webkit-mask: var(--i-pin) center / contain no-repeat; mask: var(--i-pin) center / contain no-repeat; } .av-paticka__firma p + p::before { -webkit-mask-image: var(--i-telefon); mask-image: var(--i-telefon); } /* ============================================================ zpět nahoru */ .av-nahoru { position: fixed; right: 24px; bottom: 24px; z-index: 60; width: 52px; height: 52px; border-radius: 50%; border: 0; cursor: pointer; background: var(--av-modra); color: var(--av-bila); display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(24,112,184,.35); opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .2s, transform .2s, visibility .2s, background .15s; } .av-nahoru.je-videt { opacity: 1; visibility: visible; transform: none; } .av-nahoru:hover { background: var(--av-cerna); } @media (max-width: 700px) { .av-nahoru { right: 16px; bottom: 16px; width: 48px; height: 48px; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .av-nahoru, .av-hlavicka, .av-symbol { transition: none; } } @media (max-width: 700px) { .elementor .av-vyzva__karta { --padding-top: 32px; --padding-bottom: 32px; --padding-left: 24px; --padding-right: 24px; --flex-direction: column; --align-items: flex-start; } .elementor .av-vyzva__karta::before { width: 56px; height: 56px; background-size: 28px; } .av-vyzva__karta .elementor-widget-text-editor { flex-basis: auto; } .elementor .av-karta-pruh { --padding-left: 24px; --padding-right: 24px; } } /* menu – sekce úvodu zvýrazněná podle rolování */ .av-menu ul a.je-aktivni { border-bottom-color: var(--av-modra); color: var(--av-modra); } /* oddělení Služeb od sekce O společnosti nad nimi */ .elementor .e-con#sluzby { border-top: 1px solid var(--av-linka); } /* ===================================================================== v2 – modernější vzhled Motiv: šikmé tahy písmen A a V z loga (cca 18° od svislice). Jediná výrazná animace = vjezd fotky a pruhu v úvodu při načtení. ===================================================================== */ :root { --av-hlavicka-v: 92px; --av-sikmo: 220px; } /* ---------------------------------------------------------- typografie */ .av-hero h1, .av-hero .elementor-heading-title { font-size: clamp(40px, 4.8vw, 68px); line-height: 1.04; letter-spacing: -0.022em; } .av-hero--podstranka h1, .av-hero--podstranka .elementor-heading-title { font-size: clamp(36px, 4.6vw, 62px); line-height: 1.05; } .av-sekce h2, .av-sekce .elementor-heading-title, .av-cinnosti h2, .av-kontakt h2 { font-size: clamp(34px, 4vw, 52px); font-weight: 700; letter-spacing: -0.015em; line-height: 1.05; } .av-perex { font-size: 21px; } .av-stitek { display: none; } /* štítky nad nadpisy už nepoužíváme */ /* krátká šikmá linka nad nadpisy – tah z loga */ .elementor .av-sekce h2.elementor-heading-title::before, .elementor .av-cinnosti h2.elementor-heading-title::before, .elementor .av-kontakt h2.elementor-heading-title::before { width: 44px; height: 10px; border-radius: 0; transform: skewX(-18deg); transform-origin: left bottom; margin-bottom: 22px; } /* modrý pás začíná pod průhlednou hlavičkou */ .elementor .e-con.av-hero { position: relative; overflow: hidden; --padding-top: 56px; } .av-hero--jednoduchy { padding-top: 56px; } /* ---------------------------------------------------------- úvod: fotka v šikmém výřezu */ .elementor .e-con.av-hero--uvod { background-image: none; min-height: 720px; --padding-top: 96px; --padding-bottom: 150px; } .elementor .e-con.av-hero--uvod > .e-con-inner { position: relative; z-index: 2; } .elementor .e-con.av-hero--uvod::before, .elementor .e-con.av-hero--uvod::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; z-index: 1; pointer-events: none; height: auto; opacity: 1; mix-blend-mode: normal; border-radius: 0; border: 0; inset-inline-start: auto; animation: av-vjezd .9s cubic-bezier(.2,.75,.2,1) both; } /* fotka budovy */ .elementor .e-con.av-hero--uvod::before { width: 46vw; left: auto; background: #3480C0 url(assets/hero-budova-panel.jpg?v=2) 30% 50% / cover no-repeat; clip-path: polygon(var(--av-sikmo) 0, 100% 0, 100% 100%, 0 100%); animation-delay: .05s; } /* světle modrý pruh souběžně s okrajem fotky */ .elementor .e-con.av-hero--uvod::after { width: calc(46vw + 92px); left: auto; background: var(--av-svetla); clip-path: polygon(var(--av-sikmo) 0, calc(var(--av-sikmo) + 64px) 0, 64px 100%, 0 100%); animation-delay: .2s; } @keyframes av-vjezd { from { transform: translateX(14vw); opacity: 0; } to { transform: none; opacity: 1; } } /* text vlevo pod sebou */ .elementor .av-hero--uvod .e-con.av-hero__mrizka { --flex-direction: column; --align-items: flex-start; --gap: 32px; --row-gap: 32px; max-width: min(640px, 52vw); } @media (max-width: 1100px) { .elementor .av-hero--uvod .e-con.av-hero__mrizka { max-width: 640px; } } .elementor .av-hero--uvod .e-con.av-hero__text, .elementor .av-hero--uvod .e-con.av-hero__vedle { flex: 0 0 auto; width: 100%; } .av-hero--uvod p, .av-hero--uvod .av-stitek { text-shadow: none; } .av-hero--uvod .av-perex { margin-bottom: 34px; max-width: 520px; } .av-hero--uvod .elementor-widget-heading { animation: av-text .8s cubic-bezier(.2,.75,.2,1) .15s both; } @keyframes av-text { from { transform: translateY(18px); opacity: 0; } to { transform: none; opacity: 1; } } @media (max-width: 1100px) { .elementor .e-con.av-hero--uvod { min-height: 0; --padding-bottom: 340px; } .elementor .e-con.av-hero--uvod::before { top: auto; height: 300px; width: 100%; clip-path: polygon(0 70px, 100% 0, 100% 100%, 0 100%); background-position: 40% 60%; } .elementor .e-con.av-hero--uvod::after { display: none; } } @media (max-width: 600px) { .elementor .e-con.av-hero--uvod { --padding-top: 56px; --padding-bottom: 260px; } .elementor .e-con.av-hero--uvod::before { height: 220px; clip-path: polygon(0 48px, 100% 0, 100% 100%, 0 100%); } } /* ---------------------------------------------------------- údaje: panel přes spodek úvodu */ .elementor .e-con.av-udaje { background: transparent; border-bottom: 0; --padding-top: 0px; --padding-bottom: 0px; position: relative; z-index: 3; margin-top: -88px; } .elementor .e-con.av-udaje > .e-con-inner { background: var(--av-bila); padding: 36px 40px !important; box-sizing: border-box; border-bottom: 4px solid var(--av-svetla); box-shadow: 0 18px 40px -18px rgba(24,112,184,.35); grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; gap: 28px 40px !important; } .av-udaj p.av-udaj__hodnota { font-size: 40px; letter-spacing: -0.02em; } @media (max-width: 600px) { .elementor .e-con.av-udaje { margin-top: -48px; } .elementor .e-con.av-udaje > .e-con-inner { padding: 28px 24px !important; } } /* ---------------------------------------------------------- O společnosti */ .elementor .e-con.av-onas { --padding-top: 112px; } .av-onas p.av-vyrazne { font-size: clamp(22px, 2.2vw, 27px); line-height: 1.4; color: var(--av-cerna); font-weight: 400; } /* spolupráce – bez krabic, jen ikona a šikmá linka */ .av-spoluprace { gap: 32px; margin-top: 24px; } .av-spoluprace li { background: transparent; border: 0; border-top: 1px solid var(--av-linka-2); border-radius: 0; padding: 24px 0 0; } .av-spoluprace__ikona { width: auto; height: auto; border-radius: 0; background: none; justify-content: flex-start; margin-bottom: 10px; } .av-spoluprace__ikona .av-ikona { width: 34px; height: 34px; stroke-width: 1.5; } /* ---------------------------------------------------------- služby */ .elementor .e-con#sluzby { border-top: 0; --padding-top: 72px; } .av-dlazdice { border-top: 0; column-gap: 0; gap: 0; } .av-dlazdice__polozka { position: relative; padding: 36px 32px 40px; border-bottom: 0; border-top: 1px solid var(--av-linka-2); transition: background .2s; } .av-dlazdice__polozka::before { content: ''; position: absolute; left: 0; top: -1px; height: 3px; width: 56px; background: var(--av-svetla); transition: width .35s cubic-bezier(.2,.75,.2,1), background .2s; } .av-dlazdice__polozka:hover, .av-dlazdice__polozka:focus-visible { background: var(--av-bila); } .av-dlazdice__polozka:hover::before, .av-dlazdice__polozka:focus-visible::before { width: 100%; background: var(--av-modra); } .av-dlazdice__polozka:hover .av-dlazdice__nazev { color: var(--av-modra); } .av-dlazdice__ikona { margin-bottom: 8px; } .av-dlazdice__nazev { font-size: 25px; font-weight: 700; letter-spacing: -0.01em; } .av-dlazdice__vice { display: none; } @media (max-width: 620px) { .av-dlazdice__polozka { padding: 28px 0 32px; } .av-dlazdice__polozka:hover { background: transparent; } } /* ---------------------------------------------------------- hlavní činnosti: modrý pás se šikmými hranami */ .elementor .e-con.av-cinnosti { background: var(--av-modra); color: var(--av-bila); clip-path: polygon(0 64px, 100% 0, 100% calc(100% - 64px), 0 100%); --padding-top: 152px; --padding-bottom: 152px; margin: 24px 0; } .av-cinnosti .elementor-heading-title, .elementor .av-cinnosti .elementor-heading-title { color: var(--av-bila); } .elementor .av-cinnosti h2.elementor-heading-title::before { background: var(--av-svetla); } .av-cinnosti__uvod p { color: var(--av-bila); font-size: 20px; } .av-seznam-sloupce li { border-bottom-color: rgba(255,255,255,.22); color: var(--av-bila); } .av-seznam-sloupce li span { color: var(--av-bila); opacity: .78; } .av-seznam-sloupce li::before { background: rgba(255,255,255,.18); } .av-seznam-sloupce li::after { background: var(--av-bila); } @media (max-width: 700px) { .elementor .e-con.av-cinnosti { clip-path: polygon(0 32px, 100% 0, 100% calc(100% - 32px), 0 100%); --padding-top: 96px; --padding-bottom: 96px; } } /* ---------------------------------------------------------- kariéra – pruh */ .elementor .e-con.av-sekce--tesna { --padding-top: 72px; } .elementor .e-con.av-karta-pruh { border: 0; border-left: 6px solid var(--av-svetla); border-radius: 0; background: var(--av-bila); } .av-karta-pruh p:not(.av-nadtitul) { font-size: clamp(24px, 2.4vw, 32px); font-weight: 700; letter-spacing: -0.01em; } .av-karta-pruh p.av-nadtitul { display: none; } /* ---------------------------------------------------------- podstránky */ .elementor .e-con.av-hero--podstranka { --padding-bottom: 96px; } .elementor .e-con.av-hero--podstranka > .e-con-inner { position: relative; z-index: 2; } /* šikmý světle modrý pruh za symbolem */ .elementor .e-con.av-hero--podstranka::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: auto; height: auto; border: 0; width: 38vw; z-index: 1; pointer-events: none; background: rgba(30,149,211,.55); opacity: 1; mix-blend-mode: normal; border-radius: 0; clip-path: polygon(calc(var(--av-sikmo) * .8) 0, calc(var(--av-sikmo) * .8 + 96px) 0, 96px 100%, 0 100%); } @media (max-width: 900px) { .elementor .e-con.av-hero--podstranka::after { display: none; } } .elementor .e-con.av-bloky { --padding-top: 24px; } .elementor .e-con.av-blok { border-top: 0; position: relative; } .elementor .e-con.av-blok::before { content: ''; position: absolute; left: 0; top: 0; width: 36px; height: 8px; background: var(--av-svetla); transform: skewX(-18deg); transform-origin: left bottom; } .av-blok h2, .av-blok .elementor-heading-title { font-size: 27px; font-weight: 700; letter-spacing: -0.01em; } .elementor .e-con.av-vyzva__karta { border-radius: 0; overflow: hidden; position: relative; } .elementor .e-con.av-vyzva__karta::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 280px; z-index: 0; pointer-events: none; background: var(--av-svetla); opacity: .5; clip-path: polygon(120px 0, 180px 0, 60px 100%, 0 100%); } .elementor .e-con.av-vyzva__karta > * { position: relative; z-index: 1; } .av-dalsi__nadpis { font-size: 26px; letter-spacing: -0.01em; text-transform: none; color: var(--av-cerna); font-weight: 700; } .av-dalsi__seznam a { position: relative; padding-right: 32px; } .av-dalsi__seznam a::after { content: ''; position: absolute; right: 12px; top: 50%; width: 10px; height: 10px; margin-top: -6px; border-top: 2px solid var(--av-svetla); border-right: 2px solid var(--av-svetla); transform: rotate(45deg); transition: right .2s; } .av-dalsi__seznam a:hover::after { right: 6px; border-color: var(--av-modra); } /* kariéra – karty pozic */ .elementor .e-con.av-karta { border: 0; border-top: 4px solid var(--av-svetla); border-radius: 0; } .av-karta h3 { font-size: 17px; letter-spacing: 0; text-transform: none; font-weight: 700; } /* ---------------------------------------------------------- kontakt a patička */ .elementor .e-con.av-kontakt { border-top: 0; } .av-mapa iframe { border-radius: 0; border: 0; } .av-formular input[type=text], .av-formular input[type=email], .av-formular input[type=tel], .av-formular textarea { border-radius: 0; border-color: transparent; border-bottom: 2px solid var(--av-stribrna); background: var(--av-podklad); } .av-formular button, .av-menu .av-menu__kontakt, .av-btn .elementor-button { border-radius: 2px; } .av-paticka { position: relative; overflow: hidden; } .av-paticka::before { content: ''; position: absolute; top: 0; bottom: 0; right: 8%; width: 240px; pointer-events: none; background: var(--av-svetla); opacity: .35; clip-path: polygon(110px 0, 170px 0, 60px 100%, 0 100%); } .av-paticka > * { position: relative; } /* ---------------------------------------------------------- omezený pohyb */ @media (prefers-reduced-motion: reduce) { .elementor .e-con.av-hero--uvod::before, .elementor .e-con.av-hero--uvod::after, .av-hero--uvod .elementor-widget-heading { animation: none; } .av-dlazdice__polozka::before, .av-dalsi__seznam a::after { transition: none; } } /* ===================================================================== v3 – živé efekty ===================================================================== */ /* ---------------------------------------------------------- úvod: tahy loga místo fotky */ .elementor .e-con.av-hero--uvod::before, .elementor .e-con.av-hero--uvod::after { display: none !important; content: none; } .elementor .e-con.av-hero--uvod { min-height: 760px; --padding-bottom: 190px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 0 100%); } .av-tvary { position: absolute; top: 0; bottom: 0; right: 0; width: 54vw; z-index: 1; pointer-events: none; } .av-tvary svg { display: block; width: 100%; height: 100%; overflow: visible; } .av-tah { backface-visibility: hidden; } .av-tah polygon { transform-box: fill-box; transform-origin: center; animation: av-tah-vjezd 1.2s cubic-bezier(.2,.75,.2,1) calc(var(--i, 0) * 110ms) both, av-tah-vznas 9s ease-in-out calc(1.3s + var(--i, 0) * 0.7s) infinite alternate; } @keyframes av-tah-vjezd { from { transform: translate(140px, 90px); opacity: 0; } to { transform: none; opacity: 1; } } @keyframes av-tah-vznas { from { transform: translateY(0); } to { transform: translateY(-22px); } } /* nadpis po slovech */ .av-hero--uvod .elementor-widget-heading { animation: none; } .av-slovo { display: inline-block; animation: av-slovo .8s cubic-bezier(.2,.75,.2,1) calc(.15s + var(--s, 0) * 70ms) both; } @keyframes av-slovo { from { transform: translateY(0.6em); opacity: 0; } to { transform: none; opacity: 1; } } .av-hero--uvod .av-perex, .av-hero--uvod .av-tlacitka { animation: av-text .8s cubic-bezier(.2,.75,.2,1) .7s both; } @media (max-width: 1100px) { .elementor .e-con.av-hero--uvod { min-height: 0; --padding-bottom: 330px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 48px), 0 100%); } .av-tvary { top: auto; height: 340px; width: 100%; } } @media (max-width: 600px) { .elementor .e-con.av-hero--uvod { --padding-bottom: 270px; } .av-tvary { height: 280px; } } /* ---------------------------------------------------------- čísla pod úvodem */ .elementor .e-con.av-udaje { margin-top: -80px; background: var(--av-bila); padding-top: 136px !important; padding-bottom: 88px !important; z-index: 1; } .elementor .e-con.av-hero--uvod { z-index: 2; } .elementor .e-con.av-udaje > .e-con-inner { display: block !important; padding: 0 !important; background: none; border: 0; box-shadow: none; } .av-cisla { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .av-cislo { position: relative; padding: 4px 40px 4px 56px; display: flex; flex-direction: column; gap: 10px; } .av-cislo:first-child { padding-left: 0; } .av-cislo + .av-cislo::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 10px; background: var(--av-svetla-30); transform: skewX(-18deg); } .av-cislo__hodnota { display: flex; align-items: baseline; gap: 10px; color: var(--av-modra); line-height: .9; } .av-cislo__hodnota [data-av-cislo] { font-size: clamp(64px, 7.5vw, 112px); font-weight: 700; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; } .av-cislo__jednotka { font-size: clamp(22px, 2.2vw, 30px); font-weight: 600; color: var(--av-svetla); } .av-cislo__popis { font-size: 17px; line-height: 1.45; color: var(--av-text-3); max-width: 280px; } @media (max-width: 860px) { .elementor .e-con.av-udaje { margin-top: -48px; padding-top: 100px !important; padding-bottom: 56px !important; } .av-cisla { grid-template-columns: 1fr; gap: 36px; } .av-cislo, .av-cislo:first-child { padding: 0 0 0 28px; } .av-cislo::before, .av-cislo + .av-cislo::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 8px; background: var(--av-svetla-30); transform: skewX(-18deg); } } /* ---------------------------------------------------------- odkrývání při rolování */ .av-js .av-odhal { opacity: 0; transform: translateY(32px); transition: opacity .75s cubic-bezier(.2,.75,.2,1), transform .75s cubic-bezier(.2,.75,.2,1), background .25s; transition-delay: calc(var(--av-poradi, 0) * 90ms), calc(var(--av-poradi, 0) * 90ms), 0s; } .av-js .av-odhal.je-videt { opacity: 1; transform: none; } /* ---------------------------------------------------------- služby – živější najetí */ .av-dlazdice__polozka { isolation: isolate; overflow: hidden; } .av-dlazdice__polozka::after { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--av-bila); transform: scaleX(0); transform-origin: left; transition: transform .45s cubic-bezier(.2,.75,.2,1); } .av-dlazdice__polozka:hover, .av-dlazdice__polozka:focus-visible { background: transparent; } .av-dlazdice__polozka:hover::after, .av-dlazdice__polozka:focus-visible::after { transform: scaleX(1); } .av-dlazdice__ikona .av-symbol { transition: transform .45s cubic-bezier(.2,.75,.2,1); } .av-dlazdice__polozka:hover .av-symbol { transform: translate(6px, -6px) rotate(-6deg) scale(1.08); } /* tlačítka */ .av-btn .elementor-button, .av-formular button, .av-menu .av-menu__kontakt { transition: background .2s, color .2s, border-color .2s, transform .2s; } .av-btn .elementor-button:hover, .av-formular button:hover { transform: translateY(-2px); } /* hlavní činnosti – fajfky naskočí */ .av-js .av-seznam-sloupce li.av-odhal::after { transform: scale(0); transition: transform .4s cubic-bezier(.3,1.6,.5,1) calc(var(--av-poradi, 0) * 90ms + .3s); } .av-js .av-seznam-sloupce li.av-odhal.je-videt::after { transform: none; } /* ---------------------------------------------------------- postup rolování */ .av-postup { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--av-svetla); transform: scaleX(0); transform-origin: left; pointer-events: none; } /* ---------------------------------------------------------- omezený pohyb */ @media (prefers-reduced-motion: reduce) { .av-tah polygon, .av-slovo, .av-hero--uvod .av-perex, .av-hero--uvod .av-tlacitka { animation: none; } .av-js .av-odhal { opacity: 1; transform: none; transition: none; } .av-dlazdice__polozka::after, .av-dlazdice__ikona .av-symbol { transition: none; } } /* hlavička je vždy bílá s barevným logem */ .av-logo--negativ { display: none !important; } /* ---------------------------------------------------------- úvod bez průhledné hlavičky */ .elementor .e-con.av-hero--uvod { min-height: 640px; } /* ---------------------------------------------------------- fotka sídla v sekci O společnosti */ .elementor .av-onas .elementor-widget-shortcode:has(.av-budova) { flex: 1 1 100%; } .av-budova { margin: 24px 0 8px; position: relative; } .av-budova__ram { position: relative; overflow: hidden; aspect-ratio: 1200 / 440; background: var(--av-pas); clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%); } .av-budova__ram img { display: block; width: 100%; height: 118%; object-fit: cover; object-position: 50% 40%; transform: translateY(var(--av-paralaxa, 0px)); will-change: transform; } /* světle modrý tah souběžně s levým šikmým okrajem */ .av-budova::before { content: ''; position: absolute; top: 0; left: -1%; width: 13%; aspect-ratio: auto; height: calc(100% - 32px); z-index: 1; background: var(--av-svetla); clip-path: polygon(52% 0, 64% 0, 12% 100%, 0 100%); pointer-events: none; } .av-budova figcaption { margin-top: 12px; font-size: 15px; color: var(--av-text-3); text-align: right; padding-right: 8%; } @media (max-width: 700px) { .av-budova__ram { aspect-ratio: 16 / 9; clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%); } .av-budova figcaption { text-align: left; padding: 0; } } /* ---------------------------------------------------------- fotka sídla v úvodu (v okně z tahu loga) */ .av-tah--foto > g { transform-box: fill-box; transform-origin: center; animation: av-tah-vjezd 1.3s cubic-bezier(.2,.75,.2,1) both, av-tah-vznas 11s ease-in-out 1.4s infinite alternate; } .av-tah--foto polygon { animation: none !important; } @media (prefers-reduced-motion: reduce) { .av-tah--foto > g { animation: none; } } /* na užších displejích je kompozice pod textem, nadpis nesmí přes fotku */ @media (max-width: 1100px) { .av-tvary { height: 360px; } .elementor .e-con.av-hero--uvod { --padding-bottom: 360px; } } @media (max-width: 600px) { .av-tvary { height: 300px; } .elementor .e-con.av-hero--uvod { --padding-bottom: 340px; } } /* ---------------------------------------------------------- úvod: fotka i jako překryv v pozadí, menší písmo */ .elementor .e-con.av-hero.av-hero--uvod { background-color: var(--av-modra); background-image: url(assets/budova-pozadi.jpg); background-repeat: no-repeat; background-position: 20% 65%; background-size: cover; background-blend-mode: multiply; } .av-hero--uvod h1, .av-hero--uvod .elementor-heading-title { font-size: clamp(34px, 3.8vw, 54px); line-height: 1.08; } .av-hero--uvod .av-perex { font-size: 19px; } .av-hero--podstranka h1, .av-hero--podstranka .elementor-heading-title { font-size: clamp(32px, 3.6vw, 50px); } .elementor .av-hero--uvod .e-con.av-hero__mrizka { max-width: min(560px, 46vw); } @media (max-width: 1100px) { .elementor .av-hero--uvod .e-con.av-hero__mrizka { max-width: 600px; } } @media (min-width: 1101px) { .elementor .e-con.av-hero--uvod { min-height: 720px; } } /* ===================================================================== v4 – úvod podle varianty 10 „Reflektor“ + živé účetní prvky ===================================================================== */ .elementor .e-con.av-hero.av-hero--uvod { background-image: none !important; background-color: var(--av-modra); } .av-scena { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; } .av-scena > .av-tah { position: absolute; inset: 0; } /* fotka sídla – vynořuje se z modré jen kolem vchodu a cedule */ .av-foto { position: absolute; inset: -20px; background-repeat: no-repeat; background-position: 92% 70%; background-size: auto 122%; -webkit-mask-image: radial-gradient(ellipse 36vw 58% at 74% 52%, #000 30%, rgba(0,0,0,.5) 62%, transparent 100%); mask-image: radial-gradient(ellipse 36vw 58% at 74% 52%, #000 30%, rgba(0,0,0,.5) 62%, transparent 100%); animation: av-foto 1.6s ease-out both; } .av-foto::after { content: ''; position: absolute; inset: 0; background: rgba(24,112,184,.18); } @keyframes av-foto { from { opacity: 0; transform: scale(1.04); } to { opacity: 1; transform: none; } } /* tahy A a V z loga */ .av-sikmo { position: absolute; top: -60px; bottom: -60px; } .av-sikmo--a { left: 51%; width: 40px; background: var(--av-svetla); transform: skewX(-18deg); animation: av-sikmo-a 1.1s cubic-bezier(.2,.75,.2,1) .2s both; } .av-sikmo--v { left: 86%; width: 110px; background: rgba(255,255,255,.14); transform: skewX(18deg); animation: av-sikmo-v 1.1s cubic-bezier(.2,.75,.2,1) .35s both; } @keyframes av-sikmo-a { from { transform: translateX(120px) skewX(-18deg); opacity: 0; } to { transform: skewX(-18deg); opacity: 1; } } @keyframes av-sikmo-v { from { transform: translateX(-120px) skewX(18deg); opacity: 0; } to { transform: skewX(18deg); opacity: 1; } } /* účetní vrstva: linkování, sloupce, růstová křivka s běžícím bodem */ .av-ucetni { position: absolute; inset: 0; width: 100%; height: 100%; } .av-sloupec { transform-box: fill-box; transform-origin: 50% 100%; animation: av-sloupec 4.2s ease-in-out infinite alternate; } @keyframes av-sloupec { 0% { transform: scaleY(.55); } 100% { transform: scaleY(1); } } .av-krivka { stroke-dasharray: 1; stroke-dashoffset: 1; animation: av-krivka 2.4s cubic-bezier(.45,0,.2,1) .5s forwards; } @keyframes av-krivka { to { stroke-dashoffset: 0; } } .av-uzel { transform-box: fill-box; transform-origin: center; animation: av-uzel .5s cubic-bezier(.3,1.6,.5,1) both; } @keyframes av-uzel { from { transform: scale(0); } to { transform: scale(1); } } .av-bezec { opacity: 0; animation: av-objev .4s ease 3s forwards; } @keyframes av-objev { to { opacity: 1; } } /* stoupající účetní symboly */ .av-symboly { overflow: hidden; } .av-symbol-u { position: absolute; color: #FFFFFF; font-weight: 700; letter-spacing: -0.01em; white-space: nowrap; opacity: 0; animation-name: av-stoupani; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @keyframes av-stoupani { 0% { transform: translateY(40px); opacity: 0; } 20% { opacity: .26; } 75% { opacity: .2; } 100% { transform: translateY(-80px); opacity: 0; } } /* text úvodu nad scénou */ .elementor .e-con.av-hero--uvod > .e-con-inner { position: relative; z-index: 3; } @media (max-width: 1100px) { .av-foto { -webkit-mask-image: radial-gradient(ellipse 80% 34% at 62% 88%, #000 30%, rgba(0,0,0,.5) 62%, transparent 100%); mask-image: radial-gradient(ellipse 80% 34% at 62% 88%, #000 30%, rgba(0,0,0,.5) 62%, transparent 100%); background-position: 70% 100%; background-size: auto 46%; } .av-sikmo--a { left: 18%; } .av-sikmo--v { left: 78%; } .av-jen-desktop { display: none; } .av-ucetni { opacity: .6; } } @media (prefers-reduced-motion: reduce) { .av-foto, .av-sikmo--a, .av-sikmo--v, .av-sloupec, .av-uzel, .av-bezec { animation: none; } .av-krivka { animation: none; stroke-dashoffset: 0; } .av-symbol-u { animation: none; opacity: .18; } } /* fotka menší, aby byla vidět celá budova i s cedulí */ @media (min-width: 1101px) { .av-foto { background-size: auto 104%; background-position: right -200px bottom -10px; -webkit-mask-image: radial-gradient(ellipse 40vw 64% at 72% 54%, #000 34%, rgba(0,0,0,.5) 66%, transparent 100%); mask-image: radial-gradient(ellipse 40vw 64% at 72% 54%, #000 34%, rgba(0,0,0,.5) 66%, transparent 100%); } } /* v4.1 – slide stojí (varianta 10), živý je jen graf v modré části */ .av-foto, .av-sikmo--a, .av-sikmo--v { animation: none !important; } .av-hero--uvod .av-perex, .av-hero--uvod .av-tlacitka, .av-hero--uvod .elementor-widget-heading { animation: none !important; } .av-ucetni { opacity: .6; } .av-sloupec { animation-duration: 8s; } .av-krivka { animation-duration: 5s; animation-delay: .8s; } .av-uzel { animation-duration: .9s; } .av-bezec { animation-delay: 6s; } @media (max-width: 1100px) { .av-ucetni { opacity: .45; } } /* v4.2 – fotka prolnutá přesně jako ve variantě 10 na plátně */ @media (min-width: 1101px) { .elementor .e-con.av-hero--uvod { min-height: 660px; } .av-foto { inset: 0; background-size: auto 120%; background-position: 92% 70%; -webkit-mask-image: radial-gradient(ellipse 36.1vw 57.3% at 73.6% 52.5%, #000 30%, rgba(0,0,0,.5) 62%, transparent 100%); mask-image: radial-gradient(ellipse 36.1vw 57.3% at 73.6% 52.5%, #000 30%, rgba(0,0,0,.5) 62%, transparent 100%); } } .av-foto::after { display: none; } /* tónování přes celý pás jako ve variantě 10 (pod tahy a grafem) */ .av-scena::before { content: ''; position: absolute; inset: 0; z-index: 0; background: rgba(24,112,184,.18); pointer-events: none; } .av-scena > .av-foto { z-index: -1; } .av-scena { isolation: isolate; } /* v4.2 – fotka přesně jako ve variantě 10 (měkce prolnutá s modrou) */ @media (min-width: 1101px) { .av-foto { inset: 0; background-size: auto 120%; background-position: 92% 70%; -webkit-mask-image: radial-gradient(ellipse 36.1vw 57.3% at 73.6% 52.5%, #000 30%, rgba(0,0,0,.5) 62%, transparent 100%); mask-image: radial-gradient(ellipse 36.1vw 57.3% at 73.6% 52.5%, #000 30%, rgba(0,0,0,.5) 62%, transparent 100%); } } /* v4.3 – fotka se rozplývá i k pravému okraji (reflektor + doprava slábnoucí přechod) */ @media (min-width: 1101px) { .av-foto { -webkit-mask-image: radial-gradient(ellipse 36.1vw 57.3% at 73.6% 52.5%, #000 30%, rgba(0,0,0,.5) 62%, transparent 100%), linear-gradient(90deg, #000 0%, #000 74%, rgba(0,0,0,.45) 88%, transparent 99%); -webkit-mask-composite: source-in; mask-image: radial-gradient(ellipse 36.1vw 57.3% at 73.6% 52.5%, #000 30%, rgba(0,0,0,.5) 62%, transparent 100%), linear-gradient(90deg, #000 0%, #000 74%, rgba(0,0,0,.45) 88%, transparent 99%); mask-composite: intersect; } } /* ===================================================================== v5 – méně šedi pod úvodem, služby jako samostatné karty ===================================================================== */ :root { --av-svetla-8: #EDF6FB; } /* modrá světlá v rastru 8 % */ body, .av-hlavni { background: var(--av-bila); } .elementor .e-con.av-onas { background: var(--av-bila); } /* služby na světle modrém podkladu */ .elementor .e-con#sluzby { background: var(--av-svetla-8); --padding-bottom: 136px; } .av-dlazdice { gap: 24px; column-gap: 24px; border-top: 0; } .av-dlazdice__polozka { background: var(--av-bila); border: 0; border-radius: 4px; padding: 34px 32px 36px; box-shadow: 0 1px 2px rgba(24,112,184,.08), 0 14px 32px -22px rgba(24,112,184,.55); } .av-dlazdice__polozka::after { display: none; } .av-dlazdice__polozka::before { top: 0; left: 0; height: 4px; width: 64px; border-radius: 4px 0 0 0; } .av-dlazdice__polozka:hover, .av-dlazdice__polozka:focus-visible { background: var(--av-bila); translate: 0 -4px; box-shadow: 0 2px 4px rgba(24,112,184,.10), 0 22px 40px -22px rgba(24,112,184,.65); } .av-dlazdice__polozka:hover::before, .av-dlazdice__polozka:focus-visible::before { width: 100%; border-radius: 4px 4px 0 0; } .av-dlazdice__polozka { transition: translate .3s cubic-bezier(.2,.75,.2,1), box-shadow .3s; } .av-js .av-dlazdice__polozka.av-odhal { transition: opacity .75s cubic-bezier(.2,.75,.2,1), transform .75s cubic-bezier(.2,.75,.2,1), translate .3s cubic-bezier(.2,.75,.2,1), box-shadow .3s; transition-delay: calc(var(--av-poradi, 0) * 90ms), calc(var(--av-poradi, 0) * 90ms), 0s, 0s; } @media (max-width: 620px) { .av-dlazdice__polozka { padding: 28px 24px 30px; } } /* hlavní činnosti – šikmá hrana navazuje na světle modré služby (žádný bílý klín) */ .elementor .e-con.av-cinnosti { margin-top: -64px; margin-bottom: 0; position: relative; z-index: 1; } /* kariéra a kontakt – bílé s modrými akcenty */ .elementor .e-con.av-sekce--tesna { --padding-top: 96px; } .elementor .e-con.av-karta-pruh { background: var(--av-svetla-8); border-left-color: var(--av-modra); } .elementor .e-con.av-kontakt { background: var(--av-bila); } .av-formular input[type=text], .av-formular input[type=email], .av-formular input[type=tel], .av-formular textarea { background: var(--av-svetla-8); border-bottom-color: var(--av-svetla-30); } .av-formular input:focus, .av-formular textarea:focus { border-bottom-color: var(--av-modra); } /* méně šedý text */ .av-spoluprace span:last-child, .av-sekce__hlava p, .av-cislo__popis { color: var(--av-text); } .av-spoluprace li { border-top-color: var(--av-svetla-30); } .av-spoluprace__ikona { color: var(--av-svetla); } /* ===================================================================== v6 – kariérní banner a moderní kontaktní formulář ===================================================================== */ /* ---------------------------------------------------------- kariéra: modrý banner s aktovkou a tahy loga */ .elementor .e-con.av-karta-pruh { position: relative; overflow: hidden; isolation: isolate; background: var(--av-modra); border: 0; border-radius: 6px; --padding-top: 44px; --padding-bottom: 44px; --padding-left: 152px; --padding-right: 56px; box-shadow: 0 24px 48px -28px rgba(24,112,184,.7); } /* ikona aktovky v kroužku */ .elementor .e-con.av-karta-pruh::before { content: ''; position: absolute; left: 48px; top: 50%; width: 72px; height: 72px; margin-top: -36px; border-radius: 50%; background: var(--av-svetla) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23fff' stroke-width='9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M72 56V40c0-6 4-10 10-10h36c6 0 10 4 10 10v16'/%3E%3Crect x='24' y='56' width='152' height='112' rx='8'/%3E%3Cpath d='M24 98c36 14 116 14 152 0'/%3E%3Crect x='88' y='94' width='24' height='26' rx='3'/%3E%3C/svg%3E") center / 38px no-repeat; z-index: 1; } /* šikmé tahy z loga za tlačítkem */ .elementor .e-con.av-karta-pruh::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 420px; z-index: 0; pointer-events: none; background: linear-gradient(var(--av-svetla), var(--av-svetla)) 0 0 / 40px 100% no-repeat, linear-gradient(rgba(255,255,255,.14), rgba(255,255,255,.14)) 70px 0 / 120px 100% no-repeat, linear-gradient(rgba(255,255,255,.08), rgba(255,255,255,.08)) 220px 0 / 200px 100% no-repeat; transform: skewX(-18deg); transform-origin: bottom left; } .elementor .e-con.av-karta-pruh > * { position: relative; z-index: 2; } .av-karta-pruh p:not(.av-nadtitul) { color: var(--av-bila); } .av-karta-pruh .elementor-widget-text-editor p::after { content: 'Přidejte se k týmu s tradicí od roku 1993.'; display: block; margin-top: 8px; font-size: 18px; font-weight: 400; letter-spacing: 0; color: var(--av-bila); opacity: .9; } .av-karta-pruh .av-btn--modra .elementor-button { background: var(--av-bila); color: var(--av-modra); border-color: var(--av-bila); padding: 16px 32px; } .av-karta-pruh .av-btn--modra .elementor-button:hover { background: var(--av-cerna); color: var(--av-bila); border-color: var(--av-cerna); } @media (max-width: 760px) { .elementor .e-con.av-karta-pruh { --padding-left: 28px; --padding-right: 28px; --padding-top: 124px; --padding-bottom: 36px; } .elementor .e-con.av-karta-pruh::before { left: 28px; top: 36px; margin-top: 0; width: 64px; height: 64px; background-size: 34px; } .elementor .e-con.av-karta-pruh::after { width: 260px; right: -80px; opacity: .7; } } /* ---------------------------------------------------------- kontakt: světle modrý podklad s tahy, formulář v kartě */ .elementor .e-con.av-kontakt { background: var(--av-svetla-8); position: relative; overflow: hidden; } .elementor .e-con.av-kontakt::before { content: ''; position: absolute; top: 0; bottom: 0; left: 30%; width: 360px; pointer-events: none; z-index: 0; background: linear-gradient(rgba(30,149,211,.10), rgba(30,149,211,.10)) 0 0 / 150px 100% no-repeat, linear-gradient(rgba(30,149,211,.18), rgba(30,149,211,.18)) 190px 0 / 36px 100% no-repeat; transform: skewX(-18deg); } .elementor .e-con.av-kontakt > .e-con-inner { position: relative; z-index: 1; } .elementor .e-con.av-kontakt__formular { background: var(--av-bila); border-radius: 8px; padding: 44px 48px 48px !important; position: relative; overflow: hidden; box-shadow: 0 2px 4px rgba(24,112,184,.06), 0 30px 60px -30px rgba(24,112,184,.55); } .elementor .e-con.av-kontakt__formular::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 6px; background: linear-gradient(90deg, var(--av-modra) 0 64%, var(--av-svetla) 64% 100%); } .av-formular__uvod { font-size: 22px; font-weight: 700; color: var(--av-modra); letter-spacing: -0.01em; margin-bottom: 4px !important; } .av-formular { gap: 18px; } .av-formular label { font-size: 14px; font-weight: 600; color: var(--av-text); gap: 8px; } .av-formular input[type=text], .av-formular input[type=email], .av-formular input[type=tel], .av-formular textarea { background: var(--av-bila); border: 1.5px solid var(--av-linka); border-radius: 6px; min-height: 54px; padding: 13px 16px; font-size: 17px; transition: border-color .2s, box-shadow .2s, background .2s; } .av-formular textarea { min-height: 150px; } .av-formular input[type=text]:hover, .av-formular input[type=email]:hover, .av-formular input[type=tel]:hover, .av-formular textarea:hover { border-color: var(--av-stribrna); } .av-formular input:focus, .av-formular textarea:focus { outline: none; border-color: var(--av-modra); background: var(--av-bila); box-shadow: 0 0 0 4px rgba(30,149,211,.18); } .av-formular input::placeholder, .av-formular textarea::placeholder { color: var(--av-stribrna); } /* vlastní zaškrtávací políčko */ .av-formular .av-formular__souhlas { align-items: center; font-size: 15px; font-weight: 400; cursor: pointer; } .av-formular__souhlas input { -webkit-appearance: none; appearance: none; width: 22px; height: 22px; margin: 0; flex: 0 0 auto; cursor: pointer; border: 1.5px solid var(--av-stribrna); border-radius: 5px; background: var(--av-bila); display: grid; place-content: center; transition: background .15s, border-color .15s; } .av-formular__souhlas input::after { content: ''; width: 12px; height: 12px; background: var(--av-bila); transform: scale(0); transition: transform .15s; -webkit-mask: var(--i-fajfka) center / contain no-repeat; mask: var(--i-fajfka) center / contain no-repeat; } .av-formular__souhlas input:checked { background: var(--av-modra); border-color: var(--av-modra); } .av-formular__souhlas input:checked::after { transform: scale(1); } .av-formular__souhlas input:focus-visible { box-shadow: 0 0 0 4px rgba(30,149,211,.25); } .av-formular button { min-height: 56px; padding: 0 36px; border-radius: 6px; font-size: 17px; display: inline-flex; align-items: center; gap: 12px; box-shadow: 0 12px 24px -12px rgba(24,112,184,.7); } .av-formular button::after { content: ''; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13M22 2l-7 20-4-9-9-4z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13M22 2l-7 20-4-9-9-4z'/%3E%3C/svg%3E") center / contain no-repeat; } @media (max-width: 700px) { .elementor .e-con.av-kontakt__formular { padding: 32px 24px 32px !important; } } /* kontaktní údaje – ikony v kroužcích */ .av-kontakt__udaje p { padding-left: 56px; min-height: 40px; } .av-kontakt__udaje p::before { width: 40px; height: 40px; top: 0; border-radius: 50%; background: var(--av-modra); -webkit-mask: none; mask: none; } .av-kontakt__udaje p::after { content: ''; position: absolute; left: 10px; top: 10px; width: 20px; height: 20px; background: var(--av-bila); -webkit-mask: var(--i-pin) center / contain no-repeat; mask: var(--i-pin) center / contain no-repeat; } .av-kontakt__udaje p:nth-child(2)::before { top: 0; } .av-kontakt__udaje p:nth-child(2)::after { -webkit-mask-image: var(--i-telefon); mask-image: var(--i-telefon); } .av-kontakt__udaje p.av-drobne { padding-left: 0; min-height: 0; } .av-kontakt__udaje p.av-drobne::after { display: none; } .av-mapa iframe { border-radius: 8px; box-shadow: 0 20px 40px -28px rgba(24,112,184,.6); } /* v6.1 – pás s čísly odlišený od bílé sekce O společnosti */ .elementor .e-con.av-udaje { background: var(--av-svetla-8); border-bottom: 1px solid var(--av-svetla-30); } .av-cislo + .av-cislo::before { background: var(--av-svetla); opacity: .5; } /* telefon v kontaktu – kroužek jako u adresy */ .av-kontakt__udaje p:nth-child(2)::before { -webkit-mask-image: none; mask-image: none; } /* v6.2 – jednotná tlačítka: zaoblení 6 px, po najetí tmavě šedá místo černé */ :root { --av-hover: #4F4C4D; } /* černá v rastru 80 % */ .av-btn .elementor-button, .elementor .av-btn .elementor-button, .av-formular button, .av-menu .av-menu__kontakt, .av-karta-pruh .av-btn--modra .elementor-button { border-radius: 6px; } .av-menu .av-menu__kontakt:hover, .av-btn--modra .elementor-button:hover, .av-karta-pruh .av-btn--modra .elementor-button:hover, .av-btn--bila .elementor-button:hover, .elementor .av-hero .av-btn--bila .elementor-button:hover, .elementor .av-vyzva .av-btn--bila .elementor-button:hover, .av-formular button:hover, .av-nahoru:hover { background: var(--av-hover); border-color: var(--av-hover); color: var(--av-bila); } /* ===================================================================== v6.3 – podstránky: box s výzvou jako banner, další služby jako dlaždice ===================================================================== */ .elementor .e-con.av-vyzva__karta { position: relative; overflow: hidden; isolation: isolate; border-radius: 8px; --padding-top: 48px; --padding-bottom: 48px; --padding-left: 152px; --padding-right: 56px; box-shadow: 0 24px 48px -28px rgba(24,112,184,.7); } /* kroužek s telefonem – pevně vlevo uprostřed (přebíjí Elementorův ::before) */ .elementor .e-con.av-vyzva__karta::before { content: '' !important; position: absolute !important; inset: auto !important; left: 48px !important; top: 50% !important; width: 72px !important; height: 72px !important; margin-top: -36px; border-radius: 50% !important; opacity: 1 !important; z-index: 1; mix-blend-mode: normal !important; border: 0 !important; } /* šikmé tahy jako u kariérního banneru */ .elementor .e-con.av-vyzva__karta::after { width: 420px !important; opacity: 1 !important; clip-path: none !important; z-index: 0 !important; background: linear-gradient(var(--av-svetla), var(--av-svetla)) 0 0 / 40px 100% no-repeat, linear-gradient(rgba(255,255,255,.14), rgba(255,255,255,.14)) 70px 0 / 120px 100% no-repeat, linear-gradient(rgba(255,255,255,.08), rgba(255,255,255,.08)) 220px 0 / 200px 100% no-repeat !important; transform: skewX(-18deg); transform-origin: bottom left; } .elementor .e-con.av-vyzva__karta > * { position: relative; z-index: 2; } .av-vyzva__karta p.av-vyzva__nadpis { font-size: clamp(26px, 2.4vw, 32px); font-weight: 700; letter-spacing: -0.01em; margin-bottom: 6px; } .av-vyzva__karta p { font-size: 18px; } @media (max-width: 760px) { .elementor .e-con.av-vyzva__karta { --padding-left: 28px; --padding-right: 28px; --padding-top: 124px; --padding-bottom: 36px; } .elementor .e-con.av-vyzva__karta::before { left: 28px !important; top: 36px !important; margin-top: 0; width: 64px !important; height: 64px !important; background-size: 28px !important; } .elementor .e-con.av-vyzva__karta::after { width: 260px !important; right: -80px; opacity: .7 !important; } } /* další služby – dlaždice se symbolem */ .av-dalsi__nadpis { font-size: 28px; color: var(--av-modra); margin-bottom: 24px; } .av-dalsi__nadpis::before { content: ''; display: block; width: 44px; height: 10px; background: var(--av-svetla); transform: skewX(-18deg); transform-origin: left bottom; margin-bottom: 18px; } .av-dalsi__seznam { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; border-top: 0; } .av-dalsi__seznam a.av-dalsi__polozka { display: flex; align-items: center; gap: 14px; padding: 18px 20px; border: 0; border-radius: 8px; background: var(--av-svetla-8); color: var(--av-text); font-size: 18px; font-weight: 700; line-height: 1.25; text-decoration: none; transition: background .2s, box-shadow .25s, translate .25s cubic-bezier(.2,.75,.2,1), color .2s; } .av-dalsi__seznam a.av-dalsi__polozka::after { display: none; } .av-dalsi__ikona { flex: 0 0 auto; line-height: 0; } .av-dalsi__ikona .av-symbol { width: 44px; height: 44px; } .av-dalsi__seznam a.av-dalsi__polozka:hover, .av-dalsi__seznam a.av-dalsi__polozka:focus-visible { background: var(--av-bila); color: var(--av-modra); translate: 0 -3px; box-shadow: 0 2px 4px rgba(24,112,184,.08), 0 18px 34px -20px rgba(24,112,184,.6); } /* ===== v7 – tahy podle varianty J (vlasová linka + široký téměř neviditelný tah, pohyb za myší) ===== */ .av-scena .av-sikmo--a { left: 54.9%; width: 2px; background: var(--av-svetla); transform: skewX(-18deg); opacity: 1; } .av-scena .av-sikmo--v { left: 69.4%; width: 20.8vw; max-width: 300px; background: #fff; opacity: .07; transform: skewX(-18deg); } .av-scena .av-sikmo { will-change: translate; } @media (max-width: 1100px) { .av-scena .av-sikmo--a { left: 30%; } .av-scena .av-sikmo--v { left: 58%; width: 34vw; } } /* v7.1 – místo vlasové linky dva další široké tahy s různým krytím */ .av-scena .av-sikmo--a { display: none; } .av-scena .av-sikmo--b { left: 47%; width: 9vw; max-width: 130px; background: #fff; opacity: .11; transform: skewX(-18deg); } .av-scena .av-sikmo--c { left: 57%; width: 4.2vw; max-width: 60px; background: #fff; opacity: .05; transform: skewX(-18deg); } @media (max-width: 1100px) { .av-scena .av-sikmo--b { left: 24%; width: 16vw; } .av-scena .av-sikmo--c { left: 44%; width: 7vw; } } /* ===================================================================== v8 – Elementor Pro: hlavička a patička z Theme Builderu, nativní widgety Barvy šablony berou hodnoty z globálních barev Elementoru (Nastavení webu → Globální barvy), takže změna tam se projeví všude. ===================================================================== */ body { --av-modra: var(--e-global-color-primary, #1870B8); --av-svetla: var(--e-global-color-secondary, #1E95D3); --av-stribrna: var(--e-global-color-avstrib, #889EA9); --av-cerna: var(--e-global-color-avcerna, #231F20); --av-text: var(--e-global-color-text, #4F4C4D); --av-text-2: var(--e-global-color-text, #4F4C4D); --av-svetla-30: var(--e-global-color-avsv30, #BCDFF2); --av-svetla-8: var(--e-global-color-avsv8, #EDF6FB); } /* ---------- hlavička */ .elementor-location-header { position: sticky; top: 0; top: var(--wp-admin--admin-bar--height, 0px); z-index: 50; background: var(--av-bila); transition: box-shadow .2s; } .je-odrolovano .elementor-location-header { box-shadow: 0 2px 16px rgba(35,31,32,.10); } .elementor .e-con.av-hlavicka { --padding-top: 18px; --padding-bottom: 18px; transition: padding .2s; } .je-odrolovano .elementor .e-con.av-hlavicka { --padding-top: 10px; --padding-bottom: 10px; } .av-hlavicka__logo img { display: block; height: 56px !important; width: auto !important; transition: height .2s; } .je-odrolovano .av-hlavicka__logo img { height: 44px !important; } .elementor .e-con.av-hlavicka > .e-con-inner { --flex-direction: row; --justify-content: space-between; --align-items: center; flex-direction: row; justify-content: space-between; align-items: center; } .elementor .e-con.av-hlavicka__vpravo { --flex-direction: row; --align-items: center; --gap: 28px; --column-gap: 28px; --width: auto; width: auto; flex: 0 1 auto; } .av-hlavicka__logo, .av-nav, .av-hlavicka__kontakt { width: auto !important; flex: 0 0 auto; } .av-nav .elementor-nav-menu--main .elementor-item { white-space: nowrap; } .av-hlavicka__kontakt .elementor-button { padding: 10px 22px; font-size: 16px; } .av-nav .elementor-menu-toggle { border: 1px solid var(--av-linka); border-radius: 6px; padding: 10px; } .av-nav .elementor-nav-menu--dropdown { box-shadow: 0 12px 24px rgba(35,31,32,.12); border-top: 1px solid var(--av-linka); } .av-nav .elementor-nav-menu--dropdown a { border-bottom: 1px solid var(--av-linka); } @media (max-width: 1024px) { .elementor .e-con.av-hlavicka__vpravo { --gap: 12px; --column-gap: 12px; flex-direction: row-reverse; } } @media (max-width: 420px) { .av-hlavicka__kontakt .elementor-button { padding: 9px 14px; font-size: 15px; } } /* ---------- patička */ .elementor .e-con.av-paticka { color: var(--av-bila); font-size: 15px; } .elementor .e-con.av-paticka a { color: var(--av-bila); } .elementor .e-con.av-paticka__mrizka { --padding-top: 56px; --padding-bottom: 32px; } .av-paticka__logo { margin-bottom: 14px; } .av-paticka__logo img { display: block; height: 56px !important; width: auto !important; } .av-paticka__nadpis .elementor-heading-title { font-size: 15px; font-weight: 700; color: var(--av-bila); margin-bottom: 6px; line-height: 1.5; } .av-paticka__nav .elementor-nav-menu--main .elementor-item { padding: 3px 0 !important; font-weight: 400; } .av-paticka__nav .elementor-nav-menu--main .elementor-item:hover { text-decoration: underline; text-decoration-thickness: 2px; } .av-paticka__nav .elementor-nav-menu { gap: 0; } .av-paticka .elementor-widget-text-editor ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; } .elementor .e-con.av-paticka__spodek { --flex-direction: row; --justify-content: space-between; --align-items: center; --flex-wrap: wrap; --gap: 12px; --row-gap: 12px; --column-gap: 12px; --padding-top: 20px; --padding-bottom: 32px; border-top: 1px solid var(--av-svetla); font-size: 13px; } .elementor .e-con.av-paticka__copy { --flex-direction: row; --gap: 5px; --column-gap: 5px; --width: auto; width: auto; flex: 0 1 auto; } .av-paticka__spodek .elementor-widget { width: auto; } .av-paticka__rok .elementor-heading-title { font-size: 13px; font-weight: 400; color: var(--av-bila); line-height: 1.5; } .av-paticka__spodek p { margin: 0; line-height: 1.5; } /* ---------- čísla (widget Počítadlo) */ .elementor .e-con.av-cisla { --gap: 0px; } .av-cislo { position: relative; padding: 4px 40px 4px 56px; } .av-cislo:first-child { padding-left: 0; } .av-cislo .elementor-counter { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .elementor .av-cislo .elementor-counter-number-wrapper { display: flex; align-items: baseline; justify-content: flex-start; flex-grow: 0; color: var(--av-modra); font-family: var(--av-pismo); font-size: clamp(64px, 7.5vw, 112px); font-weight: 700; line-height: .9; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; } .elementor .av-cislo .elementor-counter-number-prefix, .elementor .av-cislo .elementor-counter-number-suffix { flex-grow: 0; text-align: left; } .elementor .av-cislo .elementor-counter-number-suffix { margin-left: 10px; font-size: clamp(22px, 2.2vw, 30px); font-weight: 600; letter-spacing: 0; color: var(--av-svetla); } .elementor .av-cislo .elementor-counter-title { justify-content: flex-start; text-align: left; margin: 0; font-family: var(--av-pismo); font-size: 17px; font-weight: 400; line-height: 1.45; color: var(--av-text); max-width: 280px; } @media (max-width: 860px) { .elementor .e-con.av-cisla { --gap: 36px; --row-gap: 36px; } .av-cislo, .av-cislo:first-child { padding: 0 0 0 28px; } } /* ---------- spolupráce (widget Box s ikonou) */ .elementor .av-onas .e-con.av-spoluprace { flex: 1 1 100%; margin-top: 24px; } .av-spoluprace__karta { border-top: 1px solid var(--av-svetla-30); padding-top: 24px; } .av-spoluprace__karta .elementor-icon-box-wrapper { text-align: left; } .av-spoluprace__karta .elementor-icon-box-icon { display: inline-flex; margin-bottom: 10px; } .av-spoluprace__karta .elementor-icon { line-height: 0; } .elementor .av-spoluprace__karta .elementor-icon-box-title { margin: 0 0 6px; font-size: 19px; font-weight: 700; line-height: 1.3; color: var(--av-modra); } .elementor .av-spoluprace__karta .elementor-icon-box-title a { color: inherit; } .elementor .av-spoluprace__karta .elementor-icon-box-description { margin: 0; font-size: 16px; line-height: 1.5; color: var(--av-text); } /* ---------- dlaždice služeb (kontejner jako odkaz) */ .elementor .e-con.av-dlazdice__polozka { --padding-top: 34px; --padding-right: 32px; --padding-bottom: 36px; --padding-left: 32px; --gap: 12px; --row-gap: 12px; --justify-content: flex-start; color: var(--av-text); text-decoration: none; position: relative; overflow: hidden; } .av-dlazdice__polozka::before { content: ''; position: absolute; top: 0; left: 0; height: 4px; width: 64px; background: var(--av-svetla); transition: width .3s; } .av-dlazdice__polozka:hover::before, .av-dlazdice__polozka:focus-visible::before { width: 100%; background: var(--av-modra); } .av-dlazdice__ikona { margin-bottom: 8px; } .av-dlazdice__ikona .elementor-icon, .av-dalsi__ikona .elementor-icon, .av-hero__symbol .elementor-icon { display: block; line-height: 0; } .av-dlazdice__ikona svg { transition: transform .45s cubic-bezier(.2,.75,.2,1); } .av-dlazdice__polozka:hover .av-dlazdice__ikona svg { transform: translate(6px, -6px) rotate(-6deg) scale(1.08); } .elementor .av-dlazdice__nazev .elementor-heading-title { font-size: 25px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; color: var(--av-text); transition: color .15s; } .av-dlazdice__polozka:hover .av-dlazdice__nazev .elementor-heading-title { color: var(--av-modra); } .av-dlazdice__popis { font-size: 16px; color: var(--av-text); } /* ---------- další služby */ .elementor .e-con.av-dalsi { --gap: 0px; } .elementor .av-dalsi__nadpis .elementor-heading-title { font-size: 28px; font-weight: 700; color: var(--av-modra); margin-bottom: 24px; } .av-dalsi__nadpis .elementor-heading-title::before { content: ''; display: block; width: 44px; height: 10px; background: var(--av-svetla); transform: skewX(-18deg); transform-origin: left bottom; margin-bottom: 18px; } .elementor .e-con.av-dalsi__polozka { --flex-direction: row; --align-items: center; --gap: 14px; --column-gap: 14px; --padding-top: 18px; --padding-bottom: 18px; --padding-left: 20px; --padding-right: 20px; border-radius: 8px; background: var(--av-svetla-8); color: var(--av-text); text-decoration: none; transition: background .2s, box-shadow .25s, translate .25s cubic-bezier(.2,.75,.2,1); } .av-dalsi__polozka > .elementor-widget { width: auto; flex: 0 0 auto; } .av-dalsi__polozka > .av-dalsi__nazev { flex: 1 1 auto; } .elementor .av-dalsi__nazev .elementor-heading-title { font-size: 18px; font-weight: 700; line-height: 1.25; color: var(--av-text); transition: color .2s; } .elementor .e-con.av-dalsi__polozka:hover, .elementor .e-con.av-dalsi__polozka:focus-visible { background: var(--av-bila); translate: 0 -3px; box-shadow: 0 2px 4px rgba(24,112,184,.08), 0 18px 34px -20px rgba(24,112,184,.6); } .av-dalsi__polozka:hover .av-dalsi__nazev .elementor-heading-title { color: var(--av-modra); } /* ---------- úvod podstránek: drobečky a symbol */ .av-drobecky p { margin: 0; } .av-hero .av-hero__symbol { width: auto; flex: 0 0 auto; } @media (max-width: 1100px) { .av-hero .av-hero__symbol { display: none; } } /* ---------- kontaktní formulář (widget Formulář) */ .elementor .av-formular__uvod .elementor-heading-title { font-size: 22px; font-weight: 700; color: var(--av-modra); letter-spacing: -0.01em; line-height: 1.3; } .elementor .e-con.av-kontakt__formular { --gap: 18px; --row-gap: 18px; } .av-formular .elementor-form-fields-wrapper { margin-bottom: 0; } .av-formular label, .av-formular .elementor-field-label, .av-formular .elementor-field-option label { display: block; } .elementor .av-formular .elementor-field-label { font-size: 14px; font-weight: 600; color: var(--av-text); margin-bottom: 8px; padding: 0; } .elementor .av-formular .elementor-field-group .elementor-field-textual { color: var(--av-cerna); font-family: var(--av-pismo); } .elementor .av-formular .elementor-field-group .elementor-field-textual:focus { box-shadow: 0 0 0 4px rgba(30,149,211,.18); } .av-formular .elementor-field-type-acceptance .elementor-field-option { display: flex; align-items: center; gap: 10px; } .av-formular .elementor-field-option label { font-size: 15px; font-weight: 400; color: var(--av-text); cursor: pointer; } .av-formular .elementor-field-type-acceptance input[type=checkbox] { -webkit-appearance: none; appearance: none; width: 22px; height: 22px; margin: 0; flex: 0 0 auto; cursor: pointer; border: 1.5px solid var(--av-stribrna); border-radius: 5px; background: var(--av-bila); display: grid; place-content: center; transition: background .15s, border-color .15s; } .av-formular .elementor-field-type-acceptance input[type=checkbox]::after { content: ''; width: 12px; height: 12px; background: var(--av-bila); transform: scale(0); transition: transform .15s; -webkit-mask: var(--i-fajfka) center / contain no-repeat; mask: var(--i-fajfka) center / contain no-repeat; } .av-formular .elementor-field-type-acceptance input[type=checkbox]:checked { background: var(--av-modra); border-color: var(--av-modra); } .av-formular .elementor-field-type-acceptance input[type=checkbox]:checked::after { transform: scale(1); } .av-formular .e-form__buttons, .av-formular .elementor-field-type-submit { justify-content: flex-start; } .elementor .av-formular .elementor-button { width: auto; flex: 0 0 auto; min-height: 56px; padding: 0 36px; border-radius: 6px; background-color: var(--av-modra); color: var(--av-bila); font-family: var(--av-pismo); font-size: 17px; font-weight: 700; display: inline-flex; align-items: center; gap: 12px; box-shadow: 0 12px 24px -12px rgba(24,112,184,.7); transition: background .2s, transform .2s; } .elementor .av-formular .elementor-button:hover { background-color: var(--av-hover); color: var(--av-bila); transform: translateY(-2px); } .av-formular .elementor-message { margin-top: 16px; padding: 14px 18px; border-radius: 6px; font-size: 16px; } .av-formular .elementor-message-success { background: var(--av-svetla-8); border-left: 4px solid var(--av-modra); color: var(--av-text); } .av-formular .elementor-message-danger { background: var(--av-svetla-8); border-left: 4px solid var(--av-cerna); } .av-formular .elementor-message::before { display: none; } .av-cislo .elementor-counter-title { order: 2; } .elementor .av-formular .elementor-field-type-submit .elementor-button { width: auto !important; flex-grow: 0 !important; } .elementor-widget.av-dalsi__nadpis::before { content: none; display: none; } /* „Služby“ svítí i na podstránkách služeb */ .av-nav .elementor-nav-menu--main .current-page-ancestor > .elementor-item { color: var(--av-modra); } .av-nav .elementor-nav-menu--main .current-page-ancestor > .elementor-item::after { opacity: 1; width: 100%; background-color: var(--av-modra); } /* v8.1 – hlavička při rolování nemění výšku (dřív se zmenšovala a stránka se „klepala“ u hranice odrolování) */ .je-odrolovano .elementor .e-con.av-hlavicka { --padding-top: 18px; --padding-bottom: 18px; } .je-odrolovano .av-hlavicka__logo img, .av-hlavicka__logo img { height: 56px !important; } .av-hlavicka__logo img { transform-origin: left center; transition: transform .2s; } .je-odrolovano .av-hlavicka__logo img { transform: scale(.85); } /* v8.2 – zmenšení hlavičky zpět, ale bez poskakování: hlavička je fixní a pod ní je pevná mezera */ body:has(> .elementor-location-header) { padding-top: 92px; } .elementor-location-header { position: fixed; top: 0; top: var(--wp-admin--admin-bar--height, 0px); left: 0; right: 0; } .je-odrolovano .elementor .e-con.av-hlavicka { --padding-top: 10px; --padding-bottom: 10px; } .av-hlavicka__logo img { height: 56px !important; transform: none !important; transition: height .2s; } .je-odrolovano .av-hlavicka__logo img { height: 44px !important; }