/* troskliwirodzice.com — doplňkové styly ke šabloně `casino` (paleta a typografie shodné s archivem) */

.article_entry h2 { margin-top: 30px; }
.article_entry p { font-weight: 300; font-size: 17px; line-height: 26px; }
.article_entry .lead { font-weight: 400; font-size: 18px; line-height: 27px; }

.crumbs { font-size: 14px; color: #cfe0f5; margin: 0 0 15px 0; }
.crumbs a { color: #cfe0f5; }
.crumbs a:hover { color: #fff; }
.crumbs .cr_sep { margin: 0 6px; opacity: .6; }

.art_cover { margin: 0 0 25px 0; }
.art_cover img { width: 100%; height: auto; border-radius: 10px; display: block; }
.art_fig { margin: 0 0 25px 0; }
.art_fig img { width: 100%; height: auto; border-radius: 10px; display: block; }
.art_fig figcaption { font-size: 13px; color: #cfe0f5; padding: 8px 0 0 0; }

.art_grid { display: flex; flex-wrap: wrap; margin: 0 -10px; }
a.art_card {
	display: flex; flex-direction: column; box-sizing: border-box;
	width: 33.33%; padding: 0 10px 20px 10px; text-decoration: none; color: #fff;
}
a.art_card:hover { text-decoration: none; color: #fff; }
.art_card_i { display: block; overflow: hidden; border-radius: 10px; background: rgba(0,0,0,.25); }
.art_card_i img { display: block; width: 100%; height: auto; transition: all .3s .02s ease; }
a.art_card:hover .art_card_i img { transform: scale(1.04); }
.art_card_b { display: block; padding: 12px 4px 0 4px; }
.art_card_t { display: block; font-size: 18px; line-height: 23px; font-weight: 600; padding: 0 0 8px 0; }
.art_card_d { display: block; font-size: 14px; line-height: 20px; font-weight: 300; color: #cfe0f5; }

.home_arts { margin: 0 0 30px 0; }
.home_arts_t { margin: 0 0 20px 0; font-size: 24px; font-weight: 600; line-height: 26px; }

.cat_grid { display: flex; flex-wrap: wrap; margin: 0 -10px; }
a.cat_card {
	display: block; box-sizing: border-box; width: 25%; padding: 15px;
	margin: 0 10px 20px 10px; text-decoration: none; color: #fff;
	background-color: #0a519e;
	background-image: linear-gradient(to top, #00326600 0, #003266 73%, #003266 98%);
	border-radius: 12px;
}
a.cat_card:hover { text-decoration: none; color: #fff; }
.cat_card_t { display: block; font-size: 20px; font-weight: 600; padding: 0 0 8px 0; }
.cat_card_d { display: block; font-size: 14px; line-height: 20px; font-weight: 300; color: #cfe0f5; }

.rg_note {
	margin: 25px 0 25px 0; padding: 15px 20px 15px 20px; border-radius: 8px;
	background: rgba(78, 93, 134, .3); font-size: 14px; line-height: 21px; color: #dfe9f7;
}
.rg_note strong { color: #ffb800; }

.related { margin: 10px 0 0 0; padding: 20px; border-radius: 10px; background: rgba(78, 93, 134, .25); }
.related_t { font-size: 20px; font-weight: 600; margin: 0 0 12px 0; }
.related ul { margin: 0; padding: 0; list-style: none; }
.related li { padding: 0 0 10px 0; }
.related li:last-child { padding: 0; }
.related li a { font-size: 16px; }

@media screen and (max-width: 1020px) {
	a.art_card { width: 50%; }
	a.cat_card { width: 45%; }
}
@media screen and (max-width: 759px) {
	a.art_card { width: 100%; }
	a.cat_card { width: 100%; margin: 0 0 15px 0; }
}