/*
Theme Name: Hvezdarna 2021
Description: Hvezdarna a planetarium Brno Theme 2021
Version: 1.0
Author: Pavel Karas
*/

/*--------------------------------------------------------------
4.1 - Banner area
--------------------------------------------------------------*/
/*
@media screen and (min-width: 960px) {

#desktop-icons {
	display: block; 
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 16px 0 -140px 0;
}
#desktop-icons li {
	width: 96px;
	padding: 5px 5px 5px 0;
	text-align: center;
}
#desktop-icons li img {
	height: 48px;
}
#banner-href{
	display: block; 
	position: relative;
	float: left;
	width: 1000px;
	height: 250px;
	margin-right: -1000px;
	z-index: 1;
	cursor: pointer;
}
#banner-img {
	display: block; 
	position: relative;
	float: left;
	width: 1000px;
	height: 250px;
	overflow: hidden;
	margin-right: -194px;
	z-index: -1;
}
#banner-img-img {
	width:100%;
	height:100%;
	object-fit:cover;
}
#banner-img-loader {
	display: block; 
	position: relative;
	float: left;
	width: 1000px;
	height: 250px;
	overflow: hidden;
	margin: 0 -90px 0 -806px;
	z-index: -2;
}
#banner-img-loader-img {
	width:100%;
	height:100%;
	object-fit:cover;
}
#banner-tecky {
	display: block;
	overflow: visible;
	width: 52px;
	height: 240px;
	line-height: 0 !important;
	font-size: 0 !important;
	position: absolute;
	margin: 7px 0 0 960px;
	opacity: 0.87;
}
#banner-tecky img {
	display: block;
	width: 12px;
	height: 12px;
	margin: 10px;
	position: relative;
}
	#banner-tecky img:nth-child( 1){left: 43px; margin: 10px 10px;}
	#banner-tecky img:nth-child( 2){left: 31px; margin: 10px 10px;}
	#banner-tecky img:nth-child( 3){left: 22px; margin: 11px 10px;}
	#banner-tecky img:nth-child( 4){left: 16px; margin: 12px 10px;}
	#banner-tecky img:nth-child( 5){left: 12px; margin: 12px 10px;}
	#banner-tecky img:nth-child( 6){left: 11px; margin: 12px 10px;}
	#banner-tecky img:nth-child( 7){left: 13px; margin: 12px 10px;}
	#banner-tecky img:nth-child( 8){left: 16px; margin: 10px 10px;}
	#banner-tecky img:nth-child( 9){left: 23px; margin:  9px 10px;}
	#banner-tecky img:nth-child(10){left: 35px; margin:  7px 10px;}
	#banner-tecky img:nth-child(11){left: 50px; margin:  5px 10px;}
	#banner-tecky img:nth-child(12){left: 67px; margin:  3px 10px;}
#banner-desc {
	display: block;
	line-height: 320px;
	float: left;
	width: 448px;
	height: 447px;
	margin: -90px -400px -83px 0;
	padding: 115px 60px 50px 60px;
	text-align: center;
	background-image: url('../images/pozadi/banner-kruh.png');
	background-position: center center;
	background-size: 450px 449px;
	letter-spacing: -0.03em;
}
#banner-desc a {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
}
#banner-desc h2 {
	color: #fc0232;
	text-transform: uppercase;
	font-size: 230%;
	line-height: 1.3;
	text-align: center;
	letter-spacing: -0.02em;
}
#banner-desc p {
	display: none;
}
#banner-desc p::before {
	display: block;
	width: 100%;
	content: ' ';
	height: 1.3px;
	margin: 15px 0;
	background-image: url('../images/cary/seda-center.png');
	background-position: center;
	background-repeat: repeat-y;
}
#banner-desc p::after {
	display: inline-block;
	width: 16px;
	height: 16px;
	content: '';
	background-image: url('../images/icons/sipka-dalsi-modra.svg');
	background-size: 16px 16px;
	margin: 1px 0 -1px 4px;
}
#upozorneni-shadow {
	width: 1400px;
	margin: 0 auto -1px auto;
	background: url('../images/pozadi/upozorneni-shadow.png');
	background-position: center bottom;
	position: relative;
	left: 34px;
	padding: 0 0 30px 0;
}
#upozorneni {
	width: 1308px;
	background: rgba(1,34,59,0.87);
	border-style: solid;
	border-width: 1px 1px 6px 1px;
	border-color: rgba(10,253,255,0.6);
	border-image-slice: 1;
	border-image-source: linear-gradient(120deg, rgba(10,253,255,0.6) 0%, rgba(230,23,68,0.7) 100%);
	color: #0afdff;
	margin: 0 auto 0 auto;
	padding: 22px 30px;
	font-size: 110%;
	text-align: left;
	letter-spacing: -0.01em;
}
#upozorneni a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
#upozorneni a:hover {
	color: #b5feff;
}

}
*/
@media screen and (max-width: 959px) {

#banner {
	display: none;
}
#upozorneni-shadow {
	margin: 21vw auto 0 auto;
}
#upozorneni-shadow.wp-logged-in {
	margin: 28vw auto 0 auto;
}

}