/*
Theme Name: HANZELY 2021B
Author: Ing. Jozef Šivec - Webing.sk
Author URI: http://www.webing.sk/
*/

body, html {
	width:100%;
	height:100%;
}

body {
	font-family: 'Merriweather', serif;
	font-size:14pt;
	font-weight:300;
}

h1 {
	text-align:center;
	margin-top:1em;
	margin-bottom:1em;
	
}

h1 span {
	border-bottom:2px solid rgb(176,199,0);
}

a {
	color:rgb(176,199,0);
}

a:hover {
	color:rgb(126,149,0);
}

#top_bar {
	background-color:rgba(0,0,0,1);
	height:auto;
	min-height:140px;
	position:relative;
	top:0;
	width:100%;
	z-index:9999;
}

#top_slogan {
	position:absolute;
	top:23%;
	text-align:center;
	width:100%;
}

#top_slogan .span1 {
	font-size:115px;
	font-weight:700;
	color:rgba(255,255,255,0.8);
}

#top_slogan .span2 {
	font-size:46px;
	color:rgba(255,255,255,0.8);
}

#top_slogan .span3 {
	font-size:20px;
	color:rgba(255,255,255,0.8);
}

#logo {
	float:left;
}



#heading_home_bg {
	background-image:url(https://www.emtbsersk.sbs/web2021/wp-content/uploads/2021/02/luxusna-kuchyna2.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	width:100%;
	height:calc(100% - 140px);
}

#heading_page_bg {
	/*background-image:url(images/banner-page.jpg);*/
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	width:100%;
	height:auto;
	overflow:hidden;
	
}


.bg_grey {
	background-color:rgb(242,242,242);
}

.gray_break {
	width:100%;
	height:20px;
	background-color:rgb(242,242,242);
}

button {
	font-size:18px;
	font-weight:bold;
	color:rgb(255,255,255);
	background-image:linear-gradient(to right, rgb(205,199,0) , rgb(176,199,0));
	padding:.5em 1.5em;
	border:none;
	border-radius:2px;
}

#nahlady_fotogalerie {
	margin-top:1em;
}

#nahlady_fotogalerie .fotogaleria_title {
	margin-top:1em;
}

#nahlady_fotogalerie .fotogaleria_title span {
	border-bottom:1px solid rgb(205,199,0);
	font-weight:bold;
}

#nahlady_fotogalerie .fotogaleria_popis {
	font-size:0.8em;
	margin-top:1em;
	text-align:justify;
}

footer {
	background-color:rgb(0,0,0);
	color:rgb(255,255,255);
	font-size:12px;
	font-weight:300;
	padding:1em;
}

footer a {
	color:rgb(255,255,255);
}

footer a:hover {
	color:rgb(176,199,0);
}

#kontakt_form label {
	display:block;
	font-weight:400;
	margin:0;
	margin-top:1em;
}

#kontakt_form .kontakt_input {
	width:100%;
}

#kontakt_form .kontakt_textarea {
	width:100%;
	height:10em;
}

#kontakt_form .kontakt_submit {
	background-image: linear-gradient(to right, rgb(205,199,0), rgb(176,199,0));
	border:0;
	color:rgb(255,255,255);
	padding:.5em 2em;
	
}

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

	#after_form_buttons {
		margin-top:10px;
	}
}


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

	#top_slogan {
		margin-top:1em;
		top:40%;
		text-align:center;
		width:100%;

	}
}

@media screen and (max-width:992px) {
	
	#top_bar {
		background-color:rgba(0,0,0,1);
		height:auto;
		
	}
	
	#top_slogan {
		margin-top:1em;
		top:30%;
		text-align:center;
		width:100%;

	}
	
	
	#top_slogan .span1 {
		font-size:15vw;
		font-weight:700;
		color:rgba(255,255,255,0.8);
	}

	#top_slogan .span2 {
		font-size:30px;
		color:rgba(255,255,255,0.8);
	}

	#top_slogan .span3 {
		font-size:20px;
		color:rgba(255,255,255,0.8);
	}
	
	#after_form_buttons button {
		margin-top:10px;
	}
	
	
	.envirabox-outer, .envirabox-inner, .envirabox-stage, .envirabox-bg {
    position: absolute;
    top: 0px;
    right: 10px;
    bottom: 0;
    left: 10px;
	
	}
	
	/*
	.envirabox-outer {
	width: 90%;
    margin: auto;
	}
	*/
	
	.envira-close-button {
		right:20px;
	}
	
	.envirabox-navigation .envirabox-arrow--right {
    right: 20px !important;
	}
	
	.envirabox-navigation .envirabox-arrow--left {
    left: 20px !important;
	}
	
	
}

@media screen and (max-height:520px) {
	
	#heading_home_bg {
		width: 100%;
		height: calc(100%);
	}	
	
}

@media screen and (max-height:260px) {
	
	#top_slogan {
		top: 50%;

	}	
	
}