.site-header
{
    padding:15px 0;
    border-bottom:1px solid #eee;
}

.header-inner
{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.site-footer
{
    margin-top:60px;
    padding:30px 0;
    border-top:1px solid #eee;
    text-align:center;
}

.hero
{
    padding:80px 0;
    text-align:center;
}

.container
{
    width:min(1200px,92%);

    margin:auto;
}

/* Nội dung trang */

.entry-content,
.page-content,
.woocommerce-page .site-main
{
    padding-left:15px;
    padding-right:15px;
}

.site-content a,
.site-footer a,
header a
{
text-decoration:none;
}


/*css cho phân bài viết chi tiết*/


.single-post .site-content,
.single .site-content {
    background: #faf7f2;
}

.single-post .container,
.single .container {
    max-width: 1160px;
    margin: 0 auto;
}

.single-post .content-area,
.single .content-area {
    width: 100%;
    float: none;
}

.single-post article,
.single .post,
.single .entry,
.single-post .hentry {
    max-width: 860px;
    margin: 0 auto;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 14px 40px rgba(0,0,0,.06);
    overflow: hidden;
    padding: 0;
}

.single-post .entry-header,
.single .entry-header {
    padding: 36px 36px 20px;
    background: linear-gradient(180deg, #fff8f2 0%, #ffffff 100%);
    border-bottom: 1px solid #f0e4d9;
}

.single-post .entry-title,
.single .entry-title {
    margin: 0;
    font-size: 38px;
    line-height: 1.25;
    color: #7d2a18;
    letter-spacing: -.3px;
}

.single-post .entry-meta,
.single .entry-meta {
    margin-top: 14px;
    color: #8a7f75;
    font-size: 14px;
}

.single-post .post-thumbnail,
.single .post-thumbnail {
    margin: 0;
}

.single-post .post-thumbnail img,
.single .post-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
}

.single-post .entry-content,
.single .entry-content {
    padding: 28px 36px 40px;
    font-size: 17px;
    line-height: 1.9;
    color: #3d3d3d;
}

.single-post .entry-content h2,
.single .entry-content h2 {
    margin-top: 34px;
    margin-bottom: 14px;
    font-size: 28px;
    color: #7d2a18;
}

.single-post .entry-content h3,
.single .entry-content h3 {
    margin-top: 28px;
    margin-bottom: 12px;
    font-size: 22px;
    color: #8b2c1f;
}

.single-post .entry-content p,
.single .entry-content p {
    margin-bottom: 18px;
}

.single-post .entry-content img,
.single .entry-content img {
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    margin: 18px 0;
}

.single-post .entry-content table,
.single .entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 22px 0;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
}

.single-post .entry-content table th,
.single .entry-content table th,
.single-post .entry-content table td,
.single .entry-content table td {
    padding: 12px 14px;
    border: 1px solid #eee;
}

.single-post .entry-content blockquote,
.single .entry-content blockquote {
    margin: 24px 0;
    padding: 18px 22px;
    border-left: 4px solid #8b2c1f;
    background: #fff8f2;
    border-radius: 14px;
    color: #5d4334;
}

.single-post .entry-content a.button,
.single .entry-content a.button,
.single-post .entry-content .wp-block-button__link,
.single .entry-content .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 22px;
    border-radius: 999px;
    background: #8b2c1f;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 700;
    box-shadow: 0 10px 22px rgba(139,44,31,.18);
}

.single-post .entry-content a.button:hover,
.single .entry-content a.button:hover,
.single-post .entry-content .wp-block-button__link:hover,
.single .entry-content .wp-block-button__link:hover {
    background: #6f2116;
}

.single-post .sidebar,
.single .sidebar,
.single-post .widget-area,
.single .widget-area {
    display: none;
}

.single-post .related-posts,
.single .related-posts {
    max-width: 860px;
    margin: 24px auto 0;
}

.single-post .entry-footer,
.single .entry-footer {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 36px 36px;
}