/* Všechna rozlišení */

.blog-perex{
	min-height: 24px;
}


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

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

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


/************** NADPIS **************/

	.top-panel .title{
		margin:0;
		padding: 2px 10px;
	}

	.top-panel .title h1{
		text-align:center;
	}

	.top-panel .title a{
		text-transform: uppercase;
    	font-weight: 500;
	}

	.top-panel .title-inner{
		justify-content:center;
    	padding-bottom: 10px;
		border-bottom: 1px solid #d5d5d5;
	}

	.top-panel{
		height:75px !important;
	}

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

	#top-header-navigation-mobile.fixed{
		position:fixed;
		top:0;
		width: 100%;
	}


/************** LOGO **************/


	#top-header-navigation-mobile .logo{
		height:50px;
	}

	#top-header-navigation-mobile .logo img{
		height:100%;
	}

/************** VYHLEDÁVAČ **************/

	#top-header-navigation-mobile .search{
		flex:1;
		display:flex;
		align-items:center;
		padding:0px 15px;
		justify-content:end;
	}

	#top-header-navigation-mobile #search-button{
		display:none;
	}

	#top-header-navigation-mobile .search input{
		width: 41vw;
	    border-radius: 0;
	    border: 1px solid #979797;
	    padding: 5px 10px;
	}

/************** SLIDER **************/

	.header.top_panel_fixed{
		margin-top:68px;
	}

	.header-slider-arrow{
		height:80px;
		top: calc(50% - 40px);
		background: #525252cf;
		color: #fff;
		font-size: 2rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

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

	.header-slider-next{
		right:10px;
	}

	.header-posts_slider-title{
		width: calc(100% - 130px);
		top: initial;
		bottom:20px;
		left: 50%;
		transform: translate(-50%, 0);
		height: auto !important;
		color:#fff;
		text-decoration:underline;
		text-transform: uppercase;
		background:rgb(1 136 193 / 87%);
	}

	.header-slider-item{
		height: 46vw;
		max-height:550px;
	}

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

	#fields{
		display: flex;
		flex-wrap: wrap;
		margin-top:2em;
		width:360px;
		margin-left:auto;
		margin-right:auto;
	}

	.field{
		width:calc(50% - 10px);
		margin:5px;
		text-decoration:none !important;
		color: #787878 !important;
	}

	.field-name{
		text-align:center;
		margin-bottom:1em;
		font-size:1.3rem;
	}

	.field:hover .field-name{
		color:#0c87c1;
	}

	.field-image{
		border-radius:100%;
		border: 1px solid #d5d5d5;
    	padding: 3px;
	}

	.field:hover .field-image{
		border: 1px solid #0c87c1;
	}

	.field:hover .field-image-image{
		opacity:0.7;
	}

	.field-image-image{
		padding-top:100%;
		width:100%;
		background-position:center;
		background-size:cover;
		border-radius:100%;
	}

/************** NAŠI PARTNEŘI **************/


	.our-partners{
		margin-top: 5em;
	    position: relative;
	    padding: 5px;
	    box-sizing: border-box;
		max-width:1400px;
		margin-left:auto;
		margin-right:auto;
		border-bottom: 1px solid #c0c0c0;
		margin-bottom: 7rem;
	}

	.our-partners .border-bottom{
		position: absolute;
		width: calc(100% - 10px);
		top: 25px;
	}

	.our-partners h1{
		color: #6a6060;
		font-size: 2rem;
		text-align: center;
		background: #fff;
		position: relative;
		width: max-content;
		margin-left: auto;
		margin-right: auto;
		padding: 0px 20px;
	}

	#partners{
		background:#fff;
	}

	.our-partners-item img{
		height: auto;
	    max-width: 100%;
	    width: auto;
	    max-height: 150px;
	}

	#our-partners{
		width: calc(100% - 60px);
	    margin-left: auto;
	    margin-right: auto;
		margin-bottom:1.4em;
	}

	.partners-slider-arrow{
		background: #486b9a;
		color: #fff;
		height: 60px;
		font-size: 1.5rem;
		border: 0;
		width: 40px;
		position:absolute;
	}

	#our-partners .slick-prev::before{
		display:none;
	}

	#our-partners .slick-next::before{
		display:none;
	}

	#our-partners .slick-prev{
		left:-30px;
	}

	#our-partners .slick-next{
		right:-30px;
	}

	#our-partners .slick-arrow{
		background: #0788c8;
		color: #fff;
		font-size:1rem;
		width: 30px;
		height: 45px;
	}

	#our-partners .slick-list{

	}

	.our-partners-item{
		text-align:center;
		height:150px;
	}

/******** 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: #e41b24;
	}

	footer .contactform button:hover{

	}

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

	#top-header-navigation-mobile .navigation-item.dropdown>span.navigation-open-button, #top-header-navigation-mobile .navigation-submenu-item.dropdown .navigation-open-button{
		padding: 0.5em 1em 0.25em 1em;
	}

	#top-header-navigation-mobile .top-header-navigation-buttons{
		width:100%;
		max-width: 360px;
		left:auto;
		right:0;
	}

/************** PATIČKA **************/

	footer{
		padding:2rem;
	}



.blogImg{
	padding-top:65%;
}

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

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

	/************** NADPIS **************/

		.top-panel .title a{
			font-size: 1.2rem;
		}

	/************** VYHLEDÁVČ **************/

		#top-header-navigation-mobile .search input{
			width:250px;
		}


	/************** ODKAZY **************/

		a.hp-link {
			padding: 25px 14px;
		}


}

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

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

	.columns-none .blog-category-row .blogPreview{
		width: 247px;
    	height: auto;
	}


	/************** NADPIS **************/

		.top-panel .title a{
			font-size: 1.4rem;
		}

	/************** SLIDER **************/

		.header-posts_slider-title{
			max-width: calc(100% - 260px);
			width: max-content;
		}

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

		#fields{
			width:700px;
		}

		.field{
			width:calc(25% - 10px);
		}


}

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

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

	/************** SLIDER **************/

		.header.top_panel_fixed{
			margin-top:70px;
		}


	/************** NADPIS **************/

		.top-panel{
			border-bottom: 1px solid #d5d5d5;
			width: calc(100% - 40px);
		    margin-left: auto;
		    margin-right: auto;
		}

		.top-panel .title{
			padding:2px 30px;
		}

		.top-panel .title-inner{
			border:0;
			padding-bottom:0;
		}


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

		#fields{
			width:800px;
		}

		.field{
			margin:15px;
			width: calc(25% - 30px);
		}

		.field-name{
			font-size:1.4em;
		}


		/************** ODKAZY **************/

		a.hp-link {
    		width: calc(100% / 6 - 10px) !important;
    		margin: 5px !important;
		}


}

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

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

	/************** NADPIS **************/

		.top-panel .title-inner{
			justify-content:start;
			padding-left:80px;
		}

	/************** LOGO **************/

		.logo{
			position: absolute;
			display: block;
			width: 75px;
    		height: 75px;
			display: flex;
			align-items: center;
			justify-content: center;
			top: -75px;
			left: 10px;
			z-index:1;
		}

		.logo img{
			width:75px;
		}

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

		#top-header-navigation-desktop{
			z-index:7;
		}

		#top-header-navigation-desktop .top-header-navigation .top-header-navigation-buttons>ul.basic{
			justify-content:end;
			padding: 10px;
		}

		#top-header-navigation-desktop ul.basic>li{
			visibility: visible;
			border-bottom:3px solid #fff;
		}

		#top-header-navigation-desktop ul.basic>li:not(:first-child):not(:last-child):hover{
			border-bottom: 3px solid #0c87c1;
		}

		.priority-menu-toggler{
			display:none !important;
		}

		#top-header-navigation-desktop li a{
			padding: 0.5em 1.6em;
			padding-bottom:calc(0.5em - 3px);
		}

		#top-header-navigation-desktop li li a{
			padding:1em 1.6em;
		}

		.navigation-label{
			text-transform:uppercase;
		}

		.navigation-link i{
			font-size: 0.7rem;
		}

		.top-header-navigation .navigation-submenu, .top-header-navigation .submenu-submenu{
			width:auto;
			max-width:300px;
		}

		#top-header-navigation-desktop li a{
			white-space: pre-wrap;
			width: max-content;
		}

		#top-header-navigation-desktop .top-header-navigation-buttons{
			z-index:1;
		}

		#top-header-navigation-desktop ul.basic .navigation-submenu{
			top:calc(100% + 3px);
		}

		.header{
			margin-top:60px;
		}

		.header.top_panel_fixed {
    		margin-top: 60px;
		}

	/************** VYHLEDÁVAČ **************/

		.search-input-div{
			display:none;
		}

		.search{
			position: relative;
		}

		.search-input-div{
			position: absolute;
    		background: rgb(1, 136, 193);
    		right: 0px;
    		top: 100%;
		}



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

		#fields{
			width:1000px;
		}

		.field{
			margin:30px;
			width: calc(25% - 60px);
		}


	/************** ODKAZY **************/

		a.hp-link {
			width: calc(100% / 6 - 30px) !important;
			margin: 15px !important;
		}

		.hp-links-links {
    		max-width: 1050px !important;
		}

}

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

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

		#fields{
			width:1400px;
		}



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

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


}




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

	.front-control{
		display:none !important;
	}

}