/* Všechna rozlišení */

	.contactform{
		max-width: 500px;
	    margin-left: auto;
	    margin-right: auto;
	}

	#news-slider .header-slider-arrow:hover, #news-slider .header-slider-arrow:focus{
		background:#d7d288;
	}

	.front-control.big-widgets{
		display:none;
	}


	/*********** HLAVIČKA ***********/

		.header-slider-item{
			height: calc(0.5 * 100vw);
		}

		.header-slider-arrow{
			height: 60px;
    		background: #fdf8a1c4;
			width: 40px;
    		top: calc(50% - 30px);
		}

		.header-slider-arrow i{
			color: #606060;
		}

		.header-slider-next{
			top: calc(50% - 30px);
			right:5px;
		}

		.header-slider-prev{
			left:5px;
		}

		.slick-dots li button:before{
			content:'';
			background: #fdf8a1c9;
		}

		.slick-dots li.slick-active button:after{
			width:10px;
			height:10px;
			background: #606060;
			content:'';
			position:absolute;
			top:5px;
			left:5px;
		}


	/*********** WIDGETY ***********/

		h1.hp-name{
			font-weight: 400;
			border-bottom: 1px solid #d5d5d5;
			padding:0;
			padding-bottom: 10px;
			text-align: left;
			width: 100%;
			margin-bottom:15px;
			font-size:1.8rem;
		}

		.big-calendar{
			margin-bottom:3em;
		}

	/*********** TOP PANEL ***********/

		.title h1 {
			font-size: 21px;
			font-weight:600;
			width: 100%;
			border-bottom: 1px solid #d5d5d5;
			padding-top: 10px;
			padding-bottom: 10px;
			text-transform:uppercase;
		}

		.top-panel .logo{
			padding:5px;
			flex:none;
		}

	/*********** KOTVA ***********/

		#anchor{
			position: fixed;
			right: 10px;
			bottom: 10px;
			z-index: 2;
			background: #fdf8a1;
			color: #5a5a5a;
			text-align: center;
			padding: 0.5rem;
			text-transform: uppercase;
			display:none;
			cursor:pointer;
		}

		#anchor div:first-child{
			font-size: 2.5rem;
			line-height: 2rem;
		}

	/*********** OBSAH ***********/

		article h2{
			font-weight: 100;
			border-bottom: 1px solid #afafaf;
		}

		article .perex{
			background: #f2f2f2;
		    padding-left: 2rem;
		    padding-top: 1rem;
		    padding-bottom: 1rem;
		}

		#content{
			padding-right:0;
			padding-left:0;
			margin-left:1rem;
			margin-right:0;
		}

		main.container{
			max-width:100%;
			width: auto;
			padding-right:0;
			padding-left:0;
		}

		.submenu-image{
			background-position:center;
			background-size:cover;
			padding-top:75%;
			margin-bottom:0.5em;
		}

		#post-content{
			margin-top:2rem;
			margin-right:1rem;
			display:flex;
			flex-direction:column;
		}

		.submenu{
			order:2;
			background: #fef8a0;
		}

		.post-text{
			order:1;
		}

		.submenu a{
			display:block;
			margin:0em 0.5em;
			padding-bottom:0.5em;
			padding-top:0.5em;
			border-bottom:1px solid #989577;
		}

		.submenu a:hover, .submenu a.active{
			background-color:#afdd95;
			text-decoration:none;
		}

		.submenu a:last-child{
			border-bottom:0;
			margin-bottom:0.5em;
		}

		a.hp-link:hover .hp-link-image{
			opacity:0.7;
		}

		.hp-link .hp-link-image{
			padding-top: 110%;
		}

		#top-header-navigation-desktop ul.basic .navigation-submenu{
			width:auto;
		}

		#top-header-navigation-desktop .navigation-open-button{
			display:block !important;
		}

		.navigation-submenu-item i{
			display:none;
		}

		.navigation-item{
			cursor:pointer;
		}

		footer{
			padding-top:2em;
		}

		/******** Napište nám  ********/


			footer .input-group-text{
				background: transparent;
			    color: #fff;
			    border: 1px solid #fff;
			    border-radius: 0;
			    width: 45px;
			    display: flex;
			    justify-content: center;
			}

			footer .form-control{
				background: transparent;
				border: 1px solid #fff;
				border-radius: 0;
				color:#fff;
				padding:1.375rem 0.75rem;
			}

			footer .form-control:focus{
				background: transparent;
				border: 1px solid #fff;
				border-radius: 0;
				color:#fff;
			}

			footer .form-control::placeholder{
				color:#ddd !important;
			}

			footer .contactform button{
				width: 100%;
			    border-radius: 0;
			    text-transform: uppercase;
			    font-weight: 400;
				background: #fdf8a1;
			}


			.big-calendar-list-item{
				margin-top:10px;
				display:flex;
			}

			.bcli-date{
				background: #fef8a0;
			    width: 90px;
			    height: 90px;
			    display: flex;
			    flex-direction: column;
			    align-items: center;
				justify-content: center;
			}

			.bcli-name{
				flex:1;
				background: #ebebeb;
			    font-size: 1rem;
			    font-weight: 300;
			    padding: 9px;
			    display: flex;
			    align-items: center;
			}

			.events-box{
				background: #f3b8b0;
				color: #444444;
			}

			.big-calendar .box-date{
				font-weight: 300;
			}

			.big-calendar .box-event{
				font-weight:300 !important;
			}

			.big-calendar-list-item{
				cursor:pointer;
			}

			#tp-links{
				order:3;
				flex:1;
			}

			.tp-link{
				margin-left:10px;
			}

			.tp-link img{
				height:30px;
			}

			#contact-icons{
				order:4;
			}

			#contact-icons a{
				margin-right:10px;
			}

			#contact-icons img{
				height:30px;
			}

			.top-panel .logo{
				max-height:75px;
			}

			.top-panel .title{
				flex:none;
				width:calc(100% - 100px);
				height:75px;
			}

			#contact-icons span{
				display:none;
			}

			#under-header{
				display: flex;
				width: 250px;
				align-items: center;
				justify-content: center;
				background: #fef8a0;
				padding: 10px;
				position: relative;
				margin-left: auto;
				margin-right: auto;
			}

			#under-header:before {
			    content: "";
			    position: absolute;
			    top: 0;
			    left: -50px;
			    width: 0;
			    height: 0;
			    border-left: 50px solid transparent;
			    border-top: 72px solid #fef8a0;
			}

			#under-header:after {
			    content: "";
			    position: absolute;
			    top: 0;
			    right: -50px;
			    width: 0;
			    height: 0;
			    border-bottom: 50px solid transparent;
			    border-right: 50px solid transparent;
			    border-top: 72px solid #fef8a0;
			}


			#under-header img{
				height:30px;
				margin:0px 20px;
			}

			#top-header-navigation-mobile{
				margin-top:150px;
			}

			#news-slider{
				padding: 0px 60px;
    			margin-top: 50px;
			}

			.slider-new-text{
				display:none;
			}

			.slider-new{
				background: #f2f2f2;
    			padding: 10px;
				height:150px;
				position:relative;
			}

			#news-slider .slick-dots{
				bottom:auto;
				left:0;
			}

			.slider-new-button{
				position:absolute;
				bottom:5px;
				right:5px;
				background:#fef8a0;
				color:#000;
				padding:5px;
				cursor:pointer;
			}

			.hp-links-small-links{
				padding-left:1em;
			}

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

	.top-panel{
		height:150px !important;
		flex-wrap: wrap;
	}

}

/* Rozlišení větší nebo rovné 576px (telefony) */

@media screen and (min-width: 576px) {

	.last_post:nth-child(2n+1){
		margin-right:5px;
	}

	.last_post:nth-child(2n){
		margin-left:5px;
	}

	/*********** TOP PANEL ***********/

		.top-panel .logo{
			flex:none;
		}

	/*********** OBSAH ***********/

		#post-content{
			flex-direction: row;
		}

		.submenu{
			order:1;
			width: 180px;
    		height: fit-content;
		}

		.post-text{
			order:2;
			flex:1;
			padding-left:1rem;
			margin-top:0;
		}

		#big-calendar-list{
			display: flex;
			flex-wrap: wrap;
		}

		.big-calendar-list-item{
			width:calc(50% - 5px);
			margin-right:10px;
		}

		.big-calendar-list-item:nth-child(2n){
			margin-right:0;
		}

		.bcli-name{
			font-size: 0.98rem;
		}

		#under-header{
			width:400px;
		}

		#under-header:before{
			left: -70px;
		    border-left: 70px solid transparent;
		    border-top: 94px solid #fef8a0;
		}

		#under-header:after {
		    right: -70px;
		    border-bottom: 70px solid transparent;
		    border-right: 70px solid transparent;
		    border-top: 94px solid #fef8a0;
		}

		#under-header img{
			height:50px;
		}

		.slider-new{
			margin:0px 5px;
		}

		#news-slider{
			max-width:1400px;
			margin-left:auto;
			margin-right:auto;
		}

}

/* Rozlišení větší nebo rovné 768px (větší telefony, tablety) */

@media screen and (min-width: 768px) {

	.last_posts-posts .last_post:nth-child(3) {
        margin-left: 0px;
    }

	/*********** TOP PANEL ***********/

	/*********** OBSAH ***********/

		.submenu{
			width: 210px;
		}

		.submenu-image{
			padding-top: 145%;
		}

		.submenu a{
			padding-left:0.5em;
			padding-right:0.5em;
		}

		#under-header{
			width:515px;
			padding:20px;
		}

		#under-header:before{
			left: -105px;
		    border-left: 105px solid transparent;
		    border-top: 130px solid #fef8a0;
		}

		#under-header:after {
		    right: -105px;
		    border-bottom: 105px solid transparent;
		    border-right: 105px solid transparent;
		    border-top: 130px solid #fef8a0;
		}

		#under-header img{
			height:65px;
		}

		.top-panel .logo{
			max-height:100px;
		}

		.top-panel .title{
			flex:1;
			height:auto;
		}

		#tp-links{
			flex:none;
			margin-right:10px;
			display: flex;
    		align-items: center;
		}

		.tp-link img{
			height:25px;
		}

		#contact-icons{
			display: flex;
    		align-items: center;
		}

		#contact-icons img{
			height:25px;
		}

		#top-header-navigation-mobile{
			margin-top:100px;
		}



}

/* Rozlišení větší nebo rovné 992px (velké tablety, menší počítače) */

@media screen and (min-width: 992px) {

	.last_posts-posts .last_post:nth-child(3){
		margin-left: 25px;
	}

	.last_posts-posts .last_post{
		width: calc(33% - 32px);
	}

	#top-header-navigation-desktop .top-header-navigation .top-header-navigation-buttons>ul.basic{
		padding-left:120px;
	}

	.top-panel .logo{
		position:absolute;
		height:140%;
		top:20px;
		max-height: none;
	}

	.top-panel .title{
		margin-left:140px;
	}

	/*********** MENU ***********/

		#top-header-navigation-desktop .top-header-navigation{

		}

		#top-header-navigation-desktop{
			background: #fff;
		    padding-bottom: 25px;
		    padding-top: 10px;
		}

	/*********** HLAVIČKA ***********/

		.header {
			margin-top: 191px;
		}

		/*********** OBSAH ***********/

			.submenu{
				width: 280px;
			}

			.submenu a {
				font-size: 1.2rem;
			}

			.post-text{
				padding-left:2rem;
			}


			#big-calendar-inner{
				display:flex;
				padding-top:0.5em !important;
			}

			#big-calendr-left{
				flex:1;
				padding-top:1em;
				position:relative;
			}

			#big-calendar-right{
				width: 300px;
				margin-left:1.5em;
			}

			.big-calendar-list-item{
				width:100%;
				margin-right:0;
			}

			.big-calendar-list-item:first-child{
				margin-top:0;
			}

			#big-calendar-list{
				height: 500px;
				flex-direction:column;
				flex-wrap:nowrap;
			}

			.big-calendar .events-box{
				width: 350px;
			}

			.big-calendar .box-event-detail{
				left: -275px;
		    	width: 280px;
			}

}

/* Rozlišení větší nebo rovné 1200px (standardní počítače) */

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

	.title h1 {
		font-size:28px;
	}

	#top-header-navigation-desktop li a{
		font-size:1.2rem;
	}

	#top-header-navigation-desktop li ul li a{
		padding: 0.6rem 1.6rem;
	}

	.breadcrumb{
		padding-left: 23px;
	}

	.big-calendar .events-box{
		width: 450px;
	}

	.big-calendar .box-event-detail{
		left: -375px;
    	width: 380px;
	}


}

@media screen and (min-width: 1400px) {

	.last_posts-posts .last_post{
		width: calc(25% - 33px);
	}

	.last_posts-posts .last_post:nth-child(4){
		margin-left:25px;
	}

	#blog-category{
		padding-right: calc(100% - 1400px);
	}

	a.hp-link-small{
		width:116px !important;
	}

	#article, #gallery-container{
		padding-right: calc((100vw - 1400px) / 2);
	}


	/*********** TOP PANEL ***********/

		.top-panel{
			padding-left: calc((100vw - 1400px) / 2);
		}

		#top-header-navigation-desktop .top-header-navigation{
			padding-left: calc((100vw - 1400px) / 2);
			margin-right: calc((100vw - 1400px) / 2);
		}

	/*********** NEPŘEHLÉDNĚTE ***********/

		.important{
			padding-left: calc((100vw - 1400px) / 2) !important;
		}

		#hp-important-text{
			padding-right: calc((100vw - 1400px) / 2) !important;
		}

	/*********** OBORY ***********/

		.hp-links{
			margin-right: calc((100vw - 1400px) / 2) !important;
		}

		.hp-links-links{
			padding-left: calc((100vw - 1400px) / 2);
		}

		a.hp-link{
			width: 310px !important;
		}

	/*********** KALENDÁŘ AKCÍ ***********/

		.big-calendar{
			margin-left: calc((100vw - 1300px) / 2) !important;
		}

		#big-calendar-inner{
			margin-right: calc((100vw - 1340px) / 2) !important;
		}

	/*********** OBSAH ***********/

		main.container{
			margin-left:calc((100vw - 1400px) / 2);
		}

		article .perex{
		    padding-right: calc((100vw - 1400px) / 2);
			font-weight:normal;
		}

		article #post-content{
			display:flex;
			padding-right: calc((100vw - 1400px) / 2);
		}

		.header-slider-item{
			max-height:420px;
		}

		.header{
			max-width: 1920px;
    		margin-left: auto;
    		margin-right: auto;
		}

		.hp-links-small-links{
			padding-left:calc((100vw - 1400px) / 2) !important;
		}