/* Public residential landing page: stable first paint and compact mobile survey. */
.solar-hero { background-color: #063828; }
.solar-hero .solar-form { scroll-margin-top: 80px; }
.solar-hero .user { box-sizing: border-box; }
.solar-hero .form-control { box-sizing: border-box; }
.solar-hero .solar-form h2 { color: #fff; }
.solar-hero .user input[type=submit] { cursor: pointer; }
.solar-hero .user input:focus-visible { outline: 3px solid #f5a623; outline-offset: 2px; }
@media (max-width: 991px) {
    nav.menu-fixed { position: relative; background: #063828; min-height: 56px; }
    nav .menu-brand, nav .menu-brand a { height: 56px; min-height: 56px; }
    nav .menu-brand img { width: 50px; height: 50px; max-height: 50px; }
    nav .menu-btn { display: none; }
    .solar-hero.section-image { background-image: none !important; padding: 0 !important; }
    .solar-hero > .container { padding-top: 12px; padding-bottom: 28px; }
    .solar-hero > .container > .row { display: flex; flex-direction: column; }
    .solar-hero .solar-form { /*order: -1;*/ width: 100%; margin: 0 !important; }
    .solar-form > hr, .solar-form .p-5 > hr, .solar-form .p-5 > p:empty { display: none; }
    .solar-hero .solar-form h2 { margin: 0 0 12px; font-size: 24px; line-height: 1.25; }
    .solar-form .user { padding: 14px; margin: 0; }
    .solar-form .form-group { margin-bottom: 10px; }
    .solar-form .form-group:last-child { margin-bottom: 0; }
    .solar-form .form-control { min-height: 44px; padding: 10px 12px; font-size: 16px; line-height: 22px; }
    .solar-form input[type=submit] { min-height: 44px; width: 100%; }
    .solar-hero .solar-intro { /*margin-top: 24px;*/ }
    .solar-intro > hr { display: none; }
    .solar-hero h1 { font-size: 29px; line-height: 1.25; }
    .solar-intro .btn { white-space: normal; }
    #phn-btn { bottom: 64px; }
    #whatsappcool-btn { bottom: 14px; }
}