#main {
  background-color:#fff;
}
.page-title{
	color:#378102;
}
td,tr{
	color:#000;
}
.search-name{
	color: #000;
}
.search-name:hover{
	color: #378102;
}
.widget-title {
	color: #378102;
}
.wp-caption-text{
	color: #378102;
}
ul > li > span {
    color: #000;
}

ul > li > b{
	color: #000;
}
h1,h2,h3,h4,h5 b{
	color: #378102;
}
p{
	color:#000
}
.flickity-button-icon{
	 background-color: #F8AB3A;
}
.marquee-container {
    background-color: #131313;
    color: #F8AB3A;
    display: flex;
    justify-content: center;
}
.marquee-inner {
    display: flex;
    align-items: center; 
    max-width: 55%;
    width: 100%;
    white-space: nowrap;
}
.marquee-text {
    margin-right: 10px;
    flex-shrink: 0;
    white-space: nowrap;
}

/* Mobile styles */
@media (max-width: 768px) {
    .marquee-inner {
               max-width: 100%; 
    }
    .marquee-container {
        padding: 5px; 
    }
    .marquee-text {
        margin-right: 5px; 
    }
}

.col-text::-webkit-scrollbar {
  width: 15px;
}

.col-text::-webkit-scrollbar-thumb {
  border-radius: 10px;
  	background: linear-gradient(to left, #568F2C, #81D742);
}

.col-text {
  -ms-overflow-style: none;
}
.col-text {
  max-height: 600px;
  overflow-y: auto;
  padding: 10px;
  border: 2px solid #fff;
  border-radius: 15px;
  text-align: justify;
  animation: red-border-animation 2s infinite;
}

a.plain, .cat-links, a {
  color: #378102;
}
a.plain:hover, a:hover {
  color: #000;
}

@keyframes red-border-animation {
  0%, 100% {
    box-shadow: 0 0 10px 2px rgba(86, 143, 44, 1);
  }
  50% {
    box-shadow: 0 0 10px 5px rgba(129, 215, 66, 3);
  }
}

blockquote {
  color: #25AAE1;
}

.image-cover img {
  object-fit: fill;
}
.breadcrumbs{
	background-color:#FFFFFF;
	
}
.rank-math-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap; 
  list-style: none;
  padding: 10px 15px;
  margin: 0;
}

.rank-math-breadcrumb a,
.rank-math-breadcrumb span {
  display: inline-block;
  background: #568F2C; 
  color: #fff;
  padding: 10px 15px;
	margin-top: 10px;
  margin-right: 20px; 
  border-radius: 3px;
  position: relative;
  font-weight: bold;
}

.rank-math-breadcrumb a:after,
.rank-math-breadcrumb span:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid #568F2C;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}

.rank-math-breadcrumb span:last-child,
.rank-math-breadcrumb a:last-child {
  background: #568F2C;
  margin-right: 0;
}

.rank-math-breadcrumb span:last-child:after,
.rank-math-breadcrumb a:last-child:after {
  border-left: 10px solid #568F2C;
}

.rank-math-breadcrumb a {
  color: #fff;
  text-decoration: none;
}
.rank-math-breadcrumb span {
  color: #fff;
  text-decoration: none;
}
.rank-math-breadcrumb .separator {
  display: none;
}

.rank-math-breadcrumb span:last-child {
  background: #81D742;
  color: #fff;
  pointer-events: none;
  cursor: default;
}

.rank-math-breadcrumb span:last-child:after {
  border-left: 10px solid #81D742;
}

.rank-math-breadcrumb a:hover,
.rank-math-breadcrumb span:hover {
  background: #81D742;
  color: #ffffff;
}

.rank-math-breadcrumb a:hover:after,
.rank-math-breadcrumb span:hover:after {
  border-left: 10px solid #81D742;
}

@media (max-width: 768px) {
	.col-text {
  max-height: 500px;
}
  .rank-math-breadcrumb {
    flex-direction: column; 
    align-items: flex-start;
  }
  .rank-math-breadcrumb a,
  .rank-math-breadcrumb span {
    margin-right: 20px;
    margin-bottom: 5px; 
    padding: 10px 20px;
  }
}

.ux-menu-link .flex{
	color:#fff
}
.ux-menu-link .flex:hover{
	color:#378102
}

.tieu-de b {
    position: relative;
    display: inline-block;
    width: 24px; /* Kích thước hình ảnh */
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
	opacity: 1 !important; 
}

.tieu-de b:first-of-type {
   background: url('') no-repeat 50% / contain;
    margin-right: 38px;
	text-align:center;
	
}
.tieu-de b:last-of-type {
   background: url('') no-repeat 50% / contain;
    margin-left: 38px;
	text-align:center;
}
/* Ẩn phần tử trên màn hình nhỏ hơn 768px */
@media screen and (max-width: 768px) {
   .tieu-de b:first-of-type {
   background:none;
	
}
.tieu-de b:last-of-type {
  background:none;
}
}

.image-ga:hover {
	animation: smooth-rotate-360 1s ease-out forwards;
    filter: drop-shadow(0px 0px 20px #F8AB3A); 
}

@keyframes smooth-rotate-360 {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg); 
    }
}
.header-button-1 a, .header-button-2 a {
    display: inline-block;
    transform: scaleX(1);
}

@keyframes tada {
    0% {
        transform: scaleX(1);
    }
    10%, 20% {
        transform: scale3d(1, 1, 1) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.2, 1.2, 1.2) rotate(1deg);
    }
    40%, 60%, 80% {
        transform: scale3d(1.2, 1.2, 1.2) rotate(-2deg);
    }
    100% {
        transform: scaleX(1);
    }
}

.header-button-2 a {
    animation: tada 1.2s ease-in-out infinite;
    animation-delay: 0s; 
}

.header-button-1 a {
    animation: tada 1.2s ease-in-out infinite;
    animation-delay: 1.2s; 
}

#top-link{
	transform:translatex(-60px);
}

/* Áp dụng viền ảnh blog post, nhưng loại trừ ảnh trong slider,gắn vào class html: no-frame-slider */
.blog .post img:not(.no-frame-slider img),
.archive .post img:not(.no-frame-slider img),
.related-posts .post img:not(.no-frame-slider img),
.wp-block-post img:not(.no-frame-slider img),
.post-item img:not(.no-frame-slider img),
.entry-post img:not(.no-frame-slider img),
.blog-post img:not(.no-frame-slider img) {
  border: 2px solid #EB9232;
  border-radius: 0;
  padding:1px;
  background-color: #000;
  box-shadow: 0 4px 10px rgba(235, 146, 50, 0.2);
  transition: all 0.3s ease;
}

/* Hover hiệu ứng nhẹ */
.blog .post img:not(.no-frame-slider img):hover,
.archive .post img:not(.no-frame-slider img):hover,
.related-posts .post img:not(.no-frame-slider img):hover,
.wp-block-post img:not(.no-frame-slider img):hover,
.post-item img:not(.no-frame-slider img):hover,
.entry-post img:not(.no-frame-slider img):hover,
.blog-post img:not(.no-frame-slider img):hover {
  transform: scale(1.02);
  box-shadow: 0 6px 15px rgba(235, 146, 50, 0.4);
}