/* 
 Theme Name:   MH Magazine lite Child 
 Theme URI:    http://www.mhthemes.com/themes/mh/magazine-lite-child/  
 Description:  MH Magazine lite Child Theme 
 Author:       MH Themes 
 Author URI:   http://www.mhthemes.com/ 
Template:      mh-magazine-lite 
 Version:      2.5.2 
 License:      GNU General Public License v2 or later 
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html 
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, footer-widgets, translation-ready, rtl-language-support, blog, entertainment, news 
 Text Domain:  mh-magazine-lite 
*/ 
/* =============================== 
   RESET & BASE STYLE 
================================== */ 
*, *::before, *::after { 
  box-sizing: border-box; 
} 

body { 
  background-color: #f5f5f5; 
  margin: 0; 
  padding: 0; 
  font-family: Arial, sans-serif; 
} 
/* =============================== 
   TOP LANGUAGE BAR 
================================== */ 
.top-language-bar { 
  background-color: #ffffff; /* Trắng tinh khiết */ 
  border-bottom: 1px solid #d5d8dc; /* Viền xám nhạt */ 
  color: #2c3e50; /* Chữ xanh đen hiện đại */ 
  padding: 5px 0; 
  margin-bottom: 0; 
} 
.top-language-bar .mh-container-inner { 
  display: flex; 
  justify-content: flex-end; 
  align-items: center; 
  padding-right: 30px; 
} 
.language-switcher { 
  display: flex; 
  gap: 10px; 
} 
.language-switcher a img { 
  height: 20px; 
  transition: transform 0.2s ease; 
  cursor: pointer; 
} 
.language-switcher a:hover img { 
  transform: scale(1.1); 
} 
/* =============================== 
   HEADER CONTENT 
================================== */ 
.header-row-2 { 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  padding: 10px 30px; 
  background-color: #F0FFF0; /* Xanh nhạt tinh tế */ 
} 
.header-left { 
  flex: 0 0 auto; 
  max-width: 25%; 
  min-width: 80px; 
} 
.header-left img { 
  width: 100%; 
  max-height: 120px; 
  height: auto; 
  border-radius: 50%; 
  display: block; 
  transition: all 0.3s ease; 
} 
.header-left img:hover { 
  transform: scale(1.02); 
} 
.header-right { 
  flex: 1; 
  padding-left: 30px; 
  text-align: left; 
} 
.header-text-wrapper { 
  display: inline-block; 
  max-width: 100%; 
} 
.header-line-1 { 
  font-size: 18px; 
  font-weight: bold; 
  color: green; 
  margin-bottom: 5px; 
  line-height: 1.2; 
} 
.header-divider { 
  border: none; 
  border-top: 2px solid green; 
  margin: 5px 0; 
} 
.header-line-2 { 
  font-size: 24px; 
  font-weight: bold; 
  color: navy; 
  margin: 10px 0 0; 
  line-height: 1.2; 
} 
.header-short { 
  display: none; 
} 
/* =============================== 
   RESPONSIVE TABLET 
================================== */ 
/* Hiển thị nút menu khi ở tablet/mobile */ 
@media (max-width: 1024px) { 
  .header-left img { 
    max-height: 80px; 
  } 
  .header-line-1 { 
    font-size: 16px; 
  } 
  .header-full { 
    display: none !important; 
  } 
  .header-short { 
    display: block !important; 
  } 
  .header-line-2 { 
    font-size: 20px; 
  } 
  .header-divider { 
    display: block !important; 
  } 
} 
/* =============================== 
   RESPONSIVE MOBILE 
================================== */ 
@media (max-width: 768px) { 
  .header-left { 
    flex: 0 0 20%; 
    max-width: 20%; 
    min-width: 60px; 
  } 
  .header-right { 
    flex: 0 0 80%; 
    max-width: 80%; 
    padding-left: 15px; 
  } 
  .header-left img { 
    max-height: 60px; 
    width: auto; /* Giữ tỉ lệ gốc */ 
    height: auto; 
    border-radius: 50%; /* Giữ hình tròn */ 
    display: block; 
  } 
  .header-line-1, 
  .header-full, 
  .header-divider { 
    display: none !important; 
  } 
   .header-line-2 { 
    font-size: 16px; 
    margin-top: 0; 
  } 
  .header-text-wrapper { 
    padding: 0; 
  } 
} 
/* =============================== 
   BACKGROUND MENU - SUB MENU 
================================== */ 
.mh-main-nav, /* Menu chính */ 
.mh-navigation .sub-menu, /* Submenu (từ theme) */ 
.mh-main-nav ul ul /* Submenu (từ cấu trúc menu) */ 
{ 
  background-color: #008B45 !important; /* Xanh lá đậm */ 
} 
/* =============================== 
   BACKGROUND FOOTER 
================================== */ 
.mh-copyright-wrap { 
  background-color: #008B45 !important; 
  border-top: 3px solid #e67e22 !important; /* đổi màu viền sang cam */ 
} 
.mh-copyright { 
  color: #d9d9d9; /* màu chữ sáng hơn, dễ đọc trên nền màu đậm */ 
} 
.mh-copyright a, 
.mh-copyright a:hover { 
  color: #f0f0f0; /* màu link sáng hơn */ 
} 
/* ================================= 
     ĐỔI CHỮ MENU VÀ SUBMENU 
=================================*/ 
/* Chữ thường và in đậm cho menu chính và submenu */ 
.mh-main-nav li a, 
.mh-main-nav ul ul li a { 
    text-transform: none; 
    font-size: 14px; /*font chu nho lai*/
    font-weight: 700; 
} 
/* Nền khu vực bao quanh menu màu cam thay vì đỏ */ 
.mh-main-nav-wrap { 
    background: #008B45;  /* Màu xanh lá */ 
}
/* Thanh menu chính chữ in thường và viền màu cam */ 
.mh-main-nav { 
    text-transform: none;   /* chữ in thường */ 
    border-bottom: 5px solid #e67e22; /* viền màu cam */ 
} 
/* Màu nền hover từ đỏ đổi thành xanh lá , chữ vàng nhạt */ 
.mh-main-nav li:hover { 
    background: #00CC33; /* xanh lá nhat hon khi hover */ 
} 
.mh-main-nav li:hover a { 
    color: #FFFFFF /* màu trắng khi hover */ 
} 
/* Dam bao display, position, z-index, min-width cho sub menu */ 
.mh-main-nav ul ul { 
    display: none; 
    position: absolute; 
    z-index: 9999; 
    min-width: 18em; /* độ rộng sub menu*/ 
} 
/* Mục menu hiện tại thay màu đỏ #e64946 thành xanh lá nhạt */ 
.mh-main-nav .menu > .current-menu-item { 
    background: #00CC33; /* xanh lá */ 
} 
/*============================ 
DOI MAU COPYRIGHT  
==============================*/ 
.mh-copyright { 
    color: white !important; 
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7); 
    font-size: 12px; 
} 
/*======================== 
  WIDGET FOOTER 
==========================*/ 
/* Màu nền footer xanh lá nhạt, chữ màu đen */ 
.mh-footer { 
    background-color: #E0EEE0 !important; /* xanh lá rất nhạt */ 
    color: #000 !important; /* chữ màu đen */ 
} 
/* Đảm bảo tất cả phần tử con cũng hiển thị chữ đen */ 
.mh-footer * { 
    color: #000 !important; 
} 
/* Đổi màu đường viền dưới tiêu đề widget từ đỏ sang cam */ 
.mh-widget-title { 
    border-bottom: 3px solid #e67e22 !important; 
} 
/*====================================== 
  THAY DOI CO CHU HEADER-LINE-2-EN 
=========================================*/ 
/* Mặc định cho màn hình lớn */ 
.header-line-2-en { 
  font-size: 1.35rem;  
} 
/* Màn hình vừa như iPad (975px trở xuống) */ 
@media (max-width: 975px) { 
  .header-line-2-en { 
    font-size: 1.15rem;  
  } 
} 
/* Màn hình nhỏ như điện thoại (760px trở xuống) */ 
@media (max-width: 760px) { 
  .header-line-2-en { 
    font-size: 1rem;  
  } 
} 
/*====================================== 
  CAU TRUC TRONG FOOTER WIDGET 
=========================================*/ 
.footer-contact a { 
    color: blue !important; 
    font-style: italic; 
    text-decoration: none; 
} 
.footer-contact a:hover { 
    text-decoration: underline; 
} 
/*====================================== 
  DO RONG TRONG FOOTER WIDGET 
=========================================*/ 
/* Tùy chỉnh chia layout footer */ 
.custom-footer-25 { 
    width: 25%; 
    float: left; 
    padding: 0 15px; 
    box-sizing: border-box; 
} 
.custom-footer-50 { 
    width: 50%; 
    float: left; 
    padding: 0 15px; 
    box-sizing: border-box; 
} 
/* Đảm bảo không bị tràn hàng */ 
.mh-footer-widgets::after { 
    content: ""; 
    display: table; 
    clear: both; 
} 
/*====================================== 
    META WIDGET WORDPRESS 
=========================================*/ 
.widget_meta ul li a[href*="feed"] ,  
.widget_meta ul li a[href*="comments/feed"], 
.widget_meta ul li a[href*="wordpress.org"] { 
    display: none !important; 
} 
/*======================================== 
 customise màu sắc link trong post và page only 
================================================ */ 
.entry-content a { 
  color: #0073e6 !important; 
  text-decoration: none; 
} 
.entry-content a:hover { 
  color: #FF0000 !important; 
} 
/*========================================== 
   bo viềng cho bài viết  - bỏ bo viềng trang
============================================ */ 
/* Mặc định: tạo khung cho bài viết và trang */ 
.single-post .entry-content, 
.page .entry-content { 
    border: 1px solid #ccc;              /* Viền khung màu xám nhạt (#ccc) - độ dày 2px */ 
    padding: 20px;                        /* Khoảng cách bên trong khung (nội dung cách mép khung 20px) */ 
    margin-top: 10px;                     /* Cách phần tử phía trên 20px */ 
    margin-bottom: 10px;                  /* Cách phần tử phía dưới 20px */ 
    border-radius: 8px;                   /* Bo góc khung 8px (góc cong nhẹ) */ 
    box-shadow: 0 0 10px rgba(0,0,0,0.1); /* Đổ bóng nhẹ màu đen trong suốt (mờ 10px) */ 
    text-align: justify;                  /* Canh đều nội dung bài viết */ 

}
.single-post .entry-content, 
.page-id-3814 .entry-content,
.page-id-925 .entry-content,
.page-id-458 .entry-content,
.page-id-1602 .entry-content,
.page-id-4051 .entry-content,
.page-id-605 .entry-content,
.page-id-3828 .entry-content,
.page-id-4241 .entry-content,
.page-id-4239 .entry-content,
.page-id-3850 .entry-content,
.page-id-3841 .entry-content,
.page-id-3831 .entry-content,
.page-id-2699 .entry-content,
.page-id-3909 .entry-content,
.page-id-1345 .entry-content,
.page-id-1437 .entry-content {
    border: none !important;
    padding: 0 10px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/*===================================== 
        DOI MAU CHU CATEGORIES 
=================================*/ 
.widget_categories li a { 
  color: #0073e6 !important; 
  text-decoration: none; 
} 
.widget_categories li a:hover { 
  color: #FF0000 !important; 
  text-decoration: none; 
} 
.mailpoet_form input::placeholder, 
.mailpoet_form textarea::placeholder { 
    font-size: 12px; 
    padding: 5px; 
    color: #888; 
} 
/*===================================================== 
  THAY DOI MAU SAC CHO NAVIGATION MENU WIDGET   
=======================================================*/ 

/* MỤC CHA: navy, in đậm */ 
#menu-menu-side-bar-vn > li > a, 
#menu-menu-sidebar-en > li > a { 
    color: green; 
    font-weight: bold; 
} 

/* MỤC CON: navy thường, thụt vào, có dấu → */ 
#menu-menu-side-bar-vn .sub-menu li a, 
#menu-menu-sidebar-en .sub-menu li a { 
    color: navy; 
    font-weight: normal; 
    padding-left: 1.5em; 
    position: relative; 
} 

#menu-menu-side-bar-vn .sub-menu li a::before, 
#menu-menu-sidebar-en .sub-menu li a::before { 
    content: "» "; 
    position: absolute; 
    left: 0; 
    top: +2px; /nang cao hon/ 
    font-size: 0.9em; 
    color: navy; 
    background: transparent; 
} 

/* HOVER: chuyển đỏ */ 
#menu-menu-side-bar-vn li a:hover, 
#menu-menu-sidebar-en li a:hover { 
    color: red !important; 
} 

/*=================================================== 
 Điều chỉnh màu background submit form trong forminator 
=====================================================*/ 
button.forminator-button.forminator-button-submit { 
  background-color: #0077aa !important; 
  color: #ffffff !important; 
  border: none !important; 
  border-radius: 10px !important; /* Bo tròn rõ */ 
  padding: 10px 20px !important; 
  font-weight: bold !important; 
  cursor: pointer !important; 
  transition: background-color 0.3s ease !important; 
}

/*=================================================== 
 Điều chỉnh màu background trường thêm mục trong forminator 
=====================================================*/ 


/*=========================== 
 Tiêu đề bài post, page 
=========================*/ 
body.single-post h1.entry-title, 
body.page h1.entry-title { 
  font-size: 24px !important; 
  line-height: 1.3 !important; 
  text-align: center !important; 
  color: inherit !important; 
} 

/*======================================================== 
  Bỏ đường viền bảng post, page trang hội nghị KHCN VN 
==========================================================*/ 
.page-id-2043 .single-post .entry-content, 
.page-id-2043 .page .entry-content, 
.page-id-2127 .single-post .entry-content,
.page-id-2127 .page .entry-content,

 { 
border: none !important; 
border-width: 0 !important; 
border-style: none !important; 
background: none; 
box-shadow: none; 
}


/*==================================== 
 chỉnh thêm công trình trong form NCKH 
===========================================*/ 
/* Ép style nút "Thêm công trình" trong Forminator */ 
input.forminator-repeater-action-button.forminator-repeater-add[value="Thêm công trình"] { 
  background-color: #2e7d32 !important; 
  color: white !important; 
  font-weight: bold !important; 
  font-size: 16px !important; 
  padding: 10px 20px !important; 
  border: none !important; 
  border-radius: 6px !important; 
  cursor: pointer !important; 
  transition: background-color 0.3s ease; 
} 

input.forminator-repeater-action-button.forminator-repeater-add[value="Thêm công trình"]:hover { 
  background-color: #1b5e20 !important; 
}