.elementor-12784 .elementor-element.elementor-element-dc90cb9:not(.elementor-motion-effects-element-type-background), .elementor-12784 .elementor-element.elementor-element-dc90cb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000DB;}.elementor-12784 .elementor-element.elementor-element-dc90cb9 > .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-12784 .elementor-element.elementor-element-dc90cb9{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-12784 .elementor-element.elementor-element-61d24c9{text-align:center;}.elementor-12784 .elementor-element.elementor-element-61d24c9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-12784 .elementor-element.elementor-element-e556158{--display:flex;}.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-12784 .elementor-element.elementor-element-ea33b71{text-align:center;}.elementor-12784 .elementor-element.elementor-element-ea33b71 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(min-width:1025px){.elementor-12784 .elementor-element.elementor-element-dc90cb9 > .elementor-background-overlay{background-attachment:fixed;}}/* Start custom CSS for shortcode, class: .elementor-element-27304db *//* =========================================================
   TIWF 2026 - GRAVITY FORM #26
   WOOD THEME + RESPONSIVE
   ========================================================= */

#gform_wrapper_26 {
    --wood-dark: #5b321f;
    --wood: #7a4a2d;
    --wood-light: #a56b43;
    --wood-gold: #c89b5b;
    --wood-cream: #f7f1e8;
    --wood-border: #dfcdb9;
    --text: #3b281e;

    max-width: 900px !important;
    margin: 30px auto !important;
    padding: 0 !important;

    font-family: 'Prompt', Arial, Helvetica, sans-serif !important;
    color: var(--text);
}


/* =========================================================
   FORM CARD
   ========================================================= */

#gform_wrapper_26 form {
    background: #fff !important;

    border: 1px solid var(--wood-border) !important;
    border-radius: 14px !important;

    padding: 32px !important;

    box-shadow:
        0 8px 25px rgba(91, 50, 31, 0.12) !important;

    overflow: hidden !important;
}


/* =========================================================
   HIDE REQUIRED LEGEND
   "* indicates required fields"
   ========================================================= */

#gform_wrapper_26 .gform_required_legend {
    display: none !important;
}


/* =========================================================
   FIELD LABEL
   ========================================================= */

#gform_wrapper_26 .gfield_label,
#gform_wrapper_26 .gfield_label_before_complex {
    color: var(--wood-dark) !important;

    font-family: 'Prompt', Arial, sans-serif !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    margin-bottom: 7px !important;
}


/* Required *
   ยังแสดง * ได้ แต่เปลี่ยนเป็นสีไม้เข้ม
*/

#gform_wrapper_26 .gfield_required {
    color: var(--wood) !important;
}


/* =========================================================
   INPUT
   ========================================================= */

#gform_wrapper_26 input[type="text"],
#gform_wrapper_26 input[type="email"],
#gform_wrapper_26 input[type="tel"],
#gform_wrapper_26 input[type="number"],
#gform_wrapper_26 input[type="url"],
#gform_wrapper_26 textarea,
#gform_wrapper_26 select {
    width: 100% !important;

    box-sizing: border-box !important;

    min-height: 46px !important;

    padding: 10px 14px !important;

    background: #fffdf9 !important;

    border: 1px solid var(--wood-border) !important;

    border-radius: 8px !important;

    color: var(--text) !important;

    font-family: 'Prompt', Arial, sans-serif !important;

    font-size: 14px !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease !important;
}


/* INPUT FOCUS */

#gform_wrapper_26 input[type="text"]:focus,
#gform_wrapper_26 input[type="email"]:focus,
#gform_wrapper_26 input[type="tel"]:focus,
#gform_wrapper_26 input[type="number"]:focus,
#gform_wrapper_26 input[type="url"]:focus,
#gform_wrapper_26 textarea:focus,
#gform_wrapper_26 select:focus {

    border-color: var(--wood) !important;

    background: #ffffff !important;

    box-shadow:
        0 0 0 3px rgba(122, 74, 45, 0.12) !important;

    outline: none !important;
}


/* =========================================================
   FIELD SPACING
   ========================================================= */

#gform_wrapper_26 .gfield {
    margin-bottom: 20px !important;
}


/* =========================================================
   WORKSHOP CHECKBOX AREA
   ========================================================= */

#gform_wrapper_26 #field_26_7 {
    background: var(--wood-cream) !important;

    border: 1px solid var(--wood-border) !important;

    border-radius: 10px !important;

    padding: 20px !important;

    margin-top: 5px !important;
}


/* Workshop title */

#gform_wrapper_26 #field_26_7 > legend {
    display: block !important;

    width: 100% !important;

    padding-bottom: 12px !important;

    margin-bottom: 12px !important;

    border-bottom: 1px solid var(--wood-border) !important;

    font-size: 16px !important;

    font-weight: 700 !important;

    color: var(--wood-dark) !important;
}


/* =========================================================
   CHECKBOX OPTIONS
   ========================================================= */

#gform_wrapper_26 #field_26_7 .gchoice {
    display: flex !important;

    align-items: flex-start !important;

    gap: 10px !important;

    padding: 12px 14px !important;

    margin-bottom: 8px !important;

    background: #ffffff !important;

    border: 1px solid var(--wood-border) !important;

    border-radius: 8px !important;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.15s ease !important;
}


/* Hover */

#gform_wrapper_26 #field_26_7 .gchoice:hover {
    background: #fffaf3 !important;

    border-color: var(--wood-light) !important;

    transform: translateY(-1px);
}


/* Checkbox */

#gform_wrapper_26 #field_26_7 input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;

    min-width: 18px !important;

    margin-top: 2px !important;

    accent-color: var(--wood) !important;
}


/* Checkbox text */

#gform_wrapper_26 #field_26_7 label {
    flex: 1 !important;

    margin: 0 !important;

    color: #493328 !important;

    font-family: 'Prompt', Arial, sans-serif !important;

    font-size: 13px !important;

    line-height: 1.6 !important;

    cursor: pointer !important;
}


/* =========================================================
   UNIQUE ID
   Hidden field อยู่แล้ว
   ========================================================= */

#gform_wrapper_26 #field_26_8 {
    display: none !important;
}


/* =========================================================
   TURNSTILE
   ========================================================= */

#gform_wrapper_26 .gf-turnstile-container {
    width: 100% !important;

    display: flex !important;

    justify-content: center !important;

    margin: 5px 0 15px !important;
}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

#gform_wrapper_26 #gform_submit_button_26 {

    display: block !important;

    width: 100% !important;

    min-height: 48px !important;

    padding: 12px 24px !important;

    margin: 5px 0 0 !important;

    border: 0 !important;

    border-radius: 8px !important;

    background:
        linear-gradient(
            135deg,
            var(--wood-dark),
            var(--wood),
            var(--wood-light)
        ) !important;

    color: #ffffff !important;

    font-family: 'Prompt', Arial, sans-serif !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    cursor: pointer !important;

    box-shadow:
        0 4px 10px rgba(91, 50, 31, 0.20) !important;

    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease,
        opacity 0.15s ease !important;
}


/* Button hover */

#gform_wrapper_26 #gform_submit_button_26:hover {

    background:
        linear-gradient(
            135deg,
            #4a2719,
            #704125,
            #945c38
        ) !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 6px 14px rgba(91, 50, 31, 0.25) !important;
}


/* =========================================================
   VALIDATION ERROR
   ========================================================= */

#gform_wrapper_26 .gfield_error
#gform_wrapper_26 .gfield_error input,
#gform_wrapper_26 .gfield_error textarea,
#gform_wrapper_26 .gfield_error select {

    border-color: #b84a3a !important;
}


/* Error message */

#gform_wrapper_26 .validation_message {

    color: #a33a2d !important;

    font-size: 12px !important;

    padding-top: 5px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #gform_wrapper_26 {

        width: 100% !important;

        max-width: 100% !important;

        margin: 15px auto !important;

        padding: 0 10px !important;

        box-sizing: border-box !important;
    }


    #gform_wrapper_26 form {

        padding: 20px 16px !important;

        border-radius: 10px !important;
    }


    /* ให้ First Name / Last Name
       จาก half กลายเป็นเต็มจอ */

    #gform_wrapper_26 .gfield--width-half {

        grid-column: 1 / -1 !important;

        width: 100% !important;
    }


    #gform_wrapper_26 .gfield {

        margin-bottom: 16px !important;
    }


    #gform_wrapper_26 .gfield_label,
    #gform_wrapper_26 .gfield_label_before_complex {

        font-size: 14px !important;
    }


    #gform_wrapper_26 input[type="text"],
    #gform_wrapper_26 input[type="email"],
    #gform_wrapper_26 input[type="tel"],
    #gform_wrapper_26 input[type="number"],
    #gform_wrapper_26 input[type="url"],
    #gform_wrapper_26 textarea,
    #gform_wrapper_26 select {

        min-height: 44px !important;

        font-size: 14px !important;
    }


    /* Workshop */

    #gform_wrapper_26 #field_26_7 {

        padding: 14px !important;

        border-radius: 8px !important;
    }


    #gform_wrapper_26 #field_26_7 > legend {

        font-size: 14px !important;

        line-height: 1.5 !important;
    }


    #gform_wrapper_26 #field_26_7 .gchoice {

        padding: 11px 10px !important;

        gap: 8px !important;
    }


    #gform_wrapper_26 #field_26_7 label {

        font-size: 12px !important;

        line-height: 1.55 !important;
    }


    #gform_wrapper_26 .gf-turnstile-container {

        transform: scale(0.9);

        transform-origin: center;
    }


    #gform_wrapper_26 #gform_submit_button_26 {

        min-height: 46px !important;

        font-size: 14px !important;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 400px) {

    #gform_wrapper_26 {

        padding: 0 6px !important;
    }


    #gform_wrapper_26 form {

        padding: 16px 12px !important;
    }


    #gform_wrapper_26 #field_26_7 {

        padding: 12px 10px !important;
    }


    #gform_wrapper_26 #field_26_7 label {

        font-size: 11.5px !important;
    }


    #gform_wrapper_26 .gf-turnstile-container {

        transform: scale(0.82);

        margin-left: -20px;
        margin-right: -20px;
    }
}/* End custom CSS */