/* ------------------------------------------------------------ */
/* ----- CUSTOM CSS FOR BOOTSTRAP 4.5.2 */
/* ------------------------------------------------------------ */

.btn-gallery {
	height: 235px; 
	background-color: #333;
	border: 8px solid white;
}

.btn-gallery:hover {
	border-color: #3ba189;
}

.piktogram-eshop {
	display: inline-block;
	width: 230px;
	height: 80px;
	mask-size: cover;
	mask-repeat: no-repeat;
	mask-position: center;
}

.card-icons {
	width: 110px;
	height: 110px;
}

.card-icons p {
	line-height: 14px;
}

.card-icons span,
.card-icons p {
	color: white;
}

.card-icons:hover span,
.card-icons:hover p {
	color: #3ba189;
}

.card-icons a {
	text-decoration: none;
}

/* show more "POPIS" + "CENNIK" - START */
#popis #collapsePopis.collapse:not(.show),
#cennik #collapseCennik.collapse:not(.show) {
	display: block;
	overflow: hidden;
}
	
#popis #collapsePopis.collapse:not(.show),
#popis #collapsePopis.collapsing {
	height: 10rem;
}

#cennik #collapseCennik.collapse:not(.show),
#cennik #collapseCennik.collapsing {
	max-height: 30rem;
}

#popis a.collapsed:after,
#cennik a.collapsed:after {
	position: absolute;
	bottom: 0;
	height: 10rem;
	width: 100%;
	display: block;
	padding-top: 10rem;
	padding-bottom: 1rem;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 90%);	
}

#popis a.collapsed-text-sk:after,
#cennik a.collapsed-text-sk:after {
	content: 'Viac...';
}

#popis a.collapsed-text-en:after,
#cennik a.collapsed-text-en:after {
	content: 'More...';
}

#popis a:not(.collapsed):after,
#cennik a:not(.collapsed):after {
	content: '';

	background-image: none;
}
/* show more "POPIS" + "CENNIK" - END */

@media (max-width: 768px) {
	#slogan-big {
		padding-left: 5%;
	}

	.jumbo h1 {
		font-size: 2.3rem;
	}

	.jumbo h4 {
		font-size: 1.0rem;
	}

	.navbar-nav:nth-child(2) {
		flex-direction: row;
		/* justify-content: center; */
	}

	/* two columns on vertical mobile - START */
	.card-top {
		height: 120px;
	}

	.card-img-top {
		width: 90%;
		height: 150px;
		margin-top: -110px;
	}

	.card-title {
		font-size: 0.75rem;
		hyphens: auto;
		overflow-wrap: normal;
		margin-bottom: 0.25rem;
	}

	.card-body {
		padding-left: 1.0rem;
		padding-right: 1.0rem;
	}

	.card-text {
		font-size: 0.65rem;
		line-height: 0.9rem;
	}

	.card-footer {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		padding-bottom: 0.5rem;
	}

	.card-footer .btn {
		padding-left: auto !important;
		padding-right: auto !important;
		font-size: 0.7rem !important;
	}
	/* two columns on vertical mobile - END */

	/* button "OBJEDNATE SA" on mobil - START */
	.btn-mobil-block {
		width: 100%;
		display: block;
	}
	/* button "OBJEDNATE SA" on mobil - END */
}