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

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Wrapper */
.cf7-like-image{
  max-width: 520px;          /* tùy chỉnh theo layout */
  margin: 0 auto;
}

/* CF7 hay bọc mỗi field trong <p> */
.cf7-like-image p{
  margin: 0 0 16px;
}

/* Input + textarea */
.cf7-like-image .wpcf7-form-control.wpcf7-text,
.cf7-like-image .wpcf7-form-control.wpcf7-email,
.cf7-like-image .wpcf7-form-control.wpcf7-tel,
.cf7-like-image .wpcf7-form-control.wpcf7-textarea{
  width: 100%;
  box-sizing: border-box;

  height: 54px;
  padding: 0 18px;

  border: 1px solid #dcdcdc;
  border-radius: 10px;
  background: #fff;

  font-size: 16px;
  color: #333;
  outline: none;
}

/* Textarea riêng */
.cf7-like-image .wpcf7-form-control.wpcf7-textarea{
  height: 64px;              /* giống hình (không quá cao) */
  padding: 16px 18px;
  resize: none;
}

/* Focus */
.cf7-like-image .wpcf7-form-control:focus{
  border-color: #bfbfbf;
}

/* Nút submit */
.cf7-like-image .wpcf7-submit{
  width: 100%;
  height: 58px;

  border: 0;
  border-radius: 10px;

  background: #4aa553;       /* xanh như hình */
  color: #fff;

  font-size: 16px;
  font-weight: 600;
  cursor: pointer;

  box-shadow: 0 1px 0 rgba(0,0,0,0.08);
}

/* Hover */
.cf7-like-image .wpcf7-submit:hover{
  filter: brightness(0.95);
}

/* Thông báo lỗi/response (nếu muốn gọn gàng) */
.cf7-like-image .wpcf7-not-valid-tip{
  margin-top: 8px;
  font-size: 13px;
}

.cf7-like-image .wpcf7-response-output{
  margin: 14px 0 0;
  border-radius: 10px;
}

.content_product_info {
    display: flex;
    column-gap: 24px;
    border-bottom: 1px solid var(--b2, #4e1d0b);
    padding-bottom: 30px;
}
.content_product_info .content_product_info_left {
    width: 96px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.content_product_info .content_product_info_left .th  {
    color: var(--b1, #3f1101);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
.content_product_info .content_product_info_right {
    width: auto;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.content_product_info_right .td {
	color: var(--b1, #3f1101);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.slider-nav-light .flickity-page-dots .dot {
    border-color: #35a458;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}