/* Enter Your Custom CSS Here */ /* Contact Form 7 */ #responsive-form{ max-width:850px /*-- change this to get your desired form width --*/; margin:0 auto; width:100%; } .form-row{ width: 100%; } .column-half, .column-full{ float: left; position: relative; padding: 0.65rem; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .clearfix:after { content: ""; display: table; clear: both; } body .gform_wrapper ul li.gfield:first-child, body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half):first-child{ width: 100%; margin-top: 0px !important; max-width: 100% !important; } body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){ max-width: 50% !important; } body .gform_wrapper ul li.gfield { width: 50%; clear: initial !important; float: left; padding: 0 10px !important; margin-top: 15px !important; } body .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium, body .gform_wrapper .top_label input.large.datepicker, .gform_wrapper .top_label input.medium.datepicker, .gform_wrapper .top_label input.small.datepicker{ width: 100%; } body .gform_wrapper .top_label div.ginput_container { position: relative; } body .gform_wrapper img.ui-datepicker-trigger { width: 41px!important; height: 40px!important; position: absolute; top: 50%; right: 1px; background-color: #e2e2e2; padding: 9px; transform: translate(0%,-50%); border-radius: 0px; } body .gform_wrapper .gform_footer { padding: 0; margin: 30px auto 0; display: inline-block; text-align: center; } body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit], body .gform_wrapper .gform_page_footer input.button, body .gform_wrapper .gform_page_footer input[type=submit] { font-size: 16px; margin: 0 0px 0 0; } input, select, textarea{ padding: 8px 15px !important; border: 1px solid #b7b7b7; height: 42px; } body .gform_wrapper { margin: 0px 0; border: 1px solid #e9e9e9; padding: 30px 20px; background-image: url(http://az1.252.myftpupload.com/wp-content/themes/buildpress/assets/images/title-area-pattern.png); } body .gform_wrapper li.gfield.gfield_error, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: transparent; margin-bottom: 0px!important; border-top: 0px solid #C89797; border-bottom: 0px solid #C89797; } body .gform_wrapper .field_description_below .gfield_description { padding-top: 5px; } body .gform_wrapper.gf_browser_chrome .gfield_error input[type=email], body .gform_wrapper.gf_browser_chrome .gfield_error input[type=number], body .gform_wrapper.gf_browser_chrome .gfield_error input[type=password], body .gform_wrapper.gf_browser_chrome .gfield_error input[type=tel], body .gform_wrapper.gf_browser_chrome .gfield_error input[type=text], body .gform_wrapper.gf_browser_chrome .gfield_error input[type=url], body .gform_wrapper.gf_browser_chrome .gfield_error select, body .gform_wrapper.gf_browser_chrome .gfield_error textarea, body .gform_wrapper.gf_browser_chrome li.gfield_error.field_sublabel_above .ginput_complex input[type=text] { margin-bottom: 0px; } body .gform_wrapper.gform_validation_error .top_label input.medium, body .gform_wrapper.gform_validation_error .top_label select.medium { width: 100%; } body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 0px; } .gform_wrapper div.validation_error { padding: 12px 0 !important; } body .gform_wrapper .top_label .gfield_label { display: none !important; } @media (max-width: 767px){ body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){ max-width: 100% !important; } body .gform_wrapper ul li.gfield { width: 100%; } body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: normal; min-height: auto; } body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit], body .gform_wrapper .gform_page_footer input.button, body .gform_wrapper .gform_page_footer input[type=submit] { width: auto; } } @media (max-width: 479px){ body .gform_wrapper { padding: 20px 10px; } body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit], body .gform_wrapper .gform_page_footer input.button, body .gform_wrapper .gform_page_footer input[type=submit] { font-size: 14px; } } /**---------------- Media query ----------------**/ @media only screen and (min-width: 1em) { .column-half{ width: 50%; } } /* Enter Your Custom CSS Here */ .wpcf7-text, .wpcf7-textarea { background: #f2f2f2; border-radius: 2px; border: 1px solid #dddddd; box-shadow: none; width: 100%; padding: 10px; margin-bottom: -2px; } .gform_button.button{ color: #454545; border-color: #f7c51e; background-color: #f7c51e; background: #f7c51e; font-family: "Montserrat", Helvetica, Arial, sans-serif; padding: 15px 18px; line-height: 1; border-radius: 2px; transition: all 200ms ease-out; border: 2px solid transparent; display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.5; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .FacIcon{ padding-top: 15px; padding-left: 50px; } .FacIcon a:hover { color: #fff; background-color: #f7c51e; } .FacIcon a { width: 30px; height: 30px; border-radius: 100%; line-height: 30px; background-color: #777777; display: inline-block; text-align: center; font-size: 14px; color: #fff; }