/**
* Theme Name: Ahawebsite
* Theme URI: https://ahawebsite.com
* Description: Giao diện website được thiết kế và lập trình bởi Aha.
* Author: Aha
* Author URI: https://ahawebsite.com
* Version: 7.0.7
* Tags: giao diện hiện đại, phong cách thời thượng, tương thích mọi loại trình duyệt, tốc độ load trang tối đa, tối ưu SEO.
* Text Domain: ahawebsite
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/******************/
/*** Main CSS ***/
/******************/

:root {
	--main-color: #2f3552;
	--secondary-color: #ffb533;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

img.aligncenter {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

body {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
    line-height: 1.4;
    color: #333;
}
a,h1,h2,h3,h4,h5,h6 {
    line-height: 1.4;
}
button {
	cursor: pointer;
}

.aligncenter {
	display: table;
	margin: 0 auto;
}

.alignright {
	display: table;
	margin-left: auto;
}

.alignleft {
	display: table;
	margin-right: auto;
}

.wp-block-image .aligncenter {
	margin-left: auto !important;
	margin-right: auto !important;
}

.backtotop {
	width: 40px;
	height: 40px;
	background-color: #ff4501;
	text-align: center;
	padding: 10px;
	line-height: 20px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	color: #fff;
	font-size: 20px;
	z-index: 99;
	border-radius: 50%;
	transition: all .3s ease-in-out;
	align-items: center;
	justify-content: center;
	display: flex;
	opacity: 0;
	visibility: hidden;
}
.backtotop polyline {
    fill: #ffffff;
}
.backtotop.active {
	opacity: 1;
	visibility: visible;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/*------- UPDATE CSS -------*/

/*------- HEADER -------*/
header#masthead {
	background: #ff4500;
}
.top-header .inner_div {
    border-bottom: 1px solid rgba(255,255,255,.4);
	color: #ffffff;
}
.top-header a {
	color: #ffffff;
	text-decoration: none;
	line-height: 36px;
    font-size: 14px;
}
.top-header a:hover {
	text-decoration: underline;
}
ul.social-icon {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.social-icon li {
    display: inline-block;
    margin: 0 8px;
}
.top-header svg {
    max-width: 16px;
}
.top-header path {
	fill: #ffffff;
}
.top-header path:hover {
	opacity: .7;
}
.check_login {
    text-align: right;
}
.middle-header {
    padding: 10px 0;
}
.middle-header .row, .top-header .row {
    align-items: center;
}
.site-branding img {
    max-width: 200px;
}
.search_form form {
    position: relative;
    display: flex;
    align-items: center;
}
.search_form input {
    width: 100%;
    line-height: 32px;
    border: none;
    border-radius: 30px;
    padding: 2px 20px;
    font-size: 14px;
}
.search_form button.search-submit {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background: none;
    bottom: 0;
    display: block;
    padding: 0 16px;
}
.search_form input:focus-visible {
	border: none;
}
.search_form button.search-submit svg {
    width: 20px;
    height: 20px;
}
.search_form button.search-submit path:hover {
	fill: #ff4501;
}
button.menu-toggle {
    display: none;
}
#primary-menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
}
#primary-menu li {
    position: relative;
}

#primary-menu a {
    display: flex;
    align-items: center;
    padding: 0 12px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}
#primary-menu a:hover {
    opacity: .8;
}
#primary-menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #333;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9999;
}
#primary-menu li.menu-item:last-child .sub-menu {
    left: auto;
    right: 0;
}
#primary-menu .sub-menu li {
    min-width: 300px;
}
#primary-menu .sub-menu li + li {
    border-top: 1px solid rgba(255,255,255,.3);
}
#primary-menu .sub-menu a {
    padding: 0px 15px;
    line-height: 40px;
    text-transform: none;
}
#primary-menu li:hover > .sub-menu {
    display: block;
}
#primary-menu .menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    margin-left: 8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid white; /* Màu icon */
}


/* Icon down */
.menu-svg-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle;
}

#primary-menu .has-children > a::after {
    content: '';
    display: inline-block;
    margin-left: 8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid white; /* Màu icon */
}

/*------- FOOTER -------*/
.main_footer {
    background: rgba(0,0,0,.86);
    padding: 50px 0;
    color: #ffffff;
    border-top: 5px solid #ff4501;
}
.logo_footer img {
    max-width: 250px;
}
.text_info {
    margin: 10px 0 30px;
    font-style: italic;
}
.text_info a {
	color: #fff;
	text-decoration: underline;
}
ul.social-footer a {
    display: flex;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    background: #ffffff;
    text-align: center;
    font-size: 14px;
    align-items: center;
    justify-content: center;
}
ul.social-footer a:hover {
    background: rgba(255,255,255,.8);
}
ul.social-footer svg {
    width: 20px;
    height: 20px;
}
ul.social-footer a:hover path {
    fill: #ff4501;
}
ul.menu-footer {
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.menu-footer a {
    color: #ffffff;
    text-decoration: none;
    line-height: 38px;
}
ul.menu-footer a:hover {
    color: rgba(255,255,255,.7);
    text-decoration: underline;
}
.bottom_footer {
    background: #000;
}
.site-info {
    color: #fff;
    line-height: 44px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.site-info a {
    color: #fff;
}
.site-info a:hover {
    color: rgba(255,255,255,.7);
}

/*------- HOME PAGE ------*/
.pt--30 {
    margin-top: 30px;
}
.pt--40 {
    margin-top: 40px;
}
.pt--20 {
    margin-top: 20px;
}
article.post .post-thumbnail, .content-block {
    position: relative;
}
section.post-featured .row {
    margin: 0 -5px;
}
section.post-featured .list-block {
    padding: 0 5px;
}
.content-block.post-grid-transparent {
    height: 100%;
}
article.post .post-thumbnail a {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom: calc(0.7 * 100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
article.post .post-thumbnail img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;   
}
article.post .post-thumbnail:hover img {
    transform: scale(1.1);
}
.content-block .post-grid-content {
    padding: 15px;
    position: absolute;
    background: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,1));
    bottom: 0;
    width: auto;
    z-index: 2;
    left: 0;
    right: 0;
}
.list-right .content-block .post-grid-content {
    padding: 15px;
}
.content-block .post-grid-content a {
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    font-weight: 600;
}
.content-block .post-grid-content a:hover {
    text-decoration: underline;
}
.list-right .content-block + .content-block {
    margin-top: 10px;
}
.content-block .title {
    margin-bottom: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.list-right .content-block h5 a {
    display: block;
    font-size: 16px;
    text-decoration: none;
}
/* .list-right .content-block .post-thumbnail img {
    height: auto;
    min-height: 180px;
} */
.heading-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #ff4500;
}
.heading-section h2 {
    color: #fff;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
    background: #ff4500;
    padding: 8px 10px 6px;
    font-size: 18px;
    border-radius: 5px 5px 0 0;
}
.heading-section a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.heading-section a:hover {
    text-decoration: underline;
    color: #ff4501;
}
.category-posts {
    margin-top: 10px;
}
.list-cat-post {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}
.list-cat-post + .list-cat-post {
    margin-top: 15px;
}
.list-post article.post {
    background: #ebebeb;
    border-radius: 10px;
}
.big-post article.post .post-content {
    padding: 15px;
}
.list-cat-post.other-post .post-content {
    padding: 10px 10px 10px 0;
}
.list-post .short-desc {
    font-size: 14px;
}
.post-category span {
    background: #ff4500;
    color: #fff;
    padding: 5px 8px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 12px;
}

/* .list-cat-post.big-post .post-thumbnail {
    margin-bottom: 15px;
} */
.list-cat-post .post-category {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.list-cat-post.big-post .post-category span {
    margin: 0;
    font-size: 14px;
}
.list-cat-post.other-post .post-category {
    display: nones;
}
.list-cat-post h5 a {
    color: #333;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
}
.list-cat-post.other-post h5 {
    line-height: 1;
    margin: 0 0 5px;
}
.list-cat-post.other-post h5 a {
    font-size: 16px;
}
.list-cat-post article:hover h5 a {
    color: #ff4501;
}
.list-cat-post article.post .post-thumbnail a {
    padding-bottom: calc(0.66 * 100%);
}
/* .list-cat-post article.post .post-thumbnail img {
    height: auto;
} */
.list-cat-post .post-category span {
    margin-bottom: 0;
}
.home div#content section:last-child {
    margin-bottom: 30px;
}

/*------- Category CSS -------*/
.category-page {
    padding: 40px 0;
    background-color: #f4f4f4;
}
.category-header {
    text-align: center;
    margin-bottom: 20px;
}
.category-header h1 {
    font-size: 26px;
    color: #333;
    margin: 0;
    font-weight: bold;
}
.category-header p {
    font-size: 1.2em;
    color: #666;
}
.category-posts-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}
.category-posts-list article {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.category-posts-list article:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.category-posts-list .post-content {
    padding: 15px;
    flex-grow: 1;
}
.category-posts-list .post-title {
    font-size: 18px;
    margin: 0;
    color: #333;
    transition: color 0.3s;
    font-weight: 600;
}
.category-posts-list .post-title a {
    text-decoration: none;
    color: inherit;
}
.category-posts-list article:hover .post-title a {
    color: #ff4501;
}
.category-posts-list .post-excerpt {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    text-align: justify;
}
.post-meta {
    margin-top: 6px;
    font-size: 14px;
    color: rgba(0,0,0,.5);
    font-weight: 500;
    font-style: italic;
}
.post-meta span {
    display: inline-flex;
    align-items: center;
}
.post-meta span span {
    display: block;
}
.post-meta svg {
    width: 14px;
    height: auto;
    margin-right: 2px;
}
.post-meta span + span {
    margin-left: 12px;
}
.ahawebsite-pagination {
    text-align: center;
    margin-top: 30px;
}
.ahawebsite-pagination-inner {
    display: inline-flex;
    list-style: none;
    padding: 0;
    margin: 0;
    border-radius: 5px;
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0;
}
.ahawebsite-pagination .page-item {
    margin: 0;
}
.ahawebsite-pagination .page-link {
    display: block;
    padding: 10px 15px;
    margin: 0;
    text-decoration: none;
    color: #ff4501;
    border-right: 1px solid #e0e0e0;
    transition: background-color 0.3s, color 0.3s;
}

.ahawebsite-pagination .page-link:hover {
    background-color: #ff4501;
    color: #fff;
}

.ahawebsite-pagination .page-item:last-child .page-link {
    border-right: none;
}

.ahawebsite-pagination .current {
    background-color: #ff4501;
    color: #fff;
    border-right: none;
}

.ahawebsite-pagination .next {
    font-weight: bold;
}

.ahawebsite-pagination .page-item.active .page-link {
    background-color: #ff4501;
    color: #fff;
    cursor: default;
}

.ahawebsite-pagination .page-item.active .page-link:hover {
    background-color: #ff4501;
}


/*------- Custom CSS -------*/
nav.elementor-pagination {
    margin-top: 30px;
}
nav.elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #333;
    min-width: 36px;
    height: 36px;
    border-radius: 3px;
    color: #333;
    font-weight: 500;
}
nav.elementor-pagination .page-numbers:hover, nav.elementor-pagination .page-numbers.current {
	border-color: #ff0000;
	color: #fff;
	background: #ff0000;
}
#comments {
    width: 100%;
    margin: 25px 0 15px;
    border-top: 1px solid #ccc;
    padding: 15px 0;
    display: inline-block;
}

#comments #reply-title {
    font-size: 20px;
    margin-bottom: 15px
}

#comments label {
    width: 100%;
    float: left
}

#comments textarea,#comments input {
    width: 100%;
    float: left;
    padding: 10px;
    border: 1px solid #ccc;
    color: #333
}

#comments p {
    width: 100%;
    float: left;
    margin-bottom: 20px
}
#comments a {
    color: #333;
    text-decoration: underline;
}
.comment-notes {
    margin-bottom: 20px
}

.comment-form-author {
    width: 48%!important;
    float: left!important;
    margin-right: 4%
}

.comment-form-email {
    width: 48%!important;
    float: left!important
}

#wp-comment-cookies-consent,.comment-form-cookies-consent label {
    width: auto!important;
    float: left
}

.comment-form-cookies-consent label {
    margin-left: 10px
}

#comments #submit {
    background: #94251A;
    color: #fff;
    border: none;
    padding: 8px 25px;
    font-size: 14px;
    font-weight: 700;
    width: auto;
    border-radius: 3px;
}

#comments #submit:hover {
    background: #333;
}
#comments ul {
    width: 100%;
    float: left;
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 0
}

#comments ul li {
    margin-bottom: 20px;
    width: 100%;
    float: left
}

#comments .avatar {
    width: 60px;
    float: left;
    margin-right: 15px;
    border-radius: 50%
}

#comments .comment-content {
    width: 100%;
    float: left;
    margin-left: 0;
    background: #ddd6;
    padding: 10px;
    border-radius: 5px;
    margin-top: 5px
}

.comment-form-cookies-consent,.commentlist .says {
    display: none
}

#comments .comment-meta,#comments .reply {
    width: 100%;
    float: left
}

#comments .comment-meta .fn a {
    pointer-events: none
}

.comment-metadata a {
    color: #8E8E8D;
    font-style: italic;
    font-size: 12px
}

.comment-reply-link {
    font-style: italic;
    margin-left: 5px;
    font-size: 12px
}

#comments .reply {
    margin: 5px 0
}

#comments .edit-link {
    margin-left: 8px
}

#comments .edit-link a {
    color: #94251a!important
}

#comments .comment-body {
    width: 100%;
    float: left
}

#comments .children {
    padding-left: 45px!important
}
ul.custom-slick-slider {
    margin: 0;
}
.custom-slick-prev, .custom-slick-next {
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-slick-prev:hover, .custom-slick-next:hover {
	background-color: rgba(0, 0, 0, 1);
}

.custom-slick-prev {
    left: 0;
}

.custom-slick-next {
    right: 0;
}

.custom-slick-prev i, .custom-slick-next i {
    font-size: 18px;
}
.single-post-container {
    margin: 0 auto;
    padding: 20px 0 40px;
}

.entry-header {
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
    padding-bottom: 6px;
}

.entry-title {
    font-size: 28px;
    color: #333;
    font-weight: bold;
}

.entry-content {
    line-height: 1.4;
    color: #000;
    margin-bottom: 40px;
    text-align: justify;
}
.entry-content h2 {
    font-size: 22px;
}
.entry-content h3 {
    font-size: 18px;
}
.entry-content img {
    max-width: 600px;
    margin: 15px auto;
}
.entry-content figure img {
    margin: 0;
}
.entry-content img.alignleft {
    text-align: left;
    margin: 0;
}
.related-posts {
    margin: 25px 0 15px;
    border-top: 1px solid #ccc;
    padding: 25px 0 0;
}

.related-posts h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
    font-weight: 700;
}
.related-posts-list {
    grid-template-columns: repeat(4,1fr);
    grid-row-gap: 20px;
    grid-column-gap: 15px;
}
.related-posts-list .post-title {
    font-size: 16px;
}
.related-posts-list .post-meta .post-date {
    display: none;
}
.related-posts-list article.post .post-thumbnail a {
    padding-bottom: calc(0.6 * 100%);   
}
.related-posts-list article.post .post-thumbnail img {
    min-height: 186px;
    height: auto;
}
.account-page {
    padding: 40px 0;
}
.account-page h2 {
    font-size: 20px;
}
.account-page .tabs {
    margin: 20px 0;
}

.account-page .tab-button {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-right: 5px;
    border-radius: 3px;
}

.account-page .tab-button.active,
.account-page .tab-button:hover {
    background-color: #ff4501;
}

.account-page .tab-content {
    display: none;
}

.account-page .tab-content.active {
    display: block;
}

.account-page .tab-content h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.account-page .button {
    display: inline-block;
    margin-top: 10px;
    padding: 6px 10px;
    background-color: #333;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s;
}

.account-page .button:hover {
    background-color: #ff4501;
}

.account-page ul {
    list-style-type: none;
    padding: 0;
}

.account-page ul li {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.account-page ul li a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.account-page ul li a:hover {
    text-decoration: underline;
    color: #ff4501;
}

.account-page .post-date {
    display: block;
    font-size: 12px;
    color: #777;
}
.account-page .pagination {
    margin: 20px 0;
    text-align: center;
}

.account-page .pagination a, .account-page .pagination span {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 12px;
    color: #ff4501;
    border: 1px solid #ff4501;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
    font-weight: bold;
}

.account-page .pagination a:hover {
    background-color: #ff4501;
    color: white;
}

.account-page .pagination .current {
    background-color: #ff4501;
    color: white;
    border: 1px solid #ff4501;
}
figure {
    width: 100%!important;
    margin: 0 0 15px!important;
    text-align: center;
    max-width: 100%!important;
}
figure figcaption {
    margin-top: 10px;
    font-style: italic;
    font-size: 14px;
}
section.content-page {
    padding: 40px 0;
}
section.content-page h1.page-title {
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 30px;
}
section.content-page h2 {
    font-size: 26px;
}
section.content-page h3 {
    font-size: 22px;
}
.site-content {
    margin-top: 15px;
}

.custom-login-register h2 {
    margin-bottom: 20px;
    color: #333;
}

.custom-login-register .form-group {
    margin-bottom: 15px;
}

.custom-login-register .form-check-label {
    margin-left: 5px;
}

.custom-login-register .btn {
    width: 100%;
    padding: 10px;
}
.site_login {
    margin: 30px 0;
}
.site_login h2 {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0 20px;
}
section.maps iframe {
    width: 100%;
}
.gallery {
    display: grid;
    gap: 10px;
	overflow: hidden;;
	margin-bottom: 15px
}
.gallery-columns-4 {
    grid-template-columns: repeat(4,1fr);
}
.gallery-columns-2 {
    grid-template-columns: repeat(2,1fr);
}
.gallery-columns-3 {
    grid-template-columns: repeat(3,1fr);
}
.gallery-columns-5 {
    grid-template-columns: repeat(5,1fr);
}
.gallery img {
    max-width: 100%;
    margin: 0;
    width: 100%;
}
tbody, td, tfoot, th, thead, tr {
    border-width: 1px;
}
.entry-content table {
    margin-bottom: 20px;
}
.entry-content table td {
    padding: 5px;
}
.contact_form .wpcf7-form-control-wrap {
    margin-top: 10px;
    display: block;
}
.contact_form p br {
    display: none;
}
.contact_form .wpcf7-form-control-wrap input, .contact_form .wpcf7-form-control-wrap textarea {
    width: 100%;
    padding: 0 15px;
    line-height: 36px;
}
.contact_form .wpcf7-form-control-wrap textarea {
    height: 100px;
}
.contact_form input.wpcf7-form-control.wpcf7-submit {
    background: #ff4501;
    border: none;
    padding: 5px 15px;
    display: block;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
}
.contact_form input.wpcf7-form-control.wpcf7-submit:hover {
    background: #333;
}
.call-button {
    background-color: #ff4501;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 12px;
    position: fixed; /* Để nút cố định trên màn hình */
    bottom: 20px; /* Khoảng cách từ dưới màn hình */
    left: 20px; /* Khoảng cách từ bên phải màn hình */
    animation: blink 1s infinite; /* Hiệu ứng nháy */
  }
  
  @keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.7;
    }
    100% {
      opacity: 1;
    }
  }

@media (max-width: 768px) {
    .category-posts-list {
        grid-template-columns: repeat(2,1fr);
        grid-row-gap: 15px;
        grid-column-gap: 15px;
    }
    .post-meta .post-date {
        display: none;
    }
    ul.menu-footer {
        display: none;
    }
    .main_footer {
        padding: 30px 0;
    }
    .logo_footer,.main_footer ul.social-icon {
        text-align: center;
    }
    .logo_footer img {
        max-width: 220px;
    }
    .hidden-sm {
        display: none;
    }
    .inner_div ul.social-icon {
        text-align: left!important;
    }
	.gallery-columns-4, .gallery-columns-2, .gallery-columns-3, .gallery-columns-5 {
        grid-template-columns: repeat(2,1fr);
    }
    #primary-menu {
        display: none;
    }
    section.post-featured .list-right {
        margin-top: 10px;
    }
    .top-header .row .col-xs-6 {
        width: 50%;
    }
    .middle-header .row .logo {
        width: 30%;
    }
    .middle-header .row .search {
        width: 70%;
    }
    .site-branding img {
        width: 100%;
    }
    .single-post-container {
        padding: 0 0 20px;
    }
    .entry-content img {
        max-width: 100%;
    }
    .entry-title {
        font-size: 22px;
    }
}
@media (max-width: 480px) {
    .category-posts-list {
        grid-template-columns: repeat(1,1fr);
    }
    .site-info {
        font-size: 13px;
    }
	.gallery-columns-4, .gallery-columns-2, .gallery-columns-3, .gallery-columns-5 {
        grid-template-columns: repeat(2,1fr);
    }
    .middle-header .row .logo {
        width: 40%;
    }
    .middle-header .row .search {
        width: 60%;
    }
    .search_form input {
        line-height: 32px;
        padding: 5px 15px;
    }
    .content-block .post-grid-content {
        padding: 10px;
    }
    .content-block .post-grid-content a,.list-right .content-block h5 a {
        font-size: 20px;
    }
    .content-block .title {
        -webkit-line-clamp: initial;
    }
    section.list-post .list-cat-post {
        grid-column-gap: 10px;
        grid-row-gap: 15px;
    }
    .list-cat-post h5 a {
        font-size: 16px;
    }
    .list-cat-post .short-desc, .list-cat-post .post-category {
        display: none;
    }
    .list-cat-post .post-thumbnail {
        margin-bottom: 8px;
    }
    .list-cat-post h5.title {
        margin: 0;
}
}