/* ================================================================================
-------------------   vlastní styly ---------------
===================================================================================*/

/*karta dílu*/
#general.side-scroll
{
	max-height: 1050px;
}
#composition.side-scroll
{
	max-height: 650px;
}
#sets.side-scroll
{
	max-height: 650px;
}
#marks.side-scroll
{
	max-height: 650px;
}






.cms-quarter-slider
{
	width: 100%;
	height: 450px;
	margin: 5px 0;
}

.cms-quarter-slider > .one-item-slider
{

	width: 100%;

}

.cms-quarter-slider > .one-item-slider >  a
{
	height: inherit;
	text-decoration: none;
	border: 1px solid #ccc!important;
	width: 100%;
	position: relative;

}

.cms-previews > a  .cms-price
{
	position: absolute;
	right: 10px;
	bottom: 10px;

}

/**
* potřebuji si v administraci zobrazit cenovky
* ve frontend to nastavuje ajax
**************************/

.cms-demo .show_after_is_loaded
{
	visibility: visible;
	opacity: 1;
}

.cms-demo a
{
	color: black;
}

/*=====  obrázek se zarovná na střed přízpůsobí velikost pomocí  object-fit: cover ========*/
.cms-img-wraper
{
	display: flex;
	justify-content: center;
	align-items: center;
	-o-object-fit: cover;
	object-fit: cover;
	border: 1px solid red;
}


/**
*  oprava padding pro cms-img-wraper
**********************************/
.cms-img-wraper > img, .cms-img-wraper > a > img
{
	max-height: 98%;
	max-width: 100%;
	width: auto !important;
	height: auto !important;
	display: inline-block !important;
	-o-object-fit: cover;
	object-fit: cover;
	padding: 5px;
}






/**
* návrh cms gridu
*****************************************/

/* nastavení pro owl carousel po načtení doom si owl pře javu nastaví display:block */
.owl-carousel > .item-carousel.cms-card
{
	display: none;

}



.cms-columns-wraper
{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}


.cms-columns-wraper.owl-carousel
{
	height: 450px;
	max-height: 450px

}

.cms-columns-wraper.cms-small.owl-carousel
{
	height: 250px;
	max-height: 250px

}


.cms-previews-wraper
{
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
}

.cms-contents-wraper,
.cms-tinycontents-wraper
{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}



.cms-snippets-wraper
{
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;

}

.cms-snippets-wraper.cms-snippets-row
{
	flex-flow: row wrap;

}

.cms-card a:hover
{
	text-decoration: underline;
}

.cms-columns-wraper .cms-card
{
	height: 450px;
	max-height: 450px;
	padding: .3rem;
	position: relative;



}

.cms-columns-wraper.cms-small .cms-card
{
	height: 250px;
	max-height: 250px;
	padding: .25rem;
	position: relative;



}

.cms-contents-wraper .cms-card,
.cms-tinycontents-wraper .cms-card
{
	padding: .3rem;
	position: relative;


}


.cms-previews-wraper .cms-card
{
	height: 150px;
	max-height: 150px;
	padding: .3rem;
	width: 100%;
	max-width: 450px;
	position: relative;
}

.cms-snippets-wraper .cms-card
{
	height: 225px;
	max-height: 225px;
	width: 100%;
	max-width: 450px;
	padding: .3rem;
	position: relative;


}


.cms-columns-wraper .cms-price
{
	position: absolute;
	top: 16px;
	right: 16px;

}

.cms-previews-wraper .cms-price
{
	position: absolute;
	bottom: 12px;
	left: 12px;

}

.cms-previews-wraper .cms-price .w3-tag
{
	padding-left: 6px;
	padding-right: 6px;

}

.cms-previews-wraper .cms-price .span,
.cms-previews-wraper .cms-price .w3-xlarge
{
	font-size: 16px!important;

}


.cms-contents-wraper .cms-price,
.cms-tinycontents-wraper .cms-price
{
	position: absolute;
	top: 12px;
	right: 12px;

}

.cms-snippets-wraper .cms-price
{
	position: absolute;
	top: 16px;
	right: 16px;

}

@media screen and (max-width: 600px)
{
	.cms-columns-wraper .cms-card
	{

		flex: 0 0 99.9%;
		max-width: 99.9%

	}
	.cms-contents-wraper .cms-card,
	.cms-tinycontents-wraper .cms-card
	{

		flex: 0 0 99.9%;
		max-width: 99.9%

	}

	.cms-contents-wraper .cms-card
	{

		height: 450px;
		max-height: 450px;
	}

	.cms-contents-wraper.cms-big-block.owl-carousel .cms-card,
	.cms-contents-wraper.cms-big-large-block.owl-carousel .cms-card
	{

		height: 100%;
		max-height: 100%;
		width: 100%;
	}

	.cms-tinycontents-wraper .cms-card
	{

		height: 350px;
		max-height: 350px;
	}
}


@media screen and (max-width:992px) and (min-width:601px)
{
	.cms-columns-wraper .cms-card
	{

		flex: 0 0 49.95%;
		max-width: 49.95%

	}

	.cms-columns-wraper.cms-small .cms-card
	{

		flex: 0 0 33.33%;
		max-width: 33.33%

	}

	.cms-contents-wraper .cms-card,
	.cms-tinycontents-wraper .cms-card
	{

		flex: 0 0 99.9%;
		max-width: 99.9%

	}

	.cms-contents-wraper .cms-card
	{

		height: 225px;
		max-height: 225px;
	}

	.cms-contents-wraper.cms-product .cms-card
	{

		height: 250px;
		max-height: 250px;
		width: 100%;
	}

	.cms-contents-wraper.cms-big-block.owl-carousel .cms-card,
	.cms-contents-wraper.cms-big-large-block.owl-carousel .cms-card
	{

		height: 100%;
		max-height: 100%;
		width: 100%;
	}

	.cms-tinycontents-wraper .cms-card
	{

		height: 150px;
		max-height: 150px;
	}

}

@media screen and (min-width:993px)
{
	.cms-columns-wraper .cms-card
	{

		flex: 0 0 33.33%;
		max-width: 33.33%

	}

	.cms-columns-wraper.cms-small .cms-card
	{

		flex: 0 0 24.99%;
		max-width: 24.99%

	}

	.cms-contents-wraper .cms-card
	{

		flex: 0 0 99.9%;
		max-width: 99.9%

	}
	.cms-contents-wraper .cms-card
	{

		height: 225px;
		max-height: 225px;
		width: 100%;
	}

	.cms-contents-wraper.cms-product .cms-card
	{

		height: 250px;
		max-height: 250px;
		width: 100%;
	}

	.cms-contents-wraper.cms-big-block .cms-card,
	.cms-contents-wraper.cms-big-large-block .cms-card
	{

		height: 350px;
		max-height: 350px;
		width: 100%;
	}




	.cms-columns-wraper.cms-small.owl-carousel .cms-card,
	.cms-contents-wraper.cms-big-block.owl-carousel .cms-card,
	.cms-contents-wraper.cms-big-large-block.owl-carousel .cms-card
	{

		height: 100%;
		max-height: 100%;
		width: 100%;
	}

	.cms-tinycontents-wraper .cms-card
	{

		height: 150px;
		max-height: 150px;
		width: 100%;
		max-width: 100%;
	}
}

/*jeden sloupec*/
.cms-columns-wraper.cms-small.owl-carousel .cms-card,
.cms-columns-wraper.cms-one-column .cms-card,
.cms-columns-wraper.one-item-slider .cms-card,
.cms-snippets-wraper .cms-card
{

	flex: 0 0 99.9%;
	/*max-width: 99.9%;*/
	max-width: 450px;
}

.cms-columns-wraper .cms-post-module,
.cms-previews-wraper .cms-post-module,
.cms-contents-wraper .cms-post-module,
.cms-tinycontents-wraper .cms-post-module,
.cms-snippets-wraper .cms-post-module
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	max-height: 100%;
	padding: 0;
	/*width: inherit;
	height: inherit;*/
	z-index: 1;
	display: block;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;


}

.cms-previews-wraper .cms-post-module
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;

}

.cms-contents-wraper .cms-post-module,
.cms-tinycontents-wraper .cms-post-module
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;

}

@media screen and (max-width: 800px)
{
	.cms-contents-wraper .cms-post-module,
	.cms-tinycontents-wraper .cms-post-module
	{
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;

	}
}



/* stín pro cms-post-module */
.cms-post-module:hover
{

	-webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}



.cms-post-module .cms-thumbnail
{
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin: 0;
}

.cms-columns-wraper .cms-thumbnail
{
	height: 50%;
	width: 100%;
}

.cms-previews-wraper .cms-thumbnail
{
	height: 100%;
	width: 35%;
}

.cms-contents-wraper .cms-thumbnail
{
	height: inherit;
	width: 35%;
}

.cms-contents-wraper.cms-big-block .cms-thumbnail
{
	height: inherit;
	width: 45%;
}

.cms-tinycontents-wraper .cms-thumbnail
{
	height: inherit;
	width: 25%;
}





@media screen and (max-width: 800px)
{
	.cms-contents-wraper .cms-thumbnail,
	.cms-tinycontents-wraper .cms-thumbnail
	{
		height: 40%;
		max-height: 40%;
		width: 100%;
	}
}



.cms-snippets-wraper .cms-thumbnail
{
	display: none;
}

.cms-columns-wraper .cms-thumbnail:after
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow-y: hidden;
	height: 100%;
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(.17,.67,.83,.67);
	pointer-events: none;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);
	transform: translateY(100%);
}

/* https://www.itnetwork.cz/html-css/css3/css-manual/html-css-css-manual-ostatni/transform-css-3-vlastnost-cesky-manual
translateY() posunutí elementu po ose Y (nahoru / dolů)
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scaleY()
https://blog.logrocket.com/the-noobs-guide-to-3d-transforms-with-css-7370aafd9edf/
https://getflywheel.com/layout/css3-transitions-transforms-create-animations/ */

/* nasune černé gradient pozadí přes obrázek */
.cms-columns-wraper .cms-post-module:hover .cms-thumbnail:after,
.cms-columns-wraper .cms-post-module:focus-within .cms-thumbnail:after
{
	transform: translateY(0%);

}

.cms-post-module .cms-thumbnail img
{

	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	padding: 0;
	margin: 0;
}



.cms-thumbnail .cms-img-cover
{


	position: absolute;
	top: 0;
	right: 0;

	height: 100%;
	width: 100%;
	object-fit: cover;



}

.cms-post-module .cms-thumbnail .cms-img-centered
{

	max-height: 100%;
	max-width: 100%;
	width: auto !important;
	height: auto !important;
	-o-object-fit: cover;
	object-fit: cover;
	padding: .5rem;



}


/* změna něřítka a průhlednosti */
.cms-post-module:hover .cms-thumbnail img
{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.6; /*zvíší efekt zatmaveni */
}

.cms-post-content
{
	will-change: transform; /*https://jecas.cz/will-change*/
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(.17,.67,.83,.67);



}

.cms-columns-wraper .cms-post-content
{
	position: absolute;
	bottom: 0;
	background: #FFFFFF;
	width: 100%;
	padding: 25px;
	z-index: 5;


}

@media screen and (min-width: 992px)
{
	.cms-columns-wraper .cms-post-content
	{
		max-height: 45%;
		height: 45%;
	}

	.cms-columns-wraper.cms-small .cms-post-content
	{
		max-height: 50%;
		height: 50%;
	}

}


.cms-columns-wraper.cms-small .cms-post-content
{
	padding: 16px;
}

.cms-previews-wraper .cms-post-content
{
	position: relative;
	background: #FFFFFF;
	width: 66%;
	padding: 7px 5px 5px 7px;
	z-index: 5;

}
.cms-contents-wraper.cms-big-block .cms-post-content
{
	width: 55%;
}

.cms-contents-wraper .cms-post-content
{
	position: relative;
	background: #FFFFFF;
	width: 65%;

	padding: 25px;
	z-index: 5;

}

.cms-tinycontents-wraper .cms-post-content
{
	position: relative;
	background: #FFFFFF;
	width: 75%;

	padding: 15px;
	z-index: 5;

}

@media screen and (max-width: 800px)
{
	.cms-contents-wraper .cms-post-content,
	.cms-tinycontents-wraper .cms-post-content
	{
		width: 100%;
		height: 60%;
		max-height: 60%;

	}
}




.cms-snippets-wraper .cms-post-content
{
	position: relative;
	background: #FFFFFF;
	width: 100%;
	height: 100%;

	padding: 25px;
	z-index: 5;
	overflow: hidden;
}

.cms-post-content .cms-category
{
	position: absolute;
	text-transform: uppercase;
	display: none; /*zatím nepoužívám*/
}


.cms-columns-wraper .cms-post-content .cms-category
{
	top: -34px;
	left: 0;
}

.cms-previews-wraper .cms-post-content .cms-category,
.cms-contents-wraper .cms-post-content .cms-category,
.cms-tinycontents-wraper .cms-post-content .cms-category
{
	top: 0px;
	left: -90px;

}

.cms-previews-wraper .cms-post-content .cms-category
{

	display: none;
}


.cms-snippets-wraper .cms-post-content .cms-category
{

	display: none;
}


.cms-post-content .cms-title
{
	margin: 0;
	padding: 0 0 10px;

}

.cms-post-content a:hover
{
	text-decoration: none;

}


.cms-columns-wraper .cms-post-content .cms-title,
.cms-tinycontents-wraper .cms-post-content .cms-title
{
	font-size: 18px!important;
}

/* když se jedná o produkt , tak musím titulek zkrátit , protože leze do ceny které má apsolute polohu */
.cms-tinycontents-wraper.cms-product .cms-title
{
	max-width: 87%;
	font-size: 17px!important;
}

.cms-previews-wraper .cms-post-content .cms-title,
.cms-previews-wraper .cms-post-content .cms-sub_title
{

	display: inline;
	font-size: 14px!important;
	margin-left: 1rem;

}

.cms-previews-wraper .cms-post-content .cms-sub_title
{
	font-size: 12px!important;
	margin-right: 1rem;
}

.cms-columns-wraper .cms-post-content .cms-sub_title,
.cms-tinycontents-wraper .cms-post-content .cms-sub_title
{
	font-size: 15px!important;
}



.cms-columns-wraper.cms-small .cms-title
{
	font-size: 14px!important;
}


.cms-post-content .cms-sub_title
{
	margin: 0;
	padding: 0 0 10px;
	color: #f7786b!important; /*ap-palette-second-text*/


}



.cms-tinycontents-wraper .cms-post-content .cms-sub_title,
.cms-tinycontents-wraper .cms-post-content .cms-label
{

	display: inline;
	font-size: 12px!important;

}


.cms-tinycontents-wraper .cms-post-content .product-rating
{

	display: none;

}



.cms-columns-wraper.cms-small .cms-sub_title
{
	font-size: 12px!important;
}


.cms-columns-wraper.cms-small,
.cms-columns-wraper.cms-small .w3-xlarge
{
	font-size: 14px!important;
}

.cms-post-content .cms-label
{
	will-change: transform; /*https://jecas.cz/will-change*/
	color: #666666;
	margin: 0;
	padding: 0;
	/*font-size: 14px;*/
	line-height: 1.8em;

	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(.17,.67,.83,.67);



}


.cms-columns-wraper .cms-post-content .cms-label
{
	overflow-y: hidden;
	max-height: 0px;
	height: 0px;
}


.cms-columns-wraper .cms-post-content:hover
{
	max-height: 90%;
	height: 90%;

}

/* cms-label dostane plnou výšku a tím se cms-post-content nasune přes obrázek */
.cms-columns-wraper .cms-post-module:hover .cms-label,
.cms-columns-wraper .cms-post-module:focus-within .cms-label
{

	max-height: 230px;/* approximate max height */
	height: 230px;
	padding: 0 0 10px;
}


.cms-previews-wraper .cms-post-content .cms-label
{
	display: inline;
	margin-left: 1rem;
}





.cms-post-content .cms-post-meta
{

	color: #999999;
	background-color: white;

}

.cms-post-content .brand-logo
{
	max-width: 90px;
	max-height: 35px;
	margin-right: 16px;
	margin-bottom: 0px;
}


.cms-post-content .cms-more-info
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 800;
	font-size: 110%;
}

.cms-post-content .cms-more-info:hover
{
	text-decoration: underline;
}


.cms-columns-wraper .cms-post-content .cms-post-meta
{
	margin: 20px 0 0;

}

.cms-previews-wraper .cms-post-content .cms-post-meta
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 8px;

}





.cms-columns-wraper .cms-post-content .cms-post-meta
{
	position: absolute;
	bottom: 0px;
	left: 16px;
	right: 0;
	padding: 5px;
	height: 35px;


}


.cms-tinycontents-wraper .cms-post-content .cms-post-meta,
.cms-snippets-wraper .cms-post-content .cms-post-meta
{
	position: absolute;
	bottom: 0px;
	left: 16px;
	right: 0;
	padding: 5px;
	height: 30px;

}

.cms-contents-wraper.cms-product .cms-post-content .cms-post-meta
{
	height: 45px;
	min-height: 45px;
	position: absolute;
	border: 1px solid white;
	left: 0;
	right: 0;
	bottom: 0px;
}

/* přechod nad podsunujícím se textem*/
.cms-previews-wraper  .cms-post-meta-smooth,
.cms-contents-wraper  .cms-post-meta-smooth,
.cms-tinycontents-wraper  .cms-post-meta-smooth,
.cms-snippets-wraper  .cms-post-meta-smooth
{
	margin-top: -20px;
	display: block;
	height: 15px;
	max-height: 15px;
	background-color: white;
	opacity: .3;
	/* Add the blur effect */
	filter: blur(8px);
	-webkit-filter: blur(8px);


}


.cms-columns-wraper  .cms-post-meta-smooth
{
	display: none;
}


.cms-post-content   .cms-comments
{
	display: none;
}


.cms-post-content .cms-post-meta .cms-timestamp
{
	margin: 0 16px 0 0;
}

.cms-previews-wraper .cms-post-content .cms-post-meta .cms-timestamp
{
	display: none;
}
.cms-post-content .cms-post-meta a
{
	color: #999999;

}




.cms-post-content .cms-comments
{
}

.cms-post-meta .cms-availability-line
{
	padding: 0px 8px;

}

.cms-contents-wraper .cms-post-meta .cms-availability-line
{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translate(0%,-60%);
	font-size: 14px!important;
	padding-left: 16px;

}






.cms-contents-wraper .cms-post-meta  .cms-read,
.cms-tinycontents-wraper .cms-post-meta  .cms-read,
.cms-snippets-wraper .cms-post-meta  .cms-read,
.cms-contents-wraper .cms-post-meta  .cms-buy,
.cms-tinycontents-wraper .cms-post-meta  .cms-buy,
.cms-snippets-wraper .cms-post-meta  .cms-buy
{
	position: absolute;
	bottom: 8px;
	right: 16px;

}

.cms-contents-wraper.cms-product .cms-post-meta  .cms-read,
.cms-contents-wraper.cms-product .cms-post-meta  .cms-buy
{
	position: absolute;
	top: 0px;
	right: 16px;
	bottom: initial;

}

.cms-columns-wraper .cms-post-meta  .cms-buy,
.cms-columns-wraper .cms-post-meta  .cms-read
{
	position: absolute;
	top: -5px;
	right: 16px;

}

.cms-previews-wraper .cms-post-content .cms-read,
.cms-previews-wraper .cms-post-content .cms-buy
{
	position: absolute;
	bottom: 8px;
	right: 12px;
	padding: 4px 12px;
	font-size: 12px!important;


}


/*  cms v patičce */
#footer .cms-columns-wraper .cms-post-module,
#footer .cms-previews-wraper .cms-post-module,
#footer .cms-contents-wraper .cms-post-module,
#footer .cms-tinycontents-wraper .cms-post-module,
#footer .cms-snippets-wraper .cms-post-module,

#footer .cms-columns-wraper .cms-post-content,
#footer .cms-previews-wraper .cms-post-content,
#footer .cms-contents-wraper .cms-post-content,
#footer .cms-tinycontents-wraper .cms-post-content,
#footer .cms-snippets-wraper .cms-post-content,

#footer .cms-columns-wraper .cms-post-content .cms-post-meta,
#footer .cms-previews-wraper .cms-post-content .cms-post-meta,
#footer .cms-contents-wraper .cms-post-content .cms-post-meta,
#footer .cms-tinycontents-wraper .cms-post-content .cms-post-meta,
#footer .cms-snippets-wraper .cms-post-content .cms-post-meta,

#footer .cms-columns-wraper .cms-post-content .cms-post-meta-smoot,
#footer .cms-previews-wraper .cms-post-content .cms-post-meta-smoot,
#footer .cms-contents-wraper .cms-post-content .cms-post-meta-smoot,
#footer .cms-tinycontents-wraper .cms-post-content .cms-post-meta-smoot,
#footer .cms-snippets-wraper .cms-post-content .cms-post-meta-smoot
{
	background: #f1f1f1 !important;
	background-color: #f1f1f1 !important;
}

.cms-post-content



/*
card s obrázkem jako plné pozadí přes object-fit: cover
*/

.overlay-card
{
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	/*background-color: #d1d1d1;*/
	background-clip: border-box; /*https://www.vzhurudolu.cz/prirucka/css3-background-clip*/
	border: 1px solid rgba(0,0,0,.125);

}

.overlay-card:hover
{

	-webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}

.overlay-card-img
{

	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: calc(.25rem - 1px);
	overflow: hidden;
}


.overlay-card img
{
	/*vertical-align: middle;
	border-style: none;*/
}

.overlay-card-img-overlay
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem;
}


.overlay-card-title
{
	margin-bottom: .75rem;
}

.overlay-card-text:last-child
{
	margin-bottom: 0;
}





/* ================================================================================
-------------------   ludva paleta ---------------
===================================================================================*/



.ap-palette-default-color , .ap-palette-hover-default-color:hover
{
	color: #fff!important;
	background-image: linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);
}
.ap-palette-first-color , .ap-palette-hover-first-color:hover
{
	color: #fff !important;
	background-color: #91a8d0 !important
}
.ap-palette-second-color , .ap-palette-hover-second-color:hover
{
	color: #fff !important;
	background-color: #f7786b !important;
}
.ap-palette-third-color , .ap-palette-hover-third-color:hover
{
	color: #000 !important;
	background-color: #f7cac9 !important
}
.ap-palette-fourth-color , .ap-palette-hover-fourth-color:hover
{
	color: #000 !important;
	background-color: #fae03c !important
}


.ap-palette-hover-default-color:hover , .ap-palette-hover-first-color:hover , .ap-palette-hover-second-color:hover ,
.ap-palette-hover-third-color:hover , .ap-palette-hover-fourth-color:hover
{
	cursor: pointer;       /*https://css-tricks.com/almanac/properties/t/transition/*/
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}




.ap-palette-default-text , .ap-palette-hover-default-text:hover
{
	color: #034f84 !important
}
.ap-palette-first-text , .ap-palette-hover-first-text:hover
{
	color: #91a8d0 !important
}
.ap-palette-second-text , .ap-palette-hover-second-text:hover
{
	color: #f7786b !important
}
.ap-palette-third-text , .ap-palette-hover-third-text:hover
{
	color: #f7cac9 !important
}
.ap-palette-fourth-text , .ap-palette-hover-fourth-text:hover
{
	color: #fae03c !important
}



.ap-palette-default-border , .ap-palette-hover-default-border:hover
{
	border-color: #034f84 !important
}
.ap-palette-first-border , .ap-palette-hover-first-border:hover
{
	border-color: #91a8d0 !important
}
.ap-palette-second-border , .ap-palette-hover-second-border:hover
{
	border-color: #f7786b !important;
}
.ap-palette-third-border , .ap-palette-hover-third-border:hover
{
	border-color: #f7cac9 !important
}
.ap-palette-fourth-border , .ap-palette-hover-fourth-border:hover
{
	border-color: #fae03c !important
}


ap-background-color-inherit
{
	background-color: inherit;
}

.w3-navbar li a:hover
{
	color: #000;
	background-color: #f7cac9
}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover
{
	background-color: #f7cac9
}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable  .list-header:hover
{
	background-color: #034f84
}

.the-same-table>.td-wraper:hover ,
.the-same-table>.td-wraper:nth-of-type(odd):hover
{
	background: #f7cac9;
}






.w3-teal
{
	background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);
}
.w3-red
{
	background-image: linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);
}
.w3-orange
{
	background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
}
.w3-blue
{
	background-image: linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);
}
.w3-light-grey
{
	background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
}



/* logo */
.w3-third .logo-user
{
	max-height: 70px
}