/*==================================================*/

/* STYLY PRO PRORITNÍ OBSAH */

/* =================================================*/



/* Allows for elements to have the same dimentions across elements with diferrent borders and paddings (way the width/height properties are calculated to include borders and paddings */

* { 

	box-sizing: border-box!important;

	/* Allow browser agents to add margins to various elements. If I would apply margin 0, then I have would have to correct the effected elements.

	margin:0;

	*/

	padding:0;

}



.is-visible{

	display:block!important;

}

.is-hidden{

	display:none!important;

}



/*==================================================*/

/* Hlavička stránky */

/* =================================================*/

	header{

		background-color: var(--color_scheme_light-Secondary);

		height: 105px;

		width: 100%;

	}

	

	.header_wrap{

		display: flex;

		justify-content: space-between;

		height: 100%;

	}

	.nav_wrap{

		z-index: 1;

	}

	.title_wrap{

		z-index: 0;

		margin: 0 auto;

		display:flex;

		position: absolute;

		top: 15px;

		left: 0; 

		right: 0; 

		margin-inline: auto; 

		width: fit-content;

	}

	

	.title{

		margin: 0 3em;

		display:flex;

		align-items: center;

		justify-content: center;

		text-align:center;

		color:var(--color_scheme_light-Septenary);

		font-size: small;

		letter-spacing: 1px;

		font-family: 'Allura';

		line-height: 20px;

	}

	

	.title a {

		display: flex;

		align-items: center;

		justify-content: center;

	}

	.title a picture {

		display: flex;

		align-items: center;

		justify-content: center;

	}

	

	.logo_lulu{

		width:85px;

		position: absolute;

		top: 2px;

		z-index: 99;

	}

	

	.top_line{

		display:flex;

		align-items:center;

		margin-top:1em;

	}



	.top_line_span{

		background-color:var(--color_scheme_light-Primary);

		border: 1px solid var(--color_scheme_light-Primary);

		width:4em;

		height:2px;

		display: block;

		margin: 0 auto;

		margin-top: 30px;

		box-shadow: var(--shadow_2);

	}

	.top_line_span_left{

		border-radius: 50% 1px 1px 50%;

	}

	.top_line_span_right{

		border-radius: 1px 50% 50% 1px;

	}



	.actions{

		display: flex;

		flex-wrap: wrap;

		justify-content: center;

		z-index:99;

		margin:0em 0em 1em 0em;

		

	}

	

	.action{

		font-size:xx-small;

		text-align:center;

		width:33px;

		height: 33px;

		display: flex;

		align-items: center;

		justify-content: center;



	}

	.action:hover .navigation_icon{

		box-shadow: var(--shadow_1);

		background-color: var(--color_scheme_light-Primary);

	}

	.action:hover .icon_show{

		background-color: var(--color_scheme_light-Senary);

	}

	.action .navigation_icon{	

		margin: 0 auto;

	}

	.action_text{

		margin-top: 0.5em;

		color: var(--color_scheme_light-Primary);

	}

			

	.navigation_icon{

		width: 20px;

		height: 20px;

		border-radius: 50%;

		border: 1px solid var(--color_scheme_light-Primary);

		position: relative;

		box-shadow: var(--shadow_2);

		display: flex;

		justify-content: center;

		align-items: center;

	}

	



/* KONEC Hlavičky stránky */