/*

HEX	Přibližný název barvy
#FECC00	Zlatá žlutá / Sun Yellow
#C1D113	Limetkově zelená / Lime Green
#E31E24	Signální červená / Signal Red
#404999	Královská modrá / Royal Blue
#2B2A29	Antracitová černá / Anthracite Black

*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');


body {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}

/* Karvina GM palette */
:root {
	--karvina-yellow: #FECC00;
	--karvina-lime: #C1D113;
	--karvina-red: #E31E24;
	--karvina-blue: #404999;
	--karvina-black: #2B2A29;
}

/* Main menu under logo */
#main-menu-container.header-bottom {
	background: #fff;
	border-top: 3px solid var(--karvina-red);
	border-bottom: 3px solid var(--karvina-red);
	height: 62px;
}

#main-menu-container .ul-main-menu > li {
	position: relative;
	background: transparent;
}

#main-menu-container .ul-main-menu > li:hover,
#main-menu-container .ul-main-menu > li:focus {
	background: transparent;
}

#main-menu-container .ul-main-menu > li > a {
	color: var(--karvina-black);
	position: relative;
	z-index: 1;
	transition: color .25s ease;
}

#main-menu-container .ul-main-menu > li > a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 16px;
	width: 0;
	height: 2px;
	background: var(--karvina-red);
	transform: translateX(-50%);
	transition: width .25s ease;
}

#main-menu-container .ul-main-menu > li > a:hover,
#main-menu-container .ul-main-menu > li > a:focus,
#main-menu-container .ul-main-menu > li.active > a {
	color: var(--karvina-red);
}

#main-menu-container .ul-main-menu > li > a:hover::after,
#main-menu-container .ul-main-menu > li > a:focus::after,
#main-menu-container .ul-main-menu > li.active > a::after {
	width: calc(100% - 32px);
}

/* Auction cards - Karvina variant */
.default-home-page .drazbaitem {
	position: relative;
	margin-top: 8px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 16px;
	padding: 12px;
	border: 2px solid var(--karvina-lime) !important;
	border-right: 2px solid var(--karvina-lime) !important;
	border-bottom: 2px solid var(--karvina-lime) !important;
	border-radius: 10px;
	background: transparent;
	box-shadow: 0 8px 18px rgba(43, 42, 41, .12);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
	overflow: hidden;
}

.default-home-page .drazbaitem.third {
	border-right: 2px solid var(--karvina-lime) !important;
}

.default-home-page .drazbaitem:hover {
	transform: translateY(-5px);
	border-color: var(--karvina-lime) !important;
	box-shadow: 0 16px 28px rgba(64, 73, 153, .25);
	z-index: 5;
}

.default-home-page .drazbaitem.card-ended {
	border-color: var(--karvina-blue) !important;
	background: transparent;
}


.drazbaitem.card-ended .date span,
.drazbaitem.card-ended .date .konec,
.drazbaitem.card-ended .cena span,
.drazbaitem.card-ended .cena strong
{
	color: var(--karvina-red) !important;
}

.default-home-page .drazbaitem.card-ended.third {
	border-right-color: var(--karvina-blue) !important;
}

.default-home-page .drazbaitem.card-prepared,
.default-home-page .drazbaitem.card-announced {
	border: 2px solid var(--karvina-lime) !important;
	border-right: 2px solid var(--karvina-lime) !important;
	border-bottom: 2px solid var(--karvina-lime) !important;
	background: transparent;
}

.default-home-page .drazbaitem.card-prepared:hover,
.default-home-page .drazbaitem.card-announced:hover {
	border: 2px solid var(--karvina-lime) !important;
	border-right: 2px solid var(--karvina-lime) !important;
	border-bottom: 2px solid var(--karvina-lime) !important;
	box-shadow: 0 16px 28px rgba(193, 209, 19, .35);
}

.default-home-page .drazbaitem.card-prepared:focus,
.default-home-page .drazbaitem.card-prepared:active,
.default-home-page .drazbaitem.card-announced:focus,
.default-home-page .drazbaitem.card-announced:active {
	border: 2px solid var(--karvina-lime) !important;
	border-right: 2px solid var(--karvina-lime) !important;
	border-bottom: 2px solid var(--karvina-lime) !important;
}

.default-home-page .drazbaitem.card-prepared .date,
.default-home-page .drazbaitem.card-prepared .cena,
.default-home-page .drazbaitem.card-announced .date,
.default-home-page .drazbaitem.card-announced .cena {
	background: transparent !important;
}

.default-home-page .drazbaitem.card-prepared .date span,
.default-home-page .drazbaitem.card-prepared .date .konec,
.default-home-page .drazbaitem.card-prepared .date p,
.default-home-page .drazbaitem.card-prepared .cena span,
.default-home-page .drazbaitem.card-prepared .cena strong,
.default-home-page .drazbaitem.card-prepared .cena p,
.default-home-page .drazbaitem.card-announced .date span,
.default-home-page .drazbaitem.card-announced .date .konec,
.default-home-page .drazbaitem.card-announced .date p,
.default-home-page .drazbaitem.card-announced .cena span,
.default-home-page .drazbaitem.card-announced .cena strong,
.default-home-page .drazbaitem.card-announced .cena p {
	color: var(--karvina-blue) !important;
}

.default-home-page .drazbaitem .date span,
.default-home-page .drazbaitem .date .konec,
.default-home-page .drazbaitem .cena span,
.default-home-page .drazbaitem .cena strong {
	color: var(--karvina-blue) !important;
}

.default-home-page .drazbaitem .image {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
}

.default-home-page .drazbaitem .image > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.default-home-page .drazbaitem .image img {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: transform .25s ease;
}

.default-home-page .drazbaitem:hover .image img {
	transform: scale(1.04);
}

.default-home-page .auction-badge {
	position: absolute;
	top: 14px;
	left: -50px;
	width: 190px;
	padding: 6px 0;
	background: var(--karvina-lime);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	text-align: center;
	transform: rotate(-35deg);
	transform-origin: center;
	z-index: 3;
	box-shadow: 0 3px 10px rgba(43, 42, 41, .3);
}

.default-home-page .auction-badge.badge-ended {
	background: var(--karvina-blue);
}

.default-home-page .auction-badge.badge-prepared,
.default-home-page .auction-badge.badge-announced {
	background: var(--karvina-lime);
	color: var(--karvina-black);
}

@media (min-width: 992px) {
	.default-home-page .col-md-4.drazbaitem {
		width: calc(33.333333% - 8px) !important;
		margin-left: 4px;
		margin-right: 4px;
	}
}

.default-home-page .drazbaitem .title {
	padding-right: 10px;
	color: var(--karvina-black);
}

@media (max-width: 991px) {
	.default-home-page .auction-badge {
		display: none !important;
	}
}


.default-home-page .drazbaitem.card-ended .date span,
.default-home-page .drazbaitem.card-ended .date .konec,
.default-home-page .drazbaitem.card-ended .cena span,
.default-home-page .drazbaitem.card-ended .cena strong
{
	color: var(--karvina-red) !important;
}

/* Global font unification for Karvina site */
body,
body *:not(i):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not([class^="icon-"]):not([class*=" icon-"]):not(.mce-ico):not(pre):not(code):not(kbd):not(samp) {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif !important;
}

/* CTA buttons - bold with bottom shadow like karvina.cz */
.button-lardge,
.button-middle,
.button-middle .waves-button-input,
.button-small,
.button-small .waves-button-input,
.submin-custom-size,
.bt-xlg,
.btn-block,
.btn-green,
a.button-middle,
a.button-small {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif !important;
	font-weight: 700 !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
	border-radius: 8px;
	box-shadow: 0 2px 0 #9f151a, 0 6px 12px rgba(0, 0, 0, .12);
	transition: transform .12s ease, box-shadow .12s ease, filter .2s ease;
}

.button-lardge:hover,
.button-middle:hover,
.button-middle:hover .waves-button-input,
.button-small:hover,
.button-small:hover .waves-button-input,
.submin-custom-size:hover,
.bt-xlg:hover,
.btn-block:hover,
.btn-green:hover,
a.button-middle:hover,
a.button-small:hover {
	box-shadow: none;
	filter: brightness(1.02);
}

.button-lardge:active,
.button-middle:active,
.button-small:active,
.submin-custom-size:active,
.bt-xlg:active,
.btn-block:active,
.btn-green:active,
a.button-middle:active,
a.button-small:active {
	transform: translateY(1px);
	box-shadow: 0 1px 0 #9f151a, 0 3px 8px rgba(0, 0, 0, .1);
}

.button-lardge:hover,
.button-middle:hover,
.button-middle:hover .waves-button-input,
.button-small:hover,
.button-small:hover .waves-button-input,
.submin-custom-size:hover,
.bt-xlg:hover,
.btn-block:hover,
.btn-green:hover,
a.button-middle:hover,
a.button-small:hover {
	background: #E31E24 !important;
	color: #fff !important;
}