.elementor-196 .elementor-element.elementor-element-47a97c7{--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-196 .elementor-element.elementor-element-47a97c7:not(.elementor-motion-effects-element-type-background), .elementor-196 .elementor-element.elementor-element-47a97c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-196 .elementor-element.elementor-element-9406042{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-196 .elementor-element.elementor-element-9406042:not(.elementor-motion-effects-element-type-background), .elementor-196 .elementor-element.elementor-element-9406042 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-196 .elementor-element.elementor-element-53cb218{--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-196 .elementor-element.elementor-element-53cb218:not(.elementor-motion-effects-element-type-background), .elementor-196 .elementor-element.elementor-element-53cb218 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-196 .elementor-element.elementor-element-d898125{--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-196 .elementor-element.elementor-element-d898125:not(.elementor-motion-effects-element-type-background), .elementor-196 .elementor-element.elementor-element-d898125 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-196 .elementor-element.elementor-element-0f22494{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-196 .elementor-element.elementor-element-47a97c7{--content-width:1186px;}.elementor-196 .elementor-element.elementor-element-9406042{--content-width:1186px;}.elementor-196 .elementor-element.elementor-element-53cb218{--width:42%;}.elementor-196 .elementor-element.elementor-element-d898125{--width:58%;}}/* Start custom CSS for shortcode, class: .elementor-element-54ca05c *//* ========================================================= GET YOUR MANGA — WPFORMS 1069 CONTACT FORM WHITE + RED THEME LAYOUT ROW 1: NAME | EMAIL ROW 2: PHONE NO | SUBJECT ROW 3: MESSAGE | MESSAGE ROW 4: SUBMIT FIELD 6 = PHONE NUMBER FIELD 7 = HONEYPOT ========================================================= */ /* ========================================================= MAIN FORM CONTAINER ========================================================= */ #wpforms-1069.wpforms-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 30px 32px 35px !important; background: #ffffff !important; border: 1px solid #e5e5e5 !important; border-radius: 4px !important; box-sizing: border-box !important; font-family: Arial, Helvetica, sans-serif !important; } /* ========================================================= FIELD GRID ========================================================= */ #wpforms-1069 .wpforms-field-container { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 14px !important; width: 100% !important; box-sizing: border-box !important; } /* ========================================================= REMOVE WPFORMS DEFAULT FIELD WIDTH ========================================================= */ #wpforms-1069 .wpforms-field, #wpforms-1069 .wpforms-field-medium, #wpforms-1069 .wpforms-field-large, #wpforms-1069 input.wpforms-field-medium, #wpforms-1069 input.wpforms-field-large, #wpforms-1069 select.wpforms-field-medium, #wpforms-1069 textarea.wpforms-field-medium { max-width: none !important; box-sizing: border-box !important; } /* ========================================================= FIELD POSITIONS ========================================================= */ /* NAME */ #wpforms-1069 #wpforms-1069-field_1-container { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; } /* EMAIL */ #wpforms-1069 #wpforms-1069-field_2-container { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; } /* PHONE NUMBER */ #wpforms-1069 #wpforms-1069-field_6-container { grid-column: 1 !important; grid-row: 2 !important; width: 100% !important; display: block !important; } /* SUBJECT */ #wpforms-1069 #wpforms-1069-field_5-container { grid-column: 2 !important; grid-row: 2 !important; width: 100% !important; } /* MESSAGE */ #wpforms-1069 #wpforms-1069-field_3-container { grid-column: 1 / -1 !important; grid-row: 3 !important; width: 100% !important; } /* ========================================================= HIDE ONLY HONEYPOT FIELD FIELD 7 IS HIDDEN FIELD 6 PHONE IS NOT HIDDEN ========================================================= */ #wpforms-1069 #wpforms-1069-field_7-container { display: none !important; } /* ========================================================= FIELD SPACING ========================================================= */ #wpforms-1069 .wpforms-field { margin: 0 !important; padding: 0 0 26px 0 !important; box-sizing: border-box !important; } /* ========================================================= LABEL ========================================================= */ #wpforms-1069 .wpforms-field-label { display: block !important; width: 100% !important; margin: 0 0 8px 0 !important; padding: 0 !important; color: #111111 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.2 !important; text-transform: uppercase !important; } /* ========================================================= REQUIRED STAR ========================================================= */ #wpforms-1069 .wpforms-required-label { color: #ed1c24 !important; } /* ========================================================= ALL INPUTS ========================================================= */ #wpforms-1069 input[type="text"], #wpforms-1069 input[type="email"], #wpforms-1069 input[type="tel"], #wpforms-1069 input[type="number"], #wpforms-1069 input[type="url"], #wpforms-1069 select, #wpforms-1069 textarea { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; background: #ffffff !important; color: #111111 !important; border: 1px solid #dcdcdc !important; border-radius: 3px !important; outline: none !important; box-shadow: none !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; box-sizing: border-box !important; } /* ========================================================= INPUT HEIGHT ========================================================= */ #wpforms-1069 input[type="text"], #wpforms-1069 input[type="email"], #wpforms-1069 input[type="tel"], #wpforms-1069 input[type="number"], #wpforms-1069 input[type="url"], #wpforms-1069 select { height: 47px !important; min-height: 47px !important; padding: 0 14px !important; } /* ========================================================= PHONE NUMBER FIELD ========================================================= */ #wpforms-1069 #wpforms-1069-field_6 { width: 100% !important; max-width: 100% !important; height: 47px !important; min-height: 47px !important; padding: 0 14px !important; box-sizing: border-box !important; appearance: textfield !important; } /* Remove number spinner */ #wpforms-1069 #wpforms-1069-field_6::-webkit-inner-spin-button, #wpforms-1069 #wpforms-1069-field_6::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } /* ========================================================= MESSAGE ========================================================= */ #wpforms-1069 textarea { height: 138px !important; min-height: 138px !important; padding: 14px !important; resize: vertical !important; line-height: 1.5 !important; } /* ========================================================= PLACEHOLDER ========================================================= */ #wpforms-1069 input::placeholder, #wpforms-1069 textarea::placeholder { color: #999999 !important; opacity: 1 !important; } /* ========================================================= FOCUS ========================================================= */ #wpforms-1069 input:focus, #wpforms-1069 select:focus, #wpforms-1069 textarea:focus { border-color: #ed1c24 !important; box-shadow: 0 0 0 1px rgba(237, 28, 36, .12) !important; outline: none !important; } /* ========================================================= SUBMIT CONTAINER ========================================================= */ #wpforms-1069 .wpforms-submit-container { width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= SUBMIT BUTTON ========================================================= */ #wpforms-1069 button.wpforms-submit { display: block !important; width: 100% !important; height: 49px !important; min-height: 49px !important; margin: 0 !important; padding: 0 20px !important; background: #ed1c24 !important; color: #ffffff !important; border: 0 !important; border-radius: 3px !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; line-height: 49px !important; text-align: center !important; text-transform: uppercase !important; cursor: pointer !important; box-shadow: none !important; } /* ========================================================= SUBMIT HOVER ========================================================= */ #wpforms-1069 button.wpforms-submit:hover { background: #111111 !important; color: #ffffff !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { /* FORM */ #wpforms-1069.wpforms-container { padding: 22px 18px 25px !important; } /* ONE COLUMN */ #wpforms-1069 .wpforms-field-container { grid-template-columns: 1fr !important; column-gap: 0 !important; width: 100% !important; } /* NAME */ #wpforms-1069 #wpforms-1069-field_1-container { grid-column: 1 !important; grid-row: auto !important; width: 100% !important; } /* EMAIL */ #wpforms-1069 #wpforms-1069-field_2-container { grid-column: 1 !important; grid-row: auto !important; width: 100% !important; } /* PHONE */ #wpforms-1069 #wpforms-1069-field_6-container { grid-column: 1 !important; grid-row: auto !important; width: 100% !important; display: block !important; } /* SUBJECT */ #wpforms-1069 #wpforms-1069-field_5-container { grid-column: 1 !important; grid-row: auto !important; width: 100% !important; } /* MESSAGE */ #wpforms-1069 #wpforms-1069-field_3-container { grid-column: 1 !important; grid-row: auto !important; width: 100% !important; } /* FIELD SPACING */ #wpforms-1069 .wpforms-field { padding-bottom: 18px !important; } /* INPUTS */ #wpforms-1069 input[type="text"], #wpforms-1069 input[type="email"], #wpforms-1069 input[type="tel"], #wpforms-1069 input[type="number"], #wpforms-1069 input[type="url"], #wpforms-1069 select { width: 100% !important; max-width: 100% !important; height: 43px !important; min-height: 43px !important; padding: 0 12px !important; } /* PHONE */ #wpforms-1069 #wpforms-1069-field_6 { width: 100% !important; max-width: 100% !important; height: 43px !important; min-height: 43px !important; padding: 0 12px !important; } /* MESSAGE */ #wpforms-1069 textarea { width: 100% !important; max-width: 100% !important; height: 120px !important; min-height: 120px !important; } /* SUBMIT */ #wpforms-1069 button.wpforms-submit { height: 46px !important; min-height: 46px !important; line-height: 46px !important; } } /* ========================================================= VERY SMALL PHONES ========================================================= */ @media (max-width: 420px) { #wpforms-1069.wpforms-container { padding: 18px 14px 22px !important; } #wpforms-1069 .wpforms-field-label { font-size: 9px !important; } #wpforms-1069 input[type="text"], #wpforms-1069 input[type="email"], #wpforms-1069 input[type="tel"], #wpforms-1069 input[type="number"], #wpforms-1069 input[type="url"], #wpforms-1069 select { height: 41px !important; min-height: 41px !important; font-size: 11px !important; } #wpforms-1069 #wpforms-1069-field_6 { height: 41px !important; min-height: 41px !important; font-size: 11px !important; } #wpforms-1069 textarea { height: 110px !important; min-height: 110px !important; } #wpforms-1069 button.wpforms-submit { height: 44px !important; min-height: 44px !important; line-height: 44px !important; } }/* End custom CSS */