Bez teto tridy zustava default (max 700px centrovane na desktop, 140%/120% na mobil/tablet). */
.product-teaser.cover,
.product-teaser.cover::before {
background-size: cover;
background-position: center;
}
/* Datova stranka pro paragliding bannery - obsah je interni data zdroj pro JS,
navstevnik na URL by ho nemel videt jako surovy text. Editor v adminu (TinyMCE)
to dale zobrazuje normalne, takze klient muze edituvat. */
body.in-paragliding-nabidka [itemprop="about"] {
display: none;
}
body.in-paragliding-nabidka .pageArticleDetail header h1 {
display: none;
}
/* -------------------- HOME-PAGE kategorie -------------------- */
.products-block > div .p .p-in {
text-align: left;
}
@media (max-width: 992px){
.products-block > div .p .p-in {
text-align: center;
}
}
.btn.btn-primary{
padding:9px 12px;
color:black !important;
border-color:black !important;
border-radius:0px;
font-size: 12px;
font-weight: 600;
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
}
.btn.btn-primary:hover{
color:white !important;
background-color:black !important;
}
.widget-parameter-wrapper
{
justify-content: start !important;
}
@media only screen and (max-width: 992px) {
.widget-parameter-wrapper.justified {
justify-content: center !important;
}
}
.widget-parameter-value a
{
padding-left: 0px !important
}
.white
{
background-color: #fff;
border: 1px solid black;
}
.orange
{
background-color: #ff5722;
}
.green
{
background-color: #00C322;
}
.gray
{
background-color: #ccc;
}
.colors {
height: 16px;
width: 16px;
border-radius: 50%;
display: inline-block;
margin-right: 5px;
margin-bottom: 10px;
}
.btn.btn-cart{
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
padding: 9px 12px;
font-weight: 600;
font-size:12px;
background-color: white;
border-color:black;
color: black;
border-radius: 0px;
}
.btn.btn-cart:hover{
background-color: black;
border-color:black;
color: white;
}
.btn.btn-cart.add-to-cart-button .icon-cart{
display:none;
}
/*
.p-bottom > div
{
display: grid;
}
.p-desc
{
order: 2
}
.p-tools
{
order: 4
}
*/
.product-slider-holder .product-slider-navigation:hover:before {
background-color: transparent;
color: black;
}
.product-slider-holder .product-slider-pagination .pagination-button {
margin: 0;
margin-top:3%;
background: black;
width: 10%;
height: 3px;
}
.product-slider-holder .product-slider-pagination .pagination-button:hover{
background: black;
}
.product-slider-holder .product-slider-pagination .pagination-button.active {
background-color: white;
height: 3px !important;
border: 1px solid black;
}
.button-categories {
display: block;
width: max-content;
margin: 40px auto;
padding: 10px 20px;
border: 1px solid black;
color: black;
text-decoration: none;
background-color: transparent;
text-align: center;
border-radius: 0px;
transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
.button-categories:hover {
border: 1px solid black;
color: white;
background-color: black;
}
.button-categories{ /* ovlivní vsechny button protože JS BTN je pridan u vice sekci */
margin-top:0px;
margin-bottom:0px;
}
#productsTop,.type-category .products-top-header, #filters-wrapper, #category-header, .type-category .pr-action, .type-category .price.price-final, .type-category .ratings-wrapper, .p-tools, .price.price-final
{
display: none !important;
}
/* ===================================================================
* Skrytí Shoptet UI prvků na kategoriích (přidáno 2026-05-20)
*
* Po update Shoptetu se objevily nové prvky, které tady nedávají smysl
* (klient si je nepřál vidět). Schováno přes display:none — funguje
* desktop i mobile.
* ===================================================================*/
/* Toggle "Zobrazit více produktů" nad výpisem produktů — globálně na kategoriích.
* Skrýt jak samotný button, tak jeho wrapper (jinak by zůstala mezera).
* :has() je podporované všemi moderními prohlížeči od ~2022. */
.type-category .toggle-top-products,
.type-category .button-wrapper:has(.toggle-top-products) {
display: none !important;
}
/* Wrapper pro top produkty v "inactive" stavu — globálně na kategoriích. */
.type-category .products-top-wrapper.has-inactive {
display: none !important;
}
/* listingControls (pagination + "Načíst N dalších" + "X položek celkem" + Nahoru link)
* — POUZE na /paragliding/. Na ostatních kategoriích necháváme,
* protože tam je pagination smysluplná. */
body.in-paragliding .listingControls {
display: none !important;
}
/* Vertikální stack pro .content-wrapper-in na kategoriích
* ---
* Shoptet má na .content-wrapper-in default layout (pravděpodobně flex/grid),
* který klade přímé děti vedle sebe za určitých podmínek. Náš JS injektuje
* .homepage-blog-wrapper jako poslední child .content-wrapper-in (aby byl AŽ
* pod listingControls). Bez tohoto pravidla by se blog vykreslil jako vedlejší
* sloupec napravo místo pod #products → rozhodí layout (Lubomír 2026-05-20).
*
* Oscopováno na .type-category aby to neovlivnilo HP, košík, kontakt apod.
* Mobile (<768) Shoptet defaultně stackuje vertikálně, takže media query
* potřebujeme jen pro desktop. */
@media (min-width: 768px) {
.type-category .content-wrapper-in {
display: flex;
flex-direction: column;
}
}
/* ===================================================================
* Detail produktu — estetické fixy (2026-05-20)
*
* Náš JS na produkt detailu injektuje .homepage-blog-wrapper přes
* jQuery('#footer').before(blog) — blog skončí na body-level, mimo
* jakýkoliv container, který by ho šířkově omezil → roztáhne se na
* scrollWidth obsahu = horizontální scroll celé stránky.
*
* Zároveň skrýváme Shoptet záložky Popis/Diskuze, které tady duplikují
* naši vlastní navigaci nahoře.
* ===================================================================*/
/* Skrýt Shoptet záložky Popis / Diskuze — zbytečné, máme vlastní navigaci */
body.type-detail .shp-tabs-row.responsive-nav,
body.type-detail #p-detail-tabs {
display: none !important;
}
/* Blog wrapper (Nové články) — omezit šířku, centrovat.
* !important kvůli Shoptetovým defaultům na .row/.blog-wrapper. */
body.type-detail .homepage-blog-wrapper {
max-width: 1440px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 0 16px;
box-sizing: border-box;
}
/* News-item fotky vyplní celou šířku karty (cover, ne wrap kolem textu) */
body.type-detail .homepage-blog-wrapper .news-item .image,
body.type-detail .homepage-blog-wrapper .news-item img {
width: 100%;
object-fit: cover;
}
/* Na desktopu (768+) navíc roztáhnout .image na celou výšku karty.
* display: flex pomáhá vnitřnímu
![]()
vyplnit container.
* height: 100% !important kvůli Shoptetovým defaultům na .news-item .image. */
@media (min-width: 768px) {
body.type-detail .homepage-blog-wrapper .news-item .image {
display: flex;
height: 100% !important;
}
}
.category-top {
border-bottom-color: transparent;
}
.type-category .p-desc
{
padding-top: 0px !important;
}
.type-category .products-block>div .p .p-in .p-in-in .name {
height: auto;
}
.type-category .products-block>div {
width: calc(100% / 3 - 60px) !important;
background-color: #ffffff;
margin: 0px auto;
}
.type-category #products h2, .type-category #products button
{
width: 100%
}
.type-category #products h2
{
margin-left: 18px
}
/* Typografie grouping headerů vložených JS-em (/paragliding/ etc.)
* — sjednoceno se vzhledem H2 z homepage.
* Selector h2[data-category-url] cílí PŘESNĚ na naše injectované headery,
* nikoliv na případné Shoptet h2 v jiných kontextech. */
.type-category #products h2[data-category-url] {
font-size: 32px;
letter-spacing: 1.6px;
line-height: 38px;
color: var(--colors-foregrounds-content-primary);
margin: 32px 0 16px;
font-weight: 700;
}
/* Odkaz uvnitř h2 — dědí barvu z h2, bez podtržení (hover = podtržení) */
.type-category #products h2[data-category-url] a {
color: inherit;
text-decoration: none;
}
.type-category #products h2[data-category-url] a:hover,
.type-category #products h2[data-category-url] a:focus {
text-decoration: underline;
}
.category-btn
{
margin: auto !important;
background-color: transparent !important;
}
.category-btn button
{
background-color: transparent;
border: 5px solid #ccc;
padding: 12px;
}
.pagination-wrapper .load-products
{
color: black;
}
.in-paragliding .container
{
width: auto;
}
.in-paragliding .container .content
{
padding: 0;
}
.in-paragliding .breadcrumbs,.in-paragliding .header-top,.in-paragliding #products, .in-paragliding .homepage-blog-wrapper,.in-paragliding #footer {
max-width: 1712px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 767px) {
.in-paragliding #products
{
padding: 0px 20px !important
}
}
/* Subcategories container — flex wrap, zarovnání zleva.
* Oscopováno na .type-category — neovlivní subcategories v jiných kontextech
* (např. in-dobrodruzstvi má vlastní override níže).
*
* Anti-overflow fixy (2026-05-20):
* 1) !important na display/flex-wrap aby pravidla přebila Shoptet defaulty
* 2) margin: 0 !important — odstraní Shoptet "row" negativní margin (0 -15px),
* jinak kontejner je vizuálně širší než parent → 7 položek (col-xl-2 = 16.67%)
* se "vejde" do prostoru a nezalomí se
* 3) box-sizing: border-box na li — Shoptet col-xl-2 width 16.67% + padding 12px
* bez border-box = padding přitéká k width → overflow
* 4) .text width: auto + word-break — Shoptet má .text { width: fit-content }
* což zabraňuje wrapu textu uvnitř buňky */
.type-category .subcategories,
.type-category .subcategories.with-image {
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-start;
padding: 0;
box-sizing: border-box;
width: 100%;
max-width: 1712px;
margin: 0 auto; /* centruje subcategories v rámci parenta po dosažení max-width */
}
.in-paragliding .product .price-final
{
display: none;
}
.type-category .subcategories li {
box-sizing: border-box;
}
/* Na max screen (1440+) — 5 položek/řádek místo Shoptet defaultních 6
* (col-xl-2 = 16.67%). Důvod: některé kategorie mají dlouhé názvy
* (např. PŘÍSLUŠENSTVÍ PRO SEDAČKY), které se do 16.67% nevejdou ani
* po wrap textu. 20% = 5/řádek dává cca 320-340px na položku — to už
* vystačí i pro dvouslovné názvy. */
@media (min-width: 1440px) {
.type-category .subcategories li {
flex: inherit;
width: fit-content;
padding-right: 32px;
}
}
.type-category .subcategories li a {
max-width: 100%;
box-sizing: border-box;
/* Zákaz ellipsis truncation — text se musí zobrazit celý.
* Shoptet default má text-overflow: ellipsis + white-space: nowrap,
* což zkracuje dlouhé názvy na "LETECKÉ PŘÍSTR...". */
white-space: normal !important;
text-overflow: clip !important;
overflow: visible !important;
}
.type-category .subcategories.with-image li a .text {
width: auto;
max-width: 100%;
word-break: break-word;
/* Stejné anti-ellipsis pravidlo i na .text element (kvůli vyšší
* specificitě, kdyby Shoptet měl pravidlo přímo na .text). */
white-space: normal !important;
text-overflow: clip !important;
overflow: visible !important;
}
.subcategories li a {
border-color: transparent;
width: fit-content;
}
.subcategories.with-image li a .text
{
width: fit-content;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
opacity: 1;
}
.category-title
{
text-transform: uppercase;
}
.subcategories li a:before
{
opacity: 0.7;
}
.subcategories.with-image li a .image, .pagination-wrapper
{
display: none;
}
/*menu*/
@media only screen and (max-width: 1440px) and (min-width: 768px){
.nav-wrap__left-fill {
background: #fff;
width: 100% !important;
margin-left: auto !important;
height: 100%;
z-index: 1;
position: relative;
}
.l-container {
padding-right: 0 !important;
padding-left: 0 !important;
}}
@media only screen and (min-width: 768px) and (max-width: 992px){
.navigation-wrapper
{
display: none;
}
.site-name
{
line-height: 0;
}
.menu-helper {
position: relative;
}
.nav-wrap__inner {
margin-top: 5% !important;
}
.nav_third
{
display: none !important;
}
}
@media only screen and (min-width: 768px) {
#navigation
{
display: none;
}
}
@media (max-width: 767px)
{
.header-top-wrapper .site-name
{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.navigation-in>ul {
width: 100%;
}
.navigation-window-visible .navigation-buttons a[data-target=navigation]:before {
content: "\e912" !important;
margin-top: 32px;
background: none;
}
.navigation-in>ul>li {
border-color: transparent;
}
.navigation-in>ul>li a{
text-transform: uppercase;
opacity: 0.7;
}
.navigation-in>ul>li a .submenu-arrow {
position: relative;
right: 0;
top: 0;
transform: none;
}
.submenu-arrow:after, .next-arrow:after {
width: 15px;
height: 15px;
top: 0px !important;
}
}
.submenu-arrow:after, .next-arrow:after {
content: "" !important;
width: 20px;
height: 20px;
background: url("/user/documents/upload/next-arrow.svg");
position: relative;
left: 15px;
top: -5px;
display: inline-flex;
}
.next-arrow:after
{
top: 0px !important;
}
.nav-wrap {
position: fixed;
visibility: hidden;
opacity: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 100;
-webkit-transform: translateX(-180px);
transform: translateX(-180px);
-webkit-transition: opacity .35s ease-out, -webkit-transform .35s ease-out, visibility 0s linear .35s; /* Přidáno visibility do přechodu */
transition: opacity .35s ease-out, transform .35s ease-out, visibility 0s linear .35s;
}
.nav-wrap.nav-wrap_active {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity .35s ease-out, -webkit-transform .35s ease-out, visibility 0s linear 0s;
transition: opacity .35s ease-out, transform .35s ease-out, visibility 0s linear 0s;
}
.nav-wrap.nav-wrap_active
{
display: flex;
}
.nav-wrap>.l-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.l-container {
width: 100%;
max-width: 1440px;
min-width: 320px;
margin-left: auto;
margin-right: auto;
}
.nav-wrap__left-fill {
background: #fff;
width: calc(0px + (100vw - 1440px)/2);
margin-left: calc(-120px - (100vw - 1440px)/2);
height: 100%;
z-index: 1;
position: relative;
}
.nav-wrap__inner {
max-width: 100%;
position: relative;
-webkit-transition: width .35s ease-out;
transition: width .35s ease-out;
}
.nav-wrap__inner {
margin-top: 5%;
}
@media (min-width: 1568px) and (max-width: 1620px) {
.nav-wrap__inner {
margin-left: 3%;
}
}
@media (min-width: 1502px) and (max-width: 1600px) {
.nav-wrap__inner {
margin-left: 3%;
}
}
@media (min-width: 1440px) and (max-width: 1502px) {
.nav-wrap__inner {
margin-left:6%;
}
}
.nav-wrap__close-wrap {
width: 100%;
top: -80px;
height: 80px;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: 0;
background: #fff;
z-index: 98;
-webkit-transition: width .35s ease-out;
transition: width .35s ease-out;
}
.nav-wrap__back {
display: none;
}
.nav-wrap__close {
display: block;
width: 30px;
height: 30px;
position: relative;
top: 1px;
right: 60px;
}
.nav-wrap__content {
width: 100%;
height: 100%;
background-color: #fff;
-webkit-transition: width .35s ease-out;
transition: width .35s ease-out;
display: flex
}
.nav_first {
z-index: 3;
background-color: white;
height: 100%;
}
.nav__subnav {
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
list-style: none;
overflow: hidden;
overflow-y: auto;
padding: 0 80px 0 0;
-ms-overflow-style: none;
scrollbar-width: none;
}
.nav-wrap_active {
opacity: 1;
-webkit-transform: translateX(0)!important;
transform: translateX(0)!important;
}
.hamburger-icon
{
cursor: pointer;
}
.nav-wrap__close_active {
cursor: pointer; /* Změní kurzor na ukazatel, aby uživatel věděl, že je to klikatelné */
width: 20px; /* Šířka kříže */
height: 20px; /* Výška kříže */
position: relative; /* Nastaví pozici pro pseudo-prvky */
}
.nav-wrap__close_active::before, .nav-wrap__close_active::after {
content: '';
position: absolute;
top: 0;
left: 9px; /* Centruje vertikální část */
height: 20px; /* Výška čáry */
width: 2px; /* Šířka čáry */
background-color: black; /* Barva čáry */
}
.nav-wrap__close_active::before {
transform: rotate(45deg); /* Otočí první čáru */
}
.nav-wrap__close_active::after {
transform: rotate(-45deg); /* Otočí druhou čáru */
}
.nav_third-active ul {
opacity: 0; /* Počáteční stav pro animaci */
-webkit-transition: opacity .35s ease-out, width .35s ease-out, -webkit-transform .35s ease-out;
transition: opacity .35s ease-out, width .35s ease-out, transform .35s ease-out;
}
.menu-level-2, .menu-level-3 {
width: max-content;
}
.nav-wrap a
{
color: black;
}
.nav-wrap img
{
display: none;
}
.nav_second-preactive {
display: block;
}
.nav_second {
display: block; /* Ujistěte se, že je element blockový pro zobrazení, můžete ponechat display: none; pokud je skrytý defaultně */
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
left: 100%;
top: 0;
opacity: 0; /* Připraven pro animaci */
visibility: hidden; /* Změna z display na visibility */
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
-webkit-transition: opacity .35s ease-out, -webkit-transform .35s ease-out, visibility 0s linear .35s;
transition: opacity .35s ease-out, transform .35s ease-out, visibility 0s linear .35s;
background-color: white;
padding: 0 80px 0 0;
}
.nav_second-active {
opacity: 1;
visibility: visible; /* Umožní elementu být viditelný */
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity .35s ease-out, -webkit-transform .35s ease-out, visibility 0s linear 0s;
transition: opacity .35s ease-out, transform .35s ease-out, visibility 0s linear 0s;
}
.nav_third {
background-color: white;
padding: 0 80px 0 0;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
left: 100%;
top: 0;
opacity: 0;
z-index: -1;
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
-webkit-transition: width .35s ease-out,-webkit-transform .35s ease-out;
transition: width .35s ease-out,-webkit-transform .35s ease-out;
transition: transform .35s ease-out,width .35s ease-out;
transition: transform .35s ease-out,width .35s ease-out,-webkit-transform .35s ease-out;
}
.nav_third-active {
-webkit-transition: opacity .35s ease-out,width .35s ease-out,-webkit-transform .35s ease-out;
transition: opacity .35s ease-out,width .35s ease-out,-webkit-transform .35s ease-out;
transition: transform .35s ease-out,opacity .35s ease-out,width .35s ease-out;
transition: transform .35s ease-out,opacity .35s ease-out,width .35s ease-out,-webkit-transform .35s ease-out;
z-index: 1;
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
display: block;
}
.nav__item_children>.nav__link {
width: 100%;
padding-right: 60px;
}
.nav__link {
display: inline-block;
position: relative;
-webkit-transition: color .25s ease;
transition: color .25s ease;
}
.nav-wrap a {
color: #000;
opacity: 0.6;
line-height: 2;
}
.nav-wrap a:hover {
opacity: 1;
}
.nav__subnav li
{
list-style: none;
}
.menu-level-1 b
{
font-weight: 600;
}
.menu-level-2, .menu-level-3, .menu-level-1 {
width: max-content;
list-style: none;
text-align: start;
text-transform: uppercase;
font-size: 20px;
color: #ccc;
}
.similar {
padding-top: 0px;
text-align: start;
max-width: 1640px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.flex {
display: flex;
}
.headlineups
{
line-height: 1.2
}
.header-product {
background-image: url(/user/documents/upload/carouseltop2.png);
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: auto;
display: block;
min-height: 666px;
position: relative;
}
@media screen and (max-width: 768px) {
.header-product {
min-height: 300px;
}
}
@media (max-width: 992px) and (min-width: 769px) {
.header-product {
min-height: 500px;
}
}
.claim {
position: absolute;
bottom: 50px;
width: 100%;
padding: 0 60px;
}
.claim h2, .claim span
{
color: white;
}
.claim .right
{
text-align: right;
}
.claim span
{
font-weight: 400;
display: block;
}
/*komunita*/
.in-komunita #content-wrapper h1, .in-komunita .breadcrumbs, .in-komunita #content-wrapper h2:first-child
{
display: none;
}
/*dobrodružství*/
.in-dobrodruzstvi .subcategories li
{
width: max-content
}
.in-dobrodruzstvi .subcategories li a
{
padding-right: 5px;
padding-left: 0;
font-size: 14px !important;
}
.in-dobrodruzstvi .subcategories li span
{
font-size: 17px !important;
}
.in-dobrodruzstvi .subcategories li:nth-child(1), .in-dobrodruzstvi .subcategories li:nth-child(1) a
{
padding-left: 0px;
}
.in-dobrodruzstvi .subcategories li a:before
{
display: none;
}
.in-dobrodruzstvi .subcategories
{
justify-content: start;
}
.menu-header
{
text-transform: uppercase;
opacity: 0.7;
font-weight: 400;
margin: 10px 10px 0 10px;
}
.in-dobrodruzstvi .type-category #products h2 {
margin-left: 0;
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
font-size: 16px;
}
.in-dobrodruzstvi .type-category #products h2 a{
color:black !important;
}
.in-dobrodruzstvi .blog-wrapper {
margin-bottom: 50px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1550px) {
.in-komunita #content > div > ul > li:nth-child(2) {
padding-left: 12%;
}
}
@media only screen and (max-width: 767px) {
ul.subcategories.with-image li {
width: 100%;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.in-komunita .fullwidthcontainerups {
width: 100%;
box-sizing: border-box;
text-align: end;
margin-bottom: 60px;
padding: 18px;
}
}
/*článek*/
.type-post #content-wrapper
{
width: auto;
}
.type-post #content-wrapper #content
{
padding: 0px;
}
.news-item time, .news-item-detail time
{
display: none !important;
}
.type-post .breadcrumbs
{
max-width: 1712px;
margin: 0 auto;
}
.type-post #content
{
max-width: 100%;
}
article>img, .type-post h1
{
display: none;
}
.news-item-detail .text
{
max-width: 1680px;
margin: 50px auto;
}
.type-post .header-product {
background: repeat-x;
min-height: 530px;
}
/*kontakt*/
@media only screen and (min-width: 768px) {
.contacts-container {
display: flex;
justify-content: space-around;
}
.contact {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.contacts-container {
padding: 10px;
}
}
.contact h2 {
font-weight: 400;
}
.contact h3 {
font-weight: 500;
font-size: 18px;
margin-top: 10px;
margin-bottom: 32px;
}
.contact p {
margin-bottom: 10px;
margin-top: 50px;
font-size: 20px;
line-height: 1.5
}
.contact a {
text-decoration: underline;
color: black;
}
.contact h4 {
margin-top: 15px;
margin-bottom: 5px;
font-weight: 400;
}
.open-hours
{
display: block;
}
.in-kontakt #content > div > article > div > div > div:nth-child(2) > div > h4 {
margin-top: 72px;
}
.in-kontakt header h1 {
text-align: left;
}
@media only screen and (max-width: 767px) {
.in-kontakt header h1 {
padding: 10px;
}
}
/*single product*/
.type-detail .container-full-width {
max-width: 100%;
}
.type-detail .col-sm-12
{
padding: 0
}
.product-info__image.aos-init.aos-animate
{
text-align: center;
}
.stars-wrapper
{
display: none;
}
.p-detail-inner {
max-width: 1712px;
margin-left: auto;
margin-right: auto;
padding-right: 15px;
padding-left: 15px;
margin-top: 50px
}
.sticky {
position: fixed !important;
top: 0;
width: 100%;
z-index: 1000;
right: 0;
left: 0;
}
.p-detail-inner h1
{
color: #8bbab1;
font-weight: 400;
}
.product-nav {
width: 100%;
padding: 50px 20px;
background: #fff;
z-index: 50;
position: relative;
}
.product-nav.sticky
{
padding: 28px 20px;
}
#product-nav .l-container {
width: 100%;
max-width: 1440px;
min-width: 320px;
margin-left: auto;
margin-right: auto;
padding:18px;
}
@media (max-width: 767px) {
#product-nav .l-container {
padding:0px;
}
}
.product-nav__header {
font-size: 25px;
line-height: 1.36em;
letter-spacing: .022em;
text-transform: uppercase;
margin-bottom: 0.4em;
text-align: initial;
font-weight: 500;
}
.product-nav__list {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
list-style: none;
margin: 0;
padding: 0;
}
.product-nav__item {
padding: 0;
margin: 0 40px 0 0;
}
.product-nav__link {
font-size: 15px;
line-height: 1.46667em;
letter-spacing: .04667em;
text-transform: uppercase;
opacity: .6;
-webkit-transition: opacity .25s ease;
transition: opacity .25s ease;
color: black;
}
@media (max-width: 767px) {
.product-nav__link {
font-size: 10px !important;
}
.product-nav__item {
margin: 0 8px 0 0;
}
.product-nav {
padding: 20px 18px;
}
}
#s-downloads {
margin: 40px 0;
}
@media (min-width: 769px) {
#s-downloads {
margin: 20px 0;
padding: 18px;
}
}
#s-downloads .table-scroll {
position: relative;
margin-top: 36px;
}
#s-downloads .table-scroll__table {
border-collapse: separate;
border-spacing: 0;
width: 100%;
text-align: left;
}
.table-scroll__table td, .table-scroll__table th {
font-weight: 400;
padding: 13px 35px 13px 0;
border-top: 1px solid #000;
vertical-align: middle;
}
#s-downloads .table-scroll__table td.thead, #s-downloads .table-scroll__table th.thead{
padding: 44px 35px 8px 0;
border-top: 0;
font-weight: 400;
color: black;
}
.download-cell a
{
color: black;
}
.download-cell_last
{
padding-right: 35px;
}
#s-downloads .ce-headline-right,#s-downloads .text-right, .download-cell {
text-align: right;
}
.table-scroll__table .download-link:after {
content: "";
display: inline-block;
width: 34px;
height: 34px;
margin: 0px;
background: url(/user/documents/upload/download-icon-new.svg) no-repeat;
}
.products-related-header
{
display: none;
}
.products-related-wrapper,.products-related-wrapper .product-slider
{
width: 100% !important;
padding: 0px !important;
margin: 0 auto;
}
@media (min-width: 992px)
{
.products-related .products-block>div
{
width: 50% !important;
color: white;
}
}
@media (max-width: 992px)
{
.products-related .products-block>div img {
max-height: 450px;
}
.products-related .products-block>div {
padding: 10px !important;
}
.products-related .products-block > div img {
max-height: 450px;
}
}
.products-related .product:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: transform 0.3s ease;
}
.products-related .product:hover .p-in {
transform: translateY(-20px) !important;
transition: transform 0.3s ease;
}
.products-related .products-block > div:nth-child(1) {
background: #9bc0c5;
padding: 32px 32px 32px 10%;
}
.products-related .products-block>div:nth-child(2)
{
background: #d9d9a5;
padding: 32px 10% 32px 32px;
}
.products-related .products-block>div img
{
mix-blend-mode: multiply;
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 0.3s ease;
}
.products-related .add-to-cart-button
{
background-color: transparent;
color: white;
border: 1px solid white;
text-transform: uppercase;
}
.products-related .add-to-cart-button:hover
{
background-color: white;
color: black;
border-color: white;
}
.products-related .p-desc
{
margin: 0;
}
.products-related .p-in {
transition: transform 0.3s ease;
}
.products-related .product .p .p-in .name
{
height: auto !important;
line-height: 1.2;
color: white;
font-size: 25px;
text-transform: uppercase;
}
.products-related .prices, .products-related .ratings-wrapper
{
display: none !important;
}
/*kurz létání*/
.metodic .text
{
max-width: 800px;
margin: 24px auto;
display: block;
padding:18px;
}
.product-info {
display: flex;
margin: 80px 40px;
display: flex;
}
.product-info .detail-parameters {
border-color: transparent;
}
.kurz-letani .contentcontainerups, .obsah
{
max-width: 1440px;
margin: 40px auto;
padding:18px;
}
.kurz-letani .p-detail-inner {
margin-top: 0px;
}
.kurz-letani .basic-description > p
{
display: none;
}
.kurz-letani .iconscontainerups
{
margin: 0 auto 50px;
}
.metodic
{
justify-content: center;
position: relative;
display: grid;
}
.metodic .col-lg-12
{
margin: 75px auto 0px;
max-width: 1440px;
padding:18px;
}
.metodic .text {
max-width: 800px;
margin: 20px auto 40px;
display: block;
}
.kurz-letani #products
{
margin-top: 75px;
max-width:1440px;
}
.kurz-letani .homepage-blog-wrapper {
padding: 0px;
}
.kurz-letani .price-final-holder
{
font-size: 20px;
margin-bottom: 20px;
display: block;
}
.p-to-cart-block .add-to-cart {
margin-top: 20px;
margin-bottom: 20px;
display: flex;
}
.p-to-cart-block .add-to-cart-button
{
width: -webkit-fill-available;
margin-left: 20px;
}
.p-to-cart-block .icon-cart::before
{
content: none;
}
@media (max-width: 767px) {
.fullwidthcontainerupskurzy .contentcontainerups.flex {
flex-direction: column;
}
.fullwidthcontainerupskurzy .contentcontainerups .col-md-6, .contentcontainerups .col-xs-12 {
width: 100%;
text-align: left;
}
.fullwidthcontainerupskurzy .descriptionups {
margin-bottom: 1rem;
}
}
/* ------------------- HOME-PAGE članky ------------------- */
.homepage-group-title h2{
font-size:25px;
padding:8px;
}
.social-banner-title p {
color: black !important;
}
.homepage-blog-wrapper {
padding: 40px 5px;
}
.homepage-group-title {
padding-top: 0px;
}
.blog-wrapper h2 {
text-align: left;
padding-left: 0px;
}
.normal-weight {
font-weight: normal;
}
.blog-wrapper .image+.text:hover {
background: rgb(0 0 0 / 0%);
}
@media only screen and (min-width: 769px) {
.one-column-body .homepage-blog-wrapper .news-item .image+.text:hover {
transform: translateY(-10px);
color: rgb(0, 0, 0);
}
}
.blog-wrapper .image+.text {
background: rgb(0 0 0 / 40%);
}
.blog-wrapper .image+.text .title{
color:white;
}
.one-column-body .homepage-blog-wrapper .news-item .title:hover{
color:black;
}
.blog-wrapper .news-item .image img {
border-radius: 0;
}
.blog-wrapper .news-item .image+.text {
border-radius: 0px;
}
/* pro PRODUCT-DETAIL - članky */
.in-paragliding .homepage-blog-wrapper{
max-width:1440px;
margin: 0 auto;
padding-top: 0px;
padding-bottom:40px;
padding-left:0px;
padding-right:0px;
}
.in-paragliding .blog-wrapper h2{
padding-left: 8px;
margin-top:0px;
}
@media only screen and (max-width: 768px) {
.in-paragliding .homepage-blog-wrapper{
padding: 18px !important;
}
}
/* -------------------- HOME-PAGE UPS -------------------- */
.fullwidthcontainerups {
width: 100%;
box-sizing: border-box;
text-align: end;
}
.contentcontainerups {
max-width: 1712px;
margin: 0 auto;
margin-top: 14rem;
}
.titleups {
font-size: 18px;
color: #333;
margin-bottom: 3rem;
text-align: left;
}
.headlineups {
font-size: 25px;
color: #000;
margin-bottom: 3rem;
text-align: left;
}
.descriptionups {
font-size: 16px;
color: #666;
margin-bottom: 7rem;
text-align: left;
}
.ctabuttonups a{
color:black;
}
.ctabuttonups:hover a{
color:white;
}
.ctabuttonups {
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
padding: 10px 25px;
font-size: 12px;
font-weight: 500;
border: 1px solid black;
background-color: white;
color: black;
border-radius: 0px;
cursor: pointer;
transition: background-color 0.3s ease;
margin-bottom: 6rem;
}
.ctabuttonups:hover {
background-color: black;
border-color: black;
color: white;
}
@media (max-width: 768px) {
.ctabuttonups {
margin-top: 1rem;
}
}
.iconscontainerups {
max-width: 1600px;
margin: 0 auto;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 14rem;
}
.iconitemups {
width: calc(50% - 20px);
margin: 10px;
}
.usp-iconups {
width: 100px;
height: 100px;
margin-bottom: 10px;
}
.usptextups {
font-size: 18px;
color: #333;
}
@media (min-width: 769px) {
.iconscontainerups {
flex-wrap: nowrap;
}
.iconitemups {
width: calc(20% - 40px);
margin: 10px;
}
.usp-iconups {
width: 100px;
height: 100px;
margin-bottom: 10px;
}
.usptextups {
font-size: 18px;
color: #333;
}
}
@media (max-width: 768px) {
.iconscontainerups {
flex-wrap: wrap;
margin: 0 40px;
}
.iconitemups {
margin: 5px;
padding-top: 40px;
}
.usp-iconups {
width: 68px;
height: 68px;
margin-bottom: 10px;
}
.usptextups {
font-size: 12px;
color: #333;
}
}
/* @media (max-width: 480px) {
.iconitemups {
width: 100%;
}
.contentcontainerups, .iconscontainerups {
padding: 0 10px;
}
.usptextups {
font-size: 12px;
color: #333;
}
.headlineups {
font-size: 2rem;
}
.descriptionups {
font-size: 0.9rem;
}
.ctabuttonups {
width: 100%;
}
}
*/
/* -------------------- HOME-PAGE CrewCarousel -------------------- */
.crewright p {
text-transform: uppercase;
}
.crewfullwidth-container {
width: 100%;
overflow: hidden;
box-sizing: border-box;
padding-top:50px;
padding-bottom:100px;
}
.crewcontainer {
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
max-width: 1440px;
margin: auto;
padding: 18px;
}
.crewheader h2 {
text-align: left;
font-size: 25px;
margin-bottom: 60px;
font-weight:500;
color: white;
}
.crewcontent {
display: flex;
color: white;
}
.crewright p {
font-size: 20px;
margin-top: 0px;
line-height: 30px;
}
.crewleft {
width: 40%;
text-align: left;
}
.crewright {
width: 60%;
text-align: left;
height: 530px;
display: grid;
}
.crewleft img {
max-width: 360px;
vertical-align: top;
}
.crewleft-info{
margin-top: 40px;
}
.crew-buttons {
height: auto;
font-weight:600;
}
.crewbutton {
margin-right: 30px;
padding: 9px 12px;
border: 1px solid white;
text-decoration: none;
color: white;
border-radius: 0px;
font-size:12px;
transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
.crewbutton:hover {
background-color: white;
color: black;
}
/* Breakpoint pro 1420px - 1220px */
@media (max-width: 1420px) and (min-width: 1261px) {
.crewright {
height: 510px;
}
}
/* Breakpoint pro 1020px - 820px */
@media (max-width: 1020px) and (min-width: 769px) {
.crewcontainer {
padding: 20px;
}
.crewright {
height: 600px;
}
.crewleft-info{
margin-top: 5px;
}
.crewheader h2 {
font-size: 22px;
}
.crewleft img {
max-width: 90%;
}
.crewright p {
font-size: 18px;
line-height: 26px;
}
.crewleft-info, .crew-buttons {
padding: 10px 0;
}
.crewbutton {
padding: 8px 18px;
margin-right: 20px;
}
}
/* Responzivní styly pro šířky pod 768px */
@media (max-width: 768px) {
.crewcontainer {
padding: 20px;
}
.crewleft-info{
margin-top: 0px;
}
.crewcontent {
flex-direction: column;
}
.crewleft, .crewright {
width: 100%;
}
.crewleft img {
width: 100%;
height: auto;
}
.crewright p {
font-size:17px;
margin-bottom: 50px;
line-height: 20px;
}
.crewleft-info {
line-height: 5px;
padding-bottom: 30px;
padding-top: 20px;
font-size: 15px;
}
.crewbutton {
margin-right: 10px;
font-size:10px;
padding: 7px 10px;
}
.crewright {
height: auto;
}
}
/* -------------------- HOME-PAGE - tabulka -------------------- */
.flight-table-container {
max-width: 1712px;
margin: auto;
text-align: left;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
padding:18px;
}
.flight-header {
font-size: 25px;
margin-bottom: 10px;
font-weight:500;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
}
.flight-subheader {
font-size: 18px;
font-weight:500;
margin-bottom: 40px !important;
}
.flight-table-responsive {
/* height: calc(11 * 50px); */
max-height: 600px;
overflow-y: auto;
}
@media (max-width: 1000px) {
.flight-table-responsive {
overflow-x: auto;
}
}
.flight-table-responsiveinput[type="checkbox"]:checked + label {
font-weight: bold;
color: #89a0ba; /* Modrá barva pro zaškrtnutý stav */
}
/* Základní styl pro label */
.flight-table-responsive label {
cursor: pointer;
margin-right: 15px; /* Odstup mezi checkboxy */
}
.flight-table-responsive input[type=checkbox] {
height: 15px;
position: relative;
width: 15px;
display: inline-block;
margin-left: 0px;
}
.flight-table-responsive input[type=checkbox] {
-webkit-appearance: auto;
box-shadow: none;
margin-right: 5px;
top: 1px;
}
/* Stavy načítání tabulky letů (loading / empty / error) */
.flightsTable-loading,
.flightsTable-empty,
.flightsTable-error {
padding: 24px 16px;
text-align: center;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
font-size: 15px;
color: #555;
background: #f7f8f9;
border-radius: 4px;
}
.flightsTable-error {
color: #8a3b3b;
background: #fdf3f3;
}
/* nove pro tabulku vytvořenou kolegem*/
.in-index table {
width: 100%;
border-collapse: collapse;
font-family: 'Arial', sans-serif;
margin-bottom: 20px;
}
.in-index th {
padding: 8px;
text-align: left;
}
td a{
color:#9BC0C5;
}
.in-index th, .in-index td {
padding: 8px;
text-align: left;
}
.in-index td {
border-top: 1px solid black;
}
.in-index th {
background-color: white;
color: black;
}
.in-index tr:hover {
background-color: #f5f5f5;
}
/* Icon classes */
.in-index .icon {
display: inline-block;
width: 20px;
height: 20px;
background-size: cover;
}
/* Add a class for each different icon, setting the background image accordingly */
.in-index .icon-flight { background-image: url('path/to/flight-icon.png'); }
.in-index .icon-info { background-image: url('path/to/info-icon.png'); }
/* ... your other icons ... */
/* Example of using a class for specific cell modifications */
.in-index .green-cell {
background-color: #90ee90; /* Light green */
}
.in-index .red-cell {
background-color: #f08080; /* Light red */
}
/* -------------------- FOOTER -------------------- */
.custom-footer__newsletter.col-sm-6.col-lg-3{
flex-basis: 34% ;
margin-bottom:50px;
}
.custom-footer__banner15.col-sm-6.col-lg-3{
flex-basis: 22%;
width: 22%;
}
.custom-footer__banner16.col-sm-6.col-lg-3{
flex-basis: 22%;
width: 22%;
}
.custom-footer__banner17.col-sm-6.col-lg-3{
flex-basis: 22%;
width: 22%;
}
@media (max-width: 768px) {
.custom-footer__banner15.col-sm-6.col-lg-3,
.custom-footer__banner16.col-sm-6.col-lg-3,
.custom-footer__banner17.col-sm-6.col-lg-3 {
flex-basis: 100%;
width: 100%;
}
}
#footer fieldset{
width: 300px;
}
#footer{
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
background-color:white;
}
#footer .container.footer-rows{
margin-bottom:80px;
}
#footer > div.container.footer-rows > div > div.custom-footer__newsletter.col-sm-6.col-lg-3 > div > h4{
font-weight: normal;
}
#footer h4{
font-size:15px;
color:black;
font-weight: 500;
}
#footer h4>span:after {
display:none;
}
#footer li a{
font-size:12px;
font-weight: 500;
}
#footer li a:hover{
font-size:12px;
text-decoration:underline;
}
#footer .form-group [type=hidden]+label{
font-size:12px;
}
#footer .form-control{
border-radius:0px;
border-top:none;
border-left:none;
border-right:none;
border-bottom: 1px solid black;
padding:0px;
}
#footer .form-control:focus{
box-shadow: none;
}
.h3newsletter{
margin-top:0px;
margin-bottom: 0.75em;
font-size: 25px;
line-height: 1.36em;
letter-spacing: .022em;
font-weight: normal;
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
}
.pnewsletter{
font-size: 15px;
color:black;
margin-bottom: 1.6em;
font-weight: normal;
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
}
#footer .btn.btn-default{
margin-top:20px;
padding: 8px 11px;
border-radius:0px;
border:1px solid black;
background-color:white;
color: black;
position: absolute;
top: 90%;
left:0;
width:130px;
z-index:999;
}
#footer .btn.btn-default:hover{
background-color:black;
color: white;
}
.btn.btn-arrow-right:before {
content: "POTVRDIT";
display: inline-block;
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 12px;
padding-bottom: 2px;
}
#footer .footer-bottom {
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
font-size:12px;
color:black;
font-weight:500;
}
/*footer icons social*/
.footer-icons{
justify-content: flex-start;
}
.footer-icons ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
}
.footer-icons li {
margin-right: 10px;
}
.footer-icons li:last-child {
margin-right: 0;
}
.footer-icons img {
width: 26px;
height: 26px;
transition: transform 0.3s ease;
}
.footer-icons img:hover {
transform: scale(1.1);
}
/* ----------------------- HOME-PAGE sekce newsletter none ------------------*/
.full-width.footer-newsletter-full-width{
display:none;
}
/* ------------------ HOME-PAGE - SOCIAL MEDIA BANNER ------------------ */
.social-banner-main{
max-width:1712px;
margin-top:14rem;
}
.social-banner-main p{
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
}
.social-banner-title{
margin-bottom: 7rem;
}
.social-p2-title{
font-size: 32px;
color: #000;
margin-bottom: 3rem;
text-align: left;
font-weight:500;
line-height: 30px;
}
.social-p-title{
font-size: 16px;
color: #666;
text-align: left;
}
.social-media-banner {
display: flex;
flex-wrap: wrap;
}
.social-media-banner p{
font-size:12px;
text-transform:uppercase;
}
.social-banner-item {
flex: 0 0 calc(16.66% - 0px);
position: relative;
overflow: hidden;
background-size: cover;
background-position: center;
height: 250px;
width: calc(20% - 0px);
}
.social-text-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0);
color: white;
padding: 10px;
opacity: 0;
transition: background-color 0.5s ease, opacity 0.5s ease;
display: flex;
flex-direction: column;
/* overflow: auto; Přidáno pro skrolování textu */
}
.social-banner-link{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.social-banner-item:hover .social-text-content {
opacity: 1;
}
@media (max-width: 1300px) {
.social-banner-item {
flex: 0 0 calc(25% - 0px);
width: calc(33.33% - 0px);
}
}
@media (max-width: 1100px) {
.social-banner-item {
flex: 0 0 calc(33.33% - 0px);
width: calc(33.33% - 0px);
}
}
@media (max-width: 768px) {
.social-banner-item {
flex: 0 0 calc(50% - 0px);
width: calc(33.33% - 0px);
}
}
@media (max-width: 480px) {
.social-banner-item {
flex: 0 0 calc(50% - 0px);
width: calc(50% - 0px);
}
}
/* ------------------ PRODUCT-DETAIL - SOCIAL MEDIA BANNER ------------------ */
.social-banner-main-product-detail{
max-width:1440px;
margin:auto;
margin-top: 40px;
padding:18px;
}
.social-p2-title{
text-align: left;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: 500;
}
/* ----------------------- PRODUCT-DETAIL-PAGE - produkt s cenou ------------------*/
/* Main - Add to cart section */
.p-detail-inner {
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
}
.price-final span{
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
}
.p-detail-inner-header h1{
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
}
.quantity {
border-radius:0px;
}
.btn{
border-radius:0px;
}
.p-detail-inner .advanced-parameter .advanced-parameter-inner {
border-width: 1px;
border-radius: 0px;
}
.p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a img {
border-radius: 0px;
}
.link-icons .link-icon {
border-radius: 0px;
}
#cboxContent{
border-radius: 0px;
}
.form-control {
border-radius: 0px;
}
/*nadpis podrobny popis schovany*/
.description-inner .basic-description>h4:first-child {
margin-top: 0;
display: none;
}
/* nastavení šiřky detailniho popisu */
.in-paragliding.type-category .container-full-width {
max-width: 100%;
}
.in-paragliding .mobile .description-inner .basic-description, .one-column-body .description-inner .basic-description {
flex: 1 1 auto;
padding-right: 0;
width: 100%;
}
.in-paragliding .p-detail-full-width #tab-content {
box-shadow: none;
}
.in-paragliding .shp-tabs-holder {
display: none;
}
.in-paragliding .p-detail-full-width {
background: #ffffff;
}
.in-paragliding .p-detail-full-width #tab-content {
padding:0px;
}
.menu-helper.visible {
visibility: hidden;
}
.subcategories li a:before {
right: 0px;
}
@media (max-width: 767px){
.in-paragliding .content-wrapper.container .row>div {
padding-left: 0px;
padding-right: 0px;
}
.blog-wrapper .news-item .image+.text {
border-radius: 0px;
bottom: 15px;
display: flex;
flex-flow: column;
justify-content: flex-start;
left: 0px;
overflow: hidden;
padding: 15px;
position: absolute;
right: 0px;
top: 15px;
}
.blog-wrapper .news-item .description, .blog-wrapper .news-item .read-article {
color: white;
}
}
@media only screen and (max-width: 753px) {
.type-category .products-block>div {
width: 100% !important;
background-color: #ffffff;
margin: 00px;
}
.category-btn {
text-align: center;
}
.type-category #products h2, .type-category #products button {
width: 50%;
}
}
@media only screen and (max-width: 480px) {
.blog-wrapper .news-item .image+.text {
bottom: 32px;
}}
/* zde začina CSS k mému HTML v editoru*/
/* 1. čast - animation bannerIMG */
@keyframes fly {
0% {
transform: translateX(0) translateY(0) rotate(0);
}
33% {
transform: translateX(10px) translateY(-10px) rotate(5deg);
}
66% {
transform: translateX(-10px) translateY(-5px) rotate(-5deg);
}
100% {
transform: translateX(0) translateY(0) rotate(0);
}
}
.product-info_product-pic {
margin: 300px 0 0;
padding: 0;
}
.bg-4 {
background: #8bbab1;
color: #fff;
}
.product-info__image-pic {
display: inline-block;
width: 42%;
height: auto;
margin-top: -21%;
animation: fly 15s ease-in-out infinite;
}
@media (max-width: 768px){
.product-info__image-pic {
width: 80%;
height: auto;
margin-top: -40%;
}
.product-info_product-pic {
margin: 200px 0 0;
padding: 0;
}
}
/* 2. čast - vyhody */
.vyhodyProduct {
width: 100%;
background: #8bbab1;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
padding-bottom:5%;
}
.vyhodyheader{
display:inline-block;
}
.vyhodyProduct-inner {
max-width: 1440px;
display: flex;
justify-content: center;
gap: 10%;
padding: 18px;
}
.vyhodyheader {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
width: 100%;
margin-bottom: 12%;
margin-top: 15%;
}
.headervyhodaH2{
color:white;
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
font-weight: 500;
font-size:25px;
}
.headervyhodaH3{
color:white;
padding-bottom: 10%;
font-weight: 500;
font-size:18px;
}
.paragrafvyhoda{
font-weight: 500;
font-size:12px;
}
.vyhodyProduct-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.vyhodyProduct-item-header {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.obrazekVyhody {
display: block;
width: 56px;
height: 56px;
margin-right: 26px;
}
.vyhodyProduct-item h2, .vyhodyProduct-item h3, .vyhodyProduct-item p {
margin: 0;
text-align: left;
}
@media (max-width: 999px) {
.vyhodyProduct-inner {
flex-direction: column;
}
.vyhodyProduct-item {
width: 100%;
}
.vyhodyheader {
flex-direction: row;
justify-content: flex-start;
width: auto;
}
.vyhodyheader {
margin-bottom: 5%;
margin-top: 5%;
}
.headervyhodaH2{
font-size:25px;
}
.headervyhodaH3{
padding-bottom: 5%;
font-weight: 500;
font-size:18px;
}
.paragrafvyhoda{
font-weight: 500;
font-size:12px;
padding-bottom: 5%;
}
}
/* 3. část - navigace*/
.navigaceProduct-main {
width: 100%;
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
.navigaceProduct-inner {
max-width: 1462px;
margin: 0 auto;
padding:10px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.navigaceProduct-header h2{
padding-left:12px;
}
.navigaceProduct-H2 {
color: black;
font-size: 25px;
font-weight:500;
}
.navigaceProduct-items {
display: flex;
gap:8%;
width:100%;
}
.navigaceProduct-item {
font-size: 15px;
cursor: pointer;
padding: 9px 12px;
transition: background-color 0.3s, color 0.3s;
box-sizing: border-box;
}
.navigaceProduct-item:hover {
background: #8bbab1;
color: #fff;
border-radius: 5px;
}
.navigaceProduct-item p{
margin:0px;
}
@media (max-width: 1100px) {
.navigaceProduct-items {
flex-direction: column;
}
.navigaceProduct-item {
width:220px;
}
}
/* 4. část - WideBannerIMG + scroll iconka v pravem rohu */
.ProductDetailWideBan {
position: relative;
width: 100%;
/*padding: 18px;*/
}
.ProductImageContainer {
position: relative;
overflow: hidden;
}
.slide__image-copy {
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
font-size: 12px;
display: block;
position: absolute;
right: 0;
top: 0;
padding: 10px 16px 10px 11px;
color: #fff;
background: rgba(0,0,0,.5);
cursor: pointer;
transform: translateX(calc(100% - 40px));
transition: transform .5s ease;
}
.slide__image-copy:before {
content: "";
position: absolute;
display: inline-block;
width: 18px;
height: 16px;
top: 50%;
margin-right: 7px;
margin-top: -8px;
background: url('/user/documents/upload/IconCamera.svg') 0 0 no-repeat;
background-size: 100% ;
}
.slide__image-copy span {
display: inline-block;
opacity: 0;
transition: opacity .5s ease;
vertical-align: middle;
margin-left: 24px;
}
.slide__image-copy:hover {
transform: translateX(0%);
}
.slide__image-copy:hover span {
opacity: 1;
}
/* 5. část -Tehnologie 4x banners */
.technology-section {
max-width: 1440px;
margin: 0 auto;
margin-top: 4%;
margin-bottom: 4%;
padding: 18px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
}
.technology-section h2 {
font-size: 25px;
text-align: left;
width: 100%;
margin-bottom: 30px;
font-weight: 500;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
}
.feature {
display: flex;
flex-direction: column;
width: calc(50% - 6%);
margin-bottom: 20px;
overflow: hidden;
}
.feature img {
width: 100%;
height: auto;
margin-bottom: 1%;
transition: transform 0.3s ease;
object-fit: cover;
}
.feature img:hover {
transform: scale(1.05);
}
.feature h3 {
font-size: 15px;
margin-bottom: 3%;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
}
.feature p {
font-size: 12px;
line-height: 1.6;
}
@media (max-width: 768px) {
.feature {
width: 100%;
}
}
/* 6. část - podrobny banner s fotky a se slidrem/carouselem */
.productDetailCarousel {
max-width: 1440px;
margin: 0 auto;
padding-top: 4%;
padding-bottom: 4%;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
}
.productDetailCarousel-items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.productDetailCarousel-item {
flex-basis: calc(50% - 6%);
margin-bottom: 20px;
overflow: hidden;
}
.productDetailCarousel-item img {
width: 100%;
height: auto;
transition: transform 0.3s ease;
object-fit: cover;
}
.productDetailCarousel-item img:hover {
transform: scale(1.05);
}
.productDetailCarousel-button {
text-align: center;
margin: 0 auto;
margin-top:5%;
max-width: 145px
}
.productDetailCarousel-button a{
display: block;
padding: 9px 30px;
border: 1px solid black;
font-size:12px;
cursor: pointer;
background-color: #ffffff;
color: #000000;
text-transform: uppercase;
font-weight: 600;
transition: background-color 0.3s ease, color 0.3s ease;
}
.productDetailCarousel-button:hover a{
background: #8bbab1;
color: #fff;
border:1px solid #8bbab1;
}
/*slider*/
.productSliderContainer {
display: flex;
flex-direction: column;
align-items: center;
}
.productSliderImg {
display: flex;
justify-content: center;
flex-wrap: nowrap;
}
.imgdetail {
max-width: 40%;
width: auto;
height: auto;
padding:2%;
}
.productDetailCarousel .slick-dots {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
margin-top: 0;
bottom: -5%;
}
.productDetailCarousel .slick-dots li {
margin: 0;
background: black;
width: 35%;
height: 3px;
}
.productDetailCarousel .slick-dots .slick-active button {
background-color: white;
width:100%;
height: 3px !important;
line-height:1px !important;
padding: 0;
border:1px solid black;
}
/* responz */
@media (max-width: 768px) {
.productDetailCarousel-items {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 20px;
}
.productDetailCarousel-item{
margin-bottom: 60px;
}
.productslider {
max-width: 500px;
padding-bottom: 50px;
}
.productDetailCarousel .slick-dots {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 5%;
}
}
@media (max-width: 501px) {
.productslider {
max-width: 450px;
padding-bottom: 50px;
}
}
@media (max-width: 451px) {
.productslider {
max-width: 300px;
padding-bottom: 50px;
}
}
/* 7. část - tabulka Technicka data */
.technical-table-container {
max-width: 1440px;
margin: auto;
padding: 18px;
text-align: left;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
}
.technical-header {
font-size: 25px;
margin-bottom: 30px;
font-weight: 500;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
}
.technical-subheader {
font-size: 18px;
font-weight: 500;
margin-bottom: 30px !important;
}
.metru {
float: right;
margin-right: 10%;
}
.technical-table-responsive {
max-height: 700px;
overflow-y: auto;
}
.technical-flight-table th,
.technical-flight-table td {
text-align: left;
}
.technical-flight-table {
width: 100%;
text-align: left;
}
.technical-flight-table thead th {
font-weight: bold;
font-size: 12px;
padding-left: 1px !important;
}
.technical-flight-table tbody td {
font-size: 12px;
border-top: 1px solid black;
padding: 1rem 1px !important;
}
@media (max-width: 1000px) {
.technical-table-responsive {
overflow-x: auto;
}
}
/*materialy tabulky 2x*/
.material-table-container {
display: flex;
max-width: 1440px;
margin: auto;
padding: 18px;
text-align: left;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
gap: 8%;
}
.material-p {
display: flex;
max-width: 1440px;
margin: auto;
margin-top:40px;
padding-left: 18px;
padding-right:18px;
text-align: left;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
}
.materials-table-container {
flex: 1;
width: 50%;
box-sizing: border-box;
}
.materials-table-container table {
width: 100%;
}
.material-p .technical-subheader {
text-align: left; /* Zarovná nadpis vlevo */
}
@media (max-width: 768px) {
.material-table-container {
flex-direction: column;
padding: 18px;
}
.materials-table-container {
width: 100%;
margin-bottom: 60px;
}
.materials-table-container:last-child {
margin-bottom: 20px;
}
}
/* 8. část - Rozsah dodávky */
.scope-of-delivery-container {
max-width: 1440px;
margin: auto;
padding: 18px;
text-align: left;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
}
.scope-of-delivery-header {
text-align: left;
font-size:18px;
margin-bottom: 36px;
}
.scope-of-delivery-items {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.delivery-item {
flex-basis: calc(25% - 18px);
text-align: left;
margin-bottom: 18px;
}
.delivery-item p{
font-size:12px;
font-weight:600;
padding-left:15%;
}
.delivery-item img {
width: 100%;
max-width: 200px;
margin-bottom: 8px;
}
@media (max-width: 768px) {
.scope-of-delivery-items {
justify-content: center;
}
.delivery-item {
flex-basis: 50%;
}
}
/* 9. část - znovu 2. wide banner img - css uz je stejny jako pro první banner */
/* 10. část - BEZPROBLÉMOVÉ VÁHOVÉ ROZSAHY */
.seamless-weight-container {
max-width: 1440px;
margin: auto;
margin-top:50px;
padding: 18px;
text-align: left;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
}
.seamless-weight-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom:150px;
}
.seamless-weight-title {
flex-basis: 50%;
}
.seamless-weight-title h2{
color: #8BBAB1;
font-weight:500;
}
.seamless-weight-text {
flex-basis: 50%;
}
.seamless-weight-text p{
font-weight: 500;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
}
.seamless-weight-image {
width: 100%;
margin: auto;
display: flex;
justify-content: center;
}
.weight-image-default {
max-width: 100%;
display: block;
}
.weight-image-mobile {
display: none;
}
@media (max-width: 768px) {
.weight-image-default {
display: none;
}
.weight-image-mobile {
display: block;
max-width: 100%;
}
.seamless-weight-header {
margin-bottom:40px;
}
.seamless-weight-header {
flex-direction: column;
}
.seamless-weight-title, .seamless-weight-text {
width: 100%;
text-align: left;
}
}
/* 11. část - znovu 3. wide banner img - css uz je stejny jako pro první a druhý banner */
/* 12. část - CREWCAROSEl - RECENZE */
/* 13. část - TABULKA KE STAŽENÍ */
.l-container.aos-init.aos-animate{
padding:18px;
}
.l-section__title {
text-align: left;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: 500;
}
#s-downloads .table-scroll__table td.thead, #s-downloads .table-scroll__table th.thead {
font-weight: bold;
color: black ;
font-size:12px;
font-family:"Clan Pro", Helvetica, Arial, sans-serif
}
.table-scroll__table td, .table-scroll__table th {
font-size:12px;
font-family:"Clan Pro", Helvetica, Arial, sans-serif
}
/* 14. část - SOUVISEJÍCÍ PRODUKTY */
.souvisejiciprodukty-title{
max-width:1440px;
margin: auto;
padding-top: 40px;
padding-bottom: 20px;
padding-left:18px;
}
.souvisejiciprodukty-title h2{
text-align: left;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: 500;
}
.souvisejiciprodukty-title p{
text-align: left;
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
color: black;
}
@media (max-width: 992px) {
.souvisejiciprodukty-banners .product-teaser::before {
background-size:170%;
background-position: top center;
background-repeat: no-repeat;
background-color: #D9D9A5;
}
.souvisejiciprodukty-banners .product-teaser:nth-child(2)::before {
background-size:170%;
background-position:top center;
background-repeat: no-repeat;
background-color: #8BBAB1;
}
}
/* 15. část - SOCIAL BANNER */
/* 16. část - ČLANKY BANNER JS */
/* -------------------- PRODUCT - DETAIL - POPTAVKA --------------------*/
#contact-form .boxed .description{
display:none ;
}
.poptavka-header-banner {
max-width: 1440px;
padding: 18px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
margin-top:0rem;
justify-content: space-between;
}
.div-poptavka-levy, .div-poptavka-pravy {
width: 50%;
box-sizing: border-box;
}
.div-poptavka-levy h1, .div-poptavka-levy p, .div-poptavka-pravy p {
text-align: left;
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
}
.div-poptavka-levy h1{
color:#8BBAB1;
font-weight: 500;
font-size:40px;
}
.div-poptavka-levy p{
font-size:15px;
color:#8BBAB1;
}
.div-poptavka-pravy p{
font-size:18px;
font-weight:500;
line-height:30.0001px;
}
/* Responzivita pro obrazovky menší než 768px */
@media (max-width: 768px) {
.div-poptavka-levy, .div-poptavka-pravy {
width: 100%;
}
}
/* -------------------- DOBRODRUZSTVI-PAGE - clanek --------------------*/
.artical-slider .crewright p{
font-size:35px;
}
.artical-slider .crewright p:nth-child(2){
font-size:16px;
line-height: 22px;
}
.artical-slider .crewbutton {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid black;
color: black;
width: 131px;
height: 34px;
padding: 0px;
margin: 0px;
text-decoration: none;
box-sizing: border-box;
font-size: 12px;
text-transform: uppercase;
}
.artical-slider .crewbutton:hover{
background:#9EC1C7;
border-color:#9EC1C7;
color:white;
}
.artical-slider .crewslider {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.artical-slider .crewfullwidth-container {
width: 100%;
display: flex;
margin-bottom: 20px;
}
.artical-slider .crewcontainer {
display: flex;
width: 100%;
}
.artical-slider .crewright,
.artical-slider .crewcontent {
flex: 1;
padding: 10px;
}
.artical-slider .crewright {
flex-basis: 45%;
}
.artical-slider .crewcontent {
flex-basis: 55%;
}
.article-image-insert img {
width: 100%;
height: auto;
}
@media (max-width: 768px) {
.artical-slider .crewright,
.artical-slider .crewcontent {
flex-basis: 100% !important;
}
.artical-slider .crewright p{
font-size:25px;
line-height: 28px;
}
.artical-slider .crewright p:nth-child(2){
font-size:12px;
line-height: 16px;
}
}
.artical-slider .slick-dots .slick-active button {
background-color: white;
width: 100%;
height: 3px !important;
line-height: 1px !important;
padding: 0;
border:1px solid black;
}
/* uprava šířky page dobrodružství */
.in-dobrodruzstvi .crewcontainer {
font-family: "Clan Pro", Helvetica, Arial, sans-serif;
max-width: 1440px;
margin: 0 auto;
padding: 18px;
}
.in-dobrodruzstvi .social-banner-main {
max-width: 1440px;
margin-top: 10rem;
margin-bottom: 6rem;
margin:0 auto;
padding:18px;
}
.in-dobrodruzstvi .subcategories {
padding:18px;
max-width: 1440px;
margin: 0 auto
}
@media (min-width: 769px) {
.in-dobrodruzstvi .artical-slider .crewcontent {
display: flex;
justify-content: flex-end;
}
}
.in-dobrodruzstvi .products-block {
max-width: 1440px;
margin: 60px auto;
}
.in-dobrodruzstvi .menu-header {
max-width:1440px;
margin:0 auto;
padding:18px
}
.in-dobrodruzstvi .blog-wrapper {
max-width:1440px;
margin:0 auto;
padding:11px
}
.in-dobrodruzstvi #footer .container.footer-rows {
margin-bottom: 80px;
max-width: 1440px;
padding: 18px;
}
/* --------------------KOMUNITA-PAGE - clanek --------------------*/
.in-komunita .subcategories{
justify-content: left !important;
}
.in-komunita .fullwidthcontainerups {
width: 100%;
box-sizing: border-box;
text-align: end;
margin-bottom: 60px;
}
/* --------------------KURZ - LETANÍ - PRODUCT --------------------*/
.fullwidthcontainerupskurzy{
max-width:1440px;
margin:0 auto;
}
.fullwidthcontainerupskurzy .headlineups{
color: #8BBAB1;
font-size:40px;
}
.fullwidthcontainerupskurzy .titleups{
color: #8BBAB1;
font-size:15px;
}
.fullwidthcontainerupskurzy .descriptionups{
font-size: 18px;
font-weight: 500;
line-height: 30.0001px;
color:black;
}
.in-paragliding .tab-content>.tab-pane h2:first-child {
margin-top: 0;
font-family:"Clan Pro", Helvetica, Arial, sans-serif;
font-weight:500;
font-size:25px;
}
.kurz-letani #products {
max-width:1440px;
}
@media (max-width: 767px) {
.obsah .product-info {
display: flex;
margin: 5px 0px;
flex-direction: column;
}
.obsah .col-lg-6.col-12{
margin-bottom: 30px;
padding:0px
}
.obsah .col-lg-6 {
width: 100%;
}
}
/* ------------------------ POPTAVKOVÝ FORMULAŘ --------------------- */
.image.col-md-4.col-xs-12 p {
text-align: end;
}
#contact-form {
background: #8bbab1;
padding: 20px;
}
#contact-form .boxed{
max-width: 1440px;
background: #8bbab1;
padding: 20px;
margin-left: auto;
margin-right: auto;
}
#contact-form h2, #contact-form h3 {
color: #fff;
}
#contact-form h3
{
font-weight: 400 !important;
margin-top: 10px;
margin-bottom: 10px;
font-size:18px;
}
#contact-form textarea
{
width: 100%;
min-height: 110px;
border: none;
padding: 20px;
}
.col-md-4 {
margin-top: 48px;
}
.product-image
{
margin-bottom: 20px;
}
#contact-form select, #contact-form input {
border-color: #dadada;
border: none;
color: #666;
border-radius: 0;
width: 100%;
min-width: 100%;
margin-bottom: 10px;
padding: 10px;
}
#contact-form .description {
margin-bottom: 20px;
}
#contact-form form {
display: flex;
}
#contact-form .product-info, .customer-info {
display: block;
margin: 0 auto !important;
}
#contact-form form .submit-button {
background-color: #008cba;
color: white;
border: none;
padding: 10px 20px;
cursor: pointer;
transition: background-color 0.3s;
}
#contact-form form .submit-button:hover {
background-color: #005f73;
}
/* Přidání stylů pro obrazovky menší než 768px */
@media (max-width: 768px) {
#contact-form form {
flex-direction: column;
}
.col-md-4 {
margin-top: 20px !important;
width: 100%;
}
#contact-form .product-info, #contact-form .customer-info, #contact-form .image {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
/* ------------------------ BLOG-ČLANEK-PAGE --------------------- */
.news-item-detail .next-prev { /*pokracovat na další clanek*/
margin-bottom: 0 auto;
margin-right: 29px;
}
@media (max-width: 768px) {
.content-wrapper.container .row>div {
padding-left: 0;
padding-right: 0;
}
}
.in-blog .clanek-obsah-prvni {
max-width: 800px;
margin: 0px auto;
padding: 18px;
}
.in-blog .news-item-detail .text {
max-width: 100%;
margin: 0px auto;
}
/*čast 1 obsah*/
.clanek-obsah-druhy {
max-width: 1440px;
margin: 42px auto;
padding: 18px;
}
.clanek-obsah-vrchni {
display: flex;
gap: 20px;
}
.clanek-obsah-levy, .clanek-obsah-pravy {
flex: 1;
}
.clanek-obsah-levy {
text-align: left;
font-size: 18px;
}
.clanek-obsah-pravy {
text-align: right;
display: flex;
justify-content: flex-end;
flex-direction: column;
}
.clanek-obsah-spodni {
margin:50px 6% 0px 32%;
max-width: 800px;
text-align: left;
}
@media (max-width: 768px) {
.clanek-obsah-spodni {
margin: 0 auto;
max-width: 800px;
text-align: left;
margin-top:50px;
}
}
/* čast 2 foto */
.fotogalerie-clanek {
margin: 0px auto;
max-width: 800px;
text-align: left;
}
.fotogalerie-vrchni {
display: flex;
}
.fotogalerie-vrchni > div {
flex: 1;
}
.foto-levy, .foto-pravy, .fotogalerie-spodni {
margin: 0%;
}
.foto-levy img, .foto-pravy img, .fotogalerie-spodni img {
width: 100%;
height: auto;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.fotogalerie-vrchni {
flex-direction: column;
}
}
/* cast 3 obsah*/
.clanek-obsah-treti {
max-width: 1440px;
margin: 0 auto;
margin-bottom:100px;
padding:0px 18px;
}
/* ---------------- PADAKY-PAGE -----------*/
.in-padaky .subcategories {
justify-content: left;
}
.in-padaky .social-banner-main {
max-width: 1712px;
margin-top: 5rem;
}
.in-padaky .blog-wrapper h2 {
text-align: left;
padding-left: 10px;
}
@media (max-width: 767px) {
.in-padaky .social-banner-main {
max-width: 1712px;
margin-top: 2rem;
padding: 11px;
}
.in-padaky .homepage-blog-wrapper {
padding: 40px 18px;
}
.in-padaky .blog-wrapper h2 {
text-align: left;
padding-left: 5px;
}
}
/*--------------------------------------------- KONTAKT PAGE ------------------------------------------- */
#content > div > article > div > div > div:nth-child(2) > div > h4{
margin-top: 90px;
}
/* ------------------------ PAGE servis a poradenství --------------------------*/
.in-servis-a-poradenstvi .header-top{
max-width: 1712px;
margin: 0 auto;
}
.in-servis-a-poradenstvi .content {
padding: 0px;
}
.in-servis-a-poradenstvi .container {
width: 100%;
}
.in-servis-a-poradenstvi .breadcrumbs {
max-width: 1440px;
margin: 0 auto;
}
.in-servis-a-poradenstvi .fotogalerie-clanek {
padding: 18px;
}
.in-servis-a-poradenstvi .servis-form {
max-width: 800px;
margin: 0 auto;
margin-bottom: 80px;
display: flex;
flex-wrap: wrap; /* Zajišťuje, že prvky formuláře jsou na malých obrazovkách pod sebou */
box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Stín kolem formuláře */
border-radius: 8px; /* Zaoblené rohy formuláře */
}
#contact-form-clasic input {
width: 100%;
margin-bottom: 15px;
border: 1px solid #ccc; /* Přidán tenký rámeček pro definici */
padding: 15px;
border-radius: 5px; /* Zaoblené rohy */
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); /* Jemný vnitřní stín */
transition: border-color 0.3s; /* Plynulý přechod pro rámeček */
}
#contact-form-clasic input:focus {
border-color: #005f73; /* Změna barvy rámečku při fokusu */
box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); /* Ztmavení stínu při fokusu */
}
#contact-form-clasic {
background: #8bbab1;
padding: 0 32px;
}
#contact-form-clasic h3 {
color: white;
text-align: center;
font-family: 'Helvetica Neue', sans-serif; /* Příklad moderního písma */
}
#contact-form-clasic form .submit-button {
background-color: #008cba;
color: white;
border: none;
padding: 12px 25px;
cursor: pointer;
transition: background-color 0.3s, transform 0.3s; /* Přidání transformace pro efekt při najetí */
border-radius: 5px; /* Zaoblené rohy tlačítka */
}
#contact-form-clasic form .submit-button:hover {
background-color: #005f73;
transform: translateY(-2px); /* Malý posun nahoru při najetí */
}
.end {
text-align: end;
}
@media (max-width: 768px) {
.in-servis-a-poradenstvi .content-wrapper.container .row>div {
padding-left: 0;
padding-right: 0;
}
}
.in-servis-a-poradenstvi .clanek-obsah-prvni {
max-width: 800px;
margin: 0 auto;
padding: 18px;
}
.in-servis-a-poradenstvi .news-item-detail .text {
max-width: 100%;
margin: 0 auto;
}
/*část 1 obsah*/
.in-servis-a-poradenstvi .clanek-obsah-druhy {
max-width: 1440px;
margin: 42px auto;
padding: 18px;
}
.in-servis-a-poradenstvi .clanek-obsah-vrchni {
display: flex;
gap: 20px;
}
.in-servis-a-poradenstvi .clanek-obsah-levy, .in-servis-a-poradenstvi .clanek-obsah-pravy {
flex: 1;
}
.in-servis-a-poradenstvi .clanek-obsah-levy {
text-align: left;
font-size: 18px;
}
.in-servis-a-poradenstvi .clanek-obsah-pravy {
text-align: right;
display: flex;
justify-content: flex-end;
flex-direction: column;
}
.in-servis-a-poradenstvi .clanek-obsah-spodni {
margin: 50px 6% 0 32%;
max-width: 800px;
text-align: left;
}
@media (max-width: 768px) {
.in-servis-a-poradenstvi .clanek-obsah-spodni {
margin: 0 auto;
max-width: 800px;
text-align: left;
margin-top: 50px;
}
}
/* část 2 foto */
.in-servis-a-poradenstvi .fotogalerie-clanek {
margin: 0 auto;
max-width: 800px;
text-align: left;
}
.in-servis-a-poradenstvi .fotogalerie-vrchni {
display: flex;
}
.in-servis-a-poradenstvi .fotogalerie-vrchni > div {
flex: 1;
}
.in-servis-a-poradenstvi .foto-levy, .in-servis-a-poradenstvi .foto-pravy, .in-servis-a-poradenstvi .fotogalerie-spodni {
margin: 0%;
}
.in-servis-a-poradenstvi .foto-levy img, .in-servis-a-poradenstvi .foto-pravy img, .in-servis-a-poradenstvi .fotogalerie-spodni img {
width: 100%;
height: auto;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.in-servis-a-poradenstvi .fotogalerie-vrchni {
flex-direction: column;
}
}
/* část 3 obsah */
.in-servis-a-poradenstvi .clanek-obsah-treti {
max-width: 1440px;
margin: 0 auto;
margin-bottom: 100px;
padding: 0 18px;
}
/* ===================================================================
* Footer signature — Webotvůrci podpis (2026-05-20)
*
* JS injektuje
jako PRVNÍ child #signature
* (před Shoptet logo). Stylujeme aby zděděl typografii ze Shoptetové
* .footer-bottom (14px / 600 / line-height 16).
*
* Barvu linku NEČUDREME — Shoptet má pravidlo #footer #signature a
* { color: #000 !important }, které matchuje i náš nested a dává
* mu správnou barvu pro daný footer (na Easyfly je footer světlý =
* černý text vidět). Jenom odstraníme default underline na .
* ===================================================================*/
#footer #signature p.webotvurci-credit {
display: inline-block;
margin: 0 10px 0 0;
padding: 0;
/* Dědí font-size/family/line-height z .footer-bottom — neforcujeme */
font: inherit;
vertical-align: middle;
/* Barva — Shoptet CSS custom property "tertiary-hover" s 63% opacity,
* aby podpis byl jemnější než hlavní footer text (visual hierarchy). */
color: hsl(var(--color-tertiary-hover-h), var(--color-tertiary-hover-s), var(--color-tertiary-hover-l), .63);
/* Weight přepsat s !important — jinak Shoptet footer-bottom { font-weight: 600 }
* mohlo by vyhrát i přes font: inherit. */
font-weight: inherit !important;
}
#footer #signature p.webotvurci-credit a {
color: inherit;
text-decoration: none;
}
#footer #signature p.webotvurci-credit a:hover,
#footer #signature p.webotvurci-credit a:focus {
text-decoration: underline;
}