.elementor-5555 .elementor-element.elementor-element-35d1d4e:not(.elementor-motion-effects-element-type-background), .elementor-5555 .elementor-element.elementor-element-35d1d4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000DB;}.elementor-5555 .elementor-element.elementor-element-35d1d4e > .elementor-background-overlay{background-image:url("https://thailandwoodworking.com/wp-content/uploads/2025/09/Woodworking-L2_Main-Image-1920x1080-1.jpeg");opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5555 .elementor-element.elementor-element-35d1d4e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:35px 35px 35px 35px;}.elementor-widget-theme-page-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5555 .elementor-element.elementor-element-4d3ba92{text-align:center;}.elementor-5555 .elementor-element.elementor-element-4d3ba92 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-5555 .elementor-element.elementor-element-25a9ec7{--display:flex;}.elementor-5555 .elementor-element.elementor-element-178b143{--display:flex;}.elementor-5555 .elementor-element.elementor-element-b3c086a{--spacer-size:25px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5555 .elementor-element.elementor-element-246bd50 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-5555 .elementor-element.elementor-element-41e507a{--divider-border-style:solid;--divider-color:#E4B736;--divider-border-width:3px;}.elementor-5555 .elementor-element.elementor-element-41e507a .elementor-divider-separator{width:37%;}.elementor-5555 .elementor-element.elementor-element-41e507a .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-5555 .elementor-element.elementor-element-0d6a36d{width:100%;max-width:100%;}@media(min-width:1025px){.elementor-5555 .elementor-element.elementor-element-35d1d4e > .elementor-background-overlay{background-attachment:fixed;}}/* Start custom CSS for shortcode, class: .elementor-element-0d6a36d *//* -----------------------------------------------------------
   Gravity Forms Minimal Style
   By: Gemini
----------------------------------------------------------- */

/* 1. Container - จัดระยะห่างรวม */
.gform_wrapper.gravity-theme {
    margin: 0 auto;
    max-width: 100%;
}

/* 2. Labels - ตัวหนังสือหัวข้อ */
.gform_wrapper.gravity-theme .gfield_label {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #333; /* สีเทาเข้มเกือบดำ */
    margin-bottom: 8px;
    text-transform: uppercase; /* ตัวพิมพ์ใหญ่ทั้งหมดเพื่อความโมเดิร์น (ลบออกได้) */
}

/* 3. Inputs & Textareas - ช่องกรอกข้อมูล */
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
    background-color: #fff;
    border: 1px solid #e0e0e0; /* ขอบสีเทาจางๆ */
    border-radius: 4px; /* มุมมนเล็กน้อย */
    padding: 12px 16px; /* เพิ่มพื้นที่ภายในให้ดูไม่เบียด */
    font-size: 16px; /* ขนาดมาตรฐาน อ่านง่าย */
    color: #444;
    transition: all 0.3s ease;
    width: 100%;
    box-shadow: none;
}

/* 4. Focus State - เมื่อคลิกที่ช่อง */
.gform_wrapper.gravity-theme input:focus,
.gform_wrapper.gravity-theme select:focus,
.gform_wrapper.gravity-theme textarea:focus {
    border-color: #333; /* เปลี่ยนขอบเป็นสีเข้มเมื่อ Active */
    outline: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* เงาจางๆ */
}

/* 5. Placeholder - ข้อความจางๆ ในช่อง */
.gform_wrapper.gravity-theme ::placeholder {
    color: #bbb;
    opacity: 1;
}

/* 6. Submit Button - ปุ่มส่ง */
.gform_wrapper.gravity-theme .gform_footer input[type=submit] {
    background-color: #1a1a1a; /* สีดำด้าน */
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    width: auto; /* หรือแก้เป็น 100% ถ้าต้องการปุ่มเต็มจอ */
}

/* Hover State สำหรับปุ่ม */
.gform_wrapper.gravity-theme .gform_footer input[type=submit]:hover {
    background-color: #444; /* สีเทาเข้มเมื่อเอาเมาส์วาง */
    transform: translateY(-1px); /* ขยับขึ้นเล็กน้อย */
}

/* 7. Error Validation - การแสดงผลเมื่อกรอกผิด */
.gform_wrapper.gravity-theme .gfield_error input,
.gform_wrapper.gravity-theme .gfield_error textarea {
    border-color: #e74c3c; /* สีแดงแบบ Flat */
    background-color: #fffafa;
}

.gform_wrapper.gravity-theme .validation_message {
    color: #e74c3c;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
    padding: 0;
    border: none;
    background: none;
}/* End custom CSS */