/* Všechna rozlišení */

.top-panel{
	display:grid;
	grid-template:
        "logo title logo2" 60px
        "menu menu search" 45px / auto 1fr auto;
	height: auto;
}

.search-input-div{
	display:none;
	position: absolute;
    width: 300px;
    right: 0px;
    top: 120px;
    z-index: 7;
}

.top-panel .search-input-div button{
	display:block;
}

.top-panel .logo{
	height:60px;
}

.second-logo{
	grid-area:logo2;
	margin-right: 10px;
    margin-left: 20px;
}

.second-logo img{
	height:100%;
}

.top-panel .title a{
	font-size:0.6em;
}

.top-panel .search{
	justify-content:end;
}

#top-panel-navigation-desktop li a .navigation-image img{
	height:28px;
}

#top-panel-navigation-desktop .top-panel-navigation-buttons{
	height: 34px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
	width: 100%;
    position: relative;
}

#top-panel-navigation-desktop .top-panel-navigation .top-panel-navigation-buttons>ul.basic{
	display: flex;
	align-items: center;
	width: 100%;
    position: relative;
	justify-content:start;
}

#top-panel-navigation-desktop .navigation-open-button {
        display: none;
    }

	.top-panel-2{
		grid-template:
        "title title" auto
        "menu search" auto / 1fr auto;
	}

.navigation-image{
	display:flex;
	align-items:center;
}

#top-panel-navigation-desktop li a .navigation-image img{
	height:23px;
}

#univers_top_header_navigation>ul{
	width: calc(100% - 45px);
	margin:0;
}

.title h1{
	line-height: 0.8;
	font-weight:600;
}

#univers_top_header_navigation_right>a{
	font-size: 1.3em;
	color: #110b77;
	font-weight: 600;
}

#univers_top_header_navigation_right>a:first-child{
	margin-right:15px;
}

#univers_top_header_navigation_right>a>span:nth-child(2){
	display:none;
}

#univers_top_header_navigation_right{
	padding-left: 10px;
	border-left: 1px solid #110b77;
}

#univers_top_header_navigation>ul>li>a{
	font-weight:600;
}

.last_posts-1 .last_post>a{
	width:180px !important;
}

.post-text img{
	max-width:100%;
	height:auto;
}

.top-panel .title a{
	font-size:0.7em;
}

.top-panel .title h1{
	font-weight:700;
}

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

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

	.title h1{
		line-height: 1;
	}

	#top-panel-navigation-desktop{
		width:100%;
	}

	#top-panel-navigation-desktop li a .navigation-image img{
		height:27px;
	}

	.top-panel .title a {
    	font-size: 0.8em;
	}

}

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


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

	.top-panel-2{
		display:flex;
	}

	#univers_top_header_navigation{
		top:100px;
	}

	#top-panel-navigation-desktop{
		width:auto;
		flex:none;
	}

	.top-panel .search{
		padding-left:0;
	}

	.second-logo{
		order: 3;
    	height: 100%;
	}

	.top-panel{
		display: flex;
    	align-items: center;
	}

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

	.top-panel .logo{
		height:100%;
	}

}

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

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

	#top-panel-navigation-desktop{
		margin-right:0;
	}

	#univers_top_header_navigation_right{
		display:flex;
	}

	#univers_top_header_navigation_right>a>span:nth-child(2){
		display:inline;
		font-size: 0.8em;
	}

	#univers_top_header_navigation>ul {
    	width: calc(100% - 190px);
	}

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

	#top-panel-navigation-desktop .top-panel-navigation .top-panel-navigation-buttons>ul.basic {
    	justify-content: flex-end;
	}

	.top-panel .title a{
		position: absolute;
    	left: 50%;
	    transform: translate(-50%, -5px);
	}
	
	.top-panel .title h1{
		font-weight:600;
	}

}

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

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

	.top-panel .logo img{
		width:auto;
	}

	.hp-links .hp-links-links {
		max-width: 1100px;
	}

	.hp-links-links a.hp-link {
    	font-size: 1.2rem;
    	padding: 40px;
	}

	.slick-dots{
		bottom: 20px;
	}
	
	.blog-category-row .blogPreview{
		height: 143px;
	}
	
	.blog-category-row .blogDiv{
		min-height:143px
	}

}


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

	#univers_top_header_navigation{
		padding-left: calc((100vw - 1400px) / 2);
		padding-right: calc((100vw - 1400px) / 2);
	}

	#univers_top_header_navigation_right{
		    padding-left: 80px;
	}

	#univers_top_header_navigation>ul{
		width: calc(100% - 290px);
	}

	#univers_top_header_navigation_right>a:first-child {
    	margin-right: 45px;
	}



}