/* ZMOVERS_GRAY_CONTENT_V6 */

/*
   ONLY affects:
   #how
   #quote

   Does NOT touch:
   hero
   truck image
   navbar
   dark service strip
   mover callout
   footer
   map
*/


/* ==============================================================
   MAIN INFORMATION SECTION
   ============================================================== */

section#how.section {
    background:
        linear-gradient(
            180deg,
            #bfc5ca 0%,
            #aeb6bc 100%
        ) !important;
}


/* ==============================================================
   CUSTOMER QUOTE SECTION
   ============================================================== */

section#quote.quote-section {
    background:
        linear-gradient(
            180deg,
            #aeb6bc 0%,
            #9fa8af 100%
        ) !important;
}


/* ==============================================================
   TEXT
   ============================================================== */

section#how h2,
section#how h3,
section#quote h2 {
    color: #10202d !important;
}

section#how p,
section#quote p,
section#quote label {
    color: #263844 !important;
}


/* ==============================================================
   STEP CARDS
   ============================================================== */

section#how .steps article {
    background: #d7dce0 !important;
    border: 1px solid #8c969e !important;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(0,0,0,.12) !important;
}


/* ==============================================================
   QUOTE FORM PANEL
   ============================================================== */

section#quote .quote-form {
    background: #c7cdd2 !important;
    border: 2px solid #7e8991 !important;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(0,0,0,.16) !important;
}


/* ==============================================================
   INPUTS — MAKE THE BOXES OBVIOUS
   ============================================================== */

section#quote input,
section#quote select,
section#quote textarea {
    background: #eef0f2 !important;

    color: #111820 !important;

    border:
        2px solid #6f7c86 !important;

    border-radius:
        6px !important;

    box-shadow:
        inset 0 1px 2px rgba(0,0,0,.08) !important;
}


section#quote input:focus,
section#quote select:focus,
section#quote textarea:focus {
    border-color:
        #0b78d0 !important;

    outline:
        2px solid rgba(11,120,208,.22) !important;

    background:
        #ffffff !important;
}


/* Placeholder text */

section#quote input::placeholder,
section#quote textarea::placeholder {
    color:
        #66737d !important;

    opacity:
        1 !important;
}


/* Keep headings/wrappers transparent */

section#how .section-heading,
section#how .steps,
section#quote .quote-intro {
    background:
        transparent !important;
}