/*
Theme Name: Neopentan GeneratePress Child
Description: GeneratePress child theme for Neopentan.
Author: Neopentan
Template: generatepress
Version: 1.0.0
Text Domain: neopentan-gp-child
*/
/* Post titles */
.single .entry-title {
	font-size: 29px;
	line-height: 1.25;
}

/* Main content containers */
.single .inside-article {
	padding-top: 23px;
	padding-bottom: 23px;
}

.single .entry-content {
	margin-top: 10px;
}

/*Heading title widget for example Newest post and recent comments*/
.widget-area .widget_block .wp-block-heading {
    margin-bottom: 5px;
	text-align: center;
}

/* Divider between latest posts */
.widget-area .wp-block-latest-posts li {
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #eeeeee;
}

.widget-area .wp-block-latest-posts li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

/*widget recent comments*/
.widget-area .wp-block-latest-comments {
    margin: 0;
    line-height: 1.35;
}

/* Divider between recent comments */
.widget-area .wp-block-latest-comments__comment {
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #eeeeee;
}

.widget-area .wp-block-latest-comments__comment:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

/* AnsPress Categories widget */
.widget-area #ap-categories-widget .ap-cat-wid-title {
	font-size: 16px;
}

/* Hide AnsPress category icon */
.widget-area #ap-categories-widget .ap-cat-image {
	display: none;
}

/* Comments area */
.single .comments-area {
	margin-top: 5px;
    padding-top: 10px;
	padding-bottom: 10px;
}

.single .comments-area .comment-content,
.single .comments-area .comment-body {
	font-size: 14px;
	line-height: 1.4;
}

/* Comments headings */
/* Number of comments heading */
.single .comments-title {
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 0;
}

/* Leave a Comment */
.single .comment-reply-title {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 0px;
}

.single .comment-form .logged-in-as {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 10px;
}

.single .comment-form textarea {
	height: 160px;
}

.single .comment-form input[type="submit"] {
	font-size: 14px;
	line-height: 1.4;
	padding: 8px 14px;
}

/* Individual WordPress comments */
.single .comment-list .comment-body {
    padding-top: 5px;
    padding-bottom: 5px;
}

.single .comment-list .children {
	margin-top: 0;
    margin-left: 10px;
}

/* Hide WordPress comment avatars */
.single .comment-list .avatar {
	display: none;
}

.single .comment-list .comment-content {
    margin-top: 0;
	padding: 8px 13px;
}

.single .comment-list .comment-content p:last-of-type {
    margin-bottom: 5px;
}

/* Main navigation */
.main-navigation .main-nav ul li a {
	font-size: 18px;
	font-weight: 600;
}

/* Sidebar widgets */
.widget-area .widget {
	padding: 18px 20px;
    font-size: 16px;
	line-height: 1.35;
}

/* Classic widget headings - e.g. AnsPress Categories */
.widget-area .widget-title {
	margin-bottom: 5px;
	line-height: 1.3;
	text-align: center;
}

/* Search widget */
.widget_search .wp-block-search__inside-wrapper {
	display: flex;
	gap: 6px;
}

.widget_search .wp-block-search__input {
	min-width: 0;
	height: 35px;
	padding: 6px 10px;
}

.widget_search .wp-block-search__button {
	height: 35px;
	margin-left: 0;
	padding: 0 14px;
}

/* Sidebar user account widgets */
#block-7 {
	padding: 10px 14px;
	border: 1px solid #d9e2ec;
	border-radius: 4px;
}

#block-7 .neopentan-user-links {
	text-align: center;
	font-size: 17px;
	line-height: 1.4;
}

#block-7 p {
	margin: 0;
}

/* Ẩn khu vực vote */
#anspress .ap-single-vote {
    display: none !important;
}

/* Bỏ khoảng trống AnsPress dành cho vote */
#anspress .ap-content {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

/* Mở rộng khung soạn trả lời AnsPress */
#anspress #answer-form-c {
    width: auto !important;
    margin-right: 0 !important;
}

/* Khung câu hỏi và câu trả lời rộng hết vùng nội dung */
#anspress .ap-cell {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* =========================================================
 * RESPONSIVE TABLES - FRONTEND
 * ========================================================= */

/* Wrapper của bảng */
.neopentan-table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

/* Bảng */
.neopentan-table-scroll table {
    border-collapse: collapse;
    margin-bottom: 0;

    /*
     * Không ép trình duyệt bẻ chữ từng ký tự.
     */
    table-layout: auto;
}

/* Ô trong bảng */
.neopentan-table-scroll td,
.neopentan-table-scroll th {
    box-sizing: border-box;

    /*
     * Không dùng anywhere vì nó làm chữ bị
     * ép xuống từng ký tự trên màn hình nhỏ.
     */
    overflow-wrap: normal;
    word-break: normal;
}

/* Ảnh trong bảng */
.neopentan-table-scroll img {
    max-width: 100%;
    height: auto;
}


/* =========================================================
 * DESKTOP
 * ========================================================= */

@media (min-width: 769px) {

    .neopentan-table-scroll table {
        width: 100%;
        max-width: 100%;
    }

}

/* =========================================================
 * MOBILE
 * ========================================================= */

@media (max-width: 768px) {

    .neopentan-table-scroll {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .neopentan-table-scroll table {
        width: 100%;
        min-width: 100%;
        table-layout: auto;
    }

    .neopentan-table-scroll td,
    .neopentan-table-scroll th {
        white-space: normal;
        overflow-wrap: normal;
        word-break: normal;
    }

}

/* Mobile */
@media (max-width: 768px) {
	.single .entry-title {
		font-size: 25px;
	}

	.widget-area .widget {
		padding: 16px 18px;
	}
}

/* Các liên kết nổi bật phía trên nội dung bài viết */
.neo-post-links {
    margin: 0 0 20px;
    padding: 12px 15px;
    background: #f7f8ff;
    border-left: 4px solid #1900ff;
    line-height: 1.6;
}

.neo-post-link {
    margin: 4px 0;
}

.neo-post-link a {
    font-weight: 600;
    text-decoration: none;
}

.neo-post-link a:hover {
    text-decoration: underline;
}

/* Thay đổi khoảng cách nội dung post đến phần lề */
.inside-article {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Thay đổi độ rộng question title và meta so với answer count box trong list */
#anspress .ap-questions-summery {
    margin-right: 50px;
}

/* Mobile: cho tiêu đề câu hỏi sử dụng hết chiều rộng */
@media (max-width: 768px) {
    #anspress .ap-questions-summery {
        margin-right: 0;
    }
}

/* Làm chữ Xóa bộ lọc nhỏ lại chút */
#anspress #ap-filter-reset {
    font-size: 13px;
    line-height: 22.4px;
    padding: 0;
}

/* Làm chữ Xóa bộ lọc cân đối hơn, ko bị thấp hơn icon kế bên */
#anspress #ap-filter-reset span {
    position: relative;
    top: -2px;
}

/* AnsPress - nội dung câu hỏi, câu trả lời và bình luận */
#anspress .question-content.ap-q-content,
#anspress .ap-answer-content.ap-q-content,
#anspress .ap-comment-content {
    font-size: 16px;
}

/* Mobile - dùng cùng breakpoint gốc của AnsPress */
@media only screen and (max-width: 480px) {
    #anspress .question-content.ap-q-content,
    #anspress .ap-answer-content.ap-q-content,
    #anspress .ap-comment-content {
        font-size: 15px;
        line-height: 1.6;
    }
}

/* Post/Page - giảm khoảng cách giữa các đoạn văn */
.single-post .entry-content p,
.page .entry-content p {
    margin-bottom: 0.6em;
}

/* Nút Hủy nằm cạnh nút đăng */
.ap-inline-comment-form form {
    display: inline;
}

.ap-inline-comment-cancel {
    display: inline-block;
    margin-left: 10px;
    font-size: 15px;
    vertical-align: middle;
}