/*
	HELP PLG CLASSES
*/
.button_smart { background: var(--color-red); color: #fff; display: inline-block; font-size: 1.8em; text-decoration: none; border-radius: 10px; padding: 4px; }
.button_smart span { display: inline-block; padding: var(--main-gap-small) var(--main-gap-half) var(--main-gap-small) var(--main-gap-half); }

.button_smart:hover { background: var(--color-dark); }


.playground { padding: 0px var(--main-gap) 0px var(--main-gap); }
.playground_half { padding: 0px var(--main-gap-half) 0px var(--main-gap-half); }
.playground_double { padding: 0px var(--main-gap-double) 0px var(--main-gap-double); }

body { padding-top: calc((var(--main-gap-between) * 2) + 60px); }

@media only screen and (max-width: 960px) {
	body { padding-top: calc((var(--main-gap-between) * 2) + 48px); }
}

header { 
	background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px);
	padding: var(--main-gap-between) 0px var(--main-gap-between) 0px; 
	position: fixed; top: 0px; left: 0px; z-index: 900;
	border-bottom: 1px solid #000; width: 100%;
}

header .button_smart { position: absolute; top: 50%; right: var(--main-gap); transform: translateY(-50%); }

.tmp_logo_link { text-decoration: none; }
.logo_img { height: 60px;}
.logo_text { margin-left: 16px; }

@media only screen and (max-width: 960px) {
	.logo_img { height: 48px; }
}

#tmp_hero {
	padding: var(--main-gap-section) 0px var(--main-gap-section) 0px; 
}
.tmp_hero_list { color: var(--color-red);  }

/* OBCHVATY */
#tmp_obchvaty { padding: 0px 10px 0px 10px; background: var(--color-yellow); }
.tmp_obchvat_section { padding-top: var(--main-gap-double); padding-bottom: var(--main-gap); }
.tmp_obchvaty_button { padding: var(--main-gap-double) 0px var(--main-gap-double) 0px; }

#tmp_iniciativa {
	padding: var(--main-gap-section) 0px var(--main-gap-section) 0px;
	background: #EFFCFF;
	background: linear-gradient(0deg, rgba(239, 252, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}

.iniciativa_item img{ width: 100%; max-width: 320px; border-radius: 10px; margin-bottom: var(--main-gap); }
.iniciativa_item p { font-size: 1.6em; }

/* PETICE */
#petice { padding: var(--main-gap-section) 0px var(--main-gap-section) 0px; }

.sign_line { font-size: 14px; }

.sign_line_head { background: #f1f1f1; border-radius: 5px 5px 0px 0px; }

.sign_cell { box-sizing: border-box; padding: var(--main-gap-half); }
.cell_01 { width: 50%;  } 
.cell_02 { width: 30%;  text-align: center; } 
.cell_03 { width: 20%;  text-align: right; } 

@media only screen and (max-width: 760px) {
	.sign_cell { padding: var(--main-gap-half) 0px  var(--main-gap-half) 0px; }
	.cell_01, .cell_02, .cell_03 { width: 100%;  } 
	.sign_line_line { border-top: 1px solid #ccc;}
	.sign_line_head { display: none; }
}


.sign_annonymous { color: #ccc; }

/*
	=======================================
	FOOTER
	=======================================
*/
footer { padding: var(--main-gap-double) 0px var(--main-gap-double) 0px; background: #f1f1f1;  } 
footer p { color: #ccc; margin: 0px; }


#copyr { padding: var(--main-gap-double) 0px var(--main-gap) 0px; background: var(--color-dark); }