/* Všechna rozlišení */

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

	td{
		border:1px solid #adadad;
	}

	.box-event>a>i{
		display:none;
	}

	.notes-link{
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}

	#box-menu a:first-child{
		display:none;
	}

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

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

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

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

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

		.top-panel .title h1{
			font-size:18px;
		}

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

		.header {
			margin-top: 60px;
		}

		.slick-list, .slick-track, .header-slider-item{
			height:100%;
		}

		#header-image {
		    background-image: url(/upload/sablona/pozadi5.png);
		    width: 100%;
		    height: 100%;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    background-position: center bottom;
		    background-size: cover;
		    background-repeat: no-repeat;
		}

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

		#univers_standard_navigation>ul{
			margin-bottom:0;
		}

		#univers_standard_navigation>ul>li>ul{
			z-index:1;
		}

		#univers_standard_responsive>li>ul>li>ul>li>a{
			padding-left:50px;
		}

	/**************** AKTUALITY ŠKOLY ****************/

		.last_posts{
			margin-top:0 !important;
			padding-top:2em !important;
			background: #f8c5ac !important;
    		max-width: 100% !important;
			padding-bottom:2em !important;
		}

		h1.hp-name{
			background: transparent !important;
		}

	/**************** VIZE ŠKOLY A ÚDAJE O ŠKOLE ****************/

		.important{
			margin-top:0px !important;
			padding: 0 !important;
			padding-top:2em !important;
			margin-bottom: 0px !important;
		}

		#widget-50.important{
			background: #f8c5ac;
		}

		#hp-important-text{
			max-width:1400px;
			margin-left:auto;
			margin-right:auto;
		}

		#widget-51.important{
			background: #606060;
		}

		#widget-51 #hp-important-text{
			color:#fff !important;
		}

		#widget-51 h1.hp-name{
			color:#fff !important;
		}

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

		.big-calendar{
			margin-top: 0px !important;
			padding-top:2em !important;
			background: #e58d60;
			max-width:100% !important;
			padding-bottom: 3em !important;
		}

		#big-calendar-inner{
			max-width:1300px;
			margin-left:auto;
			margin-right:auto;
		}

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

		.our-partners{
			padding-top: 2em;
		    position: relative;
		    box-sizing: border-box;
			max-width:100%;
			margin-left:auto;
			margin-right:auto;
			background: #363636;
			padding-bottom:2em;
		}

		.our-partners .border-bottom{
			position: absolute;
			width: calc(100% - 10px);
			top: 52px;
		    left: 50%;
		    transform: translateX(-50%);
		}

		.our-partners h1{
			color: #fff;
			font-size: 2rem;
			text-align: center;
			background: #363636;
			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;
			max-width:1400px;
		}

		.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: #96cb23;
			color: #fff;
			font-size:1rem;
			width: 30px;
			height: 45px;
		}

		#our-partners .slick-arrow:hover{
			background: #79a522;
		}

		#our-partners .slick-list{

		}

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

		.border-bottom-2{
			position: absolute;
		    width: calc(100% - 10px);
		    bottom: 30px;
		    left: 50%;
		    transform: translateX(-50%);
		    border-bottom: 1px solid #dee2e6!important;
		}

	/**************** COPYRIGHT ****************/

		#copyright a{
			color:#1a7dc3;
		}

		#copyright-text:after{
			display:none !important;
		}

		#copyright{
			margin-top:0;
		}

		#copyright-links{
			padding-bottom:0.7em;
			align-items:center;
		}

		#copyright-content{
			padding:12px;
		}

		#copyright-links>div{
			display: flex;
		    align-items: center;
		    justify-content: center;
		}

		#copyright-text{
			width: 100%;
		}

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

		#notes{
			background:#dedede;
			padding:5px;
			padding-top:2em;
			padding-bottom:30px;
			position:relative;
		}

		#notes-inner{
			display:flex;
			flex-wrap:wrap;
			justify-content:center;
		}

		.note{
			margin-right:5px;
			width:calc(50% - 5.5px);
			background:#fff;
			padding:10px;
			height: 110px;
		    margin-bottom: 5px;
		    overflow: hidden;
			cursor:pointer;
		}

		.note:hover{
			background:#f3f3f3;
		}

		.note:nth-child(4n-1){
			margin-right:0;
		}

		.note-icon{
			display: flex;
    		align-items: center;
			margin-right:10px;
		}

		.note-icon img{
		    height: 30px;
		}

		.note-name{
			font-weight:bold;
		}

		.note-text img{
			display:none;
		}

		.note-modal img{
			max-width:100%;
			height:auto;
		}

	/**************** BOX MENU ****************/

		#box-menu{
			display:none;
		}

		.box-submenu{
			display:none;
		}

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


		.header-slider-arrow{
			height: 120px;
	   		top: calc(50% - 60px) !important;
			width:70px;
		}

		.header-slider-arrow img{
			width:40px;
			height:70px;
		}

		.hp-arrow i{
			color:#f5c4ad;
		}

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

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

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

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


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

		.note{
			margin-right:10px;
			width:calc(50% - 10px);
			margin-bottom: 10px;
		}


}

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

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

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

		.top-panel .logo{
			width: 105px;
		}

		.top-panel .logo img{
			position: absolute;
    		height: 125px;
		}

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

		.note{
			width: calc(100% / 3 - 10px);
		}

		.note:nth-child(4n-1){
			margin-right:10px;
		}

		.note:nth-child(6n-1){
			margin-right:0;
		}

}

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

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

	#admin-link-icon{
		position: absolute;
		align-items: center;
		left: 0;
		top: 0;
		bottom: 0;
	}

	#admin-link-icon img{
		height: 18px;
	}

	/**************** BOX MENU ****************/

		#box-menu{
			display:flex;
			justify-content:center;
			margin-top:30px;
			padding-bottom:30px;
		}

		a.box-menu-item{
			width: 250px;
		    height: 150px;
		    margin: 0px 15px;
			text-decoration:none;
		}

		.box-menu-item-icon{
			height: 100px;
			text-align:center;
			padding:10px;
		}

		a.box-menu-item.active{
			height: 180px;
    		margin-bottom: -30px;
		}

		a.box-menu-item.active .box-menu-item-icon img:nth-child(2){
			display:inline-block;
		}

		a.box-menu-item.active .box-menu-item-icon img:nth-child(1){
			display:none;
		}

		.box-menu-item-icon img{
			height:100%;
			width:auto;
		}

		.box-menu-item-name{
			padding: 5px;
			text-align: center;
			font-size: 1.125rem;
			font-weight:600;
		}

		#univers_standard_navigation{
			display:none;
		}

		.box-menu-item-icon img:nth-child(2){
			display:none;
		}

		a:hover .box-menu-item-icon img:nth-child(2){
			display:inline-block;
		}

		a:hover .box-menu-item-icon img:nth-child(1){
			display:none;
		}

	/**************** BOX SUBMENU ****************/

		.box-submenu{
			display:flex;
			flex-wrap:wrap;
			margin-left: auto;
		    margin-right: auto;
			margin-bottom:90px;
			max-width:1090px;
			background:#cca60f;
			padding-top:30px;
		}

		a.box-submenu-item{
			background: #e3c138;
			color:#606060;
			text-decoration:none;
			margin: 0px 15px;
			padding:5px;
			text-align:center;
			width: calc(25% - 30px);
			max-width:250px;
		    height: 60px;
		    display: flex;
		    justify-content: center;
		    align-items: center;
			font-size: 1.125rem;
			margin-bottom:30px;
		}



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

		.header {
			margin-top: 100px;
		}

}

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

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

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

	.box-event>a>i{
		display:block;
	}

	.event-box .box-event{
		padding-right: 3em;
	}

	.box-event>a{
		position: absolute;
    	right: 25px;
    	top: 50%;
    	transform: translate(0, -50%);
		color:#fff;
		text-decoration:none;
	}


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

		.note{
			width: calc(25% - 8px);
		}

		.note:nth-child(6n-1){
			margin-right:10px;
		}

		.note:nth-child(8n-1){
			margin-right:0;
		}

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

}

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


	.notes-link{
		display:none;
	}

	#box-menu a:first-child img{
	height: 150px;
	}

	#box-menu a:first-child{
	display:block;
	}


}