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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Main settings, typography
3.0 - Header
4.0 - Content
      4.1 - Banner area
	  4.2 - Main area (program)
	  4.3 - Main area (page)
	  4.4 - Sidebar area
5.0 - Footer	  
99.0 - Screen optimization
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
/*
ol, ul {
	list-style: none;
}
*/
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
figure {
	margin: 0;
	padding: 0;
	outline: 0;
	border: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}
img {
	max-width: 100%;
	height: auto;
}
.desktopOnly {
	display: none !important;
}


/*--------------------------------------------------------------
2.0 - Main settings, typography
--------------------------------------------------------------*/

body,div,p,td,input,textarea {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: calc(5.33px + 2.66vw);
}
html,body {
	/*width: 640px;*/
	overflow-x: hidden;
	text-align: left;
}
h1, h2, h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	line-height: 135%;
}
body {
	margin: 0;
	background: #041726 /*url('../images/pozadi/body-trans.png') top center no-repeat scroll*/;
	text-align: center;
}
.cleaner {
	width: 0;
	height: 0;
	clear: both;
}

/*--------------------------------------------------------------
3.0 - Header
--------------------------------------------------------------*/
#header-background, #header-mobile::after, #header {
	display: none;
}
#header-mobile {
	display: block;
	width: 100%;
	padding: 2vw 1vw 0 3.5vw;
	z-index: 99 !important;
	position: fixed;
	background-color: rgba(0,0,0,0.92);
	background: linear-gradient(180deg, rgba(0,0,0,0.98) 0%, rgba(0,10,20,0.90) 100%);
}
#header-mobile-logo {
	float: left;
	padding: 1vw 1vw 0vw 1vw;
}
#header-mobile-logo img {
	height: 16vw;
}
#header-mobile-englishbutton {
	float: right;
	padding: 2.5vw;
}
#header-mobile-englishbutton img {
	height: 14vw;
}
#header-mobile-menubutton {
	float: right;
	padding: 2.5vw;
}
#header-mobile-menubutton img {
	height: 14vw;
}
#header-mobile-menu {
	display: none;
	list-style-type: none;
	margin: 3vw 0 0 0;
	padding: 0 3.6vw 3vw 0;
	text-align: left;
}
#header-mobile-menu li {
	display: block;
	margin: 0;
	padding: 0;
}
#header-mobile-menu li a {
	display: inline-block;
	color: #fff;
	padding: 1vw 0 2vw 0;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 140% !important;
}
#header-mobile-menu li a:hover, #header-mobile-menu li.current_page_parent a {
	color: #0afdff;
}
#header-mobile-menu li.current-menu-item a {
	/*font-weight: 600;*/
	color: #0afdff;
}
#header-mobile-menu li:last-child a::after {
	content: '';
}
#header-mobile-menu li ul.sub-menu {
	display: none;
}
#header-mobile-menu li.current-menu-item ul.sub-menu, #header-mobile-menu li.current_page_parent ul.sub-menu {
	display: block;
}
#header-mobile-menu li.current-menu-item ul.sub-menu li, #header-mobile-menu li.current_page_parent ul.sub-menu li {
	margin: 0 0 0 3vw;
	padding: 0;
}
#header-mobile-menu li.current-menu-item ul.sub-menu li a, #header-mobile-menu li.current_page_parent ul.sub-menu li a {
	font-size: 90%;
	text-transform: none;
	font-weight: 400;
	color: #eee;
}
#header-mobile-menu li.current-menu-item ul.sub-menu li a:hover, #header-mobile-menu li.current_page_parent ul.sub-menu li a:hover, #header-mobile-menu li.current_page_parent ul.sub-menu li.current-menu-item a {	
	/*font-weight: 600;
	letter-spacing: -0.018em;*/
	color: #0afdff;
}
#header-mobile.wp-logged-in {
	padding: 9vw 1vw 0 3.5vw;
}
#content.wp-logged-in {
	margin: 28vw auto 0 auto;
}

/*--------------------------------------------------------------
4.0 - Content
--------------------------------------------------------------*/
#content {
	width: 100vw;
	text-align: left;
	margin: 21vw auto 0 auto;
}

/*--------------------------------------------------------------
4.1 - Banner area
--------------------------------------------------------------*/
#banner {
	width: 100%;
	margin: 0;
	padding: 0;
}
#desktop-icons {
	display: none;
}
#banner-href {
	display: block; 
	position: relative;
	float: left;
	width: 100vw;
	height: 40vw;
	margin-right: -100vw;
	z-index: 1;
	cursor: pointer;
}
#banner-img {
	display: block;
	position: relative;
	float: left;
	width: 100vw;
	height: 40vw;
	margin: 0 0 0 -22vw;
	padding: 0;
	z-index: -1;
}
#banner-img-img {
	width:100%;
	height:100%;
	object-fit:cover;
}
#banner-img-loader {
	display: block; 
	position: relative;
	float: left;
	width: 100vw;
	height: 40vw;
	margin: 0 0 0 -100vw;
	z-index: -2;
}
#banner-tecky {
	display: block;
	overflow: visible;
	width: 30vw;
	height: 40vw;
	line-height: 0 !important;
	font-size: 0 !important;
	position: absolute;
	margin: 1vw 0 0 43.5vw;
	opacity: 0.87;
	z-index: 9;
}
#banner-tecky img {
	display: block;
	width: 2vw;
	height: 2vw;
	margin: 1.1vw;
	position: relative;
	cursor: pointer;
}
	#banner-tecky img:nth-child( 1){left: 4.8vw; margin: 1.1vw 1vw;}
	#banner-tecky img:nth-child( 2){left: 3.0vw; margin: 1.1vw 1vw;}
	#banner-tecky img:nth-child( 3){left: 1.7vw; margin: 1.2vw 1vw;}
	#banner-tecky img:nth-child( 4){left: 0.8vw; margin: 1.3vw 1vw;}
	#banner-tecky img:nth-child( 5){left: 0.2vw; margin: 1.3vw 1vw;}
	#banner-tecky img:nth-child( 6){left: 0.0vw; margin: 1.3vw 1vw;}
	#banner-tecky img:nth-child( 7){left: 0.1vw; margin: 1.3vw 1vw;}
	#banner-tecky img:nth-child( 8){left: 0.6vw; margin: 1.1vw 1vw;}
	#banner-tecky img:nth-child( 9){left: 1.3vw; margin: 1.0vw 1vw;}
	#banner-tecky img:nth-child(10){left: 2.5vw; margin:  .8vw 1vw;}
	#banner-tecky img:nth-child(11){left: 3.9vw; margin:  .6vw 1vw;}
	#banner-tecky img:nth-child(12){left: 5.6vw; margin:  .4vw 1vw;}
#banner-desc {
	position: absolute;		
	display: block;
	line-height: 30vw;
	vertical-align: middle;
	width: 52vw;
	height: 60vw;
	margin: -10.3vw 48vw;
	padding: 13vw 4vw 11vw 7vw;
	text-align: center;
	background-image: url('../images/pozadi/banner-kruh.png');
	background-size: 60vw 60vw;
	background-position: left center;
	letter-spacing: -0.03em;
}
#banner-desc:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
#banner-desc a {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
}
#banner-desc h2 {
	color: #fc0232;
	text-transform: uppercase;
	font-size: 7.5vw;
	font-size: 180%;
	line-height: 150%;
	text-align: right;
	letter-spacing: -0.02em;
	display: inline-block;
	vertical-align: middle;
}
#banner-desc h2::after {
	/*
	width: 7vw;
	height: 7vw;
	content: ' ';
	background-image: url('../images/icons/sipka-dalsi-cervena.svg');
	background-size: 7vw 7vw;
	margin: 0.5vw -0.5vw -0.5vw 0.5vw;
	*/
}
#banner-desc p {
	display: none;
}
#banner-desc p::before {
	display: none;
}
#upozorneni-shadow {
	width: 100vw;
	margin: 0;
	background: none;
	position: relative;
	left: 0;
	padding: 0;
}
#upozorneni {
	width: 100vw;
	background: rgba(1,34,59,0.87);
	border-style: solid;
	border-width: 1px 0 6px 0;
	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;
	padding: 3vw 4vw;
	font-size: 110%;
}
#upozorneni a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
#upozorneni a:hover {
	color: #b5feff;
}

/*--------------------------------------------------------------
4.2 - Main area (program)
--------------------------------------------------------------*/
#mainbar {
	width: 100vw;
	margin: 0;
	float: none;
}
#main-program-menu {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	list-style-type: none;
	text-align: left;
	font-weight: 600;
	font-size: 110%;
	line-height: 120%;
}
#main-program-menu li {
	font-size: 0;
	display: inline-block;
	vertical-align: bottom;
	width: 20vw;
	margin: 0 0 0 0;
	padding: 0;
}
#main-program-menu li.selected {
	font-size: 110%;
	/*margin: -1px 0 -1px 0;*/
	width: 60vw;
}	
#main-program-menu li a {
	width: 100%;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	opacity: 0.96;
	text-decoration: none;
	/*height: 15vw;*/
	padding: 4vw 2.5vw 2vw 3.5vw;
}
#main-program-menu li a:hover {
	opacity: 1.0;
}
#main-program-menu li.program a {
	color: #36cbd9;
	background: #b5feff;
}
#main-program-menu li.verejnost a {
	color: #e61744;
	background: #f6b6c4;
}
#main-program-menu li.skoly a {
	color: #002b4b;
	background: #a8c1d3;
}
#main-program-menu li.otevrene a {
	color: #666666;
	background: #d1d1d1;
}
#main-program-menu li.selected a {
	background: #fff;
	opacity: 1.0;
}
#main-program-menu li img {
	height: 12vw;
	vertical-align: middle;
	top: 0;
	margin: -1vw 0 1vw 0;
}
#main-program-menu li.selected img {
	height: 12vw;
	top: 0;
}
#main-program-content {
	padding: 4vw 0 0 0;
	background-color: white;
	margin: 0;
}
#main-program-content > h2, #main-program-content > p, #main-program-content > form {
	padding: 0 4vw !important;
}
h1.main-program-datum {
	display: block;
	float: left;
	text-align: left;
	color: #002b4b;
	font-weight: 300;
	font-size: 180%;
	line-height: 110%;
	width: 58vw;
	margin: 0 0 0 4vw;
	letter-spacing: -0.02em;
}
h1.main-program-datum::after {	
	display: block;
	content: ' ';
	float: left;
	background-image: url('../images/cary/modra-left.png');
	background-size: 100vw 1px;
	width: 86vw;
	height: 1px;
	margin: 0vw 0 2vw -1px;
}
h1.main-program-porady, h1.main-program-porady-skoly {
    display: block;
	float: left;
	text-align: left;
	color: #e61744;
	font-weight: 300;
	font-size: 180%;
	line-height: 100%;
	margin: 0 0 0 4vw;
	letter-spacing: -0.02em;
}
h1.main-program-porady-skoly {
	color: #002b4b;
}
h1.main-program-porady::after , h1.main-program-porady-skoly::after{	
    display: block;
	content: ' ';
	float: left;
	background-image: url('../images/cary/cervena-left.png');
	background-size: 100vw 1px;
	width: 86vw;
	height: 1px;
	margin: 1.3vw 0 2vw -1px;
}
h1.main-program-porady-skoly:after {	
	background-image: url('../images/cary/modra-left.png');
}
.main-program-porady-info {
	margin: 2vw 4vw;
}
#main-program-kalendar {	
	display: block;
	float: right;
	font-family: 'Oswald', sans-serif;
	font-size: 65%;
	letter-spacing: -0.03em;
	line-height: 150%;
	font-weight: 300;
	text-transform: uppercase;
	text-decoration: none;
	background: #b5feff;
	color: #002b4b;
	width: 31vw;
	/*height: 9vw;*/
	padding: 0.6vw 0 0.6vw 1.5vw;
	margin: -8vw -29vw 0vw 30vw;
	/*top: 1vw;*/
}
#main-program-kalendar::after {
	background-image: url('../images/icons/kalendar.svg');
	background-size: 14vw 14vw;
	display: block;
	content: ' ';
	width: 14vw;
	height: 14vw;
	vertical-align: middle;
	float: right;
	position: relative;
	left: 3vw;
	margin: -3vw;
}
#kalendar-overlay {
	position: absolute;
	display: none;
	width: 100vw;
	background: #fff;
	padding: 4vw 0 4vw 4vw;
	text-align: left;
	z-index: 9;
	margin: -16vw 0 0 0;
	box-shadow: 0 6px 12px 0px #ccc;
}
#kalendar-overlay #kalendar-navigation {
	display: inline-block;
	width: auto;
	white-space: nowrap;
	background: #d9d9d9;
	height: 10vw;
	margin: 0.4vw 0 3vw 5vw;
	padding: 0;
}
#kalendar-navigation-mesic {
	display: inline;
}
#kalendar-overlay #kalendar-navigation h3 {
	text-transform: uppercase;
	display: inline-block;
	width: 40vw;
	text-align: center;
	font-size: 130%;
	font-weight: 300;
	line-height: 10vw;
	padding: 0;
	margin: 0 10vw;
}
#kalendar-overlay #kalendar-navigation .kalendar-scroll {
	padding: 1.5vw 0 0.5vw 0;
	margin: 0 -7vw;
}
#kalendar-overlay #kalendar-navigation a.kalendar-scroll:hover {
	opacity: 0.75;
}
#kalendar-overlay #kalendar-navigation .kalendar-scroll img {
	height: 14vw;
	vertical-align: middle;
	position: relative;
	top: -1vw;
	margin: -5vw 0;
}
#kalendar-close {
	display: block;
	position: absolute;
	right: 2vw;
	width: 14vw;
	height: 14vw;
	margin: -12.7vw 0;
}
#kalendar-close img {
	height: 14vw;
}
#kalendar-dny {
	margin: 1vw 0 0 0;
}
#kalendar-overlay .kalendar-den {
	display: inline-block;
	width: 13vw;
	height: 13vw;
	padding: 2.5vw 3.5vw;
	font-family: 'Oswald', sans-serif;
	font-weight: 300 !important;
	font-size: 130%;
	background: #e7e7e7;
	margin: 0;
	border-color: #fff;
	border-style: solid;
	border-width: 0px 0px 2px 2px;
	text-decoration: none;
	font-weight: 600;
	text-align: right;
	color: #666666;
}
#kalendar-overlay .kalendar-den.disabled {
	color: #c6c6c6;
}
#kalendar-overlay .kalendar-den.nedele {
	font-weight: 500 !important;
	color: #002b4b;
}
#kalendar-overlay .kalendar-den.selected {
	font-weight: 500 !important;
	background-color: #e61744;
	color: #fff;
}
#kalendar-overlay a.kalendar-den:hover {
	background: #666;
	color: #fff;
}
.main-program-porad {
	padding: 4vw 2vw 3vw 4vw;
	background: #fff url('../images/pozadi/porad.png') center bottom no-repeat;
	background-size: 105vw 25vw;
}
h2.main-program-cas {
	color: #fff;
	display: inline-block;
	width: 20vw;
	padding: 2vw;
	text-align: center;
	font-weight: 600;
	font-size: 160%;
	margin: 0;
	background: #666; /* default bg color */
}
h3.main-program-title {
	display: inline-block;
	font-weight: 600;
	font-size: 160%;
	width: 72vw;
	margin: 0;
	padding: 1vw 0vw 1vw 3vw;
	letter-spacing: -0.01em;
	color: #666; /* default color */
}
h3.main-program-title::after {	
	display: block;
	content: ' ';
	float: left;
	background-size: 100vw;
	width: 72vw;
	height: 1px;
	margin: 1.95vw 0 -1.95vw -3vw;
	opacity: 0.7;
	background-image: url('../images/cary/neutralni-left.png'); /* default line */
}
.porad-info h3.main-program-title {
	width: 94vw;
	padding: 1vw 0vw 1vw 0vw;
}
.porad-info h3.main-program-title::after {	
	width: 94vw;
	margin: 1vw 0 -1vw 0vw;
}
.porad-past {
	display: none;
}
h4.main-program-typ {
	display: inline-block;
	vertical-align: top;
	font-weight: 300;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 120%;
	width: 20vw;
	padding: 2vw 0;
	text-align: center;
	margin: 0;
	background: #ccc; /* default bg color */
	color: #666; /* default color */	
	letter-spacing: -0.01em;
}
.main-program-kulicky {
	position: absolute;
	display: inline-block;
	width: 20vw;
	padding: 0;
	text-align: center;
	margin: 14vw 0 0 -21vw;
}
.porad-info .main-program-kulicky {
	width: auto !important;
	display: inline !important;
	margin: 2vw 2vw 0 2vw !important;
}
.main-program-kulicky img {
	height: 7vw;
	margin: 0;
	padding: 0;
}
.main-program-desc {
	display: inline-block;
	color: #666666;
	width: 72.5vw;
	margin: 0;
	padding: 2vw 0 2vw 2vw;
	font-size: 110%;
}
.main-program-desc a, .main-program-porady-info a {
	color: #fc0232;
}
.porad-info .main-program-desc {
	width: 94vw;
	padding: 2vw 0;
}
.main-program-thumb {
	float: right;
	width: 36vw;
	height: 40vw;
	margin: 2vw -2vw 0 1vw;
	padding: 0;
	overflow-x: hidden;
}
.porad-info  .main-program-thumb {
	margin: -12vw -2vw 0 1vw;
}
.main-program-thumb-inner{
	width: 40vw;
	height: 40vw;
	margin: 0;
	padding: 0;
}
.main-program-desc .main-program-thumb {
	width: 27vw;
	height: 30vw;
	margin: 2vw -4vw 1vw 1vw;
}
.main-program-desc .main-program-thumb-inner{
	width: 30vw;
	height: 30vw;
}
.main-program-desc p {
	margin: 0 3vw 0.4em 0;
}
.main-program-tlacitka {
    margin: 1vw 0 -1vw -23vw;
}
.main-program-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover; 
	clip-path: circle(48% at 50% 50%);
}
.main-program-tecky{
	display: inline-block;
	margin: 0.5vw 3vw 0.5vw 0;
	color: #808080;
}
.main-program-tecky img {
	height: 6vw;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
.main-program-terminy {
	margin: 4vw 0 4vw 0;
}
.main-program-terminy h5 {
	margin: 0;
	font-size: 100%;
	font-weight: 600;
	color: #666666;
}
.main-program-tecky::before {
	display: inline-block;
	content: ' ';
	background-image: url('../images/icons/kulicky-tmave.svg');
	background-size: 6vw 4vw;
	width: 6vw;
	height: 4vw;
	margin: -2vw 3px -2vw -3px;
	padding: 0;
	vertical-align: middle;
	opacity: 0.5;
}
.main-program-rezervace, .main-program-vstupenky, .main-program-informace, .odkaz-zpet, .odkaz-vice , .form-odeslat, .odkaz-sdilet{
	display: inline-block;
	font-weight: 300;
	white-space: nowrap !important;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 110%;
	padding: 1.4vw 7.3vw 1.0vw 2vw;
	text-align: left;
	margin: 3vw 7.3vw 3vw -0.5vw;
	letter-spacing: -0.02em;
	min-width: 4.4em;
	text-decoration: none !important;
}
.main-program-rezervace strong, .main-program-vstupenky strong, .main-program-informace strong, .odkaz-zpet strong, .odkaz-vice strong, .form-odeslat strong, .odkaz-sdilet strong {
	font-weight: 500 !important;
}
.main-program-tecky strong {
	font-weight: 600 !important;
}
.main-program-rezervace.smaller, .main-program-vstupenky.smaller, .main-program-informace.smaller, .odkaz-zpet.smaller, .odkaz-vice.smaller , .form-odeslat.smaller, .odkaz-sdilet.smaller{
	font-size: 105%;
	margin: 3vw 6.0vw 3vw -0.5vw;
	padding: 1.4vw 6.0vw 1.0vw 1.5vw;
}
.main-program-rezervace::after , .main-program-vstupenky::after, .main-program-informace::after, .odkaz-zpet::after, .odkaz-vice::after, .form-odeslat::after, .odkaz-sdilet::after {
	background-size: 14vw 14vw;
	display: block;
	content: ' ';
	width: 14vw;
	height: 14vw;
	vertical-align: middle;
	float: right;
	position: relative;
	left: 7vw;
	top: 3.3vw;
	margin: -7vw;
}
.main-program-rezervace.smaller::after , .main-program-vstupenky.smaller::after, .main-program-informace.smaller::after, .odkaz-zpet.smaller::after, .odkaz-vice.smaller::after, .form-odeslat.smaller::after, .odkaz-sdilet.smaller::after {
	background-size: 12vw 12vw;
	display: block;
	content: ' ';
	width: 12vw;
	height: 12vw;
	vertical-align: middle;
	float: right;
	position: relative;
	left: 6vw;
	top: 2.5vw;
	margin: -6vw;
}
.main-program-terminy-dalsi{
	background-size: 12vw 12vw;
	display: inline-block;
	content: ' ';
	width: 12vw;
	height: 12vw;
	vertical-align: middle;
	margin: -6.5vw -1vw -5.5vw -1vw;
	background-image: url('../images/icons/sipka-dalsi-dolu.svg');
	opacity: 0.7;
}
.main-program-terminy-dalsi:hover {
	opacity: 1.0;
}
.main-program-rezervace {
	color: #002b4b !important;
	background: #abc3d5;
}
.main-program-rezervace:hover {
	background: #93aec2;
}
.main-program-rezervace::after {
	background-image: url('../images/icons/rezervace.svg');
}
span.main-program-rezervace {
	color: #808080 !important;
	background: #d3d3d3;
	opacity: 0.75;
}
span.main-program-rezervace:hover {
	background: #c3c3c3;
}
span.main-program-rezervace::after {
	background-image: url('../images/icons/rezervace-grey.svg');
}
.main-program-informace {
	color: #555 !important;
	background: #d3d3d3;
	margin: 2vw 7.5vw 2vw -0.5vw;
}
.odkaz-zpet, .odkaz-vice {
	color: #555 !important;
	background: #d3d3d3;
	margin: 2vw 6vw 2vw 1vw;
}
.main-program-informace:hover, .odkaz-zpet:hover, .odkaz-vice:hover {
	background: #c3c3c3;
}
.odkaz-sdilet {
	color: #909090 !important;
	background: #e8e8e8;
}
.odkaz-sdilet:hover {
	background: #d3d3d3;
}
.main-program-informace::after {
	background-image: url('../images/icons/informace.svg');
}
.odkaz-zpet::after {
	background-image: url('../images/icons/sipka-predchozi.svg');
}
.odkaz-vice::after {
	background-image: url('../images/icons/sipka-dalsi.svg');
}
.odkaz-zpet-outer {
	text-align: right;
	margin: 2em 0 0 0;
}
.odkaz-sdilet::after {
	/*
	opacity: 0.5;
	float: none;
	display: inline-block;
	left: 0;
	*/
	background-image: url('../images/icons/sdilet.svg');
}
.button-right {
	text-align: right;
	margin: 0 1em 0 0;
}
.main-program-vstupenky {
	color: #e61744 !important;
	background: #f7b9c7;
}
.main-program-vstupenky:hover {
	background: #eba0b1;
}
.main-program-vstupenky::after {
	background-image: url('../images/icons/vstupenky.svg');
}
span.main-program-vstupenky {
	color: #808080 !important;
	background: #d3d3d3;
	opacity: 0.75;
}
span.main-program-vstupenky:hover {
	background: #c3c3c3;
}
span.main-program-vstupenky::after {
	background-image: url('../images/icons/vstupenky-grey.svg');
}
.form-odeslat {
	color: #002b4b !important;
	background: #abffff;
	font-size: 115%;
}
.form-odeslat:hover {
	background: #0afdff;
}
.form-odeslat::after {
	background-image: url('../images/icons/odeslat.svg');
}
.typ1 h2.main-program-cas {
	background: #002b4b;
}
.typ1 h3.main-program-title {
	color: #002b4b;
}
.typ1 h3.main-program-title::after {
	background-image: url('../images/cary/modra-left.png');
}
.typ1 h4.main-program-typ {
	background: #abc3d5;
	color: #002b4b;	
}
.typ2 h2.main-program-cas {
	background: #e61744;
}
.typ2 h3.main-program-title {
	color: #e61744;
}
.typ2 h3.main-program-title::after {
	background-image: url('../images/cary/cervena-left.png');
}
.typ2 h4.main-program-typ {
	background: #f7b9c7;
	color: #e61744;	
}	
.novinky-stranky {
	margin: 0 4vw;
	padding: 6vw 0;
	color: #666;
	font-size: 110%;
}
.novinky-stranky a {
	color: #fc0232;
	padding: 0 0.2em;
}
.novinky-stranky span {
	padding: 0 0.2em;
}
#main-program-content h2.novinky-title {
	color: #002b4b;
	display: block;
	font-weight: 600;
	font-size: 190%;
	line-height: 130%;
	margin: 0 0 2vw 0;
	padding: 1vw 1px;
	text-transform: uppercase;
}
#main-program-content h2.novinky-title:after {	
    display: block;
	content: ' ';
	background-image: url('../images/cary/modra-left.png');
	background-size: 100vw 2px;
	width: 100%;
	height: 1.3px;
	margin: -1vw 0 1vw 0;
	padding: 0;
	opacity: 0.7;
}
.main-program-section {
	margin: 1em 0 0.5em 0;
	font-size: 115%;
}
#reservation-form div, #reservation-form input, #reservation-form textarea {
	font-size: 95% !important;
	border-color: #ccc;
	border-width: 1.3px;
	outline: 0;
	/*margin: 1em 0;*/
}
.reservation-form-row {
	margin: 1em 0;
}
.reservation-form-row-required input, .reservation-form-row-required textarea {
	border-color: #333 !important;
}
div.reservation-form-row div.reservation-form-caption {
	color: #999 !important;
}
div.reservation-form-row-required div.reservation-form-caption {
	color: #333 !important;
}
.reservation-form-caption {
	/*width: 25%;
	float: left;*/
	margin: 0.15em 0 0 0;
}
.reservation-form-input{
	/*width: 74%;
	float: left;*/
}
.reservation-form-input input, .reservation-form-input textarea {
	padding: 0.3em;
	width: 100%;
	margin: 0.3em 0 0.3em 0;
}
.reservation-form-input input::placeholder, .reservation-form-input textarea::placeholder {
	color: #bbb !important;
}
.reservation-form-input input[type=checkbox] {
	width: 1.5em !important;
	height: 1.5em !important;
	display: inline-block;
	vertical-align: top;
	margin: 0.2em 0.5em 0 0;
}
.reservation-form-input label {
	width: 90%;
	display: inline-block;
}
.reservation-form-error {
	font-weight: 600;
	color: #fc0232;
}

/*--------------------------------------------------------------
4.3 - Main area (page)
--------------------------------------------------------------*/
#main-page-content {
	background-color: white;
	padding: 6vw 6vw 10vw 6vw;
	margin: 0;
	font-size: 95% !important;
	line-height: 140%;
	color: #666666;
}
#main-page-content div:not(#div-menu),#main-page-content p,#main-page-content td,#main-page-content li {
	font-size: 110% !important;
	line-height: 140%;
}
#main-page-content div#div-menu {
	font-size: 75% !important;
	line-height: 140%;
}
#main-page-content td {
	color: #666666;
}
#main-page-content p {
	margin: 1em 0;
}
#main-page-content strong {
	font-weight: bold;
	/*color: #333333;*/
}
#main-page-content em {
	font-style: italic;
	color: #808080;
}
.lighter {
	color: #c0c0c0 !important;
}
#main-page-content ul, #main-page-content ol, .main-program-porad ul, .main-program-porad ol {
	margin: 0;
	padding: 0;
}
#main-page-content ol li, .main-program-porad ol li {
	margin: 0 0 2vw 6vw;
	padding: 0 0 0 3vw;
}
#main-page-content ul li, .main-program-porad ul li {
	margin: 0 0 2vw 0;
	padding: 0 0 0 6vw;
	list-style: none;
}
#main-page-content ul li:before, .main-program-porad ul li:before {
	display: inline-block;
	content: ' ';
	background-image: url('../images/icons/kulicky-tmave.svg');
	background-size: 6vw 4vw;
	width: 6vw;
	height: 4vw;
	margin: 0 0.1vw 0 -6.1vw;
	vertical-align: middle;
	opacity: 0.7;
}
#main-page-content h2 {
	color: #002b4b;
	display: block;
	font-weight: 600;
	font-size: 190%;
	line-height: 130%;
	margin: 6vw 0 2vw 0;
	padding: 1vw 1px;
}
#main-page-content h2.main-page-content-title {
	text-transform: uppercase;
}
#main-page-content h2:first-child {
	margin: 0vw 0 2vw 0;
}
#main-page-content h2:after {	
    display: block;
	content: ' ';
	background-image: url('../images/cary/modra-left.png');
	background-size: 100vw 2px;
	width: 100%;
	height: 1.3px;
	margin: -1vw 0 1vw 0;
	padding: 0;
	opacity: 0.7;
}
#main-page-content h3 {
	margin: 4vw 0 2vw 0;
	font-size: 140%;
	line-height: 130%;
}
#main-page-content a {
	color: #fc0232;
	text-decoration: underline;
	/* Long links need line breaks */
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
#main-page-content iframe {
	max-width: 88vw;
	width: 88vw;
	height: 50.5vw;
}
#main-page-content img {
	max-width: 88vw;
}
#main-page-content img.size-medium {
	width: 88vw;
}
#main-page-content a img {
	border-width: 1px;
}
#main-page-content .main-page-post-date {
	font-size: 90%;
	color: #bbb;
	margin-top: 0;
}
#main-page-content input, #sender-subscribe input {
	outline: none;
	border: none;
	font-size: 100%;
	padding: 0.25em 0.5em;
	margin: 0;
	display: inline-block;
	width: 60%;
	background-color: #e0e0e0;
}
#main-page-content button, #sender-subscribe button {
	outline: none;
	border: none;
	font-size: 100%;
	padding: 0.25em 0.5em;
	margin: 0;
	display: inline-block;
	width: 30%;
	background-color: #fc0232;
	color: #fff;
	cursor: pointer;
}
#sender-subscribe {
	margin: 1em 0;
}
ul.content_page_list:after {		
    display: block;
	content: ' ';
	background-image: url('../images/cary/modra-left.png');
	background-size: 100vw 2px;
	width: 100%;
	height: 1.3px;
	margin: 1vw 0 4vw 0;
	padding: 0;
	opacity: 0.35;
}
ul.content_page_list > li {
	padding: 0 !important;
}
ul.content_page_list li::before {
	/* white-space: normal !important;*/
	content: '·' !important;
	background: none !important;
	text-align: center !important;
	vertical-align: top !important;
	width: auto !important;
	padding: 0 0.1em 0 0.2em;
}	
ul.content_page_list > li::before {
	content: '' !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}	
ul.content_page_list > li > a {
	font-weight: 600;
}
ul.content_page_list ul, .content_page_list li {
	display: inline;
}
/*
ul.content_page_list > li:first-child > ul > li:first-child:before {
	background: none !important;
	content: '»' !important;
	text-align: center !important;
	vertical-align: top !important;
	width: 1em !important;
}
*/
ul.content_page_list > li > ul > li {
	white-space: nowrap;
}
ul.content_page_list li > a {
	text-decoration: none !important;
	color: #bbb !important;
}
ul.content_page_list li > a:hover {
	color: #fc0232 !important;
}
ul.content_page_list li.current_page_item > a {
	text-decoration: none !important;
	color: #fc0232 !important;
}
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted #999;
}
.tooltip:after {
	font-size: 85%;
	content:'?';
	position: relative;
	top: -0.5em;
	left: 0.2em;
	opacity: 0.6;
}
.tooltip .tooltiptext {
	visibility: hidden;
	font-size: 95%;
	width: 70vw;
	background-color: #808080;
	color: #fff;
	text-align: left;
	border-radius: 0.5em;
	padding: 1em;  
	/* Position the tooltip */
	position: absolute;
	z-index: 99;
	bottom: 100%;
	left: 0%;
	margin-left: -2em;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
}

.switchButton {
  position: relative;
  display: inline-block;
  width: 3em;
  height: 1.7em;
}
@-moz-document url-prefix() { 
	.switchButton {
	  top: 0.5em;
	}
}
.switchButton input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderButton {
  position: absolute;
  cursor: pointer;
  top: -1em;
  left: 0.5em;
  right: -0.5em;
  bottom: 1em;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.sliderButton:before {
  position: absolute;
  content: "";
  height: 1.3em;
  width: 1.3em;
  left: .2em;
  bottom: .2em;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .sliderButton {
  background-color: #e61744;
}

input:focus + .sliderButton {
  box-shadow: 0 0 1px #e61744;
}

input:checked + .sliderButton:before {
  -webkit-transform: translateX(1.3em);
  -ms-transform: translateX(1.3em);
  transform: translateX(1.3em);
}

/* Rounded sliders */
.sliderButton.round {
  border-radius: 1.7em;
}

.sliderButton.round:before {
  border-radius: 50%;
}

.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.openingHours {
	font-family: Oswald;
	font-weight: 300;
	font-size: 110%;
	color: #bbb;
	text-align: left;
	padding: 3vw 3vw 0 4vw;
	display: inline-block;
	float: left;
	/*text-transform: uppercase;*/
}
.hideCzechShows {
	font-family: Oswald;
	font-weight: 300;
	font-size: 110%;
	color: #bbb;
	text-align: right;
	padding-top: 3vw;
	padding-right: 5vw;
	display: inline-block;
	float: right;
	/*text-transform: uppercase;*/
}
#main-program-porad-empty {
	display: none;
}
.main-program-share {
	display: inline-block;
	margin: 0 0 3vw 0;
	font-size: 100%;
}
.odkaz-sdilet-icons {
	margin: 0 2vw 0 0;
	display: none;
}
.main-program-share .odkaz-sdilet-icons {
	margin: 0 -1.3vw;
	display: none;
}
.shareButton {
  width: 9vw;
  height: 9vw;
  margin: 2.5vw 1vw -2.5vw 0;
  fill: #80ffff !important;
  border-radius: 50%; 
  border: solid 1.5px #80ffff;
  cursor: pointer;
}
.shareButton:hover {
  border-color: #e61744;
  background: #e61744;
  fill: #fff !important;
}
.shareButton:hover path {
  fill: #fff !important;
}


/*--------------------------------------------------------------
4.4 - Sidebar area
--------------------------------------------------------------*/
#sidebar {
	width: 100vw;
	margin: 0;
	display: block;
	float: none;
}
.sidebar-title {
	display: inline-block;
	background: rgba(0, 38, 66, 0.75);
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 130%;
	margin: 4vw -4vw 0 4vw;
	padding: 3vw 4vw;
	letter-spacing: -0.02em;
}
.sidebar-title2 {
	opacity: 0.6;
}
.sidebar-title3 {
	opacity: 0.3;
	background: none;
}
.sidebar-title3 img {
	height: 2em;
	margin: -0.5em -0.2em;
}
.sidebar-title2:hover,.sidebar-title3:hover {
	opacity: 1.0;
}
#newsletter-content, #program-content {
	color: #8d9aa6;
	background: rgba(0, 38, 66, 0.75);
	padding: 4vw;
	margin: 0 4vw 2vw 4vw;
}
#newsletter-content::after, #program-content::after {
	width: 92vw;
	display: block;
	height: 1vw;
	content: ' ';
	background-color: rgba(0, 38, 66, 0.5);
	position: relative;
	top: 5vw;
	left: -4vw;
}
.newsletter-info {
	font-size: 110%;
	line-height: 140%;
}
#newsletter-form {
	margin: 2vw 0;
}
#newsletter-form .form-email {
	display: inline-block;
	background: #eee;
	color: #bbb;
	font-style: italic; 
	border: solid 1px #bbb;
	padding: 1.5vw 2vw;
	margin-right: -7vw;	
	width: 76vw;
}
#newsletter-form .form-email:focus {
	color: #666;
	font-style: normal;
	border: none;
	outline: none;
}
#newsletter-form .form-submit {
	display: inline-block;
	width: 14vw;
	padding: 0;
	vertical-align: middle;
	position: relative;
	top: -0.6vw;
	background: none;
}
.sidebar-news {
	display: block;
	color: #536270;
	font-weight: 600;
	font-size: 120%;
	text-decoration: none;
	padding: 0;
	margin: 2vw 0 2vw 0;
}
.sidebar-news-more/*, a div.sidebar-program*/ {
	color: #536270;
	font-weight: 600;
	font-size: 90%;
	text-decoration: underline;
}
a.sidebar-program, a.sidebar-program .sidebar-news-more {
	color: #8d9aa6;
	font-weight: 600;
	text-decoration: none;
}
.sidebar-program {
	display: block;
	text-decoration: none !important;
}
.sidebar-program {
	margin: 0 0 0.7em 0;
	text-decoration: none !important;
}
.sidebar-news-date, .sidebar-program-date {
	color: #0afdff;
	font-weight: 600;
}
.sidebar-news-title, .sidebar-program-title {
	color: #fff;
	font-weight: 400;
}
.sidebar-program .sidebar-program-date {
	display: inline-block;
}
.sidebar-news:hover .sidebar-news-more, .sidebar-news-more:hover {
	color: #07b5bf;
}
.sidebar-news-more::before, .sidebar-program-more::before {
    display: inline-block;
	content: ' ';
	background-image: url('../images/icons/kulicky-svetle.svg');
	background-size: 6vw 4vw;
	width: 6vw;
	height: 4vw;
	margin: 0 3px 0 -3px;
	vertical-align: middle;
	opacity: 0.7;
}
#sidebar h2 {
	color: #0afdff;
	font-weight: 300;
	font-size: 130%;
	margin: 0 0 0.5em 0;
}
#sidebar-program-day2 {
	display: none;
}
#partneri {
	width: 100vw;
	padding: 4vw 0 40vw 4vw;
}
#partneri h4 {
	text-transform: uppercase;
	font-weight: 400;
	color: #70879e;
	/*font-size: 90%;*/
	letter-spacing: 0.5em;
}
#partneri h4::after {	
    display: block;
	content: ' ';
	background-image: url('../images/cary/seda-left.png');
	background-size: 80vw 1px;
	width: 80vw;
	height: 1px;
	margin: 1.5vw 0 3.5vw -0.2vw;
}
#partneri-loga-scroll {
	width: 80vw;
	height: 10vw;
	overflow: hidden;
	margin: 1vw 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	scroll-behavior: smooth;
}
#partneri-loga-scroll-fullheight {
	width: 80vw;
	margin: 1vw 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
#partneri-loga-scroll a.partneri-logo, #partneri-loga-scroll-fullheight a.partneri-logo {
	height: 10vw;
	opacity: 0.5;
	padding: 0;
	margin: 0 3vw 0 0;
}
#partneri a.partneri-logo:hover, #partneri-fullheight a.partneri-logo:hover {
	opacity: 1.0;
}
#partneri a.partneri-logo:last-child, #partneri-fullheight a.partneri-logo:last-child {
	margin: 0;
}
#partneri a.partneri-logo img {
	height: 10vw;
	margin: 0;
	padding: 0;
}
#partneri .partneri-link {
	display: block;
	text-decoration: none;
	/*size: 90%;*/
	color: #536270;
	margin: 2vw 0;
}
#partneri .partneri-link:hover {
	color: #fff;
}


/*--------------------------------------------------------------
5.0 - Footer
--------------------------------------------------------------*/
#footer-background {
	position: absolute;
	z-index: -2;
	left: 0;
	width: 100vw;
	height: 80vw;
	margin: 0;
	padding: 0;
	background-color: rgba(5,14,21,0.9);
	background: linear-gradient(180deg, rgba(10,28,42,0.9) 0%, rgba(0,0,0,0.9) 100%);
	text-align: center;
}
#footer-background::before {
	display: block;
	content: ' ';
	width: 100vw;
	height: 50vw;
	padding: 0px;
	margin: -50vw 0 0 0;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #122d40;
	background: url('../images/pozadi/tema-brno360-mobile.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 200vw 50vw;
}
#footer {
	width: 100vw;
	margin: 2vw 0;
	padding: 0;
}
#footer-menu {
	display: none; 
}
#footer-icons {
	display: block; 
	list-style-type: none;
	padding: 0;
	text-align: right;
	margin: -22vw 2vw 12vw 2vw;
	position: relative;
	top: -2vw;
	z-index: 8;
	opacity: 0.8;
	/*
	left: 34px;
	top: 40px;
	*/
}
#footer-icons li {
	display: inline-block;
	padding: 1.6vw;
}
li#footer-icons-english {
	display: none;
}
#footer-icons li img {
	height: 11.6vw;
}
#footer-kontakt {
	display: block;
	width: 87vw;
	height: 90vw;
	background: url('../images/pozadi/footer-kruh.png');
	background-size: 107vw 107vw;
	background-position: top left;
	background-repeat: no-repeat;
	text-align: right;
	padding: 25vw 5vw 10vw 10vw;
	position: absolute;
	right: 0;
	margin: -25vw 0 0 0;
	color: #8d9aa6;
	z-index: -1;
}
#footer-kontakt  div, #footer-kontakt  a {
	font-size: 95% !important;
	line-height: 150%;
}
#footer-kontakt a {
	font-weight: 400;
	color: #536270;
}
#footer-kontakt .footer-kontakt-links a {
	font-size: 100% !important;
	font-weight: 600;
	color: #536270;
}
#footer-kontakt a.footer-kontakt-mail {
	color: #fff;
}
#footer-kontakt a:hover {
	color: #8d9aa6;
}
.footer-kontakt-po {
	display: block;
	background-image: url('../images/icons/kulicky-svetle.svg');
	background-size: 6vw 4vw;
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 0 0 2vw 0;
	padding: 0 0 6vw 0;
}
.footer-kontakt-adresa {
	margin: 2vw 0;
}

#wpadminbar {
	border: none;
	opacity: 0.92;
	background: none;
	position: fixed;
}

}