/* Theme Name: Prooty Child Theme
Theme URI: https://themeforest.net/user/ovatheme/portfolio
Description: This is child theme of prooty
Author: Ovatheme
Author URI: https://themeforest.net/user/ovatheme
Template: prooty
Version: 1.0.0
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain:  prooty-child
*/

blockquote{
	font-family: "Roboto";
	font-weight:400 !important;
}

a,table {
	font-family:"Roboto" !important;
	font-weight:400 !important;
}

h1, h2, h3, h4, h5, h6{
	font-family:"Roboto" !important;
}


p, ul, li {
	font-family:"Roboto" !important;
	font-weight:400 !important;
	color:#292F29;
	
}

.wp-block-image img {
    margin: 15px 0 !important;
}

.bds-loop-info-wrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 15px;
}
.bds-loop-item strong {
    color: var(--color-1); /* Màu thương hiệu Prooty của bạn */
    min-width: 80px;
    display: inline-block;
}

.bds-archive-box {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}
.bds-archive-box .arc-item {
    font-size: 13px;
    color: #666;
}

.bds-single-box {
    background: #fffdf5; /* Nền vàng nhẹ */
    border: 2px solid var(--color-1); /* Màu thương hiệu Prooty */
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 8px;
}
.bds-single-box h3 {
    margin-top: 0;
    color: var(--color-1); /* */
    font-size: 20px;
}
.bds-single-box .sg-item {
    font-size: 13px;
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
}

.e-con-inner .vct-image-icon img{
    width: 125px !important;
}
.e-con-inner .vct-image-icon{
    right: 40% !important;
    top: 20% !important;
}

.elementor-posts .elementor-post__card .elementor-post__text{
	padding: 0 10px !important;
}

.elementor-posts .elementor-post__card .elementor-post__meta-data {
    border-top: 1px solid #eaeaea;
    margin-bottom: 0;
    padding: 15px 10px !important;
}

.elementor-kit-32 h2{
	font-size:24px !important;
}

.elementor-kit-32 h3{
	font-size:20px !important;
	font-weight:600 !important;
}

/* Tùy chỉnh khối FAQ của Rank Math thành dạng Toggle */
.rank-math-block { margin: 30px 0; }

.rank-math-list-item {
    background-color: #ffffff;
    border: 1px solid #eaeaec;
    border-left: 4px solid var(--color-1);
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 15px 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03);
    transition: all 0.3s ease;
}

/* Tiêu đề câu hỏi - biến thành nút bấm */
h3.rank-math-question {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #333333;
    margin: 0 !important;
    padding: 0 30px 0 0 !important; /* Chừa chỗ cho icon bên phải */
    cursor: pointer; /* Đổi con trỏ thành bàn tay */
    position: relative;
    border-bottom: none !important;
    transition: all 0.3s ease;
}

/* Tạo icon dấu Cộng mặc định */
h3.rank-math-question::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: var(--color-1);
    font-weight: 400;
}

/* Khi đang mở: Đổi icon thành dấu Trừ và thêm viền gạch đứt */
h3.rank-math-question.faq-open::after {
    content: '-';
    font-size: 30px;
    line-height: 0;
}
h3.rank-math-question.faq-open {
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
    border-bottom: 1px dashed #eaeaec !important;
}

/* Ẩn câu trả lời mặc định */
.rank-math-answer {
    display: none;
    color: #555555;
    font-size: 15px;
    line-height: 1.6;
}
.rank-math-answer p:last-child { margin-bottom: 0; }

.wpcf7 {
    max-width: 100%;
    margin: 0 auto !important;
}

.form-submit-group{
	margin-top:10px;
}

@media (min-width: 768px) {
    .wpcf7 {
        max-width: 400px;
    }
}