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

/* ZAČÁTEK barevná schémata */

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

	:root{

		/* Tématika: red, orange, yellow, green, blue, pink, purple, brown, black, white */

		--color_scheme_1_light-Primary:hsla(229, 50%, 77%, 1.0); /* brand dominant #A6B1E1 */

		--color_scheme_1_light-Primary_trans_1:hsla(229, 50%, 77%, 0.8); /* brand dominant #A6B1E1 */

		--color_scheme_1_light-Primary_trans_2:linear-gradient(135deg, rgba(166, 177, 225, 0.7) 2%, rgba(66, 72, 116, 0.8) 90%); /* brand dominant #A6B1E1 */

	

		--color_scheme_1_light-Secondary:#DCD6F7; /* brand complement */

		

		--color_scheme_1_light-Terciary:#e1d6a6; /* support highlight, text */

		

		--color_scheme_1_light-Quaternary:#424874; /* base natural dark, foreground, footer */

		--color_scheme_1_light-Quaternary_trans:hsla(233, 27%, 36%, 0.8); /* base natural dark, foreground, footer */

		--color_scheme_1_light-Quinary:#F4EEFF; /* base natural light, background, body */

		



		

		

		

		--color_scheme_2_light-Primary:#A7C1A8; /* brand dominant */

		--color_scheme_2_light-Secondary:green; /* brand complement */

		

		--color_scheme_2_light-Terciary:#819A91; /* support highlight, text */

		

		--color_scheme_2_light-Quaternary:#D1D8BE; /* base natural dark, foreground, footer */

		/* --color_scheme_2_light-Quinary:#EEEFE0;  base natural light, background, body */

		--color_scheme_2_light-Quinary:hsla(0.19, 0.31, 0.94, 1);

		

		

		

		/* Notifikace */

		--color_scheme_1_light-Success_Brand:#9effce; /* brand notification */

		--color_scheme_1_light-Success_Support:#9effce; /* support notification */

		--color_scheme_1_light-Success_Neutral:#9effce; /* neutral notification */

		--color_scheme_1_light-Success_Text:#9effce; /* text notification */

		

		--color_scheme_1_light-Warning_Brand:#9effce; /* brand notification */

		--color_scheme_1_light-Warning_Support:#9effce; /* support notification */

		--color_scheme_1_light-Warning_Neutral:#9effce; /* neutral notification */

		--color_scheme_1_light-Warning_Text:#9effce; /* text notification */

		

		--color_scheme_1_light-Error_Brand:#9effce; /* brand notification */

		--color_scheme_1_light-Error_Support:#9effce; /* support notification */		

		--color_scheme_1_light-Error_Neutral:#9effce; /* neutral notification */

		--color_scheme_1_light-Error_Text:#9effce; /* text notification */

		

		

		/* Ostatní, záloha */

		--color_scheme_1_light-test:#9effce;  /* asdf */

		--color_scheme_1_light-test:#ffce9e;  /* asdf */

		--color_scheme_1_light-test:#ce9eff;  /* asdf */



		/* Stíny */

		--shadow_1:0px 0px 9px 0px rgba(0, 0, 0, 0.1); /* plain */

		--shadow_2:0 0 10px #000000; /* focus */

		

		--test1:hsla(300, 100%, 25.1%, 1);

		

		

		--black: #071011;

		--white: #fff;

		

		--clr0:#b8b8b8;

		--clr1:#fff;

		--clr2:#7CB9E8;

		--clr3:red;

		--clr4:#007Af3;

		--clr5:#e8ab7c;

		--clr6:#8bb7d9;

		--clr7:#778899;

		

		--page_line_slant_mobile:1.5em;

		--page_line_slant_desktop:2.5em;

	}

/* KONEC barevná schémata */







.background{

	background-image: url(../_assets/img/bus.jpg);

    background-repeat: no-repeat;

    background-size: cover;

	background-position:center center;

}





		body{

			margin: 0 auto;

			font-family: arial;

			/*

			background-color: var(--color_scheme_<?php echo $custom; ?>-Quinary);

			*/

		}

		header{

			/*

			background-color: var(--color_scheme_<?php echo $custom; ?>-Quaternary_trans);

			color:var(--white);

			*/

			

			display:flex;

		}

		ul{

			list-style: none;

			margin: 0;

			padding: 0;

		}

		a{

			text-decoration:none;

			color: inherit;

		}





		

		.wrap_navbar {

			padding: 1em 0 1em 1em;

		}

		.title{

			margin:0 auto;

			padding: 0 1em;

		}

		.logo{



		}

		.title_text{

			text-align: center;

		    margin: 0;

			padding: 0.2em 0.2em 0.2em 0.2em;

			color:var(--white);

		    text-shadow: 2px 2px 2px var(--black);

		}

		.cas_razitko{

			text-align: center;

			font-size: x-small;

		}

		.cas_razitko_wrap{

			display:flex;

			align-items: flex-end;

			justify-content: center;

		}

		#cas_razitko_1{

			font-size: xx-small;

			font-weight: normal;

		}

		#cas_razitko_2{

			letter-spacing: 0.0em;

			margin: 0.2em 0;

		}

		#cas_razitko_3a{

			margin-left: 1.1em;

		}

		#cas_razitko_3b{

			font-size:xx-small;

			font-weight: normal;

			padding-bottom: 0px;

			letter-spacing: 0.0em;

		}

		

		

		

		.hero {

			text-align: center;

			min-height: 160px;

		}

		

		.hero .container{

			display:flex;

			padding: 0.5em 1em;

			/*

			align-content: space-between;

			flex-flow: column wrap;

			height: 100px;

			*/

		}

		

		.col_left, .col_right{

			width:35%;

			opacity:0.99;

			-moz-border-radius: 5px;

			-webkit-border-radius: 5px;

			border-radius: 5px;

			font-size: 0.9em;

			box-shadow: var(--shadow_2);



		}

		

		.col_left{

			margin-right: auto;

		}

		.col_right{

			margin-left: auto;

		}

		

		.col_left .subhead, .col_right .subhead {

			font-weight: bold;

			font-size: 0.8em;

			letter-spacing: 0.1em;

			margin: 0.5em;

			padding: 0.5em;

			-moz-border-radius: 3px;

			-webkit-border-radius: 3px;

			border-radius: 3px;

			position: relative;

			box-shadow: var(--shadow_2);

			opacity: 0.85;

		}

		

		.col_left h1, .col_right h1 {

			font-size: 2.0em;

			line-height: 1.3em;

			margin-top: .2em;

			margin-bottom: 0.5em;

			padding: 0em 1em 0em 1em;

		}

		

		.col_left .text, .col_right .text {

			text-align: left;

			padding: 0 1em 1em 1em;

		}

	







	

		

		.content {

			padding: 0em 1em 2em 1em;

			min-height: 500px;

		}

	

		

		

		/* Table MHD styling */

		.tablo {

			margin:0.5em auto;

			display:flex;

			flex-wrap: wrap;

			min-height: 450px;

		}



		.tablo-table {

			margin: 0.2em auto;

			padding-inline-start: 0px;

			max-width:350px;

			min-width:300px;

			font-weight: bold;



		}

		.stop_wrap {

			margin: 0 auto;

		}

		.stop_head {

			margin: 1em 0em 0.1em 0em;

		}

		.stop_head_name {

			text-decoration: underline; 

			font-weight: bold;

		}

		.stop_head_dir {



		}

		.tablo-table li {

			border-radius: 3px;

			padding: 0.5em 1em;

			display: flex;

			justify-content: space-between;

			margin-bottom: 0.5em;

		}

		.tablo-table .table-header {

			/*

			background-color: var(--color_scheme_<?php echo $custom; ?>-Primary);

			*/

		}

		.tablo-table .table-row {

			background-color: #ffffff;

			box-shadow: var(--shadow_1);

			font-weight: normal;

		}

		.tablo-table .table-row:hover, .tablo-table .table-row:focus{

			box-shadow: var(--shadow_2);

		}		

		

		.tablo-table .col_tab {

			display: flex; 

			align-items: center;

			justify-content: center;

		}

		.tablo-table .table-header .col_tab-1 {

		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);

		}

		.tablo-table .table-header .col_tab-2 {

		}

		.tablo-table .table-header .col_tab-3 {

			font-size:1.0em;

		}

		.tablo-table .table-header .col_tab-4 {

			

		}

		.tablo-table .col_tab-1 {

			flex-basis: 20%;

			font-weight: bold;

			border-radius: 0.4em;

			box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);

			padding: 0.5em 0em 0.5em 0em;

		}

		.tablo-table .col_tab-2 {

			flex-basis: 25%;

		}

		.tablo-table .col_tab-3 {

			flex-basis: 25%;

			font-size:0.6em;

			text-align: center;

		}

		.tablo-table .col_tab-4 {

			flex-basis: 25%;

		}

		  



		.line_small {

			font-size: 0.5em;

		} 

		.line_normal {



		}

		

		

		

		/* Tlačítko */

		.button_as_div {

			/*

			color: var(--black);

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

			*/	

			-webkit-border-radius: 2px;

			border-radius: 2px; 

			display: inline-flex;

			cursor: pointer;

			padding:5px 15px 5px 15px;

			margin: 0px 0px -1px 0px;

			

			text-align: center;

			text-decoration: none;

			font-family:Arial;

			font-size:1.0em;

		}



		.button_as_div:focus, .button_as_div:hover {

			/*

			color:var(--white);

			background-color:var(--color_scheme_1_light-Terciary);

			*/

			

			box-shadow: 0 0 3px #000000;

			transition: all ease-in-out 0.6s;

			transition: background .3s ease-in-out;

		}

		.button_as_div:hover > .button_icon {

			background:var(--clr2);

			transition: all ease-in-out 0.6s;

			cursor:pointer;

			border:1px solid var(--black);

			box-shadow: 0 0 3px var(--black);

		}

		.button_as_div:hover > .button_icon img {

			background-color:black;

			transition: all ease-in-out 0.6s;

		}

		

		/* Tlačítko konec*/

		

		

		/* Podržení */



		.underscore {

		  position: relative;

		  padding: 0.8em 0;

		}



		

		/* Slide down, DEFAULT OPTIONS for all elements, siblings */

		.underscore::after {

		  content: '';

		  position: absolute;

		  top: 0; /* nad */

		  /* bottom:0; */ /* pod */

		  left: 0;

		  width: 100%;

		  height: 0.1em;

		  background-color: var(--white);

		  opacity: 0;

		  transition: opacity 300ms, transform 300ms;

		}



		.underscore:hover::after, .underscore:focus::after {

		  opacity: 1;

		  transform: translate3d(0, 0.2em, 0);

		}





		/* Slide left-right, FIRST element */

		li:first-child a {

		  overflow: hidden;

		}



		li:first-child a::after {

		  opacity 1;

		  transform: translate3d(-100%, 0, 0);

		}



		li:first-child a:hover::after,	li:first-child a:focus::after{

		  transform: translate3d(0, 0, 0);

		}

		

		/* Slide right-left, ALL MIDDLE elements */

		li:last-child a {

		  overflow: hidden;

		}



		li:last-child a::after {

		  opacity 1;

		  transform: translate3d(100%, 0, 0);

		}



		li:last-child a:hover::after,	li:last-child a:focus::after{

		  transform: translate3d(0, 0, 0);

		}

		



		/* Scale from center, LAST element */

		li:not(:first-child):not(:last-child) a::after {

		  opacity 1;

		  transform: scale(0);

		  transform-origin: center;

		}



		li:not(:first-child):not(:last-child) a:hover::after, li:not(:first-child):not(:last-child) a:focus::after{

		  transform: scale(1);

		}





		/* Podržení konec */

		

	

		

		

		

		.signature{

			display:flex;

			justify-content: center;		

			margin-top: 0em;

		}	

				

		.signature_sub_1{

			width:3.5em;	

			aspect-ratio: 1 / 1;

			text-align:center;

			display: flex;

			align-items: center;

		}



		.signature_sub_2{

			display: flex;

			align-items: center;

			font-family: 'Allura';

		}

		.signed{

		    margin-left: 10px;

		}

		.profile{

			width:50px;

			height:50px;

			border-radius: 50%;

			border: 2px solid white;

			overflow: hidden;

			box-shadow: 0 0 10px #000000;

		}





		

		footer {

			text-align: center;

			padding: 1em 2em 2em 2em;

			/* 

			background-color: var(--color_scheme_<?php echo $custom; ?>-Quaternary);

			*/ 

		}

		footer div{

			font-size:0.8em;

			color: #cdcdcd;

			border-top:1px solid;

			margin: 1em 4em 0em 4em;

			padding: 1em 0em 0em 0em;

		}



		.footer_links{	

		    text-decoration: none;

			color: var(--white);

			display: flex;

			justify-content: center;

			align-items: center;

		}

		



		

		

		.page_line_top{

			width: 100%;

			height: var(--page_line_slant_mobile);

		}

		.page_line_top svg {

			opacity: 0.98;

			/*

			fill:var(--color_scheme_1_light-Terciary:#424874);

			*/

		}

		

		.page_line_nav{



		}

		.page_line_nav svg {

			opacity: 1;

			fill:#20272E;

		}

		

		

		.page_line_middle{

			width: 100%;

			height: var(--page_line_slant_mobile);

		}

		.page_line_middle svg {

			/*

			fill:var(--color_scheme_1_light-Terciary:#424874);

			*/

		}

		

		

		.page_line_bottom{

			width: 100%;

			height: var(--page_line_slant_mobile);

		}

		.page_line_bottom svg {

			/*	 

			fill:var(--color_scheme_1_light-Terciary:#424874);

			*/

		}

		 

		

		/* For desktop only */

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

			.tablo{

				max-width:750px;

			}

			.tablo-table {

			

			}

			.table-header {

			

			}

			.table-row{

			  

			}

			li {

		

			}

			.col_tab {

			  

			  flex-basis: 100%;

			  

			}

			.hero{

				min-height:300px;

			}

			.col_left, .col_right{

				width:15%;

			}



			/*.col_tab :before {

				color: #6C7A89;

				padding-right: 10px;

				content: attr(data-label);

				flex-basis: 50%;

				text-align: right;

			  }

			*/

		}