/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1731055527
Updated: 2024-11-08 08:45:27

*/

/* ==== Force override cho khối ý kiến phụ huynh ==== */
.ykien-wrap .ykien-photo,
.ykien-wrap .ykien-photo * {
  background: transparent !important;
}

.ykien-wrap .ykien-photo-img{
  width: 280px; height: 280px;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
}

/* Nếu ảnh nằm trong figure/elementor-image */
.ykien-wrap figure, 
.ykien-wrap .elementor-widget-image,
.ykien-wrap .elementor-widget-image > .elementor-widget-container {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Thumbnail: bỏ hoàn toàn nền/viền/halo khi active + khi focus */
.ykien-wrap .ykien-thumb img{
  width: 78px; height: 78px;
  border-radius: 50% !important;
  object-fit: cover !important;
  opacity: .6; transition: opacity .2s linear;
  border: 0 !important; box-shadow: none !important; outline: none !important;
}
.ykien-wrap .ykien-thumb.is-active img,
.ykien-wrap .ykien-thumb:focus-visible img{
  opacity: 1 !important;
  transform: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
.ykien-wrap .ykien-thumb.is-active::before,
.ykien-wrap .ykien-thumb::before { content: none !important; }

/* Nút trái/phải: giữ kiểu phẳng, không viền sáng */
.ykien-wrap .ykien-nav{
  background: #fff !important;
  border: 1px solid #dbe1ea !important;
  box-shadow: none !important;
}
/* Gỡ nền/viền ở nút thumbnail mọi trạng thái */
.ykien-wrap .ykien-thumb,
.ykien-wrap .ykien-thumb:hover,
.ykien-wrap .ykien-thumb:focus,
.ykien-wrap .ykien-thumb:active,
.ykien-wrap .ykien-thumb.is-active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Nếu theme tạo nền bằng pseudo elements thì tắt luôn */
.ykien-wrap .ykien-thumb::before,
.ykien-wrap .ykien-thumb::after,
.ykien-wrap .ykien-thumb.is-active::before,
.ykien-wrap .ykien-thumb.is-active::after,
.ykien-wrap .ykien-thumb:hover::before,
.ykien-wrap .ykien-thumb:hover::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Ảnh trong thumb: chỉ bo tròn + không hiệu ứng */
.ykien-wrap .ykien-thumb img{
  width: 78px; height: 78px;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: opacity .2s linear !important;
  opacity: .9;
}
.ykien-wrap .ykien-thumb:hover img,
.ykien-wrap .ykien-thumb.is-active img,
.ykien-wrap .ykien-thumb:focus img{
  opacity: 1 !important;
  transform: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
/* ==== Force override cho khối THÀNH TÍCH HỌC SINH (.tt-*) ==== */
.tt-wrap .tt-photo,
.tt-wrap .tt-photo * {
  background: transparent !important;
}

.tt-wrap .tt-photo-img{
  width: 280px; height: 280px;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
}

/* Nếu ảnh nằm trong figure/elementor-image */
.tt-wrap figure, 
.tt-wrap .elementor-widget-image,
.tt-wrap .elementor-widget-image > .elementor-widget-container {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Thumbnail: bỏ hoàn toàn nền/viền/halo khi active + khi focus */
.tt-wrap .tt-thumb img{
  width: 78px; height: 78px;
  border-radius: 50% !important;
  object-fit: cover !important;
  opacity: .6; transition: opacity .2s linear;
  border: 0 !important; box-shadow: none !important; outline: none !important;
}
.tt-wrap .tt-thumb.is-active img,
.tt-wrap .tt-thumb:focus-visible img{
  opacity: 1 !important;
  transform: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
.tt-wrap .tt-thumb.is-active::before,
.tt-wrap .tt-thumb::before { content: none !important; }

/* Nút trái/phải: giữ kiểu phẳng, không viền sáng */
.tt-wrap .tt-nav{
  background: #fff !important;
  border: 1px solid #dbe1ea !important;
  box-shadow: none !important;
}
/* Gỡ nền/viền ở nút thumbnail mọi trạng thái */
.tt-wrap .tt-thumb,
.tt-wrap .tt-thumb:hover,
.tt-wrap .tt-thumb:focus,
.tt-wrap .tt-thumb:active,
.tt-wrap .tt-thumb.is-active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Nếu theme tạo nền bằng pseudo elements thì tắt luôn */
.tt-wrap .tt-thumb::before,
.tt-wrap .tt-thumb::after,
.tt-wrap .tt-thumb.is-active::before,
.tt-wrap .tt-thumb.is-active::after,
.tt-wrap .tt-thumb:hover::before,
.tt-wrap .tt-thumb:hover::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}