@charset "UTF-8";
/* 
Theme Name: LYNH theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: LYNH theme is a child theme of Hello Elementor, created by LYNH AGENCY
Author: LYNH AGENCY
Author URI: https://lynh.vn/
Template: hello-elementor
Version: 2.0.0
Text Domain: lynh-theme
License: GNU General Public License v3 or later.
License URI: https://lynh.vn/
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* -- ---------------------------------------------------------------------- -- */
/* -- [ Thay đổi kiểu link khi hover ] -- */
.lynh_link a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
.lynh_link a:after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: currentColor;
  transition: width 0.1s ease-out;
}
.lynh_link a:hover:after {
  width: 100%;
}
/* -- [ END ] -- */
/* -- ---------------------------------------------------------------------- -- */
/* -- [ Style nội dung thẻ p ] -- */
.lynh_content {
  /* Định kiểu cho trích dẫn (Quote) */
}
.lynh_content blockquote {
  border-left: 4px solid #00AB55;
  padding: 10px 20px;
  font-style: italic;
  background-color: #f9f9f9;
  color: #555;
  margin: 20px 0;
}
.lynh_content p {
  margin-bottom: 15px;
}
.lynh_content p:last-child {
  margin-bottom: 0;
}
.lynh_content figure.wp-block-image.size-full {
  margin: 0;
  margin-bottom: 20px;
}
.lynh_content ul {
  margin-bottom: 15px;
}
.lynh_content ul:last-child {
  margin-bottom: 0;
}
/* -- [ END ] -- */
/* -- ---------------------------------------------------------------------- -- */
/* -- [ Style form elementor ] -- */
.lynh_form .elementor-field-group .elementor-field-textual::placeholder {
  opacity: 1 !important;
}
.lynh_form .elementor-field-group .elementor-field-textual:focus {
  outline: none !important;
  /* Loại bỏ viền mặc định của trình duyệt */
  box-shadow: none !important;
}
.lynh_form .elementor-search-form__input {
  opacity: 1 !important;
  color: #00663D;
}
/* -- ---------------------------------------------------------------------- -- */
/* -- [ Tae ] -- */
.lynh_disable-drag .swiper {
  pointer-events: none;
}
/* -- [ END ] -- */
/* -- ---------------------------------------------------------------------- -- */
.lynh_img-4-3 {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  position: relative;
  background-color: #f0f0f0;
}
.lynh_img-4-3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.lynh_img-1-1 {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  position: relative;
  background-color: #EAF8F1;
}
.lynh_img-1-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
/* -- ---------------------------------------------------------------------- -- */
/* -- style ưu đãi -- */
.lynh_title-uudai h3 a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.lynh_uudai {
  list-style: none;
  padding: 0;
}
.lynh_uudai .lynh_noidunguudai {
  color: white;
  font-size: 14px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 30px;
}
.lynh_uudai .lynh_noidunguudai::before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
}
.lynh_sl_uudai .lynh_noidunguudai {
  color: #00663D;
  font-size: 18px;
}
.lynh_sl_uudai .lynh_noidunguudai::before {
  font-size: 16px;
}
/* -- ---------------------------------------------------------------------- -- */
html {
  scroll-padding-top: 10vh;
  /* Tạo khoảng trống bằng chiều cao header sticky trên màn hình lớn */
}
/* -- ---------------------------------------------------------------------- -- */
.elementor-pagination .page-numbers {
  background-color: #ffffff;
  color: #012129 !important;
  border: 0px solid #fff !important;
  font-family: "Be Vietnam Pro", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: none;
  line-height: 30px !important;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 99px;
}
.elementor-pagination .page-numbers:hover {
  background-color: #EAF8F1;
  color: #012129 !important;
}
.elementor-pagination .page-numbers.current {
  background-color: #00663D;
  color: #ffffff !important;
}
/* -- ---------------------------------------------------------------------- -- */
/* -- ---------------------------------------------------------------------- -- */
/* -- ---------------------------------------------------------------------- -- */
/* Tablet (768px - 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
  html {
    scroll-padding-top: 70px;
    /* Tạo khoảng trống bằng chiều cao header sticky nhỏ hơn */
  }
}
/* -- ---------------------------------------------------------------------- -- */
/* -- ---------------------------------------------------------------------- -- */
/* -- ---------------------------------------------------------------------- -- */
/* Mobile (<768px) */
/* -- ---------------------------------------------------------------------- -- */
/* -- ---------------------------------------------------------------------- -- */
/* -- ---------------------------------------------------------------------- -- */
