/* CUSTOM STYLES
-------------------------------------------------- */
body {font-family: 'Raleway', sans-serif; font-size: 1.5em;}

.header {color: white; background-color: #0c3c42; padding: 5px; font-weight:200; font-size: 0.9em;}

.header .date, .header a {color: #8bb43b;}

.header span {padding: 0 10px}

.navbar-wrapper {margin-top: 0px; border-bottom: 1px solid white;}

.navbar-wrapper .navbar { border-radius: 0px;}

.navbar-top li a { text-transform: uppercase; color: white;}

.navbar-top li a:hover { background: none; text-transform: uppercase; color: #0c3c42;}

.navbar-bottom li a {color: white;}

.navbar-brand>img { margin: -15px; width: 200px;}

.navbar-default {background-color: transparent;border: none;}

.navbar-nav {border-radius: 0px;}

.navbar-right {margin-right: 0px;}

.navbar-header {padding: 0 0 26px 0;}

ul.navbar-nav {padding-top: 15px;}

.carousel-control.left, .carousel-control.right  {background-image: none;}

.green-bg {background-color: #8bb43b; text-shadow: 0 1px 2px rgba(0,0,0,.6);}

.gray-bg {background-color: #f8f8f8;}

.green-bg h1 {color:white; font-weight:900; font-size: 3em;  line-height: 0.8em;}

.green-bg h2 {color:white; font-weight:900; font-size: 3em; margin: 30px;}

.green-bg h3 {color:#0c3c42; font-weight:900; font-size: 2.6em;text-shadow:none;}

.green-bg h4 {color: white; font-weight: bold;}

.h1black {color: #0c3c42; font-size:0.6em; text-shadow: none; }

.container-fluid {padding-right: 0; padding-left: 0}

.navbar-collapse {border: none; box-shadow: none;}

.navbar-toggle {border-color: white;}

.navbar-toggle .icon-bar {border: 1px solid white;}

.box1 > .text-right {font-size: 1.2em;}

.box1 .icon-box {display: flex; justify-content: center;}
.box1 .icon-box > span {flex: 0 0 auto;}
.box1 .icon-box > span:nth-child(1) {text-align: center;}
.box1 .icon-box > span:nth-child(2) {padding: 0 20px;}
@media (max-width: 991px) {
	.box1 .icon-box {flex-wrap: wrap;}
	.box1 .icon-box > span:nth-child(1) {flex: 0 1 100%;}
}

.box1 .myicon {min-width: 40px; height: 40px;}

.box1 .myicon-tent {background: url(/assets/img/vstup.png) no-repeat left center; }
.box1 .myicon-calendar {background: url(/assets/img/kalendar.png) no-repeat left center; }
.box1 .myicon-map-marker {background: url(/assets/img/misto.png) no-repeat left center;}
.box1 .myicon-time {background: url(/assets/img/otevreno.png) no-repeat left center;}

.box1 {color: white; white-space: nowrap; margin-top: 20px;}

.box1 div {margin-bottom: 10px;}

.footer1 {white-space: normal;}

.box2 p {color: white;}

.box2 {margin-bottom: 50px;}

.box2 a {color: #fff; text-decoration: underline;}

.box-homepage {margin-bottom: 50px; background: linear-gradient( rgba(139, 180, 59, 1), rgba(139, 180, 59, 0.7)), url(/assets/img/krajina-bg.jpg); background-size: cover; background-position: center; }

.box-category {margin-bottom: 50px;}

.box-category img {margin-left: 5px;margin-right: 5px;}

.box-category img:hover {background: linear-gradient( rgba(139, 180, 59, 1), rgba(139, 180, 59, 0.7));}

.box-focus {margin-bottom: 50px; padding: 10px}

.box-focus .container {padding: 10px;}

.box-focus img {width:100%; padding-bottom: 10px; }

.box-focus .foc-btn {position: absolute; top:0; border: 3px solid black; width:200px; padding: 5px; margin: 30px;}

.box-focus .category-tent:hover img {content: url(/assets/img/categories/stany_hover.jpg); }
.box-focus .category-sleeping-bag:hover img {content: url(/assets/img/categories/spacaky_hover.jpg); }
.box-focus .category-sleeping-mat:hover img {content: url(/assets/img/categories/karimatky_hover.jpg); }
.box-focus .category-furniture:hover img {content: url(/assets/img/categories/nabytek_hover.jpg); }
.box-focus .category-bag:hover img {content: url(/assets/img/categories/batohy_hover.jpg); }
.box-focus .category-shoe:hover img {content: url(/assets/img/categories/boty_hover.jpg); }
.box-focus .category-store:hover img {content: url(/assets/img/categories/vydejna_hover.jpg); }
.box-focus .category-repair:hover img {content: url(/assets/img/categories/opravna_hover.jpg); }

.box-focus p {opacity:0; transition:1s; position: absolute; top:0; color: white; padding: 20px 30px 20px 20px; text-align: left; text-shadow: 0 1px 2px rgba(0,0,0,.6); }
.box-focus .category-tent:hover p {opacity:1; }
.box-focus .category-sleeping-bag:hover p {opacity:1; }
.box-focus .category-sleeping-mat:hover p {opacity:1; }
.box-focus .category-furniture:hover p {opacity:1; }
.box-focus .category-bag:hover p {opacity:1; }
.box-focus .category-shoe:hover p {opacity:1; }
.box-focus .category-store:hover p {opacity:1; }
.box-focus .category-repair:hover p {opacity:1; }

.main h2 {color:#0c3c42; font-weight:900; font-size: 3em;}

.box-post {margin-bottom: 50px;}

.box-producers {margin-bottom: 50px;}

.carousel-caption {left:5%; top:0; right: inherit; text-align: left;}

.blue-bg {background-color: #093e55; }

.carousel-caption p {width:50%;}

.carousel-caption {left:15px;}

.nav-tabs > li, .nav-pills > li { float:none; display:inline-block; *display:inline; /* ie7 fix */ zoom:1; /* hasLayout ie7 trigger */}

.nav-tabs, .nav-pills {  text-align:center; margin: 20px 0;  text-transform: uppercase; }

.nav-tabs li {color: #0c3c42; }


.box-producers img {margin: 10px;}

.box-producers  a img {margin: 10px;-webkit-filter: grayscale(100%); filter: grayscale(100%);}

.box-producers a:hover img  {-webkit-filter: grayscale(0%); filter: grayscale(0%);}

.box-producers h2 {margin-bottom: 50px;}

.btn {margin: 20px 0; border: 2px solid #8bb43b;  border-radius: 30px; text-transform: uppercase; padding: 10px 30px; font-size: 1.2em;}
.btn:hover {background-color:#8bb43b; color: white;border: 2px solid #8bb43b; }

.featurette {margin-bottom: 50px;}

.footer {background-color: #0c3c42; color: gray;}

.post h1 {color:#0c3c42; font-weight:900; font-size: 2em; margin-top: 0; clear: both;}
.post h2 {color:#0c3c42; font-weight:bold; font-size: 2em; clear: both;}
.post h3 {color:#0c3c42; font-weight:bold; font-size: 2em; clear: both;}

.label {border-radius: 0;}

.sidebar h2 {font-size: 1.3em; margin-top: 0;}
.sidebar h3 {font-size: 1.2em; font-weight: bold;}
.sidebar h4 {font-size: 1.1em;}

.post-photo {height: 200px; margin: 10px 0;}

div.post img {    margin: 8px;}

.carousel-control 			 { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		 { left: -25%; }
}

/** Countdown css */
.countdown-bg {
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}
.countdown-box {
	color: white;
	margin: 10px auto 20px;
	max-width: 100%;
	position: relative;
	text-align: center;
	width: 500px;
	z-index: 1000;
}
.countdown-title-end {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	font-size: 3em;
	font-weight: bold;
	justify-content: center;
	line-height: 1;
	text-transform: uppercase;
}
.countdown-title-end-date {
	font-size: 2em;
	margin-left: 10px;
}
.countdown-title-discounts {
	color: #fdec45;
	font-size: 2.8em;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
}
.countdown-description {
	font-weight: bold;
	line-height: 1.5;
	margin: 20px 0 -10px;
	text-transform: uppercase;
}

@media (max-width: 1199px) {
	.countdown-box {
		font-size: 0.8em;
		width: 400px;
	}
}
@media (max-width: 991px) {
	.countdown-bg {
		min-height: 265px;
		object-fit: cover;
	}
}
@media (max-width: 450px) {
	.countdown-bg {
		min-height: 365px;
	}
}