/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Button giống Tailwind nhưng an toàn cho Flatsome */

.text-base {
	font-size: 16px !important;
	line-height: 1.5 !important;
}
.tgd-btn {
  display: inline-block;
  background-color: #dc2626 !important; /* red-600 */
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  border-radius: 9999px; /* rounded-full */
  text-decoration: none;
  transition: all 0.25s ease;
  
}

.tgd-btn:hover {
  background-color: #b91c1c; /* red-700 */
  color: #ffffff;
  transform: translateY(-1px);
}



.tgd-hero {
   position: relative !important; 
  overflow: hidden !important;
  width: 100% !important;

  background-image: url('/wp-content/uploads/2026/01/phan-khanh-banner.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  aspect-ratio: 16 / 10;
}


/* sm ≥ 640px */
@media (min-width: 640px) {
  .tgd-hero {
    aspect-ratio: 16 / 8;
  }
}

/* lg ≥ 1024px */
@media (min-width: 1024px) {
  .tgd-hero {
    aspect-ratio: 16 / 6;
  }
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}