/*--------------- GRID ---------------*/

.grid {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin-left: -15px;
	margin-right: -15px;
}
.grid.grid-vertical-middle {
	align-items: center;
}
.grid > * {
	width: 100%;
}
.grid .grid-cell {
	margin: 15px;
	position: relative;
}
.grid .grid-cell,
.grid.grid-1 .grid-cell {
	width: calc((100% / 1) - 30px);
}
.grid.grid-2 .grid-cell {
	width: calc((100% / 2) - 30px);
}
.grid.grid-3 .grid-cell {
	width: calc((100% / 3) - 30px);
}
.grid.grid-4 .grid-cell {
	width: calc((100% / 4) - 30px);
}

@media (max-width: 576px) {
	.grid.grid-xs-1 .grid-cell {
		width: calc((100% / 1) - 30px);
	}
	.grid.grid-xs-2 .grid-cell {
		width: calc((100% / 2) - 30px);
	}
	.grid.grid-xs-3 .grid-cell {
		width: calc((100% / 3) - 30px);
	}
	.grid.grid-xs-4 .grid-cell {
		width: calc((100% / 4) - 30px);
	}
	.grid.grid-xs-none .grid-cell {
		width: 100%;
	}
}
@media (min-width: 576px) {
	.grid.grid-sm-1 .grid-cell {
		width: calc((100% / 1) - 30px);
	}
	.grid.grid-sm-2 .grid-cell {
		width: calc((100% / 2) - 30px);
	}
	.grid.grid-sm-3 .grid-cell {
		width: calc((100% / 3) - 30px);
	}
	.grid.grid-sm-4 .grid-cell {
		width: calc((100% / 4) - 30px);
	}
	.grid.grid-sm-none .grid-cell {
		width: 100%;
	}
}
@media (min-width: 768px) {
	.grid.grid-md-1 .grid-cell {
		width: calc((100% / 1) - 30px);
	}
	.grid.grid-md-2 .grid-cell {
		width: calc((100% / 2) - 30px);
	}
	.grid.grid-md-3 .grid-cell {
		width: calc((100% / 3) - 30px);
	}
	.grid.grid-md-4 .grid-cell {
		width: calc((100% / 4) - 30px);
	}
	.grid.grid-md-none .grid-cell {
		width: 100%;
	}
}
@media (min-width: 992px){
	.grid.grid-lg-1 .grid-cell {
		width: calc((100% / 1) - 30px);
	}
	.grid.grid-lg-2 .grid-cell {
		width: calc((100% / 2) - 30px);
	}
	.grid.grid-lg-3 .grid-cell {
		width: calc((100% / 3) - 30px);
	}
	.grid.grid-lg-4 .grid-cell {
		width: calc((100% / 4) - 30px);
	}
	.grid.grid-lg-none .grid-cell {
		width: 100%;
	}
}
@media (min-width: 1200px){
	.grid.grid-xl-1 .grid-cell {
		width: calc((100% / 1) - 30px);
	}
	.grid.grid-xl-2 .grid-cell {
		width: calc((100% / 2) - 30px);
	}
	.grid.grid-xl-3 .grid-cell {
		width: calc((100% / 3) - 30px);
	}
	.grid.grid-xl-4 .grid-cell {
		width: calc((100% / 4) - 30px);
	}
	.grid.grid-xl-none .grid-cell {
		width: 100%;
	}
}

.grid .grid-column {
	display: flex;
	flex-direction: column;
}

.grid .grid-footer {
	margin-top: auto;
	margin-bottom: 0;
}

.grid .grid-cell > *,
.grid .panel {
	height: 100%;
	margin: 0;
}
/* END FLEX GRID */

/* LIST GROUP TREE */
.panel-body .list-group {
	margin: -15px;
}
.panel-body .list-group .list-group {
	margin: 0px;
}
.list-group-item-action .list-group {
	margin: 0px;
	border-radius: 0;
	border: 0px;
}
.list-group-item.list-group-item-action,
.list-group-item.list-group-item-action:first-child {
	border: 0px;
	border-radius: 0px;
	padding: 0;
	margin: 0;
}
.list-group-item.list-group-item-action > a {
	padding: 10px 15px;
	display: block;
	border-bottom: 1px solid #ddd;
}
.list-group-item-action .list-group-item-action > a {
	padding-left: 30px;
}
.list-group-item-action .list-group-item-action .list-group-item-action > a {
	padding-left: 45px;
}
.list-group-item-action .list-group-item-action .list-group-item-action .list-group-item-action > a {
	padding-left: 60px;
}
/* END LIST GROUP TREE */

/*---------------- DEFAULT SHOP ---------------*/

.panel-heading a {
	display: block;
}
.breadcrumb {
	background-color: #fcfcfc;
}
.filter .breadcrumb {
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border-bottom: 1px solid #ddd;
}
.filter .filter-row {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}
.filter .filter-row:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.product-box {
	display: flex;
	flex-direction: column;
}
.product-box .popis {
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.product-box .cena-akce {
	border-top: 1px solid #eee;
	padding-top: 10px;
}
.product-box .footer {
	margin-top: auto;
}

.cena-holder .hlavni span {
	font-weight: 600;
	font-size: 1.2rem;
}
.mini-box {
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.mini-box .cena-holder {
	margin-top: 5px;;
}
.mini-box .cena-holder,
.mini-box .cena-holder .hlavni span {
	font-size: .8rem;
	color: #444;
}
.table.table-vertical-middle td {
	vertical-align: middle !important;
}
.table.table-striped>tbody>tr:nth-of-type(even) {
	background-color: rgba(255,255,255,.5);
}
.table thead th {
	background-color: #fff;
}
.table img {
	max-height: 80px;
}
#page-footer {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: .8rem;
}
.kategorie ul {
	 display: none;
}
.kategorie ul.show {
	display: block;
}
#zbozi {
	position: relative;
}
#zbozi .facebook {
	position: absolute;
	top: 0;
	right: 0;
}
#zbozi .facebook a {
	display: block;
	width: 20px;
	height: 20px;
	font-size: 0;
	background-image: url(fb-share.jpg);
}
#zbozi .popis {
	margin-top: 15px;
}

/*------------------------------------------------*/

:root {
	font-size: 16px;
}
#page-header {
	background-color: #eee;	
	position: relative;
	margin-bottom: 15px;
}
#page-header .logo span {
	display: none;
}
#page-header .logo a {
	display: block;
}
#page-header .header {
	display: flex;
	align-items: center;
	width: 100%;
}
#page-header .header .search-bar {
	margin-left: auto;
}

#page-header .navbar {
	background-color: transparent;
	border: none;
	border-radius: 0;
	margin: 0;
	padding: 0;
}
li h1,li h2,li h3,li h4 {
	font-size: inherit;
	font-weight: 600;
}
.panel {
	overflow: hidden;
}
.panel .panel-heading {
	font-size: 1rem;
	margin: 0;
	padding: 10px 15px;

}
.panel.panel-default .panel-heading {
	background-color: #bb5226;
	color: #fff;
}
.panel.panel-default {
	background-color: #eee;
}
.panel.panel-noborder .panel-heading,
.panel.panel-noborder .panel-body {
	padding: 5px 0;
}
.panel .list-group-item {
	background-color: #eee;
}
.panel.panel-default .panel-body hr {
	border-color: #ddd;
}
.btn.btn-primary {
	border-color: #0079a1;
	background-color: #008cba;
}
.btn,.form-control{
	padding: 8px 12px;
	height: auto;
}
.form-control,
.btn,
.panel,
.badge,
.panel .panel-heading {
	border-radius: 0;
}
label {
	font-weight: 400;
}
form .radio-advanced .advanced-options {
	margin: 1rem;
}
form .error {
	position: absolute;
	right: 0;
	padding: .5rem;
	background-color: #d00;
	color: #fee;
}
.list-group-item.active:hover {
	background-color: transparent;
}
.list-group-item.active > a {
	color: #000;
	font-weight: 600;
}

.aktuality .panel {
	border: none;
	background-color: transparent;
	box-shadow: none;
	border-bottom: 1px solid #ddd;
}
.aktuality .panel.panel-default .panel-heading {
	background-color: transparent;
	border: none;
	font-size: 1.1rem;
}
.aktuality .panel .panel-heading,
.aktuality .panel .panel-body {
	padding-left: 0;
	padding-right: 0;
}
.aktuality .galerie img {
	max-height: 150px;
}
.product-box.panel .panel-heading {
	background-color: transparent;
	text-align: center;
}
.product-box .popis {
	display: none;
}
.product-box > .row > div {
	width: 100%;
}
.product-box .foto img {
	max-height: 200px;
}
.product-box .product-status {
	position: absolute;
	right: 0;
	top: 60px;
	z-index: 100;
}
.product-box .badge.status-akce {
	background-color: #f04124;
}
.product-box .doKosiku, #zbozi .doKosiku {
    font-size: 0px;
    line-height: 21px;
    width: 40px;
    background-image: url(images/basket-icon.png);
    background-position: center center;
    background-repeat: no-repeat;
}
#login ul {
	margin-top: 15px;
}
@media screen and (min-width: 1200px){
	#page-header,
	#page-body {
		max-width: 90%;
	}
	#page-header {
		position: relative;
		margin-top: 15px;
	}
}
@media screen and (max-width: 768px){
	#page-header .header {
		display: block;
	}
	.search-bar form {
		display: flex;
	}
	#hledej {
		flex-grow: 1;
	}
	#hledej,#hledej-submit {
		display: inline;
		width: auto;
	}
}