/* css/blog.css - style rieng cho trang xem bai Blog quang cao (blog/view.php).
   Khong dung chung voi css/styles.css (dung cho toan site) de de rollback rieng. */

/* 1. Dong bo font-family voi toan site (Montserrat, dang dung o css/styles.css cho p/h1-h6).
   Gan len wrapper .blog-content de moi the con (figure, figcaption, blockquote, table, li...)
   deu thua ke dung font qua CSS inheritance, khong phu thuoc viec site co rule rieng cho
   tung loai the hay khong. */
.blog-content {
	font-family: "Montserrat", sans-serif;
}

/* 2. Anh chen trong noi dung bai luon tu dong can giua mac dinh, khong can tac gia tu chon/canh tay.
   Khong xung dot voi rule co san cua ckeditor5-content.css (.ck-content .image img{margin:0 auto...})
   vi rule do dac hieu hon nen van thang cho truong hop <figure class="image">, nhung ca hai cung
   dong thuan ket qua can giua; rule nay chi bo sung an toan cho cac truong hop CKEditor chua cover
   (anh chen inline, anh tu noi dung cu/import thu cong khong co figure bao).*/
.blog-content img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

/* 3a. Style ro figcaption CKEditor sinh ra khi tac gia tu bat nut "Toggle image caption".
   ckeditor5-content.css co unset san mau nen/chu cua figcaption (de site tu theme), nen can
   gan kieu chu ro rang o day. */
.blog-content .image > figcaption {
	font-style: italic;
	font-size: 0.85em;
	color: #777;
	text-align: center;
	padding: 6px 0;
}

/* 3b. Dong chu thich tu dong sinh ra tu thuoc tinh alt (khi anh chua co figcaption rieng),
   do ham hb_blog_render_content() trong blog/functions.php chen vao ngay sau anh. */
.blog-content .blog-img-alt-caption {
	display: block;
	text-align: center;
	font-style: italic;
	font-size: 0.85em;
	color: #777;
	margin-top: -8px;
	margin-bottom: 16px;
}