/*
Theme Name: ElastiQ
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Template: twentytwentyfour
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.3.1751898762
Updated: 2025-07-07 16:32:42

*/
.wp-block-navigation__submenu-container {
  min-width: 350px !important; 
  color: #0f436f !important;
}
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
.nadpisB {     line-height: 2.5;
    font-size: 30px !important;} 
.clear { clear: both;}
.pink {color: #f284ad;}
.pinkN { color: #f284ad; font-size: 20px;}
.odsadPC { margin: 0 10px;}
.TextLeft {text-align: left !important;}
.TextCenter {text-align: center !important;}
.logo-footer {
        text-align: right;
}
.font14 {font-size: 14px !important;}

/* instagram */
.inst {
	display: flex;
    flex-wrap: wrap; /* Umožní divům přetékat na další řádek */
    justify-content: space-between; /* Mezera mezi divy */
    gap: 0px; /* Definuje mezeru mezi divy */
    max-width: 100%; /* Maximální šířka kontejneru */
    margin: 0 auto; /* Vycentruje kontejner na stránce */
	}
	
.ibox {
		flex: 1 1 calc(10%); /* Flexibilní šířka divu, 25% mínus mezera */
	}
  .ibox img,.ibox video {display: block;}
.brisko {
        max-width: 80px; margin-top: 100px !important; margin-bottom: 100px !important;
}
.center-wrap {
  display: flex;
  justify-content: center;   /* zarovná vnější wrapper na střed */
  color: #0f436f;
  margin-top: 20px;
}

.triple-box {
  display: flex;
  width: 100%;
  max-width: 1200px;         /* nastav šířku celého boxu */
  text-align: center;
  font-size: 10px !important;
}

.box {
  flex: 1;
  padding: 0px 20px;
  border-left: 1px solid rgba(0,58,112,0.3);;
}

.box:first-child {
  border-left: none;
}
.triple-box a { text-decoration: none;}
.triple-box a:hover { color: #f284ad;}

/* 4 boxy strie */
.quad-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  text-align: center;
  gap: 40px;
}

.box4 {
  flex: 1 1 0; /* 4 boxy + 3 mezery 40px */
  padding: 0px;
  box-sizing: border-box;
  border-left: none;
}
.box4:first-child
{
        padding-left: 0px;
}
.box4:last-child
{
        padding-right: 0px;
}


.box4 img {
  margin-bottom: 10px;
  border: 1px solid rgba(0,58,112,0.3);
}

.quad-box p a{ color: #f284ad; font-size: 13px; text-decoration: none;}

/* 3 dily s maketama a videem baby & me*/
.layout {
  display: flex;
  width: 100%;
  margin-top: 100px;
  margin-bottom: 100px;
}

.part {
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.part1 {
  width: 38%;
  padding-right: 20px;
}

.part2 {
  width: 38%;
   padding-right: 20px;
}

.part3 {
  width: 24%;
  border-left: 1px solid rgba(0,58,112,0.3);
  padding-left: 20px; 
}

.half {
  /*flex: 1;*/
  background-color: #f1f1f9;
  padding: 0 20px 20px 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px; /* mezera mezi boxy */
  font-size: 14px;
}

.half:last-child {
  margin-bottom: 0; /* poslední nemá mezeru dole */
}
.stars {
  font-size: 24px;
  color: gold;
  font-weight: bold;
  margin: -18px 0 11px 0; /* nahoře 10px, dole 50% výšky rodiče */
  width: 100%;
  text-align: center;
}

.content {
  flex: 1;
  display: flex;
  flex-direction: column;   /* <-- důležité! */
  justify-content: center;  /* svislé zarovnání */
  align-items: flex-start;      /* vodorovné zarovnání */
  text-align: left;
  width: 100%;
}
.content p { margin: 0 0 5px 0;}

/* 4 dily s maketama kremy*/
.layoutK {
  display: flex;
  width: 100%;
  margin-top: 10px;
  align-items: flex-end;
}

.partK {
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.partK1 {
  width: 25%;
  padding-right: 20px;
  padding-top: 50px;
  border-right: 1px solid rgba(0,58,112,0.3);
  height: 100%;
}

.partK2 {
  width: 25%;
   padding-right: 20px;
    /* padding-top: 50px;*/
}

.partK3 {
  width: 25%;
  padding-right: 20px;
}
.partK4 {
  width: 25%;
  text-align: center;
  color: #f284ad;
}
.partK4 p { margin: 0 20px 10px 20px;  line-height: 1.2;}
.srdce { position: relative;top: -80px;}
.partK4 img { height: auto; max-width: 290px;     margin: 0px 0px 0px 50px;}
.partK1 img, .partK2 img  { height: auto; max-width: 200px; margin: 0 auto;}
.partK1 p, .partK2 p { text-align: center; margin: 10px 20px 0 20px;line-height: 1.2;}
.partK1 a, .partK2 a { background-color: #f284ad; color: #fff; padding: 10px 30px; text-decoration: none; margin: 30px auto 0 auto; display: block; max-width: 100px;}
.partK1 div, .partK2 div { min-height: 105px;}

.content {
  flex: 1;
  display: flex;
  flex-direction: column;   /* <-- důležité! */
  justify-content: center;  /* svislé zarovnání */
  align-items: flex-start;      /* vodorovné zarovnání */
  text-align: left;
  width: 100%;
}
.content p { margin: 0 0 5px 0;}
.layoutK {
  position: relative;
  display: flex;
  flex-wrap: wrap; /* pokud je potřeba */
  padding-top: 30px;
}

/* Pseudo-element s čarou */
.layoutK::before {
  content: "";
  position: absolute;
  top: 0;   /* nahoře nad divama */
  left: 0;
  width: calc(25% + 25% + 25%); /* šířka prvních 3 divů, uprav podle layoutu */
  border-top: 1px solid rgba(0,58,112,0.3);;
  pointer-events: none; /* aby se čára nezachytávala myší */
  margin-bottom: 20px;
}
#kremy {}

/* ikony */

.ikony {background: repeating-linear-gradient(
    -60deg,           /* natočení pruhů o 45 stupňů */
    #eee,            /* barva 1 */
    #eee 5px,       /* délka prvního pruhu */
    #fff 5px,       /* začátek druhý barvy */
    #fff 10px        /* konec druhý barvy */
  ); min-height:60px; margin-top: 120px; margin-bottom: 120px;}

  .ikony .wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
    color: #0f436f;
  }

 .ikony .card {
    flex: 1;
    text-align: center;
    border-radius: 12px;
    padding:10px 0px 0px 0px;
  }

  .ikony .card img {
    width: 40%;
    height: auto;
    border-radius: 8px;
  }

 .ikony .card p {
    margin-top: 10px;
    font-size: 16px;
  }
/* 3 dily s maketama Vyziva*/
.layoutV {
  display: flex;
  width: 100%;
 margin-top: 10px;
  margin-bottom: 100px;
}

.partV {
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.partV1 {
  width: 30%;
  padding-right: 20px;
 padding-top: 70px;
  border-right: 1px solid rgba(0,58,112,0.3);;
}

.partV2 {
  width: 30%;
   padding-right: 20px;
    padding-top: 70px;
}

.partV3 {
  width: 40%;
  padding-right: 20px;
  color: #f284ad;
}
.bez { margin-bottom: 0px !important;}

.partV3 p { margin: 0 20px 10px 20px;  line-height: 1.2;}
.partV3 img { height: auto; max-width: 450px !important;     margin: -57px auto 10px auto;}
.partV1 img, .partV2 img  { height: auto; max-width: 75%; margin: 0 auto;}
.partV1 p, .partV2 p { text-align: center; margin: 10px 20px 0 20px;line-height: 1.2;}
.partV1 a, .partV2 a { background-color: #f284ad; color: #fff; padding: 10px 30px; text-decoration: none; margin: 30px auto 0 auto; display: block; max-width: 100px;}
.partV1 div, .partV2 div { min-height: 105px;}

.contentV {
  flex: 1;
  display: flex;
  flex-direction: column;   /* <-- důležité! */
  justify-content: center;  /* svislé zarovnání */
  align-items: flex-start;      /* vodorovné zarovnání */
  text-align: left;
  width: 100%;
}
.contentV p { margin: 0 0 5px 0;}
.layoutV {
  position: relative;
  display: flex;
  flex-wrap: wrap; /* pokud je potřeba */
  padding-top: 30px;
}

/* Pseudo-element s čarou */
.layoutV::before {
  content: "";
  position: absolute;
  top: 0;   /* nahoře nad divama */
  left: 0;
  width: calc(30% + 30%); /* šířka prvních 3 divů, uprav podle layoutu */
  border-top: 1px solid rgba(0,58,112,0.3);
  pointer-events: none; /* aby se čára nezachytávala myší */
  margin-bottom: 20px;
}

/* strie stranka */
.rodic { width: 100%;}
.textStrie {
  max-width: 707px;
  margin: 0 auto;
  text-align: justify;
}


/* ELASTI-Q ORIGINAL */
.rozdelovac {
  display: flex;
  gap: 60px;
  width: 100%;
  flex-wrap: wrap; /* pro mobil, ať se to nezlomí škaredě */
  margin-top: 40px !important;
  margin-bottom: 100px !important;
}

.leva-cast {
  flex: 2;
}

.prava-cast {
  flex: 1;
 /* display: flex;
  align-items: center;
  justify-content: center;*/
  text-align: justify;
}

/* Obrázky do 2x2 mřížky */
.obrazkova-mrizka {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.obrazkova-mrizka img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #ccc;
}

h1.produkty { font-weight: 600; font-size: 24px; margin-top: 40px;}
p.odkaz { font-size: 12px; color: #f284ad; margin-top: 0px; display: block;}
.koupit {
    background-color: #f284ad;
    color: #fff;
    padding: 10px 30px;
    text-decoration: none;
    margin: 30px 0;
    display: block;
    max-width: 100px;
    text-align: center;
}
.koupit:hover { text-decoration: underline;}
.nahoru40 { margin-top: 40px !important;}
/* -------------------------------------- KONEC ORIGINAL  ---------------- */

.desktop { visibility: visible; display: flex; }
.mobil { visibility: hidden; display: none;}
@media (max-width: 1024px) {

  .desktop { visibility: hidden; display: none;}
.mobil { visibility: visible; display: flex; }

body .is-layout-flex {
    display: flex !important;
}
.wp-container-core-group-is-layout-b585a4aa {
    justify-content: center !important;
} 

/*.wp-block-navigation__submenu-container{ display: none !important;}*/

  /* Obecné */
  .layout,
  .layoutV,
  .quad-box,
  .ikony .wrapper {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
  }


  
  /* 3 boxy */
  .part1,
  .part2,
  .part3,
  .partV1,
  .partV2,
  .partV3,
  .partK1,
  .partK2,
  .partK3,
  .partK4 {
    width: 100%;
    padding: 0 !important;
    border: none !important;
  }
    .triple-box {
    flex-direction: column;
    align-items: center;
    max-width: 100%;
  }

  .box {
    width: 100%;
    padding: 20px 0;
    border-left: none !important;
    border-top: 1px solid rgba(0,58,112,0.3);
  }

  .box:first-child {
    border-top: none;
  }

  
  /* ikony */
  .ikony .card {
    flex: 1 1 45%;
  }

  /* čáry nahoře u .layoutK a .layoutV – schováme */
  .layoutK::before,
  .layoutV::before {
    display: none;
  }

  /* vycentrování obrázků */
  .partK1 img,
  .partK2 img,
  .partK4 img,
  .partV1 img,
  .partV2 img,
  .partV4 img {
    margin: 20px auto;
  }

  /*produkty ELASTI-Q */
    .rozdelovac {
    flex-direction: column;
  }

  .leva-cast,
  .prava-cast {
    width: 100%;
  }
  /* -----------*/
}

@media (max-width: 600px) {
.partV3 img { width: auto;}
  .ikony .card {
    flex: 1 1 100%;
  }
.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open

 {
  max-width: 80% !important;
  margin: 10px  3px 10px 20% !important;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.15); /* měkký šedý stín */
  border-radius: 6px;
  transition: box-shadow 0.2s ease;
  color: #0f436f !important;
  background-color: #f1f1f9;
 }
}

 .wp-block-navigation__responsive-container
 {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    left: 0 !important;
    top: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
    border: none;
    height: auto;
    min-width: 200px;
    opacity: 1;
    overflow: initial;
    padding-left: 10px !important;
    padding-right: 10px !important ;
    position: static;
    visibility: visible;
    width: auto;

}


.wp-site-blocks > * {
  margin-block-start: 0rem;
  margin-block-end: 0rem;
  padding-top: 0px;
  padding-bottom: 0px;
}
.wp-elements-3ba797048df39661a9a021bdd86bdd08 {
  padding-top: 20px;
  padding-bottom: 50px !important;
}
.wp-elements-00b3b81ee4806ac4c9276cd721211c29
{
    padding-top: 0px;
  padding-bottom: 20px !important;
}
.inst { padding-bottom: 0px !important; padding-top: 0px !important;}
footer { padding-top: 0px !important; }
footer .has-global-padding { padding-top: 20px !important;padding-bottom: 20px !important;}
a:focus { outline: none !important;}
a.submenu:focus{ outline: none !important;}
a:focus:not(:focus-visible) {
  outline: none !important;
}
:where(.wp-site-blocks *:focus)
 {
    outline-width: 0px !important;
    outline-style: solid;
}
.wp-block-social-links .wp-block-social-link.wp-social-link {
    max-width: 33px;
}
.is-style-default { margin-right: 10px;}
.wp-container-core-post-content-is-layout-12dd3699 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    margin-left: auto !important;
     margin-right: auto !important;
}
.wp-elements-00b3b81ee4806ac4c9276cd721211c29 .has-small-font-size{font-size: 10px !important;}

.NadpisStrie { font-size: 20px; color: #f284ad;}


 @media (max-width: 768px) {
  .inst {
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 0px; /* trochu mezera mezi boxy */
  }

  .ibox{
    flex: 0 0 85%; /* Zmenší šířku, takže bude koukat další */
    scroll-snap-align: start;
  }

  .ibox img {
    width: 100%;
    height: auto;
    display: block;
  }

  .inst::-webkit-scrollbar{
    display: none;
  }
  .inst {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .layout {

    margin-top: 30px;
    margin-bottom: 100px;
}
  .quad-box {
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    padding: 10px;
    max-width: 100vw;
    box-sizing: border-box;
  }

  .box4 {
    flex: 0 0 85%;
    scroll-snap-align: start;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    box-sizing: border-box;
  }

 .quad-box {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .box4 {
    flex: 0 0 85%;
    scroll-snap-align: start;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 6px;
    padding: 5px;
  }

  .box4 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .quad-box::-webkit-scrollbar {
    display: none;
  }

  .quad-box {
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-top: 0px !important;
  }

.brisko {
    max-width: 80px;
    margin-top: 0px !important;
    margin-bottom: 50px !important;
}
.box4:first-child {
    padding-left: 5px;
}
.box4:last-child {
    padding-right: 5px;
}
.srdce
 {
    position: relative;
    top: 20px;
}


.layoutK, .layoutV {
    flex-wrap: wrap;
    flex-direction: row;
    border-top: 1px solid rgba(0, 58, 112, 0.3);
    gap: 0px;
  }

  .partK, .partV {
    width: 50% !important;
    padding: 10px;
  }
  .partV3 {
     width: 100% !important;
     font-size: 14px;
  }
  .partK4 {
    font-size: 14px;
  }

  .partK1, .partK2, .partK3, .partK4, .partV1, .partV2, .partV3, .partV4 {
    border-bottom: 1px solid rgba(0,58,112,0.2);
    padding: 10px;
  }
.partK1,.partV1{
      border-right: 1px solid rgba(0,58,112,0.2) !important;
}
  .partK1 img, .partK2 img, .partK3 img, .partK4 img,.partV1 img, .partV2 img{
    margin: 0 auto;
    display: block;
    max-width: 75%;
  }
  .partV3 img { max-width: 50% !important; margin: 30px auto 10px auto;}
  .vm { min-height: 217px !important;}
  .vmV { min-height: 220px !important;}

  .srdce {
    top: 0; /* zrušíme negativní pozici na mobilu */
  }

  .layoutK::before,  .layoutV::before {
    display: none; /* skryjeme čáru nahoře na mobilu */
  }
  .partK4 {
    width: 100% !important;
  }
  .partK1 a, .partK2 a, .partV1 a, .partV2 a {
    background-color: #f284ad;
    color: #fff;
    padding: 10px 10px;
    text-decoration: none;
    margin: 10px auto 0 auto;
    display: block;
    max-width: 100px;
}
img.srdce { max-width: 60% !important; margin-top: 20px !important;}
footer { text-align: center !important;}
.logo-footer {text-align: center !important;}
.rozdelovac {
    margin-top: 20px !important;
    margin-bottom: 60px !important;
    gap: 0px;
}
.wp-block-navigation__submenu-container {
  min-width: 240px !important; 
  color: #0f436f !important;
  font-size: 11px !important;
}
.obrmobil { min-height: 200px;}
 }
 .nad10 { margin-top: 10px !important;}
 .nad20 { margin-top: 20px !important;}
 .nad30 { margin-top: 30px !important;}
 .nad40 { margin-top: 40px !important;}
 .nad50 { margin-top: 50px !important;}
 .nad60 { margin-top: 60px !important;}
 .nad70 { margin-top: 70px !important;}

 .pod10 { margin-bottom: 10px !important;}
 .pod20 { margin-bottom: 20px !important;}
 .pod30 { margin-bottom: 30px !important;}
 .pod40 { margin-bottom: 40px !important;}
 .pod50 { margin-bottom: 50px !important;}
 .pod60 { margin-bottom: 60px !important;}
 .pod70 { margin-bottom: 70px !important;}