


/* Všechna rozlišení */

.top-panel .logo{
	display: flex;
    align-items: center;
}

.top-panel .logo img{
	height: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

#univers_top_header_navigation>ul>li>ul{
	background:transparent;
}

#univers_top_header_navigation>ul>li>ul>li>a{
	background-color: #e0e0e0db;
}

#univers_top_header_navigation>ul>li>ul::before {
    border-color: transparent transparent #e0e0e0db transparent;
}

section .change-month i{
	color: #2e7f7e;
}

section .big-calendar  .btn-primary{

}

#top-panel-navigation-desktop>nav>div>ul>li>a>i {
    margin-left: 0.5rem;
    font-size: 0.8rem;
}

#top-panel-navigation-desktop .navigation-submenu::before {
	content: "";
    position: absolute;
    left: 30px;
    top: -16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 17px 17px 17px;
    z-index: 9998;
    border-color: transparent transparent #e0e0e0db transparent;
}

#top-panel-navigation-desktop .navigation-submenu{
	display: none;
    list-style-type: none;
    padding-left: 0;
    position: absolute;
    left: 0;
    width: 360px;
    max-width: 360px;
    min-width: 200px;
    z-index: 3;
    margin-top: 16px;
}

#top-panel-navigation-desktop li{
	cursor:pointer;
}

#univers_top_header_navigation>ul>li>a{
	padding: 20px 28px;
}

#univers_top_header_navigation>ul>li>ul>li.section-label{
	background:#7e7e7e;
	color: #fff;
	padding:10px !important;
}

a.contact{
	display:block;
	background:#FEF492;
	color: #21576f;
	text-decoration:none !important;
}

a.contact:hover{
	background: #ececec;
}

.cd-photo-inner{
	width:auto;
	padding-top:200px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	backdrop-filter: blur(10px);
}

.cd-photo{
	background-size: cover;
    background-position: center;
    margin-bottom:10px;
}

#univers_top_header_navigation>ul>li>ul::before{
	border-color: transparent transparent #7e7e7e transparent;
}

.month-name{
	margin: 0em 1.5em !important;
}

#content .important{
	margin-top:0;
	padding-top:0;
}

#content .important .hp-border-bottom{
	top:22px;
} 

#content{
	padding-top: 0.65em;
}

.blog-perex{
	min-height: 30px;
}

.g-preview{
	background-size: cover;
}

.g-preview-image{
	background-size: contain;
    backdrop-filter: blur(10px);
}

/* Rozlišení větší nebo rovné 576px (telefony) */

@media screen and (min-width: 576px) {


	.top-panel .navigation-label{
		font-size:1rem;
	}
	
	.contact-detail{
	    display: flex;
	    flex-wrap: wrap;
	}
	
	.cd-photo{
		width: calc(40% - 5px);
		margin-right: 5px;
		margin-bottom:20px;
	}
	
	.cd-content.with-photo{
		width: calc(60% - 5px);
		margin-left: 5px;
	}
	
	.cd-content.no-photo{
		width:100%;
	}
	
	.cd-photo-inner{
		width:auto;
		padding-top:200px;
		min-height: 100%;
	}
	
	.cd-text{

	}
	
	.cd-mail{
		width:100%;
		margin-top:20px;
	}
	
	
	

}

/* Rozlišení větší nebo rovné 768px (větší telefony, tablety) */


@media screen and (min-width: 768px) {


	.top-panel .logo img{
		max-height: 40px;
	}

	.top-panel .logo{
		flex:none;
	}
	
	#top-panel-navigation-mobile{
		flex:1;
	}
	
	#blog-category{
		display:block;
	}
	

}

/* 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:0px;
	}
	
	.bmf.not-on-mobile.add-menu-front{
		display:none;
	}
	
	#top-panel-navigation-desktop li a{
	    text-transform: uppercase;
	}
	
	.top-panel .navigation-label{
		margin-left:0px;
	}
	
	#top-panel-navigation-desktop .navigation-submenu li a{
		display: block;
		padding: 10px 15px;
		font-size: 1rem;
		cursor: pointer;
		color:#000;
	}
	
	#top-panel-navigation-desktop .navigation-submenu li{
		padding: 0 !important;
    	position: relative;
	    width: 100%;
	}
	
	#top-panel-navigation-desktop .navigation-submenu {
        width: max-content;
    }

	#top-panel-navigation-desktop{
		flex:1;
	}

}

/* Rozlišení větší nebo rovné 1200px (standardní počítače) */

@media screen and (min-width: 1200px) {


	.bmf.not-on-mobile.add-menu-front{
		display:block;
	}




}


@media screen and (min-width: 1400px) {

	.columns-one .contact:nth-child(1n){
		width: calc(33.33% - 1.5em);
        margin-right: 1.5em;
        margin-bottom: 1.5em;
	}
	
	#content .important{
		padding:0 !important;
	}

}
																
																																								
																																				
																
												
												
																								
																
								
																												
				
