/*
Theme Name: puta_subnia_ child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/* Thay .wpcf7 với ID hoặc class cụ thể của form nếu cần */
.wpcf7 {
    background: linear-gradient(to bottom, #F7FDCD, #B5E9D5);
	padding-top: 30px;
    padding-right: 30px;
    /*padding-bottom: 1px;*/
    padding-left: 30px;
    border-radius: 15px;
}

/* Bố cục 3 cột */
.wpcf7 .form-row {
    display: flex
;
    flex-wrap: wrap;
    gap: 10px;
    /* margin-bottom: 15px; */
}

.wpcf7 .form-col {
    flex: 1; /* Chia đều không gian cho các cột */
    min-width: 150px; /* Chiều rộng tối thiểu cho mỗi cột */
}

/* Định dạng ô nhập liệu và textarea */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    background-color: #ffffff; /* Nền trắng */
    border: none;
    border-radius: 25px; /* Bo góc tròn */
    padding: 12px 20px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px; /* Khoảng cách dưới mỗi ô */
    color: #333; /* Màu chữ khi nhập */
}

.wpcf7 textarea {
  height: 120px; /* Chiều cao ô nội dung */
}

/* Định dạng chữ placeholder */
.wpcf7 ::placeholder {
  color: #006400; /* Màu xanh lá đậm cho placeholder */
  opacity: 1;
}
.wpcf7 :-ms-input-placeholder { color: #006400; }
.wpcf7 ::-ms-input-placeholder { color: #006400; }


/* Định dạng nút gửi */
.wpcf7 input[type="submit"] {
    background-color: #008000; /* Màu nền xanh lá đậm */
    color: #ffffff; /* Chữ trắng */
    border: none;
    border-radius: 25px; /* Bo góc tròn */
    padding: 1px 50px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: block; /* Để căn giữa nếu cần */
    margin: 15px auto 0; /* Căn giữa nút */
}

.wpcf7 input[type="submit"]:hover {
    background-color: #006400; /* Màu đậm hơn khi hover */
}
span.wpcf7-form-control-wrap {
    margin-top: 10px;
}

/* Ẩn nhãn (label) nếu bạn chỉ dùng placeholder */
.wpcf7 label {
  display: none;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
/* CSS chung */
@media screen and (min-width: 850px) {
    .large-3 {
        flex-basis: 33%;
        max-width: 33%;
    }
    .large-9 {
        flex-basis: 67%;
        max-width: 67%;
    }
.large-12.text-center.col {
    text-align: left;
}
.sidebar-thanh-tich {
    margin-left: 18px;
    margin-top: -50px;
    border: 1px solid #ddd;
    border-radius: 6px;
}
	.relatedcat {
    margin-top: -70px;
}
    .row-large {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 30px;
    }
	#view-count-number {
    margin-left: 10px;
}
	.share-text {
    font-size: 14px;
    font-weight: bold;
    /* color: #008000; */
}
	
.row-divided>.col+.col:not(.large-12) {
        /* border-left: 1px solid #ececec; */
    }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#view-count-number {
    /* margin-left: 10px; */
}
.share-text {
    /* font-size: 14px; */
    font-weight: bold;
    /* color: #008000; */
}
	.social-icons span {
    font-weight: 700;
    /* padding-right: 10px; */
}
	.tu-van-quy-hoach {
    margin-top: -80px;
}
.anh-dao-tao {
    margin-top: 50px;
}
.anh-thanh-tich {
    margin-top: 40px;
}

.footer-dia-chi {
    margin-left: -40px;
}
.blog-trai {
    margin-top: -15px;
}
.dao-tao-trai {
    margin-top: -30px;
}
.sidebar-tin-tuc-moi-nhat {
   /* margin-top: -60px;*/
}
.relatedcat {
    margin-top: -70px;
}

.sidebar-thanh-tich {
    margin-left: 18px;
    margin-top: -40px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

/* Montserrat Regular */
@font-face {
    font-family: 'Montserrat Custom'; /* Đặt tên tùy ý */
    src: /*url('fonts/Montserrat-Regular.woff2') format('woff2'), 
         url('fonts/Montserrat-Regular.woff') format('woff');  */ 
         url('fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400; /* Hoặc normal */
    font-style: normal;
    font-display: swap;
}

/* Montserrat Italic */
@font-face {
    font-family: 'Montserrat Custom';
    src: /*url('fonts/Montserrat-Italic.woff2') format('woff2'),
         url('fonts/Montserrat-Italic.woff') format('woff');*/
         url('fonts/Montserrat-Italic.ttf') format('truetype');
    font-weight: 400; /* Hoặc normal */
    font-style: italic;
    font-display: swap;
}

/* Montserrat Bold */
@font-face {
    font-family: 'Montserrat Custom';
    src: /*url('fonts/Montserrat-Bold.woff2') format('woff2'),
         url('fonts/Montserrat-Bold.woff') format('woff'); */
          url('fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700; /* Hoặc bold */
    font-style: normal;
    font-display: swap;
}

/* Montserrat Bold Italic */
@font-face {
    font-family: 'Montserrat Custom';
    src: /*url('fonts/Montserrat-BoldItalic.woff2') format('woff2'),
         url('fonts/Montserrat-BoldItalic.woff') format('woff');*/
          url('fonts/Montserrat-BoldItalic.ttf') format('truetype'); 
    font-weight: 700; /* Hoặc bold */
    font-style: italic;
    font-display: swap;
}

/* Montserrat Black (Thường là weight 900) */
@font-face {
    font-family: 'Montserrat Custom';
    src: /* url('fonts/Montserrat-Black.woff2') format('woff2'),
         url('fonts/Montserrat-Black.woff') format('woff'); */
         url('fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: 900; /* Hoặc black */
    font-style: normal;
    font-display: swap;
}

 /* Montserrat Thin (Thường là weight 100) */
@font-face {
    font-family: 'Montserrat Custom';
    src: /*url('fonts/Montserrat-Thin.woff2') format('woff2'),
         url('fonts/Montserrat-Thin.woff') format('woff');*/
          url('fonts/Montserrat-Thin.ttf') format('truetype'); 
    font-weight: 100; /* Hoặc thin */
    font-style: normal;
    font-display: swap;
}
/* Áp dụng cho toàn bộ trang */
.nav > li > a {
    font-family: 'Montserrat Custom', sans-serif;
	/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; */
}

body {
    font-family: 'Montserrat Custom', sans-serif; /* sans-serif là font thay thế */
}

/* Áp dụng cho các tiêu đề */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat Custom', sans-serif;
    font-weight: 700; /* Ví dụ: dùng kiểu Bold cho tiêu đề */
}

/* Áp dụng cho một class cụ thể */
.my-custom-class {
    font-family: 'Montserrat Custom', sans-serif;
    font-weight: 300; /* Ví dụ: dùng kiểu Light */
}

/* Sử dụng thẻ strong hoặc b để tự động dùng font bold (nếu đã khai báo đúng weight) */
strong, b {
  font-weight: 700; /* Hoặc bold */
}

/* Sử dụng thẻ em hoặc i để tự động dùng font italic (nếu đã khai báo đúng style) */
em, i {
  font-style: italic;
}