/* Všechna rozlišení */

.logo{
	margin-left:10px;
}

.title h1{
	font-size: 19px;
	font-weight: 300;
}

#top-panel-navigation-mobile{
	display:none;
}

#univers_standard_navigation{
	display:none;
}
#mobile-menu{
	order:3;
	display:flex;
	align-items:center;
}

#mobile-menu-inner{
	display:none;
	background: #d9d9d9;
	position: absolute;
	top: 100%;
	width: 360px;
	right: 0;
}

#univers_mobile_toggler{
	padding:10px;
	font-size:1.5rem;
}

#mobile-menu-ul{
	list-style:none;
	margin:0;
	padding:0;
	padding-top:20px;
}


.mobile-menu-li{
	padding:10px 20px;
	position:relative;
}

.mobile-menu-li a{
	color:#000 !important;
}

.mobile-menu-li a i{
	position:absolute;
	padding:0 20px;
	right:0;
}

#mobile-menu-ul>li>ul{
	display:none;
}

#mobile-menu-ul>li>ul{
	list-style:none;
	margin:0;
	padding:0;
	padding-top:20px;
	padding-left:20px;
}

#mobile-menu-ul>li>ul>li{
	padding:5px 0px;
	position:relative;
}

#menu-mobile-icons{
	list-style:none;
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
	display:flex;
	justify-content:center;
}

#menu-mobile-icons li{
	padding:10px;
}

#menu-mobile-icons li img{
	height:40px;
}

.last_posts .last_post{
	border: 1px solid #f3b8b0;
}

.last_posts .last_post-name h2{
	font-weight: 400;
}

footer{
	margin-top:50px;
	padding-top:25px;
}

footer .box-name{
	text-transform: uppercase;
}

footer .box-name i{
	margin-right:5px;
}


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

.bcli-date{
	background: #f3b8b0;
    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;
}

#gallery-next-page{
	width: 100px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background: #3a89cf;
	text-align: center;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
}

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

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

	#top-panel-navigation-desktop{
		display:none  !important;
	}

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

	#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;
	}

}

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


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

	#top-panel-navigation-desktop{
		display:block !important;
		margin-right:0;
	}

	#mobile-menu{
		display:none;
	}

	#top-panel-navigation-desktop ul.basic>li{
		visibility:visible;
	}

	#top-panel-navigation-desktop .priority-menu-toggler{
		display:none;
	}

	#top-panel-navigation-desktop .navigation-image img{
		height:25px;
	}

	.have-icon .navigation-label{
		display:none;
	}

	#top-panel-navigation-desktop li{
		padding:0.5em 0.25em;
	}

	.top-panel .search{
		padding-left:0.25em;
	}

	li.no-icon{
		margin-right:1.5em;
	}

	#univers_standard_navigation{
		display:block;
		margin-top:100px;
		padding: 2rem 0rem;
	}

	#univers_standard_navigation>ul{
		justify-content:center;
	}

	#univers_standard_navigation>ul>li{
		visibility:visible;
		width:25%;
		margin: 15px;
	}

	#univers_standard_navigation>ul>li>a{
		padding:0;
	}

	#univers_standard_navigation .navigation-image{
		padding-top: 120%;
		background-size: cover;
		background-position: center;
	}

	#univers_standard_navigation .navigation-label{
		padding: 15px 0px;
    	text-align: center;
		font-size:1.25rem;
		font-weight:300;
	}

	#univers_standard_navigation>ul>li>ul>div.columns{
		display:flex;
	}

	#univers_standard_navigation>ul>li>ul>div>div>li{
		padding: 0 !important;
    	position: relative;
    	width: 100%;
	}

	#univers_standard_navigation>ul>li>ul>div>div>li>a{
		display: block;
		padding: 10px 15px;
		font-size: 1rem;
		cursor: pointer;
		color: #470b04;
    	background-color: #eaa399;
		font-size: 1.2rem;
	}

	#top-panel-navigation-desktop .navigation-submenu{
		padding: 10px;
		background: rgb(232, 156, 145);
	}

	#top-panel-navigation-desktop li{
		justify-content: center;
	}

	.column{
		padding: 30px;
		text-wrap:nowrap;
	}

	#univers_standard_navigation>ul>li>ul{
		width: auto;
    	max-width: unset;
	}

	#univers_standard_navigation>ul>li>ul>div>div>li>a:hover{
		background-color:#e7958a;
		color:#fff;
		text-decoration:none;
	}

	#univers_standard_navigation>ul>li:nth-child(4)>ul{
		right: 0px !important;
    	left: auto !important;
	}

}

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

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

	#univers_standard_navigation>ul>li{
		width:200px;
	}

	#top-panel-navigation-desktop li.no-icon{
		border-bottom:3px solid transparent;
		padding:0 0.25em;
	}

	#top-panel-navigation-desktop li.no-icon:hover{
		border-bottom:3px solid #f3b8b0;
	}

	#univers_standard_navigation .navigation-label{
		font-size:1.35rem;
	}

	#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;
	}

	#top-panel-navigation-desktop .navigation-image img{
		height:30px;
	}

	.navigation-label{
		font-size: 1.25rem;
	}

}

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

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



	#univers_standard_navigation>ul>li{
		width:270px;
	}


	#univers_standard_navigation .navigation-label{
		font-size:1.5rem;
	}

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

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

	.big-calendar{
		max-width:1400px !important
	}

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

}


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

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

}