/*
Theme Name: SGTVT
Text Domain: sonla.org.vn
Version: 2.0
Tested up to: 6.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI:
Theme URI:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


body {
    color: #000;
    font-family: Tahoma,Arial;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
a {
    color: #004175;
    font-size: 12px;
    text-decoration: none;
}
a:hover {
    color: #4f82ac;
    text-decoration: underline;
}
#wallpaper {
    background: none repeat scroll 0 0 #e1d8c3;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
#main {
    margin: 0 auto;
    width: 990px;
}
#ja-wrapper2 {
    background: url("images/shadow-right.gif") repeat-y scroll right center rgba(0, 0, 0, 0);
    padding-right: 14px;
}
#ja-wrapper3 {
    background: url("images/shadow-left.gif") repeat-y scroll left center rgba(0, 0, 0, 0);
    padding-left: 14px;
}
#header, #page, #menuTop, #navigation, #footer {
    float: left;
    overflow: hidden;
    width: 962px;
}
#header {
    background: url("images/header.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 200px;
    position: relative;
}
#marquee {
    background: none repeat scroll 0 0 #333;
    color: #f9d01a;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    opacity: 0.7;
    text-transform: uppercase;
    width: 514px;
}
#marquee p, #marquee h1, #marquee h2, #marquee h3, #marquee h4, #marquee h5, #marquee h6 {
    margin: 0;
    padding: 0;
}
#menuTop {
    background: url("../images/menu1.gif") repeat-x scroll left top rgba(0, 0, 0, 0);
    border-bottom: 1px solid #c8c8c8;
    color: #fff;
    height: 28px;
    line-height: 28px;
}
#menuTop ul {
    float: right;
}
#menuTop #cart a {
    color: red;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
#menuTop ul {
    margin: 0;
    padding: 0;
}
#menuTop ul.menu {
    float: right;
}
#menuTop ul li {
    cursor: pointer;
    display: block;
    float: left;
    line-height: 28px;
    list-style: none outside none;
}
#menuTop ul li a {
    background: url("../images/bg_li_top.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #ffffff;
    float: left;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    text-transform: uppercase;
    width: 112px;
}
#menuTop ul li a:hover {
    background: url("../images/bg_li_top_hover.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
}
#menuTop ul li a.active {
    background: url("../images/bg_li_top_hover.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
}
#cart {
    float: right;
    margin-right: 8px;
}
#page {
    background: none repeat scroll 0 0 #fff;
    padding-top: 5px;
}
#page #left {
    float: left;
    overflow: hidden;
    width: 20%;
}
#page #left .titleMenu {
    background: none repeat scroll 0 0 #403c3a;
    border-bottom: 1px dotted #ccc;
    color: #ee9600;
    float: left;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
#page #left .mainMenu {
    background: none repeat scroll 0 0 #544f4c;
    float: left;
    width: 100%;
}
#page #left .mainMenu ul {
    margin: 0;
    padding: 0;
}
#page #left .mainMenu ul li {
    color: #b6c8c8;
    cursor: pointer;
    font-weight: bold;
    line-height: 25px;
    list-style: none outside none;
    text-align: left;
}
#page #left .mainMenu ul li a {
    color: #b6c8c8;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    margin-left: 15px;
    text-decoration: none;
    text-transform: uppercase;
}
#page #left .mainMenu ul li a:hover {
    color: #fff;
}
#page #left .titleMenu a {
    color: #ee9600;
    font-weight: bold;
    margin-left: 15px;
    text-decoration: none;
}
#page #right {
    float: right;
    overflow: hidden;
    width: 80%;
}
#page #right #mainBody {
    padding: 0 0 25px;
}
#content {
    float: left;
    overflow: hidden;
    width: 74%;
}
#page #right #mainBody #content #ja-content {
    overflow: hidden;
}
#page #right #mainBody #content #ja-content {
    clear: both;
    display: block;
    margin: 0;
    padding: 0 8px 0 10px;
}
#page #right #mainBody #content #ja-content table {
    float: left;
}
.box {
    background: none repeat scroll 0 0 #fff;
    float: left;
    width: 100%;
}
.box .title {
    background: none repeat scroll 0 0 #4396ca;
    float: left;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    width: 100%;
}
.box .title .left {
    background: none repeat scroll 0 0 #4396ca;
    float: left;
    height: 24px;
    width: 4px;
}
.box .title .center {
    color: #fff;
    float: left;
    font-weight: bold;
    height: 24px;
    line-height: 30px;
    padding-left: 15px;
    text-align: center;
}
.box .title .right {
    background: none repeat scroll 0 0 #4396ca;
    float: right;
    height: 24px;
    width: 4px;
}
.box .boxContent {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    margin-top: 1px;
    padding: 5px 0;
    text-align: left;
    width: 100%;
}
.box .boxContent li {
    background: url("../images/icon_row.png") no-repeat scroll 6px center rgba(0, 0, 0, 0);
    border-bottom: 1px dotted #bfbfbf;
    color: red;
    float: left;
    line-height: 25px;
    list-style: none outside none;
    width: 100%;
}
.box .boxContent li.last_menu {
    border-bottom: 0 none;
}
.box .boxContent li a {
    color: #000;
    font-weight: bold;
    padding-left: 15px;
    text-decoration: none;
}
.box .boxContent li a:hover {
    color: red;
    text-decoration: underline;
}
.box .boxContent li.news {
    background: url("../images/note_news.jpg") no-repeat scroll 6px 12px rgba(0, 0, 0, 0);
    border-bottom: 0 none;
}
.box .boxContent li.news a {
    font-weight: normal;
}
.box .boxContent li.search {
    background: url("../images/note_red.jpg") no-repeat scroll 3px 8px rgba(0, 0, 0, 0);
    border-bottom: 0 none;
}
.box .boxContent li.search a {
    cursor: pointer;
    font-weight: normal;
    padding-left: 13px;
}
.box .boxContent li.searchCheck {
    background: url("../images/b_drop.png") no-repeat scroll 10px 8px rgba(0, 0, 0, 0);
    border-bottom: 0 none;
}
.box .boxContent li.searchCheck a {
    cursor: pointer;
    font-weight: normal;
    padding-left: 25px;
}
.box .boxContent ul {
    margin: 0;
    padding: 0;
}
.box .boxContent ul li.ls-news {
    background: url("../SGTVT/images/li_others.jpg") no-repeat scroll 3px 10px rgba(0, 0, 0, 0);
    font-weight: normal;
    line-height: 17px;
    list-style: none outside none;
    padding: 5px 0;
    text-align: left;
}
.box .boxContent ul li.ls-news a {
    font-weight: normal;
    padding-right: 22px;
}
.box .boxContent ul li.none {
    font-weight: normal;
}
.box .boxContent ul li.none a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.boxproduct {
    float: left;
    height: 210px;
    margin: 10px 15px 5px 10px;
    overflow: hidden;
    text-align: center;
    width: 157px;
}
.boxproduct .image {
    border: 1px solid #e5e5e5;
    height: 128px;
    margin: 0 auto;
    text-align: center;
    width: 150px;
}
.boxproduct .image img {
    border: 0 none;
    height: 96px;
    margin: 10px auto 0;
}
.boxproduct .field, .boxproduct .price {
    float: left;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    width: 100%;
}
.boxproduct .field {
    line-height: 18px;
}
.boxproduct .field a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
.boxproduct .field a:hover {
    text-decoration: underline;
}
.boxproduct .price {
    color: red;
}
.boxproduct .field .cart {
    float: left;
    padding-left: 5px;
    padding-top: 2px;
}
.boxproduct .field .cart a {
    cursor: pointer;
}
.boxproduct .field .detail {
    float: right;
    padding-right: 2px;
    padding-top: 2px;
}
.boxproduct .field .detail a {
    color: #343434;
    font-weight: bold;
    text-decoration: none;
}
.boxproduct .field .detail a:hover {
    text-decoration: underline;
}
.neoslideshow {
    height: 200px;
    position: relative;
    width: 962px;
}
.neoslideshow img {
    left: 0;
    position: absolute;
    top: 0;
}
#listNewsSpecial {
    float: left;
    width: 285px;
}
#listNewsSpecial ul {
    margin: 0;
    padding: 0;
}
#listNewsSpecial ul li {
    background: url("../images/ar2.gif") no-repeat scroll 3px 6px rgba(0, 0, 0, 0);
    line-height: 18px;
    list-style: none outside none;
    padding-left: 15px;
    text-align: left;
}
#listNewsSpecial ul li a, #listNewsSpecial ul li a.uncheckShowImage {
    color: #000;
    font-weight: normal;
    text-decoration: none;
}
#listNewsSpecial ul li a:hover, #listNewsSpecial ul li a.checkShowImage {
    color: red;
    font-style: italic;
}
#image_special {
    float: right;
    overflow: hidden;
    text-align: center;
    width: 300px;
}
#image_special img {
    border: 2px solid #ccc;
    margin: 5px auto 0;
    padding: 2px;
    width: 290px;
}
#image_special div.showTextSpecial {
    background: none repeat scroll 0 0 #f5f4ed;
    color: #000;
    line-height: 18px;
    padding: 5px;
    text-align: left;
}
.sectiontableentry1, .sectiontableentry2 {
    color: #333;
    padding-left: 5px;
}
a.category {
    color: #0e3071;
    font-weight: bold;
    text-decoration: none;
}
a.category:hover {
    font-style: italic;
}
.adv {
    float: left;
    margin: 0;
    padding-top: 2px;
    text-align: center;
    width: 100%;
}
.adv img {
    margin: 0 auto;
}
.page {
    float: left;
    margin-top: 10px;
    text-align: right;
    width: 100%;
}
.page span.pagenav {
    color: #ff0000;
    font-size: 13px;
    font-weight: bold;
}
.page a {
    color: #004175;
    font-weight: bold;
    text-decoration: none;
}
.page a:hover {
    color: #4f82ac;
    text-decoration: underline;
}
.field_detail, .field_detail_price_ny {
    border-bottom: 1px dotted #565656;
    color: #000;
    float: left;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    width: 280px;
}
.field_detail_price_ny {
    color: #777;
    font-weight: bold;
    text-decoration: line-through;
}
.field_detail a {
    background: url("../images/icon_row.png") no-repeat scroll 3px center rgba(0, 0, 0, 0);
    padding-left: 12px;
}
.lsNews {
    float: left;
    margin: 5px 0;
    text-align: justify;
    width: 100%;
}
.lsNews img {
    border: 2px solid #ccc;
    float: left;
    margin: 0 5px 5px 0;
    padding: 2px;
}
.lsNews a {
    color: #004175;
}
.lsNews a:hover {
    color: #4f82ac;
}
.lsNews a.chi_tiet {
    color: #ff0000;
    font-weight: normal;
}
.lsNews ul {
    font-weight: bold;
    margin: 20px 0 0;
    padding: 0;
    text-transform: uppercase;
}
.lsNews ul li {
    background: url("../images/note_red.jpg") no-repeat scroll 5px center rgba(0, 0, 0, 0);
    line-height: 20px;
    list-style: none outside none;
    padding-left: 20px;
    text-transform: none;
}
.datetime {
    color: #b3b3b3;
    font-style: italic;
}
.description {
    color: #a0a0a0;
    font-style: italic;
    font-weight: bold;
}
#page #right #mainBody #cols2 {
    float: right;
    width: 24.9%;
}
#footer {
    background: url("../SGTVT/images/footer-left.gif") repeat-x scroll left top #fff;
    font-size: 13px;
    line-height: 22px;
    overflow: visible;
    padding: 15px 0;
    position: relative;
    text-align: center;
}
#footer .topLeft {
    left: 10px;
    position: absolute;
    top: 15px;
}
#footer .topRight {
    position: absolute;
    right: 10px;
    top: 15px;
}
table.moduletable {
    background: none repeat scroll 0 0 #fff;
    text-align: left;
    width: 100%;
}
table.moduletable th, table.moduletable h6.one_quesion {
    background: none repeat scroll 0 0 #4396ca;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    text-transform: uppercase;
}
.ageent_main_only1 {
    margin-bottom: 5px;
}
table.moduletable ul.latestnews {
    margin: 0;
    padding: 0;
}
table.moduletable ul.latestnews li {
    background: url("../SGTVT/images/li_others.jpg") no-repeat scroll 3px 5px rgba(0, 0, 0, 0);
    line-height: 20px;
    list-style: none outside none;
    padding-left: 15px;
}
#menu {
    float: left;
    position: absolute;
    width: 192px;
}
#menu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
}
#menu li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#menu li {
    display: inline;
}
#menu ul ul {
    left: -9999px;
    position: absolute;
}
#menu ul#toplevel {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 100;
}
#menu li {
    background: none repeat scroll 0 0 #327ed3;
    border-bottom: 1px solid #89d3f8;
    border-top: 1px solid #0d79a2;
    display: block;
    height: 23px;
    line-height: 23px;
    width: 192px;
}
#menu li a {
    color: #fff;
    float: left;
    text-transform: none;
    width: 177px;
}
#menu ul li a:hover {
    background: none repeat scroll 0 0 red;
    text-decoration: none;
}
#menu ul li:hover > ul {
    left: 100%;
    margin-top: 0;
}
#menu li:hover > a {
}
#menu li a.fly {
    font-weight: bold;
}
#menu li:hover > a.fly {
}
#menu ul ul li {
    background: none repeat scroll 0 0 #327ed3;
    height: auto;
    opacity: 0.9;
    width: 192px;
}
#menu ul ul li a {
    color: #fff;
    font-weight: normal;
}
h2 {
    text-align: left;
}
.item {
    text-align: left;
}
.componentheading {
    display: block;
  clear: both;
    border-bottom: 1px dotted #ccc;
    color: #d6003f;
    font-size: 18px;
    font-weight: bold;
    padding: 3px 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
table.blog div {
    padding: 10px 0;
    position: relative;
    text-align: left;
    width: 100%;
}
table.contentpaneopen {
    width: 100%;
}
.contentheading {
    text-align: left;
}
a.contentpagetitle {
    color: #004175;
    font-weight: bold;
    text-decoration: none;
}
a.news_title {
    background: url("../images/newnew.gif") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    padding-right: 35px;
}
a.contentpagetitle:hover {
    color: #4f82ac;
}
a.readon {
    color: #a99999;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
a.readon:hover {
    color: #4f82ac;
}
table#show_content_text {
    font-size: 12px;
    line-height: 17px;
    text-align: left;
}
table#show_content_text img {
    border: 1px solid #d8d8d8;
    float: left;
    height: auto;
    margin-right: 5px;
    padding: 2px;
    width: 130px;
}
table#show_content_text .first img {
    width: 220px;
}
.blog_more {
    text-align: left;
    width: 960px;
}
.blog_more div {
    background: none repeat scroll 0 0 #f4f4f4;
    border-bottom: 2px solid #99cc00;
    border-top: 1px solid #dbdbdb;
    color: #004175;
    font-size: 13px;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    margin-bottom: 5px;
    width: 100%;
    clear: both;
}
.blog_more div span {
    margin-left: 10px;
}
.blog_more ul {
    margin: 0;
    padding: 0;
}
.blog_more ul li {
    background: url("../SGTVT/images/li_others.jpg") no-repeat scroll 5px 7px rgba(0, 0, 0, 0);
    line-height: 20px;
    list-style: none outside none;
    padding-left: 15px;
}
.blog_more ul li:first-child {
    background: url("../SGTVT/images/li_others.jpg") no-repeat scroll 5px 7px rgba(0, 0, 0, 0);
}
.blog_more ul li a {
    color: #004175;
    font-weight: normal;
    text-decoration: none;
}
.blog_more ul li a:hover {
    color: #4f82ac;
}
.blog_more ul li a.icon_news {
    background: url("../images/newnew.gif") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    padding-right: 35px;
}
.widget {
    background: none repeat scroll 0 0 #f0f9ff;
    border: 1px solid #95c6f2;
    margin-bottom: 5px;
    padding: 10px;
    text-align: left;
    width: 535px;
}
.adver {
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    width: 560px;
}
.adver img {
    margin: 0 auto;
    max-width: 560px;
    width: auto !important;
}
.widget ul {
    margin-left: 0;
    padding-left: 0;
}
.widget a {
    color: #222222;
    text-decoration: none;
}
.widget a:hover {
    color: #000099;
    text-decoration: underline;
}
.tabnav li {
    display: inline;
    list-style: none outside none;
    padding-right: 5px;
}
.tabnav li a {
    border-radius: 5px;
    box-shadow: 2px 2px 4px #000000;
    color: #222222;
    font-size: 11px;
    font-weight: bold;
    outline: medium none;
    padding: 4px 6px;
    text-decoration: none;
    text-transform: uppercase;
}
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
    background: none repeat scroll 0 0 #f99d1d;
    color: #fff;
    text-decoration: none;
}
.tabdiv {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #95c6f2;
    height: auto !important;
    margin-top: 2px;
    min-height: 300px;
    overflow: hidden;
    padding: 5px;
}
.tabdiv ul {
    margin: 0;
    padding: 0;
}
.tabdiv li {
    line-height: 17px;
    list-style: none outside none;
    margin-bottom: 5px;
    text-align: left;
}
.tabdiv li.row2 {
    background: none repeat scroll 0 0 #f0f9ff;
}
.tabdiv li img {
    border: 3px solid #dedede;
    float: left;
    margin: 0 5px 3px 0;
    padding: 1px;
    width: 120px;
}
.tabdiv li img,
.post-thumbnail img {
    border: 3px solid #dedede;
    float: left;
    margin: 0 5px 3px 0;
    padding: 1px;
    width: 120px;
    height: 90px; /* 4:3 aspect ratio */
    max-width: 100%;
}
.tabdiv li a {
    color: #d30000;
    font-weight: bold;
    text-decoration: none;
}
.tabdiv li a:hover {
    color: #d30000;
    text-decoration: underline;
}
.tabdiv li div {
    margin: 0;
    padding: 0;
}
.tabdiv li h5, .tabdiv li p, .tabdiv li h3, .tabdiv li h4 {
    margin: 0;
    padding: 0;
}
.ui-tabs-hide {
    display: none;
}
#featuredvid {
    text-align: center;
}
.fvid {
    margin-bottom: 5px;
}
.vidselector li {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dedbd1;
    list-style: none outside none;
    margin-bottom: 5px;
    padding: 5px;
    text-align: left;
    text-transform: uppercase;
}
.page_date_time {
    border-bottom: 1px solid #dfdfdf;
    color: #999;
    font-size: 11px;
    line-height: 16px;
    padding: 3px 0;
    text-align: right;
    width: 100%;
}
.pagecontentheading {
    border-bottom: 1px dotted #ccc;
    color: #d6003f;
    font-size: 18px;
    font-weight: bold;
    padding: 3px 0;
    text-align: left;
    width: 100%;
}
.page_introtext {
    color: #5f5f5f;
    font-weight: bold;
    line-height: 17px;
    text-align: left;
    width: 100%;
}
.page_introtext img {
    border: 2px solid #ccc;
    float: left;
    margin: 0 5px 5px 0;
    padding: 2px;
    width: 220px;
}
.page_fulltext {
    max-width: 950px;
    color: #000;
    text-align: left;
}
.page_fulltext img.alignnone {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto; /* Căn giữa theo chiều ngang */
  margin-bottom: 10px;
}

.page_fulltext p {
  overflow: hidden;
}
.search {
    float: left;
    padding-left: 10px;
}
.page-tieude-lon-support {
    margin: 0;
}
.page-tieude-lon-support h2 {
    border-top: 1px solid #ccc;
    font-size: 16px;
    margin: 0;
    padding-top: 10px;
}
/* Tiêu đề bài viết */
.entry-title {
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}

/* Thẻ meta (ngày đăng, tác giả, danh mục) */
.entry-meta {
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
}

/* Nội dung bài viết */
.entry-content {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 20px;
}

/* Ảnh đại diện bài viết */
.entry-thumbnail img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

/* Phần chia sẻ bài viết */
.share-buttons {
    margin-top: 20px;
}

/* Thẻ phân loại (tag) */
.entry-tags {
    margin-top: 20px;
}

/* Bình luận */
.comments-section {
    margin-top: 40px;
}

/* Phần nút đọc tiếp (read more) */
.read-more {
    display: none;
}
#primary {
    margin: 0px;
}

.entry-header {
    margin-bottom: 20px;
}

.entry-title {
    border-bottom: 1px dotted #ccc;
    color: #d6003f;
    font-size: 20px;
    font-weight: bold;
    padding: 3px 0;
    text-align: left;
    width: 100%;
    display: block;
  clear: both;
  margin-left: 0px;
}

.entry-meta {
    font-style: italic;
    color: #888;
}

.entry-content {
    margin-bottom: 20px;
}

.entry-footer {
    margin-top: 10px;
}

.tags {
    margin-top: 10px;
}

.tags a {
    display: inline-block;
    background-color: #eee;
    padding: 3px 5px;
    margin-right: 5px;
    border-radius: 3px;
    text-decoration: none;
    color: #333;
}

.tags a:hover {
    background-color: #ccc;
}