Display Homes Perth | Visit Our Display Locations

/* Form inputs with rounded style */ .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="number"], .wpcf7 textarea, .wpcf7 select { width: 100%; height: 62px; padding: 0 25px; border: none; border-radius: 50px; background-color: #f5f5f5; font-size: 16px; margin-bottom: 20px; outline: none; transition: all 0.3s ease; } /* Focus effects */ .wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="tel"]:focus, .wpcf7 input[type="number"]:focus, .wpcf7 textarea:focus, .wpcf7 select:focus { background-color: #fff; box-shadow: 0 0 0 3px rgba(246, 157, 22, 0.2); } /* Textarea specific styling */ .wpcf7 textarea { padding: 20px 25px; height: 150px; border-radius: 20px; } /* Submit button styling - left aligned, orange */ .wpcf7 input[type="submit"] { width: auto; min-width: 180px; background-color: #F69D16; color: white; border: none; font-size: 18px; font-weight: 600; padding: 15px 30px; border-radius: 50px; cursor: pointer; text-align: center; margin-top: 10px; display: inline-block; transition: background-color 0.3s ease; } /* Button hover effect */ .wpcf7 input[type="submit"]:hover { background-color: #e08c05; } /* Hide labels for simple forms */ .enquire-form label, .enquiry-comments-form label { display: none; } /* Error state styling with red background */ .wpcf7 input.wpcf7-not-valid, .wpcf7 select.wpcf7-not-valid, .wpcf7 textarea.wpcf7-not-valid { background-color: #ffe8e8; border: 1px solid #ffb3b3; box-shadow: 0 0 3px rgba(255, 0, 0, 0.2); } .wpcf7-not-valid-tip { color: #dc3232; font-size: 12px; margin-top: -15px; margin-bottom: 15px; display: block; padding-left: 15px; transition: opacity 0.3s ease; } /* Radio button styling */ .wpcf7-radio { display: block; margin-bottom: 20px; border-left: none !important; background: transparent !important; } .wpcf7-radio .wpcf7-list-item { display: block; } .wpcf7-radio input[type="radio"] { margin-right: 10px; transition: all 0.2s ease; } /* Radio button option text */ .wpcf7-list-item-label { font-size: 15px; font-weight: normal; } /* Section titles */ .form-section-title { font-size: 20px; font-weight: 600; color: #333; margin: 30px 0 20px; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; } /* Two column layout */ .form-row { display: flex; flex-wrap: wrap; margin: 0 -10px; } .form-column { flex: 1; padding: 0 10px; min-width: 200px; } /* Mobile responsiveness */ @media (max-width: 768px) { .form-column { flex: 0 0 100%; } .wpcf7 input[type="submit"] { width: 100%; } } /* Error message box */ .wpcf7-response-output { margin: 20px 0 !important; padding: 15px !important; border-radius: 10px !important; font-size: 14px !important; background-color: #ffe8e8 !important; border: 1px solid #ffb3b3 !important; color: #dc3232 !important; transition: all 0.3s ease !important; } /* Success message */ .wpcf7 form.sent .wpcf7-response-output { background-color: #f0fff0 !important; border-color: #46b450 !important; color: #333 !important; } /* Radio button question labels */ .qualify-form label { display: block; margin-bottom: 8px; font-weight: 600; font-size: 16px; color: #333; } /* Select dropdown styling */ .wpcf7 select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: calc(100% - 20px) center; padding-right: 45px; } /* Fix alignment for recaptcha */ .wpcf7 .wpcf7-recaptcha { margin-bottom: 20px; } /* First form of section - add spacing */ .form-section-title:first-child { margin-top: 0; } /* Required field indicator */ .required { color: #dc3232; margin-left: 3px; } /* Fix radio validation specifically */ span.wpcf7-form-control-wrap.renting, span.wpcf7-form-control-wrap.rent-amount, span.wpcf7-form-control-wrap.first-home-buyer, span.wpcf7-form-control-wrap.working, span.wpcf7-form-control-wrap.australian-resident, span.wpcf7-form-control-wrap.has-savings { border-left: none !important; } /* Remove red border for radio errors */ .wpcf7-form-control-wrap .wpcf7-radio { border-left: none !important; } /* Red error line fix */ .wpcf7-form-control-wrap[data-name] { border-left: none !important; } /* Target the vertical red line that appears */ .wpcf7-form-control-wrap { border-left: none !important; display: block; } /* Fix error messages for radio buttons */ .wpcf7 .wpcf7-radio + .wpcf7-not-valid-tip { margin-top: 0; } /* Error color adjustments */ .wpcf7 .wpcf7-not-valid { border-left: none !important; }