/*
	HELP PLG CLASSES
*/
.playground { padding: 0px 30px 0px 30px; }
.playground_half { padding: 0px 15px 0px 15px; }

/* PATH */
.template_path { font-size: 1.2em; margin-bottom: 15px; }
.template_path a { display: inline-block; padding: 0px 24px 0px 0px; margin-right: 15px; background: url('../img/bg-path.png') right center no-repeat; }
.template_path a:last-of-type { background: none; text-decoration: none; }

/* CONTENT */
.content { padding: 90px 0px 60px 0px;  }

/* VIDEO */
.video_cover {  position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin-bottom: 30px; }
.video_cover iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/*
	=======================================
	UNDER
	=======================================
*/
.pt90 { padding-top: 90px; }
.pt30 { padding-top: 30px; }

.maxwidth_700 { max-width: 700px; }

@media only screen and (max-width: 960px) {
	.maxwidth_700 { max-width: 100%; }
}

.claim_text { padding: 15px; background: #fcfcfc; font-weight: 700;  font-size: 2em; }

#aktualne { background: #e2f2ef; }

/*
	=======================================
	MODULE PAGES AND PAGE LIST
	=======================================
*/
/* HOMEPAGE PAGE */
.page_item_small { width: 50%; box-sizing: border-box; padding: 0px 15px 0px 15px; margin-bottom: 30px; }
.page_list_foto_hp img { width: 100%; margin-bottom: 15px; }
.page_list_desc_hp h2 { font-size: var(--main-content-text-size); }

@media only screen and (max-width: 960px) {
	.page_item_small { width: 50%; }
}

@media only screen and (max-width: 768px) {
	.page_item_small { width: 100%; }
}

/* PAGE LIST */
.page_item_list { padding: 0px 15px 0px 15px; }
.page_item { padding: 0px 15px 0px 15px; margin-bottom: 30px; }
.page_list_foto img { width: 100%; }
.page_list_desc { box-sizing: border-box; }
.page_list_desc p { max-width: 600px; }

@media only screen and (min-width: 960px) {
	.page_list_foto { width: 40%; }
	.page_list_desc { width: 60%; }
}

@media only screen and (max-width: 960px) {
	.page_list_foto { width: 50%; }
	.page_list_desc { width: 50%; }
}

@media only screen and (min-width: 768px) {
	.page_list_foto { padding-right: 15px; box-sizing: border-box; }
	.page_list_desc { padding: 30px 0px 0px 15px; }
}

@media only screen and (max-width: 768px) {
	.page_list_foto { width: 100%; margin-bottom: 15px; }
	.page_list_desc { width: 100%; }
}

.page_detail_text_cover { max-width:  960px; margin: 0 auto; }

.page_perex { padding: 0px 30px 0px 30px; }
.page_perex p { margin-bottom: 30px; font-weight: 700; }
.page_main_photo { margin-bottom: 30px; position: relative;}
.page_main_photo img { width: 100%; }

@media only screen and (min-width: 960px) {
	.page_perex p { font-size: 2.4em; }
}

.page_text p { margin-bottom: 30px; }

.page_gallery_cover { padding: 0px 15px 0px 15px; }
.page_gallery_item { padding: 0px 15px 0px 15px; box-sizing: border-box; width: 25%; float: left; position: relative; margin-bottom: 30px; }
.page_gallery_item img { width: 100%; }

@media only screen and (max-width: 960px) {
	.page_gallery_item { width: 50%; }
}

@media only screen and (max-width: 768px) {
	.page_gallery_item { width: 100%; }
}

.page_paragraph_foto img { width: 100%; }
.page_paragraph_foto { padding: 0px 30px 0px 30px; margin-bottom: 30px; position: relative;}

.page_author { padding: 0px 0px 15px 0px; font-size: 1.6em; font-style: italic; color: #ccc; }

.page_author_top { padding-top: 7px; width: calc(100% - 160px); }

.page_detail_img_author { padding: 5px 10px 5px 10px; font-size: 1.4em; font-style: italic; position: absolute; bottom: 0px; left: 30px; background: #e2f2ef;}

.page_gallery_item .page_detail_img_author { left: 15px; }

.page_paragraph h2  { padding: 0px; margin-bottom: 15px;}
.page_paragraph p { padding: 0px; margin-bottom: 30px; font-size: 2em; }

.page_paragraph ul { margin-bottom: 30px; list-style-type: none;  }
.page_paragraph ul li { display: block; padding-bottom: 10px; padding-left: 25px; background: url('../img/bg-li.gif') left 14px no-repeat; }

.social_share_buttons { font-size: 1.6em; margin-bottom: 30px; width: 100px; }
.social_share_buttons a { display: inline-block; text-decoration: none; width: 30px; height: 30px; border-radius: 15px; }

.share_facebook { background: url('../img/icon-facebook.png') center center no-repeat  #cecece; }
.share_twitter { background: url('../img/icon-twitter.png') center center no-repeat  #cecece; }

.share_twitter:hover { background-color: #1da1f2; }
.share_facebook:hover { background-color: #1877f2; }

#related-list { border-top: 1px solid #009c80; }

/*
	=======================================
	FORMULAR
	=======================================
*/
#napiste-nam {
	background: rgb(236,236,236);
}

.form_cover { padding: 0px 0px 0px 0px; }
.form_body { padding: 0px 15px 15px 15px; }
.form_submit_line { padding: 0px 15px 0px 15px; font-size: var(--main-content-text-size); margin-bottom: 30px; }
.form_line { padding: 0px 15px 15px 15px; font-size:  var(--main-content-text-size); }
.form_line label { display: block;  margin-bottom: 10px; }
.form_line input, .form_line textarea { width: 100%; padding: 14px; box-sizing: border-box; border: solid 1px #707070;  }
.form_line textarea { height: 150px; }

.form_line input:focus,
.form_line textarea:focus { border-color: var(--main-oposite-color);  }

.form_submit_line input {
	background: #444; color: #fff;  border: none; width: 100%; padding: 15px 0px 15px 0px;
}

@media only screen and (min-width: 768px) {
	.form_submit_line input:hover { background-color: var(--main-oposite-color); cursor: pointer; }
}

input[type=checkbox] { display: none; }
input[type=checkbox] + label { padding: 10px 20px 10px 40px; background: url('../img/checkbox.gif') left center no-repeat; display: block; }
input[type=checkbox] + label:hover { cursor: pointer; }
input[type=checkbox]:checked + label { background: url('../img/checkbox-checked.gif') left center no-repeat; }

.alert { padding: 0px 15px 15px 15px; }
.alert div.red { padding: 0px 0px 15px 0px; font-weight: 700; color: #c00; font-size: var(--alert-text); 	}
.alert div.green { padding: 30px; margin-bottom: 15px; font-weight: 700; color: Green; font-size: var(--alert-text);  background: #c8ffd1;	}

/*
	=======================================
	NATIVE NOTE
	=======================================
*/
.note { position: fixed; left: 0px; bottom: 0px; z-index: 1000; box-sizing: border-box; padding: 0px 30px 30px 30px; max-width: 960px; }
.note_inner { background: var(--main-oposite-color); padding: 30px 30px 30px 30px; margin-bottom: 0px; color: #fff; }
.note_inner p { margin-bottom: 0px; }
.note_heading { display: block; margin-bottom: 5px; padding: 0px; color: #fff; font-weight: 700; font-size: var(--content-text-smallest); }
.note #info-button { display: block; height: 45px; width: 45px;  text-decoration: none; }
.note .close { background: url('../img/icon-close.png') center center no-repeat var(--main-oposite-color); }
.note .open { background: url('../img/icon-open.png') center center no-repeat var(--main-oposite-color); }

.button_line { padding-top: 15px;}
#quote_button {  display: inline-block; font-size: 1.4em; text-align: center; color: #fff; background-color: #ff4300; padding: 10px 30px 10px 30px; }