/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	.ai-audioigniter .ai-track .ai-track-control-buttons .ai-track-btn {width:150px;}
	.ai-modal {transform:none !important;    left: 15px !important;height: 90% !important;}
}
@media only screen and (min-width: 49em) {
	.ai-modal {width:50%;}
}
#masthead {display:none !important;}
#header .header-wrapper{padding: 20px 0px !important;}
.header-bg-color, .header-bottom {background-color: #87112b !important;}
.full-width .ubermenu-nav, .container, .row {max-width: 1200px !important;}
.sr1 .page-col {padding: 0px !important;}
.sr1 .box-text-inner p {    font-size: 15px;
    font-weight: bold;
    color: #0000ee;}
.sr1 .box-text-inner p:hover {color:#f00;}
#header {border-bottom: 1px solid #c9c9c9;}
.sr1 {counter-reset: my-counter;}
.sr1 .page-col{  counter-increment: my-counter; /* Tăng bộ đếm cho mỗi phần tử .row */
  margin-bottom: 10px; /* Khoảng cách giữa các hàng */
  padding-left: 30px; /* Tạo không gian cho số thứ tự */
  position: relative; /* Quan trọng để định vị số thứ tự */}

.sr1 .page-col::before {content: counter(my-counter) ". "; /* Chèn giá trị của bộ đếm và dấu chấm */
  float: left;
  left: 0; /* Đặt ở vị trí đầu hàng */
  width: 25px; /* Chiều rộng cho số thứ tự */
  text-align: right; /* Căn phải số thứ tự */
  color: #000; /* Màu sắc của số thứ tự */
  font-weight: bold; /* In đậm số thứ tự */     margin-right: 10px;    margin-left: 15px;}
.sr1 .page-col .box-text {padding-top:0px !important;}
.copyright-footer {color: #0000ee !important;}
.ai-audioigniter .ai-track .ai-track-control-buttons .ai-track-btn::after {content: "Xem Lời Audio"; /* Văn bản bạn muốn hiển thị */
    /* Tùy chỉnh kiểu chữ (màu sắc, kích thước, v.v.) */
    color: #fff; /* Ví dụ: màu trắng */
    font-size: 14px; /* Ví dụ: kích thước font */
    line-height: 1; /* Để căn giữa văn bản */
    display: inline-block; /* Quan trọng để áp dụng các thuộc tính khác */
padding-left: 10px;}
.ai-audioigniter .ai-track .ai-track-control-buttons .ai-track-btn {width:150px;}
.ai-modal-header {position: fixed;
    top: 20px;
    right: 10px;}

.ai-track-name {    word-break: break-word !important;
    white-space: normal !important;}
.ai-modal-dismiss {font-size: 50px !important;}
.header-button-1 .header-button {    padding: 20px;}
.ai-modal-content {
	padding: 20px !important;}
.home .header-button-1 {display:none !important;}
.is-outline:hover, .primary.is-outline:hover, .primary.is-link, .primary.is-outline, .primary.is-underline {color:#fff !important;}