/*
 Theme Name:   jabylinka
 Description:  GeneratePress child theme
 Template:     generatepress
 Version:      0.1
*/

body {
	font-family: 'Montserrat', Arial !important;
}

p, h1, h2, h3, h4, strong, a {	
	color: #4d686e !important;
}

footer {
	background-color: #817e7e !important;
}

html {
	margin-top: 0px !important;
}

.gray-bg {
	background: #e9e9e4;
}

.licorice-text {
	font-family: 'Licorice';
}

.header-logo {
	max-height: 100px;
}

.header-claim, .licorice-claim {
	font-size: 42px !important;
	color: #4d686e;
}

.card {
	background: transparent !important;
}

.mobile-carousel {
	display: none;
}

.card img {
	width: auto;
    height: 300px;
    float: none;
    margin: 0 auto;
    display: block;
}

.primary-button {
	color: white !important;
	background: #817e7e !important;
	padding: 8px 34px;
	border-radius: 8px;
	transition: .2s;
	text-decoration: none;
	border: 1px solid #817e7e !important;
}

.primary-button:hover{
	transition: .2s;
	background: white !important;
	color: #4d686e !important;
}

.nav-link {
  position: relative;
  color: black !important;
}

.nav-link.active,
.nav-link:hover {
  color: rgb(96, 178, 47);
}

.nav-link.active::after,
.nav-link:hover::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #00b3b3;
}

.bg-image-section {
    background-image: url('https://jabylinka.flymartin.cz/wp/wp-content/uploads/2025/05/Banner-Homepage-scaled.jpg');
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 55vh;
}

.bg-image-section-balanc {
	background-image: url('https://jabylinka.flymartin.cz/wp/wp-content/uploads/2025/05/Banner-TH1-2_Balanc-2-scaled.jpg') !important;
    min-height: 28vh;
}

.bg-image-section-andelik {
	background-image: url('https://jabylinka.flymartin.cz/wp/wp-content/uploads/2025/05/Banner-Andelik_Spanek-scaled.jpg') !important;
    min-height: 28vh;
}

.bg-image-section-uri {
	background-image: url('https://jabylinka.flymartin.cz/wp/wp-content/uploads/2025/05/Banner-URI_Balanc-1-scaled.jpg') !important;
    min-height: 28vh;
}

@media (max-width: 1200px) {
	.primary-button {
		display: block;
	}
}

@media (max-width: 767px) {
	.bg-image-section {
		background-image: url('https://jabylinka.flymartin.cz/wp/wp-content/uploads/2025/05/Banner-Homepage-telefony-1-scaled.jpg') !important;
	}
	
	.main-page-banner {
		display: none;
	}
	
	.bg-image-section-balanc, .bg-image-section-andelik, .bg-image-section-uri {
		background-image: url('https://jabylinka.flymartin.cz/wp/wp-content/uploads/2025/05/Banner-Produkt-telefony-1-scaled.jpg') !important;
	}
	
	.banner-detail-product-heading, .banner-detail-product-text {
		display: none;
	}
	
}

.client-zone-banner {
	background-image: url('https://jabylinka.flymartin.cz/wp/wp-content/uploads/2025/05/Klientska_zona_hlavni_banner.jpg') !important;
    min-height: 28vh;
}

.green-text {
	color: rgb(96, 178, 47) !important;
}

.card-title {
	font-weight: bold;
	color: rgb(96, 178, 47) !important;
	font-size: 24px;
}

#productCarousel .carousel-inner {
	display: flex;
}

#productCarousel .carousel-item {
	flex: 0 0 100%;
	transition: transform .6s ease;
}

@media (min-width: 768px) {
	#productCarousel .carousel-item {
		flex: 0 0 33.3333%;
	}
}

.form-control {
	background-color: #ffffff;
	border: 1px dotted #4d686e;
}

.primary-button-form {
	display: block;
	margin: 0 auto;
}

.needs-validation input, .needs-validation textarea {
	background: none;
	border: 1px dotted #4d686e;
	color: #4d686e;
	border-radius: 7px;
}

.dotted-input {
	background: none;
	border: 1px dotted #4d686e;
	color: #4d686e;
	border-radius: 7px;
}

.form-check-label {
	color: #4d686e;
	text-align: center;
}

.submit-button strong {
	color: white !important;
}

.submit-button {
	font-weight: bold;
	float: none;
	margin: 0 auto;
	display: block;
}

.footer-logo {
	max-height: 140px;
}

footer {
	color: white;
}

footer a {
	color: white !important;
	text-decoration: none;
}

.detail-product-image {
	height: 350px;
	width: auto !important;
	float: none;
	margin: 0 auto;
	display: block;
	text-align: center;
}

@media (max-width: 767px) {
	.bg-image-section {
		background-size: contain;
		background-repeat: no-repeat;
		min-height: 35vh;
	}
	
	.client-zone-banner {
		background-size: cover;
	}
	
	.first-text-center {
		text-align: center;
		margin-bottom: 50px;
	}
	
	.header-logo {
		max-height: 40px;
	}
	
	.navbar-brand {
		display: none;
	}
}

.navbar-toggler {
  border: none !important;
  box-shadow: none !important;
  color: rgb(96, 178, 47) !important;
  background: none !important;
}

.navbar-toggler:focus,
.navbar-toggler[aria-expanded="true"] {
  outline: none;
  background: none !important;
  box-shadow: none !important;
}

.banner-detail-product-heading {
	font-size: 34px;
	padding-top: 8vh;
	color: #28a745 !important;
}

.banner-detail-product-text {
	font-size: 28px;
	color: #4d686e;
}

.main-page-banner {
	font-size: 32px;
	padding-top: 20vh;
}

.download-icon {
}

@media (min-width: 1900px) {
  .container {
    /* Nebo max-width: 75vw, pokud chcete vztažené k viewportu */
  }
}

.top-header {
	color: white;
	background: #71d0cc;
	height: 40px;
	width: 100%;
	display: block;
	margin-top: -8px;
	margin-bottom: 10px;
	padding-top: 5px;
}

.top-header a {
	color: white !important;
	text-decoration: none;
}

.header-contact-image {
	width: 20px;
	margin-right: 5px;
}

.bg-turqoise {
	background: #71d0cc;
	text-align: center;
}

.bg-turqoise h2 {
	color: white !important;
}

.professional-banner {
	background-image: url('https://xioprox.cz/wp/wp-content/uploads/2025/06/hlavni_banner_1920x1040px.png');
	background-size: cover;
	background-position: center;
	min-height: 65vh;
	position: relative;
}

/* Box zarovnaný vlevo uvnitř .container */
.banner-info-box {
	max-width: 40%;
	width: 100%;
	color: #4d686e;
	padding: 20px;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 10;
	border-radius: 10px;
	font-family: 'Montserrat', sans-serif;
}

.tooth-icon-small {
	width: 90px;
	height: auto;
	margin-bottom: 10px;
}

.oral-care-title {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 500;
	margin-bottom: 10px;
	display: inline;
}

.oral-care-text {
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
	max-width: 75%;
}

.text-turquoise {
	color: #00b3b3 !important;
}

.circle-icon img {
	height: 45px;
}

.turquoise-icons-section {
	background: #71d0cc;
}

.circle-block {
	background: white;
	padding-top: 25px;
	border-radius: 80%;
	width: 170px;
	height: 170px;
	float: none;
	margin: 0 auto;
	box-shadow: 6px 0 6px rgba(0, 0, 0, 0.1);
}

.circle-block p {
	font-weight: 500;
}

.circles {
	position: relative;
	top: -120px;
	margin-bottom: -120px;
}

.header-logo {
	width: 200px;
	margin-top: 5px;
}

.desktop-menu {
	margin-top: 40px;
}

.header-contact {
	margin-right: 20px;
}

.card-title {
	color: #71d0cc !important;
	font-weight: 600;
}

.card-text strong {
	color: black;
}

.smaller-image {
	max-height: 200px;
	object-fit: contain;
	margin-top: 100px !important;
}

.who-heading {
	font-weight: 500;
}

.bg-gray{
	background: #e5e5e5;
}

.what-for{
	text-align: center;
}

.who-heading-smaller{
	font-size: 1.5rem;
}

.who-text {
	color: black !important;
}

.who-text strong{
	color: black !important;
}

.text-turquoise {
	color: #00b3b3 !important;
	font-weight: bold;
}

.dark-green-button {
	background: #0ea098 !important;
	border: 1px solid #0ea098 !important;
}

.dark-green-button:hover {
	color: #0ea098 !important;
}

.product-icon {
	height: 65px;
}

.product-icons {
	max-width: 70%;
}

.text-nonbold {
	font-weight: 500 !important;
}

.product-detail-section {
	color: black !important;
}

.disclaimer {
	color: #00b3b3 !important;
}

@media (max-width: 991px) {
	.professional-banner {
		background: none;
		min-height: 50vh;
	}

	.top-header {
		height: 60px;
	}

	.banner-info-box {
		max-width: 100%;
	}

	.oral-care-title {
		display: block;
	}

	.circle-block {
		margin-bottom: 35px;
	}

	.bg-white {
		text-align: center;
	}

	.foto {
		margin-bottom: 30px;
	}

	.doctor-list {
		float: none;
		margin: 0 auto;
		display: block;
		text-align: center;
	}

	.mobile-menu {
		float: none;
		margin: 0 auto;
		display: block;
	}

	.product-detail-section {
		text-align: center;
	}

	.product-icons {
		max-width: 100%;
	}
}