/*
Theme Name: RU MAS
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.6.0
Text Domain: mas
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-nav-main.nav > li > a{
  font-weight: bold !important;
  font-size: 1em !important;
}
h1.entry-title, h2.entry-title{
  text-transform: uppercase;
  font-weight: 600 !important;
}
ul.wp-block-latest-posts__list li {
  list-style-type: none !important; /* Bỏ bullet mặc định nếu có */
  padding-left: 10px; /* Tạo không gian cho bullet tùy chỉnh, điều chỉnh nếu cần */
  position: relative; /* Cần thiết cho việc định vị ::before */
}

ul.wp-block-latest-posts__list li::before {
  content: "\274B"; /* Mã unicode cho bullet tròn. Bạn có thể thay bằng ký tự khác, ví dụ: "\25A0" cho hình vuông */
  color: #333; /* Thay #333 bằng mã màu bạn muốn cho bullet */
  font-weight: bold; /* Tùy chọn: làm đậm bullet */
  display: inline-block;
  position: absolute;
  left: -10px; /* Điều chỉnh vị trí của bullet so với mép trái của text, có thể cần giá trị âm */
  /* Hoặc bạn có thể dùng cách này để căn chỉnh: */
  /* width: 1em; */
  /* margin-left: -1.2em; */ /* Đẩy bullet ra ngoài, điều chỉnh giá trị này */
  font-size: 1.2em; /* Tùy chỉnh kích thước bullet nếu muốn */
  margin-top: -2px;
}
.mas-pos__relative {
  position: relative;
}

.header-inner:after {
  /*clear: both;
  content: "";
  display: table;*/
  background: #fff;
  position: absolute;
  top: 0;
  left: calc(100vw / 2);
  height: 70px;
  width: calc(100vw / 2);
  z-index: -1;
}
@media(max-width:849px) {
  .header-inner:after {
    display: none;
  }
}
#head-nav,
#head-nav ul,
#head-langs,
#head-langs ul {
  height: 100%;
}
#head-nav,
#head-langs {
  background-color: #fff;
}
#head-nav {
  padding-left: 30px;
}
#head-nav ul,
#head-langs ul {
  color: #011971;
}

.mas-header__switcher {
  background-color: #fff;
  border-radius: 25px;
  border: 1px solid #bdbdbd;
  cursor: pointer;
  height: 25px;
  margin-left: 15px;
  width: 80px;
  display: inline-flex;
  align-items: center;
}
.mas-header__switcher {
  color: #044a98;
  font-style: normal;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1;
  padding: 0 5px;
  width: 80px;
  z-index: 2;
}
.mas-header__switcher a {
  color: #044a98;
  text-align: center;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
  width: 50%;
  z-index: 2;
}
.mas-header__switcher a + a {
  border-left: solid 1px #BDBDBD;
}
.mas-header__switcher a.current {
  color: #BA0D2F;
}
#block_widget-14{
  margin-bottom: 0px !important;
}
.footer-1{
  padding: 10px 0 !important;
}
.footer-1 .wpcf7 .col{
  padding: 0 15px 0px !important;
}
.footer-1 .wpcf7 input,
.footer-1 .wpcf7 textarea {
  background-color: #fff;
  border: 1px solid #044a98;
  border-radius: 12px;
  color: #000;
  height: 35px;
  transition: background-color .25s;
  width: 100%;
}
.footer-1 .wpcf7 textarea {
  min-height: 80px !important;
}
.footer-1 .wpcf7 input:focus,
.footer-1 .wpcf7 textarea:focus {
  background-color: rgba(4, 74, 152, .15);
}
.mas-submit__flex {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.mas-submit__flex>* {
  margin-bottom: 15px;
}

.footer-1 {
  background-repeat: no-repeat;
  background-size: cover;
}
.footer-1 h2 {
  border: none;
}
.footer-1 input.wpcf7-submit {
  margin: 0;
  width: 190px;
  height: 45px;
  background-color: #BA0D2F;
  text-transform: none;
  font-weight: 500;
  color: #fff;
  border: none;
}
.footer-1 .wpcf7-spinner {
  position: absolute;
  top: 30%;
  left: 55%;
  /*transform: translate(-50%, 0);
  margin-left: 50px;*/
}

.footer-2 {
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px 0 0 !important;
}
.footer-2 .widget {
  margin-bottom: 0px !important;
}

#foot-logo {
  margin: 0 auto;
}
#foot-logo img {
  max-width: 165px;
  height: auto;
}
#menu-secondary li, #menu-secondary-en li {
  display: inline;
  text-transform: uppercase;
  border: none;
}
#menu-secondary a, #menu-secondary-en a {
  padding: 10px;
}
ul.mas-foot__contact {
  width: fit-content;
  margin: 0 auto;
}
.mas-foot__contact li{
  padding: 2px 0;
}

ol.mas-ordered {
  counter-reset: item;
  list-style-type: none;
}
ol.mas-ordered li {
  counter-increment: item;
}
ol.mas-ordered li:before {
  content: counter(item) '- ';
  color: #011971;
  font-weight: bold;
}

.mas-home__gallery .video p {
  margin: 0;
}

.mas-home__partners {
  padding: 0 !important;
}
.mas-home__partners .col {
  padding-bottom: 0 !important;
}
.mas-home__partners .ux-logo {
  margin: 15px 30px !important;
  padding: 10px;
}
.mas-home__partners .ux-logo img {
  filter: none;
}

.section-title-main {
  font-weight: 700;
}

.mas-title h2 {
  border-bottom: none;
}
.mas-title h2 span {
  padding-top: 15px;
  border-bottom: none;
}
.mas-title h2 span:before {
  content: "";
  background-color: #BA0D2F;
  height: 5px;
  width: 35px;
  position: absolute;
  left: 0;
  top: 0;  
}

/* Canh giua hinh dai dien va tom tat bai viet tren trang Blog Archive */
.blog-archive .entry-media-summary-wrapper {
  display: flex;
  align-items: center; /* Canh giua theo chieu doc */
  gap: 20px;          /* Khoang cach giua hinh anh va noi dung */
}

.blog-archive .entry-media-summary-wrapper .entry-image-float {
  flex-shrink: 0; /* Ngan hinh anh bi co lai */
}

.blog-archive .entry-media-summary-wrapper .entry-content {
  flex-grow: 1; /* Cho phep phan noi dung mo rong */
}

/* Áp dụng cho slider có class .partner-slider-qtv */
.partner-slider-qtv .flickity-slider .ux-logo { /* Thay .ux-logo nếu class của item logo khác */
    width: calc(100% / 7) !important;
    max-width: calc(100% / 7) !important; /* Ghi đè max-width nếu có từ style inline */
    /* margin-right: 0 !important; */ /* Bỏ comment nếu muốn loại bỏ khoảng cách phải giữa các logo */
    padding-left: 5px !important; /* Ví dụ: thêm padding nhỏ bên trái */
    padding-right: 5px !important; /* Ví dụ: thêm padding nhỏ bên phải */
    box-sizing: border-box !important; /* Quan trọng để padding không làm tăng kích thước tổng vượt quá width đã set */
}

/* Đảm bảo container của slider không bị giới hạn chiều rộng không mong muốn */
.partner-slider-qtv {
    /* Có thể không cần thêm gì ở đây, nhưng nếu slider bị co lại thì kiểm tra */
}

/* Nếu bạn có style inline `width: 126.8px !important;` trên từng item như trong ảnh,
   CSS trên sẽ cố gắng ghi đè nó. */

/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media only screen and (max-width: 48em) {
  #menu-secondary a {
    padding: 10px 5px;
  }
}

@media only screen and (max-width: 48em) {
  .mas-submit__flex {
    flex-direction: column;
  }
}