.elementor-164 .elementor-element.elementor-element-baf2c78{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-164 .elementor-element.elementor-element-c25dd00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-164 .elementor-element.elementor-element-b890e7d.elementor-element{--align-self:center;}.elementor-164 .elementor-element.elementor-element-b890e7d img{width:250px;}.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-164 .elementor-element.elementor-element-475dca4{text-align:center;}.elementor-164 .elementor-element.elementor-element-475dca4 .elementor-heading-title{font-family:"Roboto Mono", Sans-serif;font-size:28px;font-weight:600;color:#FFFFFF;}.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 );}.elementor-164 .elementor-element.elementor-element-aca8395{padding:20px 0px 0px 0px;text-align:center;font-family:"Roboto Mono", Sans-serif;font-size:12px;font-weight:400;color:#FFFFFF;}body.elementor-page-164:not(.elementor-motion-effects-element-type-background), body.elementor-page-164 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;background-image:url("https://whackabrief.tpf.london/wp-content/uploads/2026/10/bg_lines-scaled.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}@media(max-width:1024px){.elementor-164 .elementor-element.elementor-element-aca8395{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-164 .elementor-element.elementor-element-aca8395.elementor-element{--align-self:center;}}/* Start custom CSS for image, class: .elementor-element-b890e7d */.grow-bottom-right {
  transform-origin: bottom right;

  animation:
    growBottomRight 0.8s cubic-bezier(0.16, 1, 0.3, 1) both,
    floatSideways 4s ease-in-out 0.8s infinite;
}

/* Grow from bottom right */
@keyframes growBottomRight {
  0% {
    opacity: 0;
    scale: 0;
  }

  100% {
    opacity: 1;
    scale: 1;
  }
}

/* Smooth continuous floating */
@keyframes floatSideways {
  0%, 100% {
    translate: 0 0;
  }

  25% {
    translate: 6px 0;
  }

  75% {
    translate: -6px 0;
  }
}/* End custom CSS */
/* Start custom CSS for wp-widget-gform_widget, class: .elementor-element-17b0735 *//* =========================================
   WHACK-A-BRIEF — GRAVITY FORM STYLING
   FORM ID: 1
========================================= */


.gform-field-label__text {
    
    color: white !important;
}

/* WHACK-A-BRIEF — CUSTOM IMAGE SUBMIT BUTTON */

#gform_wrapper_1 #gform_submit_button_1 {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    padding: 0 !important;
    margin: 0 !important;

    width: auto !important;
    min-height: 0 !important;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    cursor: pointer;
}

/* SVG IMAGE */
#gform_wrapper_1 #gform_submit_button_1 img {
    display: block;
    width: 100%;
    max-width: 350px;
    height: auto;
}

/* CENTRE SUBMIT BUTTON */
#gform_wrapper_1 .gform_footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    width: 100%;
}

/* REMOVE BLUE BACKGROUND ON HOVER / FOCUS */
#gform_wrapper_1 #gform_submit_button_1:hover,
#gform_wrapper_1 #gform_submit_button_1:focus,
#gform_wrapper_1 #gform_submit_button_1:active {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}




.gform_required_legend {
    display: none;
}

.gform_validation_errors {
    display: none !important;
    
    
}

/* FORM CONTAINER */
#gform_wrapper_1 {
    width: 100%;
    font-family: "Roboto Mono", monospace;
}

/* SPACING BETWEEN FIELDS */
#gform_wrapper_1 .gform_fields {
    row-gap: 20px;
}

/* FIELD LABELS */
#gform_wrapper_1 .gfield_label {
    color: #ffffff;
    font-family: "Roboto Mono", monospace;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 12px;
}

/* TEXT INPUTS */
#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 select {
    width: 100%;
    min-height: 60px;
    padding: 10px 20px;

    background: #000000 !important;
    color: #ffffff !important;

    border: 2px solid #ffffff !important;
    border-radius: 12px !important;

    font-family: "Roboto Mono", monospace;
    font-size: 15px;

    outline: none;
    box-shadow: none;

    transition: border-color 0.2s ease;
}

/* BLUE BORDER ON FOCUS */
#gform_wrapper_1 input[type="text"]:focus,
#gform_wrapper_1 input[type="email"]:focus,
#gform_wrapper_1 input[type="tel"]:focus,
#gform_wrapper_1 select:focus {
    border: 4px solid #009dff !important;
    background: #000000 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* PLACEHOLDER TEXT */
#gform_wrapper_1 input::placeholder {
    color: #777777;
    opacity: 1;
}

/* CHECKBOX */
#gform_wrapper_1 input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;

    width: 35px;
    height: 35px;

    background: #000000;
    border: 2px solid #ffffff;
    border-radius: 8px;

    cursor: pointer;
    position: relative;
    flex-shrink: 0;
}

/* CHECKBOX SELECTED */
#gform_wrapper_1 input[type="checkbox"]:checked {
    background: #009dff;
    border-color: #009dff;
}



/* CHECKBOX LABEL */
#gform_wrapper_1 .gfield_checkbox label {
    color: #ffffff;
    font-family: "Roboto Mono", monospace;
    font-size: 14px;
    line-height: 1.6;
}

/* CHECKBOX ALIGNMENT */
#gform_wrapper_1 .gchoice {
    display: flex;
    align-items: center;
    gap: 20px;
}



/* MOBILE / IPAD */
@media (max-width: 767px) {

    #gform_wrapper_1 input[type="text"],
    #gform_wrapper_1 input[type="email"],
    #gform_wrapper_1 input[type="tel"],
    #gform_wrapper_1 select {
        min-height: 75px;
        padding: 15px 20px;
        font-size: 16px;
        border-radius: 20px !important;
    }

    #gform_wrapper_1 input[type="checkbox"] {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }

    #gform_wrapper_1 .gform_fields {
        row-gap: 20px;
    }
}/* End custom CSS */