/*
Theme Name: Hvezdarna 2021
Description: Hvezdarna a planetarium Brno Theme 2021
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 (min-width: 960px) {

/*--------------------------------------------------------------
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;
}
.mobileOnly {
	display: none !important;
}


/*--------------------------------------------------------------
2.0 - Main settings, typography
--------------------------------------------------------------*/
html {
	overflow-x: hidden;
	margin: 0; padding: 0;
}

body,div,p,td,input,textarea {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 17.5pt;
	-webkit-text-size-adjust: 100%;
}
h1, h2, h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	line-height: 135%;
}
body {
	margin: 0;
	background: #041726 /*url('pozadi/body-trans.png') top center no-repeat scroll*/;
	text-align: center;
}

body::after {
	content: ' ';
	background: url('../images/pozadi/body-trans.png') no-repeat top center;
	background-size: cover;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
	height: 1100px;
	z-index: -999;
}

.cleaner {
	width: 0;
	height: 0;
	clear: both;
}

/*--------------------------------------------------------------
3.0 - Header
--------------------------------------------------------------*/
#header-background {
	display: block;
	content: ' ';
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 0px;
	background-color: rgba(0,0,0,0.83);
	background: linear-gradient(180deg, rgba(0,0,0,0.96) 0%, rgba(0,10,20,0.75) 100%);
	text-align: center;
	z-index: 1;
    border-bottom: 1px solid #1b2b3b;
}
/*
#header-background::after {
	width: 100%;
	display: block;
	height: 6px;
	content: ' ';
	background-color: rgba(0,10,20,0.32);
	position: absolute;
	z-index: 1;
	top: 150px; 
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0px;
}
*/
#header {
	width: 1432px;
	height: 150px;
	margin: 0 auto -156px auto;
	padding: 30px 0 0 0;
	z-index: 9 !important;
	position: relative;
}
#header-logo {
	float: left;
	position: relative;
	top: -5px;
}
#header-logo img {
	height: 95px;
}
#header-menu {
	list-style-type: none;
	margin: 30px auto 0 auto;
	font-size: 105%;
	padding: 0 36px 0 0;
	float: right;
}
#header-menu li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#header-menu li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#header-menu li a:hover, #header-menu li.current_page_parent a {
	color: #0afdff;
}
#header-menu li.current-menu-item a {
	/*font-weight: 600;*/
	color: #0afdff;
}
ul#header-menu > li > a::after, ul#header-menu > li > ul > li > a::after {
	content: ' ·';
	color: #fff;
}
ul#header-menu > li:last-child > a::after, ul#header-menu > li > ul > li:last-child > a::after {
	content: '';
}
#header-mobile {
	display: none;
}
#header-menu li ul.sub-menu {
	display: none;
}
#header-menu li.current-menu-item ul.sub-menu, #header-menu li.current_page_parent ul.sub-menu {
	position: absolute;
	top: 96px;
	left: 0px;
	width: 1396px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap;
}
#header-menu li.current-menu-item ul.sub-menu li, #header-menu li.current_page_parent ul.sub-menu li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#header-menu li.current-menu-item ul.sub-menu li a, #header-menu li.current_page_parent ul.sub-menu li a {
	font-size: 85%;
	text-transform: none;
	font-weight: 400;
	color: #eee;
}
#header-menu li.current-menu-item ul.sub-menu li a:hover, #header-menu li.current_page_parent ul.sub-menu li a:hover, #header-menu li.current_page_parent ul.sub-menu li.current-menu-item a {	
	/*font-weight: 600;
	letter-spacing: -0.018em;*/
	color: #0afdff;
}
#header-background.wp-logged-in {height: 165px;}
#header-background.wp-logged-in::after {top: 165px;}
#header.wp-logged-in {
	margin-top: 15px;
}


/*--------------------------------------------------------------
4.0 - Content
--------------------------------------------------------------*/
#content {
	width: 1432px;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 470px 0;
}

/*--------------------------------------------------------------
4.1 - Banner area
--------------------------------------------------------------*/
#banner {
	width: 1432px;
	margin: 156px auto 0 auto;
}
#desktop-icons {
	display: block; 
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 16px 0 0 0;
}
#desktop-icons li {
	width: 96px;
	padding: 5px 5px 5px 0;
	text-align: center;
	opacity: 0.77;
}
#desktop-icons li:hover {
	opacity: 1.0;
}
#desktop-icons li img {
	height: 48px;
}
#banner-href{
	display: block; 
	position: relative;
	float: left;
	width: 1000px;
	height: 400px;
	margin-right: -1000px;
	z-index: 1;
	cursor: pointer;
}
#banner-img {
	display: block; 
	position: relative;
	float: left;
	width: 1000px;
	height: 400px;
	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: 400px;
	margin: 0 -194px 0 -806px;
	z-index: -2;
}
#banner-tecky {
	display: block;
	overflow: visible;
	width: 52px;
	height: 386px;
	line-height: 0 !important;
	font-size: 0 !important;
	position: absolute;
	margin: 7px 0 0 855px;
	opacity: 0.87;
	z-index: 9;
}
#banner-tecky img {
	display: block;
	width: 22px;
	height: 22px;
	margin: 10px;
	position: relative;
	cursor: pointer;
}
	#banner-tecky img:nth-child( 1){left: 45px; margin: 10px 10px;}
	#banner-tecky img:nth-child( 2){left: 28px; margin: 10px 10px;}
	#banner-tecky img:nth-child( 3){left: 16px; margin: 11px 10px;}
	#banner-tecky img:nth-child( 4){left:  7px; margin: 12px 10px;}
	#banner-tecky img:nth-child( 5){left:  2px; margin: 12px 10px;}
	#banner-tecky img:nth-child( 6){left:  1px; margin: 12px 10px;}
	#banner-tecky img:nth-child( 7){left:  4px; margin: 12px 10px;}
	#banner-tecky img:nth-child( 8){left: 10px; margin: 10px 10px;}
	#banner-tecky img:nth-child( 9){left: 20px; margin:  9px 10px;}
	#banner-tecky img:nth-child(10){left: 33px; margin:  7px 10px;}
	#banner-tecky img:nth-child(11){left: 50px; margin:  5px 10px;}
	#banner-tecky img:nth-child(12){left: 69px; margin:  3px 10px;}
#banner-desc {
	display: inline-block;
	line-height: 320px;
	vertical-align: middle;
	width: 608px;
	height: 607px;
	margin: -115px -400px -73px 0;
	padding: 80px 80px 50px 80px;
	text-align: center;
	background-image: url('../images/pozadi/banner-kruh.png');
	background-position: center center;
	background-size: 610px 609px;
	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: 270%;
	line-height: 1.25;
	text-align: center;
	letter-spacing: -0.02em;
	display: inline-block;
	vertical-align: middle;
}
#banner-desc p {
	color: #002b4b;
	font-size: 130%;
	line-height: 1.4;
	text-align: center;
	letter-spacing: -0.02em;
}
#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: 28px;
	height: 28px;
	content: '';
	background-image: url('../images/icons/sipka-dalsi-modra.svg');
	background-size: 28px 28px;
	margin: 4px 0 -4px 4px;
}
#upozorneni-shadow {
	width: 1400px;
	margin: 2px auto -3px auto;
	background: url('../images/pozadi/upozorneni-shadow.png');
	background-position: center 85%;
	position: relative;
	left: 34px;
	padding: 0 0 25px 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;
}

/*--------------------------------------------------------------
4.2 - Main area (program)
--------------------------------------------------------------*/
#mainbar {
	width: 889px;
	margin: 1px 18px 40px 96px;
	float: left;
	min-height: 720px;
	position: relative;
	z-index: 99;
}
#main-program-menu {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;	
	font-weight: 600;
	font-size: 110%;
	line-height: 1.2;
	vertical-align: bottom;
}
#main-program-menu li {
	display: inline-block;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
#main-program-menu li a {
	display: inline-block;
	padding: 10px 10px 4px 15px;
	text-transform: uppercase;
	opacity: 0.84;
	margin: 0 1px 0 0;
	text-decoration: none;
}
#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: 45px;
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin: 0 0 0 -5px;
	padding: 0;
}
#main-program-content {
	background-color: white;
	padding: 30px 30px 0 30px;
	margin: 0;
}
h1.main-program-datum {
    display: block;
	float: left;
	text-align: left;
	color: #002b4b;
	font-weight: 300;
	font-size: 180%;
	line-height: 120%;
	width: 429px;
	margin: 0;
	padding: 0;
}
h1.main-program-datum::after {	
    display: block;
	content: ' ';
	float: left;
	background-image: url('../images/cary/modra-left.png');
	background-size: 900px 1.3px;
	width: 814px;
	height: 1.3px;
	margin: 0 0 20px -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;
	padding: 0;
}
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: 900px 1.3px;
	width: 814px;
	height: 1.3px;
	margin: 8px 0 20px -1px;
}
h1.main-program-porady-skoly:after {	
	background-image: url('../images/cary/modra-left.png');
}
.main-program-porady-info {
	margin: 20px 0;
}
#main-program-kalendar {	
    display: block;
	float: right;
	font-family: 'Oswald', sans-serif;
	font-size: 66.7%;
	line-height: 150%;
	font-weight: 300;
	text-transform: uppercase;
	text-decoration: none;
	background: #b5feff;
	color: #002b4b;
	width: 300px;
	padding: 2.4pt 10pt;
	margin: -44px -380px 0 380px;
	cursor: pointer;
}
#main-program-kalendar:hover {
	background: #80ffff;
}
#main-program-kalendar::after {
	background-image: url('../images/icons/kalendar.svg');
	background-size: 72px 72px;
	display: block;
	content: ' ';
	width: 72px;
	height: 72px;
	vertical-align: middle;
	float: right;
	position: relative;
	left: 36px;
	margin: -16px -16px -20px -16px;
}
#kalendar-overlay {
	position: absolute;
	display: none;
	width: 394px;
	background: #fff;
	padding: 15px;
	text-align: left;
	z-index: 9;
	margin: -84px -450px 0 450px;
	box-shadow: -6px 6px 12px 0px #ccc;
}
#kalendar-overlay #kalendar-navigation {
	width: 349px;
	background: #d9d9d9;
	line-height: 1.0;
	margin: 2px 0 13px 0;
	padding: 10px 0 0 0;
}
#kalendar-overlay #kalendar-navigation #kalendar-navigation-mesic {
	display: inline;
}
#kalendar-overlay #kalendar-navigation h3 {
	text-transform: uppercase;
	display: inline-block;
	font-size: 120%;
	width: 180px;
	text-align: center;
	font-weight: 300;
	line-height: 1.0;
}
#kalendar-overlay #kalendar-navigation .kalendar-scroll {
	padding: 10px 0 2px 0;
}
#kalendar-overlay #kalendar-navigation a.kalendar-scroll:hover {
	opacity: 0.75;
}
#kalendar-overlay #kalendar-navigation .kalendar-scroll img {
	height: 42px;
	vertical-align: middle;
	position: relative;
	top: -5px;
	margin: -3px 7px;
}
#kalendar-close {
	display: block;
	float: right;
	width: 72px;
	height: 72px;
	margin: -23px -33px -3px 1px;
	cursor: pointer;
}
#kalendar-close img {
	height: 72px;
}
#kalendar-overlay .kalendar-den {
	display: inline-block;
	width: 50px;
	height: 54px;
	padding: 10px 13px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300 !important;
	font-size: 110%;
	background: #e7e7e7;
	margin: 2px 2px 0 0;
	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: 27px 0 36px 0;
	background: #fff url('../images/pozadi/porad.png') center bottom no-repeat;
}
h2.main-program-cas {
	color: #fff;
	display: inline-block;
	width: 100px;
	padding: 8px;
	text-align: center;
	font-weight: 600;
	font-size: 140%;
	margin: 0;
	background: #666; /* default bg color */
}
h3.main-program-title {
	display: inline-block;
	font-weight: 600;
	font-size: 140%;
	width: 712px;
	margin: 0;
	padding: 8px 20px;
	color: #666; /* default color */
	letter-spacing: -0.01em;
}
h3.main-program-title::after {	
    display: block;
	content: ' ';
	float: left;
	background-size: 900px 2px;
	width: 732px;
	height: 1.3px;
	margin: 7px 0 -9px -20px;
	opacity: 0.7;
	background-image: url('../images/cary/neutralni-left.png'); /* default line */
}
.porad-thumb h3.main-program-title {
	padding: 8px 135px 8px 20px;
}
.porad-info h3.main-program-title {
	width: 570px;
	padding: 8px 0px;
}
.porad-info h3.main-program-title::after {	
	width: 732px;
	margin: 7px 0 -9px 0px;
}
.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: 100%;
	width: 100px;
	padding: 8px 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: 103px;
	padding: 0;
	text-align: center;
	margin: 70px 0 0 -105px;
}
.porad-info .main-program-kulicky {
	width: auto !important;
	display: inline !important;
	margin: 8px 8px 0 8px !important;
}
.main-program-kulicky img {
	height: 36px;
	margin: 0;
	padding: 0;
}
.main-program-desc {
	display: inline-block;
	color: #666666;
	width: 712px;
	margin: 0;
	padding: 8px 15px;
}
.main-program-desc p {
	font-size: 84%;
	letter-spacing: 0.02em;
	color: #909090;
}
.main-program-desc a, .main-program-porady-info a {
	color: #fc0232;
}
.porad-info .main-program-desc {
	width: 798px;
	padding: 8px 0px;
}
.main-program-thumb {
	float: right;
	width: 270px;
	height: 300px;
	margin: 0 -30px 0 10px;
	padding: 0;
	overflow-x: hidden;
}
.main-program-thumb-inner{
	width: 300px;
	height: 300px;
	margin: 0;
	padding: 0;
}
.main-program-desc .main-program-thumb {
	width: 215px;
	height: 240px;
	margin: -60px -56px 10px 10px;
}
.porad-info .main-program-desc .main-program-thumb {
	margin: -60px -61px 10px 10px;
}
.main-program-desc .main-program-thumb-inner {
	width: 240px;
	height: 240px;
}
.main-program-desc p {
	margin: 0.5em 0 0.5em 0;
}
.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: 8px 30px 8px 0;
	color: #808080;
	font-size: 96%;
	letter-spacing: 0.01em;
}
.main-program-tecky img {
	height: 32px;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
.main-program-cena {
	display: inline-block;
	margin: 6px 30px 18px 0;
	color: #808080;
}
.main-program-terminy {
	margin: 28px 0 28px 0;
}
.main-program-terminy h5 {
	margin: 10px 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: 30px 20px;
	width: 30px;
	height: 20px;
	margin: 0 4px 0 -4px;
	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: 7px 12px 5px 12px;
	text-align: left;
	margin: 18px 60px 0 0;
	min-width: 5em;
	text-decoration: none !important;
}
.main-program-vstupenky-popis {
	margin: 0.5em 0;
	color: #666666;
}
.main-program-rezervace.smaller, .main-program-vstupenky.smaller, .main-program-informace.smaller, .odkaz-zpet.smaller, .odkaz-vice.smaller , .form-odeslat.smaller, .odkaz-sdilet.smaller{
	padding: 7px 0px 5px 12px;
}
.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::after , .main-program-vstupenky::after, .main-program-informace::after, .odkaz-zpet::after, .odkaz-vice::after, .form-odeslat::after, .odkaz-sdilet::after{
	background-size: 72px 72px;
	display: block;
	content: ' ';
	width: 72px;
	height: 72px;
	vertical-align: middle;
	float: right;
	position: relative;
	left: 36px;
	margin: -16px;
}
.main-program-terminy-dalsi{
	background-size: 72px 72px;
	display: inline-block;
	content: ' ';
	width: 72px;
	height: 72px;
	vertical-align: middle;
	margin: -18px -16px -14px -16px;
	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, .odkaz-zpet, .odkaz-vice {
	color: #555 !important;
	background: #d3d3d3;
}
.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 {
	margin-left: 1.5em;
}
.odkaz-zpet::after {
	background-image: url('../images/icons/sipka-predchozi.svg');
}
.odkaz-zpet-outer {
	text-align: right;
	margin: 2em -32px 0 0;
    line-height: 170% !important;
}
.odkaz-vice::after {
	background-image: url('../images/icons/sipka-dalsi.svg');
}
.odkaz-sdilet::after {
	/*
	float: none;
	display: inline-block;
	left: 0;
	*/
	background-image: url('../images/icons/sdilet.svg');
}
.odkaz-sdilet {
	margin-right: 1.5em;
}
.button-right {
	text-align: right;
	margin: 0 -32px 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: 120%;
}
.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;
	padding: 50px 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: 200%;
	line-height: 130%;
	margin: 0 0 12px 0;
	padding: 8px 1px;
	text-transform: uppercase;
}
#main-program-content h2.novinky-title:after {	
    display: block;
	content: ' ';
	background-image: url('../images/cary/modra-left.png');
	background-size: 900px 2px;
	width: 100%;
	height: 1.3px;
	margin: -3px 0 6px 0;
	padding: 0;
	opacity: 0.7;
}
.main-program-section {
	margin: 1em 0 0.5em 0;
	font-size: 130%;
}
#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: 30px 30px 50px 30px;
	margin: 0;
	/*font-size: 95% !important;
	line-height: 140%;*/
	color: #666666;
}
#main-page-content div,#main-page-content p,#main-page-content td,#main-page-content li {
	font-size: 95% !important;
	line-height: 140%;
}
#main-page-content div#div-menu {
	font-size: 120% !important;
	line-height: 140%;
}
#main-page-content p {
	margin: 1em 0;
}
#main-page-content td {
	color: #666666;
}
#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 10px 30px;
	padding: 0 0 0 15px;
}
#main-page-content ul li, .main-program-porad ul li {
	margin: 0 0 10px 0;
	list-style: none;
	padding: 0 0 0 30px;
}
#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: 30px 20px;
	width: 30px;
	height: 20px;
	margin: 0 4px 0 -34px;
	vertical-align: middle;
	opacity: 0.7;
}
#main-page-content h2 {
	color: #002b4b;
	display: block;
	font-weight: 600;
	font-size: 200%;
	line-height: 130%;
	margin: 40px 0 12px 0;
	padding: 8px 1px;
}
#main-page-content h2.main-page-content-title {
	text-transform: uppercase;
}
#main-page-content h2:first-child {
	margin: 0px 0 12px 0;
}
#main-page-content h2:after {	
    display: block;
	content: ' ';
	background-image: url('../images/cary/modra-left.png');
	background-size: 900px 2px;
	width: 100%;
	height: 1.3px;
	margin: -3px 0 6px 0;
	padding: 0;
	opacity: 0.7;
}
#main-page-content h3 {
	margin: 30px 0 12px 0;
	font-size: 150%;
	line-height: 130%;
}
#main-page-content a {
	color: #fc0232;
	text-decoration: underline;
	/*text-decoration-thickness: 1.5px;*/
	-webkit-text-stroke: 0.01px #fc0232;
}
#main-page-content iframe {
	max-width: 829px;
	width: 829px;
	height: 466px;
}
#main-page-content img {
	max-width: 829px;
}
#main-page-content img.size-medium {
	width: 829px;
}
#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: 900px 2px;
	width: 100%;
	height: 1.3px;
	margin: 6px 0 24px 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;
	font-size: 100%;
}
.tooltip:after {
	font-size: 87%;
	content:'?';
	position: relative;
	top: -0.5em;
	left: 0.2em;
	opacity: 0.6;
}
.tooltip .tooltiptext {
	visibility: hidden;
	font-size: 90%;
	width: 20em;
	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;
  top: -0.5em;
}
@-moz-document url-prefix() { 
	.switchButton {
	  top: 0;
	}
}
.switchButton input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderButton {
  position: absolute;
  cursor: pointer;
  top: -0.6em;
  left: 0.5em;
  right: -0.5em;
  bottom: 0.6em;
  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;
	display: inline-block;
	float: left;
	text-transform: uppercase;
}
.hideCzechShows {
	font-family: Oswald;
	font-weight: 300;
	font-size: 110%;
	color: #bbb;
	text-align: right;
	display: inline-block;
	float: right;
	text-transform: uppercase;
}
#main-program-porad-empty {
	display: none;
}
.main-program-share {
	/*float: right;*/
	display: inline-block;
	margin: 0 -25px 0 0;
	font-size: 100%;
}
.main-program-share .odkaz-sdilet {
	margin-right: 0;
}
.odkaz-sdilet-icons {
	display: none;
	margin-right: -13px;
}
.shareButton {
  width: 50px;
  height: 50px;
  margin: 15px 13px -15px 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: 400px;
	margin: 0px 0px 40px 0;
	display: block;
	float: left;
	position: relative;
	z-index: 99;
}
.sidebar-title {
	display: inline-block;
	background: rgba(0, 38, 66, 0.87);
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 110%;
	margin: 0;
	padding: 10px 20px;
	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.87);
	padding: 20px;
	margin: 0 0 15px 0;
	font-size: 95%;
}
#newsletter-content::after, #program-content::after {
	width: 400px;
	display: block;
	height: 5px;
	content: ' ';
	background-color: rgba(0, 38, 66, 0.5);
	position: relative;
	top: 25px;
	left: -20px;
}
.newsletter-info {
	font-size: 85%;
	letter-spacing: 0.02em;
	line-height: 1.4;
}
#newsletter-form {
	margin: 15px 0;
}
#newsletter-form .form-email {
	display: inline-block;
	background: #eee;
	color: #bbb;
	font-style: italic; 
	border: solid 1px #bbb;
	padding: 5px 10px;
	margin-right: -36px;	
	width: 315px;
}
#newsletter-form .form-email:focus {
	color: #666;
	font-style: normal;
	border: none;
	outline: none;
}
#newsletter-form .form-submit {
	display: inline-block;
	width: 72px;
	padding: 0;
	vertical-align: middle;
	position: relative;
	top: -3px;
	background: none;
}
.sidebar-news {
	display: block;
	color: #536270;
	font-weight: 600;
	text-decoration: none;
	padding: 0;
	margin: 15px 0 10px 0;
}
.sidebar-news-more/*, a div.sidebar-program*/ {
	color: #536270 !important;
	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;
	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-program-more, .sidebar-news-more {
	font-size: 87%;
	letter-spacing: 0.01em;
}
.sidebar-news-more::before, .sidebar-program-more::before {
    display: inline-block;
	content: '';
	background-image: url('../images/icons/kulicky-svetle.svg');
	background-size: 30px 20px;
	width: 30px;
	height: 20px;
	margin: 0 4px 0 -4px;
	vertical-align: middle;
	opacity: 0.7;
}
#sidebar h2 {
	color: #0afdff;
	font-weight: 300;
	font-size: 140%;
	margin: 0 0 0.5em 0;
}
#sidebar-program-day2 {
	display: none;
}
#partneri {
	width: 430px;
	padding: 20px 0px 20px 20px;
}
#partneri h4 {
	text-transform: uppercase;
	font-weight: 400;
	color: #70879e;
	font-size: 85%;
	letter-spacing: 0.5em;
}
#partneri h4::after {	
    display: block;
	content: ' ';
	background-image: url('../images/cary/seda-left.png');
	background-size: 360px 2px;
	width: 320px;
	height: 1.3px;
	margin: 6px 0 15px -2px;
}
#partneri-loga-scroll {
	height: 350px;
	overflow: hidden;
	position: relative;
	left: -4px;
	margin: 5px 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	scroll-behavior: smooth;
}
#partneri-loga-scroll-fullheight {
	position: relative;
	left: -4px;
	margin: 5px 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
#partneri-loga-scroll a.partneri-logo, #partneri-loga-scroll-fullheight a.partneri-logo {
	height: 70px;
	opacity: 0.5;
	padding: 0;
	margin: 0 20px 0 0;
}
#partneri-loga-scroll a.partneri-logo:hover, #partneri-loga-scroll-fullheight a.partneri-logo:hover {
	opacity: 1.0;
}
#partneri-loga-scroll a.partneri-logo:last-child, #partneri-loga-scroll-fullheight a.partneri-logo:last-child {
	margin: 0;
}
#partneri-loga-scroll a.partneri-logo img, #partneri-loga-scroll-fullheight a.partneri-logo img {
	height: 50px;
	margin: 10px 0;
	padding: 0;
}
#partneri .partneri-link {
	display: block;
	text-decoration: none;
	font-size: 85%;
	color: #536270;
	margin: 14px 0;
}
#partneri .partneri-link:hover {
	color: #fff;
}

/*--------------------------------------------------------------
5.0 - Footer
--------------------------------------------------------------*/
#footer-background {
	position: absolute;
	z-index: -2;
	left: 0;
	width: 100%;
	height: 420px;
	margin: 0;
	padding: 0px;
	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: 100%;
	height: 960px;
	padding: 0px;
	margin: -960px 0 0 0;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #122d40;
	/*opacity: 0.42;*/
	background: url('../images/pozadi/tema-brno360.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;	
	/*-webkit-mask-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 1) 30% );*/
}
#footer {
	width: 1432px;
	margin: 30px auto;
}
#footer-menu {
	display: block; 
	list-style-type: none;
	font-size: 120%;
	line-height: 1.5 !important;
	padding: 0;
	margin: 60px 40px 16px 96px;
	width: 400px;
	text-align: left;
	min-height: 200px;
	/*
	position: relative;
	left: 34px;
	top: 40px;
	*/
}
#footer-menu li {
	display: block;
	margin: 0;
	padding: 0;
}
#footer-menu li a {
	color: #0afdff;
	text-decoration: none;
	text-transform: uppercase;
}
#footer-menu li a:hover {
	color: #fff;
}
#footer-icons {
	display: block; 
	list-style-type: none;
	padding: 0;
	text-align: left;
	margin: 16px 16px 16px 84px;
	/*
	position: relative;
	left: 34px;
	top: 40px;
	*/
}
#footer-icons li {
	display: inline-block;
	padding: 5px;
	opacity: 0.77;
}
#footer-icons li:hover {
	opacity: 1.0;
}
#footer-icons li img {
	height: 40px;
}
#footer-kontakt {
	display: block;
	width: 575px;
	height: 470px;
	background: url('../images/pozadi/footer-kruh.png');
	background-position: top center;
	text-align: center;
	padding: 140px 70px 70px 70px;
	position: absolute;
	margin: -435px -937px 0 937px;
	color: #8d9aa6;
}
#footer-kontakt  div, #footer-kontakt  a {
	font-size: 90% !important;
	line-height: 1.5 !important;
}
#footer-kontakt a {
	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: 30px 20px;
	background-repeat: no-repeat;
	background-position: bottom center;
	margin: 0 0 10px 0;
	padding: 0 0 30px 0;
}

#wpadminbar {
	border-width: 0 0 1.3px 0;
	border-style: dotted;
	border-color: #eee;
	opacity: 0.92;
	width: 1080px;
	right: 0;
	background: rgba(0,0,0,0.33);
	margin: 0 auto;
}
.wp-block-separator {
	margin: 1.2em 0;
}

}

/*--------------------------------------------------------------
99.0 - Screen optimization
--------------------------------------------------------------*/
@media screen and (min-width: 960px) and (max-width: 1599px) {
	body,div,p,td,input,textarea {
		/*font-size: 20pt;*/
	}
	html {
		zoom: 0.64;
		margin-left: -30px;
		-moz-transform: scale(0.64);
		-moz-transform-origin: center top;
	}
	body::after,#wpadminbar {
		zoom: 1.5625;
		-moz-transform: scale(1.5625);
		-moz-transform-origin: center top;
		background-size: cover;
	}
	#mainbar, #sidebar {
		margin-bottom: 20px;
	}
	@-moz-document url-prefix() { /*mozilla hack (does not support zoom) {}*/
		body {
			/*overflow-x: visible;*/
			margin-left: -170px;
		}
		#header-background {
			-moz-transform: scale(1.5625);
			-moz-transform-origin: center top;
			height: 100px;
		}
		#header-background::after {
			top: 100px;
			height: 4px;
		}
		#header-background.wp-logged-in {height: 115px;}
		#header-background.wp-logged-in::after {top: 115px;}
		#header {
			margin: 0 auto -118px auto;
		}
		#banner {
			margin-top: 120px;
		}
		#upozorneni {
			border-width: 2px 2px 6px 2px;
		}
		#footer-background {
			-moz-transform: scale(1.5625);
			-moz-transform-origin: center bottom;
			height: 280px;
			margin: 740px auto 0 auto;
		}
		#footer-background::before {
			height: 640px;
			margin: -640px 0 0 0;
			background-size: 150%;
		}
		#footer {
			height: 250px;
			margin: 640px auto -1500px auto;
			/*border: solid 1px red;*/
		}
		#mainbar, #sidebar {
			margin-bottom: -390px;
		}
	}
}
@media screen and (min-width: 1600px) and (max-width: 2499px) {
	html {
		zoom: 0.81819;
		-moz-transform: scale(0.81819);
		-moz-transform-origin: center top;
	}
	body::after,#wpadminbar {
		zoom: 1.22221;
		-moz-transform: scale(1.22221);
		-moz-transform-origin: center top;
	}
	#mainbar, #sidebar {
		margin-bottom: 20px;
	}
	@-moz-document url-prefix() { /* mozilla hack (does not support zoom) {}*/
		#header-background {
			-moz-transform: scale(1.22221);
			-moz-transform-origin: center top;
			height: 120px;
		}
		#header-background::after {
			top: 120px;
			height: 5px;
		}
		#header-background.wp-logged-in {height: 135px;}
		#header-background.wp-logged-in::after {top: 135px;}
		#header {
			margin: 0 auto -138px auto;
		}
		#banner {
			margin-top: 135px;
		}
		#upozorneni {
			border-width: 2px 2px 6px 2px;
		}
		#footer-background {
			-moz-transform: scale(1.22221);
			-moz-transform-origin: center bottom;
			height: 320px;
			margin: 600px auto 0 auto;
		}
		#footer-background::before {
			height: 768px;
			margin: -768px 0 0 0;
			background-size: 122%;
		}
		#footer {
			height: 320px;
			margin: 580px auto -1500px auto;
		}
		#mainbar, #sidebar {
			margin-bottom: -350px;
		}
	}
}