/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


.jet-listing-grid__slider .jet-slick-dots li, .jet-carousel .jet-slick-dots li {
    width: 12px;
    height: 12px;
    border-radius: 14px;
    text-indent: -50px;
    overflow: hidden;
    cursor: pointer;
    background: #eee;
    margin: 3px;
}

@media screen and (max-width: 769px) {
 .variable-width-historie .jet-listing-grid__slider .jet-slick-dots li, .jet-carousel .jet-slick-dots li {
    width: 6px;
    height: 6px;
    border-radius: 14px;
    text-indent: -50px;
    overflow: hidden;
    cursor: pointer;
    background: #eee;
    margin: 2px;
  }
}

.jet-listing-grid__slider .jet-slick-dots li.slick-active, .jet-listing-grid__slider .jet-slick-dots li:hover, .jet-carousel .jet-slick-dots li:hover, .jet-carousel .jet-slick-dots li.slick-active {
    background: #19345C;
}

/* .jet-listing-grid__slider .jet-slick-dots {
	margin: 20px 0;
} */


.elementor-slick-slider .jet-slick-dots {
	padding-bottom: 3px;
	margin-top: -21px;
}


.jet-listing-grid__slider .jet-slick-dots {
	margin-top: 20px;
}

.jet-carousel .jet-slick-dots li span {
	display: none;
}

.prev-arrow.slick-arrow {
	content: url('https://repromeda-cz.webvalleypreview.com/wp-content/uploads/2023/03/arrow-left.svg');
	background: none!important;
	background-color: none!important;
	top: 97.5%;
	left: 10px;
	width: 50px;
	height: 50px;
}

.next-arrow.slick-arrow {
	content: url('https://repromeda-cz.webvalleypreview.com/wp-content/uploads/2023/03/arrow-right.svg');
	background: none!important;
	background-color: none!important;
	top: 97.5%;
	right: 25px!important;
	transform: none!important;
	width: 50px;
	height: 50px;
}

/*
@media screen and (max-width: 769px) {
  ul.jet-slick-dots li:nth-of-type(even) {
  display: none !important;
  }
}
*/


.wv-map-brno, .wv-map-ostrava {
	cursor: pointer;
}


@media screen and (min-width: 769px) {
	.variable-width-pribehy .prev-arrow.slick-arrow {
		left: auto!important;
		right: 60%;
	}

	.variable-width-pribehy .next-arrow.slick-arrow {
		right: auto!important;
		left: 60%;
	}
	
	.variable-width-nedari-se-otehotnet-moznosti .prev-arrow.slick-arrow {
		left: auto!important;
		right: 60%;
	}
	
	.variable-width-nedari-se-otehotnet-moznosti .next-arrow.slick-arrow {
		right: auto!important;
		left: 60%;
	}
	
	.variable-width-historie .prev-arrow.slick-arrow {
		left: auto!important;
		right: 70%;
	}
	
	.variable-width-historie .next-arrow.slick-arrow {
		right: auto!important;
		left: 70%;
	}
}

.gmnoprint { display: none}

.wv-form .elementor-field-option {
    margin-bottom: 10px;
}

.wv-form .elementor-field-type-textarea {
    margin-top: 0px;
}

.wv-form .show-label label {
	display: block!important;
}

.wv-form .elementor-field-type-select label, .wv-form .elementor-field-type-text label, .wv-form .elementor-field-type-email label, .wv-form .elementor-field-type-textarea label, .wv-form .elementor-field-type-tel label {
	display: none;
    font-size: 12px !important;
	position: absolute;
	left: 25px;
	top: -5px;
    z-index: 10;
    background-color: #fff;
	border-radius: 6px;
    padding-right: 6px;
    padding-left: 6px;
	padding-bottom: 2px !important;
	font-weight: 400 !important;
}

.wv-file {
    background-color: #F2F6FD;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #DBE1EC;
    border-radius: 5px 5px 5px 5px;
    min-height: 59px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    cursor: pointer;
	width: 100%;
	margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
	.wv-file-btn {
		font-size: 12px!important;
		text-align: center;
	}
	.wv-file span {
		font-size: 13px;
	}
}

.wv-form .wv-file-btn {
  background: white;
  padding: 10px 15px;
  border-radius: 50px;
  color: #19345A;
  font-weight: bold;
}

.wv-form label[for="form-field-field_f2bac0b"], .wv-form label[for="form-field-media"] {
	display: none;
}

.wv-form #form-field-field_f2bac0b {
	display: none;
}

/*
.classic-form-style .elementor-field-type-select label,.classic-form-style .elementor-field-type-text label,.classic-form-style .elementor-field-type-email label, .classic-form-style .elementor-field-type-textarea label {{
	display: block !important;
    font-size: 12px !important;
	position: absolute;
	left: 25px;
	top: -5px;
    z-index: 10;
    background-color: #fff;
    padding-right: 6px;
    padding-left: 6px;
}
*/

.unfold-button, .unfold-button-2 {
	cursor: pointer;
}

.unfold-button i, .unfold-button-2 i {
	transition: all .3s ease-in-out;
	transform: rotate(0);
}

.unfold-button.revealed i, .unfold-button-2.revealed i {
	transform: rotate(180deg);
}


form .wpcf7-not-valid-red {
	background-size: auto 35%!important;
}

form .wpcf7-not-valid-blue {
	background-size: auto 35%!important;
}

/* STYL 1 */
/* 1) Grid item */
.jh-form-btn-style .ff-el-form-check {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important; /* ← KLÍČOVÉ */
}

/* 2) Label v něm */
.jh-form-btn-style .ff-el-form-check-label {
  flex: 1 !important;           /* ← roztáhne na plnou výšku */
  display: flex !important;
}

@media (min-width:768px) {
/* 3) Span uvnitř labelu */
.jh-form-btn-style .ff-el-form-check-label > span {
  flex: 1 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  border: 1px solid #EFE1E7 !important;
  border-left:solid 1px #EFE1E7 !important;
  border-radius: 6px !important;
  background: #fdf6f9 !important;
  color: #19345a !important;
  transition: all 0.5s ease;
  justify-content: center;
    }

.jh-form-btn-style .ff-el-form-check-label > span:hover {
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }

.ff_item_selected > .ff-el-form-check-label > span {
  background: #19345a !important;
  color: #fdf6f9 !important;
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }


.jh-form-btn-style .ff-el-input--content {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    }
}

@media (max-width:767px) {
/* 3) Span uvnitř labelu */
.jh-form-btn-style .ff-el-form-check-label > span {
  flex: 1 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  border: 1px solid #EFE1E7 !important;
  border-left:solid 1px #EFE1E7 !important;
  border-radius: 6px !important;
  background: #fdf6f9 !important;
  color: #19345a !important;
  transition: all 0.5s ease;
  margin-bottom: 10px !important;
  justify-content: center;
    }

.jh-form-btn-style .ff-el-form-check-label > span:hover {
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }

.ff_item_selected > .ff-el-form-check-label > span {
  background: #19345a !important;
  color: #fdf6f9 !important;
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }
}

/* STYL 2 */
/* 1) Grid item */
.jh-form-btn-style-orange .ff-el-form-check {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important; /* ← KLÍČOVÉ */
}

/* 2) Label v něm */
.jh-form-btn-style-orange .ff-el-form-check-label {
  flex: 1 !important;           /* ← roztáhne na plnou výšku */
  display: flex !important;
}

@media (min-width:768px) {
/* 3) Span uvnitř labelu */
.jh-form-btn-style-orange .ff-el-form-check-label > span {
  flex: 1 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  border: 1px solid #EFE1E7 !important;
  border-left:solid 1px #EFE1E7 !important;
  border-radius: 6px !important;
  background: #FDF6F9 !important;
  color: #19345a !important;
  transition: all 0.5s ease;
  justify-content: center;
  padding: 10px 6px !important;
    }

.jh-form-btn-style-orange .ff-el-form-check-label > span:hover {
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }

.ff_item_selected > .ff-el-form-check-label > span {
  background: #19345a !important;
  color: #fdf6f9 !important;
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }


.jh-form-btn-style-orange .ff-el-input--content {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 10px !important;
    }
}

@media (max-width:767px) {
/* 3) Span uvnitř labelu */
.jh-form-btn-style-orange .ff-el-form-check-label > span {
  flex: 1 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  border: 1px solid #EFE1E7 !important;
  border-left:solid 1px #EFE1E7 !important;
  border-radius: 6px !important;
  background: #FDF6F9 !important;
  color: #19345a !important;
  transition: all 0.5s ease;
  margin-bottom: 10px !important;
  justify-content: center;
    }

.jh-form-btn-style-orange .ff-el-form-check-label > span:hover {
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }

.ff_item_selected > .ff-el-form-check-label > span {
  background: #19345a !important;
  color: #fdf6f9 !important;
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }
}

/* STYL 3 - 4 grid */
/* 1) Grid item */
.jh-form-btn-style-4 .ff-el-form-check {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important; /* ← KLÍČOVÉ */
}

/* 2) Label v něm */
.jh-form-btn-style-4 .ff-el-form-check-label {
  flex: 1 !important;           /* ← roztáhne na plnou výšku */
  display: flex !important;
}

@media (min-width:768px) {
/* 3) Span uvnitř labelu */
.jh-form-btn-style-4 .ff-el-form-check-label > span {
  flex: 1 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  border: 1px solid #EFE1E7 !important;
  border-left:solid 1px #EFE1E7 !important;
  border-radius: 6px !important;
  background: #FDF6F9 !important;
  color: #19345a !important;
  transition: all 0.5s ease;
  justify-content: center;
  padding: 10px 6px !important;
    }

.jh-form-btn-style-4 .ff-el-form-check-label > span:hover {
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }

.ff_item_selected > .ff-el-form-check-label > span {
  background: #19345a !important;
  color: #fdf6f9 !important;
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }


.jh-form-btn-style-4 .ff-el-input--content {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    }
}

@media (max-width:767px) {
/* 3) Span uvnitř labelu */
.jh-form-btn-style-4 .ff-el-form-check-label > span {
  flex: 1 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  border: 1px solid #EFE1E7 !important;
  border-left:solid 1px #EFE1E7 !important;
  border-radius: 6px !important;
  background: #FDF6F9 !important;
  color: #19345a !important;
  transition: all 0.5s ease;
  margin-bottom: 10px !important;
  justify-content: center;
    }

.jh-form-btn-style-4 .ff-el-form-check-label > span:hover {
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }

.ff_item_selected > .ff-el-form-check-label > span {
  background: #19345a !important;
  color: #fdf6f9 !important;
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }
}

/* STYL 4 - 3 grid */
/* 1) Grid item */
.jh-form-btn-style-3 .ff-el-form-check {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important; /* ← KLÍČOVÉ */
}

/* 2) Label v něm */
.jh-form-btn-style-3 .ff-el-form-check-label {
  flex: 1 !important;           /* ← roztáhne na plnou výšku */
  display: flex !important;
}

@media (min-width:768px) {
/* 3) Span uvnitř labelu */
.jh-form-btn-style-3 .ff-el-form-check-label > span {
  flex: 1 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  border: 1px solid #EFE1E7 !important;
  border-left:solid 1px #EFE1E7 !important;
  border-radius: 6px !important;
  background: #FDF6F9 !important;
  color: #19345a !important;
  transition: all 0.5s ease;
  justify-content: center;
  padding: 10px 6px !important;
    }

.jh-form-btn-style-3 .ff-el-form-check-label > span:hover {
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }

.ff_item_selected > .ff-el-form-check-label > span {
  background: #19345a !important;
  color: #fdf6f9 !important;
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }


.jh-form-btn-style-3 .ff-el-input--content {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    }
}

@media (max-width:767px) {
/* 3) Span uvnitř labelu */
.jh-form-btn-style-3 .ff-el-form-check-label > span {
  flex: 1 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  border: 1px solid #EFE1E7 !important;
  border-left:solid 1px #EFE1E7 !important;
  border-radius: 6px !important;
  background: #FDF6F9 !important;
  color: #19345a !important;
  transition: all 0.5s ease;
  margin-bottom: 10px !important;
  justify-content: center;
    }

.jh-form-btn-style-3 .ff-el-form-check-label > span:hover {
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }

.ff_item_selected > .ff-el-form-check-label > span {
  background: #19345a !important;
  color: #fdf6f9 !important;
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }
}

/* STYL 4 - 2 grid */
/* 1) Grid item */
.jh-form-btn-style-2 .ff-el-form-check {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important; /* ← KLÍČOVÉ */
}

/* 2) Label v něm */
.jh-form-btn-style-2 .ff-el-form-check-label {
  flex: 1 !important;           /* ← roztáhne na plnou výšku */
  display: flex !important;
}

@media (min-width:768px) {
/* 3) Span uvnitř labelu */
.jh-form-btn-style-2 .ff-el-form-check-label > span {
  flex: 1 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  border: 1px solid #EFE1E7 !important;
  border-left:solid 1px #EFE1E7 !important;
  border-radius: 6px !important;
  background: #FDF6F9 !important;
  color: #19345a !important;
  transition: all 0.5s ease;
  justify-content: center;
  padding: 10px 6px !important;
    }

.jh-form-btn-style-2 .ff-el-form-check-label > span:hover {
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }

.ff_item_selected > .ff-el-form-check-label > span {
  background: #19345a !important;
  color: #fdf6f9 !important;
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }


.jh-form-btn-style-2 .ff-el-input--content {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    }
}

@media (max-width:767px) {
/* 3) Span uvnitř labelu */
.jh-form-btn-style-2 .ff-el-form-check-label > span {
  flex: 1 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  border: 1px solid #EFE1E7 !important;
  border-left:solid 1px #EFE1E7 !important;
  border-radius: 6px !important;
  background: #FDF6F9 !important;
  color: #19345a !important;
  transition: all 0.5s ease;
  margin-bottom: 10px !important;
  justify-content: center;
    }

.jh-form-btn-style-2 .ff-el-form-check-label > span:hover {
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }

.ff_item_selected > .ff-el-form-check-label > span {
  background: #19345a !important;
  color: #fdf6f9 !important;
  border: 1px solid #19345a !important;
  border-left:solid 1px #19345a
    }
}

/* KONEC TLAČÍTEK FLUENT FORM */

/* OSTATNÍ STYLY PRO FLUENT FORM */

.jh-h-bottom-padding {
    padding-bottom: 16px;
}

.jh-h-minus-padding {
    margin-bottom: -30px !important;
}

@media (max-width: 768px) {
  .jh-tooltip-form-btn::after,
  .jh-tooltip-sperm-form-btn::after,
  .jh-tooltip-homme-form-btn::after,
  .jh-tooltip-panda-form-btn::after,
  .jh-tooltip-sf-form-btn::after {
    white-space: normal !important; /* přepíše původní nowrap */
    max-width: 98%;
    width: 98%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.4;
  }

/* Tool FEMME */
.jh-tooltip-form-btn::after {
  content: "Vyšetření z krve, výsledek do 14 dnů.";
  position: absolute;
  bottom: 100%; /* nad tlačítkem */
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  margin-bottom: 8px;
  z-index: 999;
}

.jh-tooltip-form-btn {
  position: relative;
  cursor: pointer;
}

/* Zobrazit tooltip při hover */
.jh-tooltip-form-btn:hover::after {
  opacity: 1;
}

/*tool spermiogram*/
.jh-tooltip-sperm-form-btn::after {
  content: "Kvalita a počet spermií, výsledek do pár dnů.";
  position: absolute;
  bottom: 100%; /* nad tlačítkem */
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  margin-bottom: 8px;
  z-index: 999;
}

.jh-tooltip-sperm-form-btn {
  position: relative;
  cursor: pointer;
}

/* Zobrazit tooltip při hover */
.jh-tooltip-sperm-form-btn:hover::after {
  opacity: 1;
}

/*tool HOMME*/
.jh-tooltip-homme-form-btn::after {
  content: "Vyšetření z krve a vzorku spermatu, výsledek do pár dnů.";
  position: absolute;
  bottom: 100%; /* nad tlačítkem */
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  margin-bottom: 8px;
  z-index: 999;
}

.jh-tooltip-homme-form-btn {
  position: relative;
  cursor: pointer;
}

/* Zobrazit tooltip při hover */
.jh-tooltip-homme-form-btn:hover::after {
  opacity: 1;
}

/*tool PANDA*/
.jh-tooltip-panda-form-btn::after {
  content: "Z krve, genetická rizika pro dítě, výsledek do 4 týdnů.";
  position: absolute;
  bottom: 100%; /* nad tlačítkem */
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  margin-bottom: 8px;
  z-index: 999;
}

.jh-tooltip-panda-form-btn {
  position: relative;
  cursor: pointer;
}

/* Zobrazit tooltip při hover */
.jh-tooltip-panda-form-btn:hover::after {
  opacity: 1;
}

/*tool Social Freezing*/
.jh-tooltip-sf-form-btn::after {
  content: "Uchování plodnosti pro pozdější rodičovství – vajíčka nebo spermie.";
  position: absolute;
  bottom: 100%; /* nad tlačítkem */
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  margin-bottom: 8px;
  z-index: 999;
}

.jh-tooltip-sf-form-btn {
  position: relative;
  cursor: pointer;
}

/* Zobrazit tooltip při hover */
.jh-tooltip-sf-form-btn:hover::after {
  opacity: 1;
}

.jh-radio-field-btn-form {
    margin-bottom: 20px !important;
    margin-top: -16px !important;
    font-weight: 500 !important;
}

.jh-radio-field-btn-form .ff_item_selected > .ff-el-form-check-label > span {
        background: #fff !important;
        color: #18345A !important;
        border: 0px solid #19345a !important;
        border-left: solid 0px #19345a;
}

/* KONEC FLUENT FORM */