/*==================================================*/
/* STYLY PRO VYBRANOU STRÁNKU - index.php */
/* =================================================*/

		
/*==================================================*/
/* Obrázek úvodní stránky */
/* =================================================*/

.background{
	z-index: 0;
	position: relative;
    /*
	width: 100%;
	*/
	
	display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: center;
	
	padding-bottom: 1em;
	/*
	background-image: url(../_assets/img/background_7.jpg);
	*/
    background-repeat: no-repeat;
    background-size: cover;
	background-position:center center;
	
	text-align:center;
}
/*
Target high-resolution screens (Retina displays, 4K monitors, or high-density mobile screens)
*/
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	.background {
		background-image: url(../_assets/img/background_7.png);
	}
}

.background_image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
}
.background_image img {
	width: 100%;
	height: 100%;
	object-fit: cover; 
	object-position: center;
}

.title_index_1{
	margin: 0 auto;
	width:75%;
	padding: 0.5em 0em 0.5em 0em;	
	font-size: x-large;
	text-shadow: 1px 1px 1px darkgrey;
    font-weight: bolder;
}

.back_card_wrap{
	display:flex;
    flex-direction: column;
    justify-content: center;
	max-width: 95%;
    position: relative;
	margin-top:1.25em;
}
.back_card_container{
	display:flex;
    flex-direction: column;
    justify-content: center;
}

.back_cards_wrap{
	display: flex;
    flex-direction: column;
	justify-content: center;
	background: linear-gradient(90deg, rgba(239, 245, 243, 0.85) -50%, rgba(230, 241, 236, 1) 50%, rgba(239, 245, 243, 0.85) 95%);
	/*
	background: radial-gradient(circle, rgba(230,241,236,1.00) 10%, rgba(239,245,243,0.85) 95%);
	*/
	border-radius: 5px;
	padding: 4px 5px 4px 5px;
}

.divider_wrap{
	margin: 0 auto;
	margin-left: -0.5em;
	margin-right: -0.5em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.divider {
  display: flex;
  align-items: center;
  margin: -15px 0;
  color: var(--color_scheme_light-Quaternary);
  font-weight: bold;
  width:100%;
}

.divider::before, .divider::after {
  content: "";
  flex: 1;
  border-bottom: 2px solid var(--color_scheme_light-Primary);
  margin: 0 10px;
  box-shadow: var(--shadow_2);
}

.divider::before {
  border-radius: 50% 1px 1px 50%;
}

.divider::after {
  border-radius: 1px 50% 50% 1px;
}

.back_cards{
	display:flex;
	justify-content: space-evenly;
	margin: 15px 0 15px 0;
	
}
.back_card{
	flex: 1 1 0;
	font-size:xx-small;
	text-align:center;
	padding: 0 0.5em 0 0.5em;
}

.back_card_middle{
	border-left: 0.5px solid var(--color_scheme_light-Quinary_trans);
	border-right: 0.5px solid var(--color_scheme_light-Quinary_trans);
	/*
    border-left: 1px solid var(--color_scheme_light-Quinary);
	border-right: 1px solid var(--color_scheme_light-Quinary);
	*/
}
.back_card_left{
	border-left: 0px solid var(--color_scheme_light-Quinary_trans);
	border-right: 0.5px solid var(--color_scheme_light-Quinary_trans);
}
.back_card_right{
	border-right: 0px solid var(--color_scheme_light-Quinary_trans);
	border-left: 0.5px solid var(--color_scheme_light-Quinary_trans);
}
.back_cards_img{
	width:50px;
	margin-top: -5px;
}

.card_icon{
	width: 20px;
    height: 20px;
    /* border-radius: 50%; */
    /* border: 1px solid var(--color_scheme_light-Primary); */
	/* box-shadow: 0 0 10px #000000; */
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 0 auto;
}
.card_head{
	display: flex;
    align-items: center;
    justify-content: center;
	min-height: 3lh;
	margin: 10px 0 10px 0;	
	font-size: 12px;
	font-weight: bold;
}
.card_text{
	font-size: 10px;
}
	

/* KONEC Hlavní stránky */