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

/*************** ADD CUSTOM CSS HERE.   ***************/
.custom-form-cr7 label {
    color: #666666;
    font-size: 17px;
    display: block;
    margin: 5px 5px;
	padding: 5px;
}

.custom-form-cr7 input,
.custom-form-cr7 textarea {
    width: calc(100% - 10px);
    margin: 5px 5px;
    padding: 8px;
    font-size: 17px;
    box-sizing: border-box;
}

.custom-form-cr7 [type="submit"] {
    margin: 10px 5px;
    padding: 10px 20px;
    font-size: 17px;
    background-color: #0073e6; /* màu xanh dương nhẹ */
    color: #ffffff;
    border: none;
    cursor: pointer;
}

.custom-form-cr7 [type="submit"]:hover {
    background-color: #005bb5; /* xanh đậm khi hover */
}
/* Biến row chứa form và map thành Flex container */
#row-266176855 {
    display: flex;
    align-items: stretch; /* Kéo dài các cột con có chiều cao bằng nhau */
}

/* Đảm bảo cột chứa iframe map lấp đầy chiều cao */
#col-757101702 {
    display: flex;
    flex-direction: column;
}

#col-757101702 iframe {
    height: 100%;
    width: 100%;
    display: block;
}

/* Đảm bảo cột chứa form cũng lấp đầy chiều cao */
#col-1421043745 {
    display: flex;
    flex-direction: column;
}

#col-1421043745 > .col-inner {
    display: flex;
    flex-direction: column;
    height: 100%; /* Để phần inner cũng cao bằng cột */
}

/* Nếu bạn muốn form chiếm hết không gian còn lại */
#col-1421043745 .wpcf7 {
    flex-grow: 1;
}

/* Căn chỉnh padding bên trái cho danh sách */
#content ul,
#content ol {
  padding-left: 10px !important;
  margin-left: 0;
  list-style-position: inside;
}

#content ul li,
#content ol li {
  padding-left: 10px;
}

/* Đảm bảo 4 box đều có cùng chiều cao */
.equal-height-boxes {
  display: flex;
  flex-wrap: wrap;
}

/* Đặt chiều cao bằng nhau cho từng box */
.equal-height-boxes > .col {
  display: flex;
  flex: 1 1 25%; /* 4 box trên 1 hàng */
  box-sizing: border-box;
}

/* Đảm bảo col-inner full chiều cao */
.equal-height-boxes > .col > .col-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* ✅ Canh nội dung lên trên */
  width: 100%;
}

/* Box nội dung sẽ co giãn cho đều chiều cao và giữ nội dung trên đầu */
.equal-height-boxes .icon-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;  /* ✅ Giữ nội dung canh lên trên */
}

@media (max-width: 768px) {
  .equal-height-boxes > .col {
    flex: 1 1 50%; /* 2 box / hàng ở tablet */
  }
}

@media (max-width: 480px) {
  .equal-height-boxes > .col {
    flex: 1 1 100%; /* 1 box / hàng ở mobile */
  }
}

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


}