/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-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.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Template: hello-elementor
	Version: 1.0.0
	Text Domain: hello-elementor-child
*/

@font-face {
    font-family: 'Beaufort for LOL';
    src: url('fonts/BeaufortforLOL-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Beaufort for LOL';
    src: url('fonts/BeaufortforLOL-LightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Beaufort for LOL';
    src: url('fonts/BeaufortforLOL-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Beaufort for LOL';
    src: url('fonts/BeaufortforLOL-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Beaufort for LOL';
    src: url('fonts/BeaufortforLOL-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Beaufort for LOL';
    src: url('fonts/BeaufortforLOL-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Beaufort for LOL';
    src: url('fonts/BeaufortforLOL-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Beaufort for LOL';
    src: url('fonts/BeaufortforLOL-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Beaufort for LOL';
    src: url('fonts/BeaufortforLOL-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Beaufort for LOL';
    src: url('fonts/BeaufortforLOL-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

body, p{
    font-family: 'Beaufort for LOL', sans-serif !important;
    font-weight: 400;
}

body *{
    font-family: 'Beaufort for LOL', sans-serif;
}

h1, h2, h3 {
    font-family: 'Beaufort for LOL', sans-serif;
    font-weight: 700;
}

table {            /* Luôn cố gắng lấp đầy chiều rộng vùng chứa */
  max-width: 100%;         /* Tuyệt đối không vượt quá 100% vùng chứa */
  table-layout: auto;      /* Tự động tính toán kích thước cột theo nội dung */
  border-collapse: collapse; /* Gộp viền bảng lại cho đẹp mắt */
}

td, th {
  word-break: break-word;  /* Tự động xuống dòng nếu chữ quá dài */
  overflow-wrap: anywhere; /* Ngăn chữ dài (như link) làm vỡ chiều rộng bảng */
}

dd, dl, dt, li, ol, ul {
    margin-block-start: 0;
    margin-block-end: 5px;
}

ol, ul {
    margin-bottom: 10px;
}
/* Đảm bảo vùng chứa Elementor chiếm trọn chiều rộng và không bị padding của theme bóp nghẹt */
.elementor-page-content {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}
.comments-area a, .page-content a{
    text-decoration: none;
}

.fx-gentle-float > *{animation:--fx-gentle-float 5s ease-in-out infinite}
@keyframes --fx-gentle-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

.fx-pulse > *{animation:--fx-pulse 5s ease-in-out infinite}
@keyframes --fx-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.01);opacity:1}}

.fx-swing > *{transform-origin:50% 0;animation:--fx-swing 5s ease-in-out infinite}
@keyframes --fx-swing{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}

.fx-left-right > *{animation:--fx-left-right 3s ease-in-out infinite}
@keyframes --fx-left-right{0%,100%{transform:translateX(-0px)}50%{transform:translateX(5px)}}

.fx-bob-rotate > *{animation:--fx-bob-rotate 5s ease-in-out infinite}
@keyframes --fx-bob-rotate{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}