/* ==========================================================================
   HEADER WPFORMS MASTER STYLES (#nsb7951 / Form #88)
   ========================================================================== */

/* 1. Outer Widget Positioning */
.p-nsb7951, 
div[pagelayer-id="nsb7951"] {
    margin-top: -30px !important;
    margin-right: -25px !important;
}

/* 2. Modern Engine CSS Variable Overrides */
#wpforms-form-88,
.p-nsb7951 .wpforms-container-full,
div[pagelayer-id="nsb7951"] .wpforms-container-full {
    --wpforms-field-size-vertical-space: 0px !important;
    --wpforms-field-size-input-height: 32px !important;
    --wpforms-label-size-sublabel-spacing: 0px !important;
}

/* 3. Form Card Container */
.p-nsb7951 .wpforms-container,
div[pagelayer-id="nsb7951"] .wpforms-container,
.wpforms-container.wpforms-render-modern,
div#wpforms-container-88,
div#wpforms-container-88 .wpforms-form {
    width: 75% !important;
    max-width: 75% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding: 12px 16px !important;
    background-color: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12) !important;
    box-sizing: border-box !important;
}

/* 4. Pill Banner Header ("CONTACT US TODAY!") */
.p-nsb7951 .wpforms-form::before,
div[pagelayer-id="nsb7951"] .wpforms-form::before,
#wpforms-form-88::before {
    content: "CONTACT US TODAY!" !important;
    display: block !important;
    text-align: center !important;
    margin: 0 auto 6px auto !important;
    padding: 4px 12px !important;
    background-color: #5195b2 !important;
    color: #ffffff !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    border-radius: 20px !important;
    width: 90% !important;
    box-sizing: border-box !important;
}

/* 5. Row &amp; Field Spacing */
.p-nsb7951 .wpforms-field,
div[pagelayer-id="nsb7951"] .wpforms-field,
.p-nsb7951 .wpforms-field-row,
#wpforms-form-88 .wpforms-field {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
}

/* 6. Side-by-Side First/Last Name Fields */
.p-nsb7951 .wpforms-field-name .wpforms-field-row,
.p-nsb7951 .wpforms-field-name-block,
div[pagelayer-id="nsb7951"] .wpforms-field-name-block {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
}

.p-nsb7951 .wpforms-field-name-first,
.p-nsb7951 .wpforms-field-name-last,
div[pagelayer-id="nsb7951"] .wpforms-field-name-first,
div[pagelayer-id="nsb7951"] .wpforms-field-name-last {
    display: flex !important;
    flex-direction: column !important;
    width: 50% !important;
    min-width: 0 !important;
    max-width: 50% !important;
    flex: 1 1 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.p-nsb7951 .wpforms-field-name input,
.p-nsb7951 .wpforms-field-name-first input,
.p-nsb7951 .wpforms-field-name-last input {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 7. Labels &amp; Sublabels */
.p-nsb7951 label,
.p-nsb7951 .wpforms-field-label,
#wpforms-form-88 label,
#wpforms-form-88 .wpforms-field-label,
#wpforms-form-88 .wpforms-field-label-inline {
    color: #000000 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    margin-bottom: 0px !important;
}

.p-nsb7951 .wpforms-field-sublabel,
#wpforms-form-88 .wpforms-field-sublabel {
    color: #000000 !important;
    font-weight: 600 !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    margin-top: 2px !important;
    display: block !important;
}

/* 8. Inputs &amp; Textarea Styling */
.p-nsb7951 input[type="text"], 
.p-nsb7951 input[type="email"], 
.p-nsb7951 input[type="tel"], 
.p-nsb7951 textarea,
#wpforms-form-88 input[type="text"], 
#wpforms-form-88 input[type="email"], 
#wpforms-form-88 input[type="tel"], 
#wpforms-form-88 textarea, 
#wpforms-form-88 select {
    width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 2px 6px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

.p-nsb7951 textarea, 
#wpforms-form-88 textarea {
    height: 36px !important;
    min-height: 36px !important;
    padding: 2px 6px !important;
}

/* 9. Submit Button */
.p-nsb7951 .wpforms-submit-container, 
#wpforms-form-88 .wpforms-submit-container {
    margin-top: 2px !important;
    padding: 0 !important;
}

.p-nsb7951 .wpforms-submit-container button[type="submit"], 
.p-nsb7951 .wpforms-submit,
#wpforms-form-88 .wpforms-submit-container button[type="submit"], 
#wpforms-form-88 .wpforms-submit {
    background-color: #5195b2 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    border-radius: 6px !important;
    border: none !important;
    padding: 6px 18px !important;
    cursor: pointer !important;
}






























/* ==========================================================================
   1. GLOBAL RESETS, OVERRIDES &amp; UTILITIES
   ========================================================================== */
* { 
    box-shadow: none !important; 
}

/* Global Typography &amp; Colors */
h1, h2, h3, h4, h5, h6,
.pagelayer-heading-holder *,
.pagelayer-heading,
.pagelayer-wp-title,
a, a:link, a:visited,
.p-1cr6620 .pagelayer-heading-holder p,
div[pagelayer-id="1cr6620"] p, 
.pagelayer-address, .pagelayer-email, .pagelayer-phone,
.p-qci6397 .pagelayer-heading-holder, div[pagelayer-id="qci6397"] h4,
.p-xkd6461 .pagelayer-heading-holder, div[pagelayer-id="xkd6461"] h4,
.p-fhu3663 .pagelayer-list a, .p-fhu3663 .pagelayer-list-url, div[pagelayer-id="fhu3663"] a,
.p-fhu3663 .pagelayer-list li, .p-fhu3663 .pagelayer-list-item,
.p-n2s364 .pagelayer-wp-title-heading, div[pagelayer-id="n2s364"] h4,
.p-aro4380 .pagelayer-heading-holder, div[pagelayer-id="aro4380"] .pagelayer-heading-holder, div[pagelayer-id="aro4380"] h3,
.p-bsf1048 .pagelayer-heading-holder, div[pagelayer-id="bsf1048"] h2 {
    color: #000000 !important;
}

a:hover { 
    color: #cccccc !important; 
}

/* Hidden Elements */
.p-d539589,
.p-pdl9689.pagelayer-col,
.pagelayer-wp-title-heading,
div[pagelayer-id="nir5148"] .pagelayer-wp-title-heading,
.p-nir5148 .pagelayer-wp-title-heading,
.pagelayer-wp-title-link img,
div[pagelayer-id="2kc6377"], div[pagelayer-id="izv7554"], div[pagelayer-id="hxv5116"], 
div[pagelayer-id="oiw8899"], div[pagelayer-id="qjy587"], div[pagelayer-id="az19106"] {
    display: none !important;
}

/* Base Global Buttons */
.pagelayer-contact-submit-btn,
.pagelayer-btn-custom,
.pagelayer-contact-submit-btn .pagelayer-btn,
button.pagelayer-contact-submit-btn,
[pagelayer-id="2kc6377"], .p-2kc6377, .p-2kc6377 *, div[pagelayer-id="2kc6377"] a, .pagelayer-btn.p-2kc6377,
[pagelayer-id="izv7554"], .p-izv7554, .p-izv7554.pagelayer-btn, .p-izv7554 a, div[pagelayer-id="izv7554"] a,
[pagelayer-id="a91780"] *, .p-a91780 *, .p-a91780, .pagelayer-btn.p-a91780,
a.pagelayer-ele-link.p-a91780, .pagelayer-btn-holder.p-a91780, button.p-a91780 {
    background-color: #5195b2 !important;
    color: #ffffff !important;
    border-color: #5195b2 !important;
    border-radius: 50px !important;
    border: none !important;
}

.pagelayer-contact-submit-btn:hover, .pagelayer-btn-custom:hover,
[pagelayer-id="izv7554"]:hover, .p-izv7554:hover, .p-izv7554 a:hover,
[pagelayer-id="a91780"]:hover *, .p-a91780:hover *, .p-a91780:hover, .p-a91780 a:hover {
    background-color: #3f7a94 !important;
    border-radius: 50px !important;
}

[pagelayer-id="izv7554"] { 
    padding: 14px 32px !important; 
}


/* ==========================================================================
   2. HEADER &amp; LOGO
   ========================================================================== */
.p-kju1717 {
    position: relative !important;
    top: -55px !important;
    z-index: 9999 !important;
}

.pagelayer-wp-title-link, .pagelayer-wp-title-section, div[pagelayer-id="nir5148"] .pagelayer-wp-title-link {
    background-image: url('https://donovanbuyshomes.com/wp-content/uploads/2026/05/Untitled1.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center !important;
    height: 30px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}


/* ==========================================================================
   3. CONTENT SECTIONS &amp; BLOCKS
   ========================================================================== */
/* Blue Row &amp; Column Containers (#5195b2) */
div[pagelayer-id="7jl666"] .wp-block-column, .p-7jl666 .wp-block-column,
div[pagelayer-id="zvr1165"], .p-zvr1165.pagelayer-row, .p-zvr1165 .pagelayer-row-holder, .p-zvr1165 .pagelayer-col-holder,
div[pagelayer-id="iod6152"], .p-iod6152, .p-iod6152 .pagelayer-row-holder, .p-iod6152 .pagelayer-col, .p-iod6152 .pagelayer-col-holder,
.p-iod6152 > .pagelayer-background-overlay,
.p-qvj6193 > .pagelayer-background-overlay,
.p-ecy7333, div[pagelayer-id="ecy7333"], .p-ecy7333.pagelayer-col {
    background-color: #5195b2 !important;
    background-image: none !important;
    --pagelayer-color-rx1x0E: #5195b2 !important;
}

.p-qvj6193 > .pagelayer-background-overlay { 
    opacity: 0.85 !important; 
}

div[pagelayer-id="7jl666"] .wp-block-column, .p-7jl666 .wp-block-column {
    padding: 28px 20px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
}

/* White Typography Overrides inside Blue Sections */
div[pagelayer-id="7jl666"] .wp-block-column p, .p-7jl666 .wp-block-column p,
div.p-fue6057[pagelayer-id="fue6057"] div.pagelayer-heading-holder *,
div[pagelayer-id="fue6057"] div, div[pagelayer-id="fue6057"] p, div[pagelayer-id="fue6057"] span,
div[pagelayer-id="fue6057"] h1, div[pagelayer-id="fue6057"] h2, div[pagelayer-id="fue6057"] h3,
.p-zvr1165 h1, .p-zvr1165 h2, .p-zvr1165 h3, .p-zvr1165 h4, .p-zvr1165 h5, .p-zvr1165 h6, .p-zvr1165 p,
.p-zvr1165 .pagelayer-heading-holder *, .p-zvr1165 .pagelayer-wp-title content *,
div[pagelayer-id="qr2605"] h3, div[pagelayer-id="qr2605"] .pagelayer-heading-holder *, .p-qr2605 .pagelayer-heading-holder h3 {
    color: #ffffff !important;
}

div[pagelayer-id="7jl666"] .wp-block-column p:nth-of-type(1), .p-7jl666 .wp-block-column p:nth-of-type(1) {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
}

div[pagelayer-id="7jl666"] .wp-block-column p:nth-of-type(2), .p-7jl666 .wp-block-column p:nth-of-type(2) {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    opacity: 0.95 !important;
}

div.p-fue6057[pagelayer-id="fue6057"] * {
    font-size: 20px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

/* Light Section Overrides (#fff7f5) */
.p-1cp1623.pagelayer-row,
.pagelayer-row,
div.p-zvr1165 .pagelayer-iconbox,
div.p-zvr1165 .wp-block-column,
div[pagelayer-id="zvr1165"] .pagelayer-iconbox {
    background-color: #fff7f5 !important;
    border-radius: 15px !important;
}

div.p-zvr1165 .pagelayer-iconbox *,
div.p-zvr1165 .pagelayer-iconbox-content,
div.p-zvr1165 .pagelayer-iconbox-holder,
div[pagelayer-id="zvr1165"] .pagelayer-iconbox > div {
    background-color: #ffffff !important;
}

/* Content Customizations (Donovan Buys Homes Text Area) */
div[pagelayer-id="v4o3511"] {
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: #5195b2 !important;
    margin-bottom: 8px !important;
}

div[pagelayer-id="bsf1048"] h2, div[pagelayer-id="bsf1048"] .pagelayer-heading-holder {
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

div[pagelayer-id="phd5519"] {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: #222222 !important;
    margin-top: 20px !important;
    margin-bottom: 12px !important;
}

div[pagelayer-id="mkq5934"] p {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: #555555 !important;
    margin-bottom: 15px !important;
}

div[pagelayer-id="mkq5934"] ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-top: 10px !important;
}

div[pagelayer-id="mkq5934"] ul li {
    position: relative !important;
    padding-left: 28px !important;
    margin-bottom: 10px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    color: #222222 !important;
    line-height: 1.4 !important;
}

div[pagelayer-id="mkq5934"] ul li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 1px !important;
    width: 18px !important;
    height: 18px !important;
    background-color: #5195b2 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: bold !important;
}

div[pagelayer-id="qbg335"], .p-qbg335 {
    margin-top: 10px !important;
    border-color: #5195b2 !important;
}


/* ==========================================================================
   4. SERVICES, COUNTERS, PROGRESS BARS &amp; TESTIMONIALS
   ========================================================================== */
/* Service Cards &amp; Icon Boxes */
.pagelayer-service, .pagelayer-service-container,
.p-r4l1222, .p-rtv6077, .p-y5d4941 {
    background-color: #f4f4f4 !important;
}

.p-w8x7822, .p-uq6220, .p-exz1609 { 
    background: #d9dedf !important; 
}

.p-w8x7822, .pagelayer-iconbox, .pagelayer-service-container, .pagelayer-service {
    padding: 40px 30px !important;
}

.pagelayer-service-heading, .pagelayer-service-details .pagelayer-heading-holder,
.pagelayer-service-heading h3, .pagelayer-service-heading h4 {
    color: #5195b2 !important;
}

.pagelayer-service-text, .pagelayer-service-text p,
.p-uq6220 .pagelayer-service-text, .p-m4p7042 .pagelayer-service-text, .p-prc2390 .pagelayer-service-text {
    color: #666666 !important;
}

.pagelayer-service-icon, .pagelayer-service-icon:before, .pagelayer-service-icon i,
.pagelayer-service-icon [class*="fa-"], .p-w8x7822 .pagelayer-service-icon, .p-w8x7822 .pagelayer-service-icon:before,
.pagelayer-service-default .pagelayer-service-icon:before,
.pagelayer-address-icon i, .pagelayer-email-icon i, .pagelayer-phone-icon i,
.pagelayer-address-icon .fas, .pagelayer-email-icon .fas, .pagelayer-phone-icon .fas {
    color: #5195b2 !important;
    fill: #5195b2 !important;
}

/* Progress Bars */
.pagelayer-progress-bar, .pagelayer-progress-bar span, .pagelayer-progress > .pagelayer-progress-bar,
.p-jtj644 .pagelayer-progress-bar, .p-f4v8035 .pagelayer-progress-bar, .p-sgj9772 .pagelayer-progress-bar {
    background-color: #5195b2 !important;
}

.pagelayer-progress-percent { 
    color: #5195b2 !important; 
}

.pagelayer-progress-title, .pagelayer-progress-bar .pagelayer-progress-title,
.p-jtj644 .pagelayer-progress-title, .p-f4v8035 .pagelayer-progress-title, .p-sgj9772 .pagelayer-progress-title {
    color: #006400 !important;
}

/* Testimonials &amp; Counters */
.pagelayer-testimonial-author, .pagelayer-testimonial-author span, .p-5j16195 .pagelayer-testimonial-author,
div[class*="testimonial"] .pagelayer-testimonial-author,
.pagelayer-counter-display, .pagelayer-counter-content, .pagelayer-counter-display span, span.pagelayer-counter-display, .pagelayer-counter-content::after,
div[class*="counter"] .pagelayer-counter-display, div[class*="counter"] .pagelayer-counter-content, div[class*="counter"] .pagelayer-counter-content * {
    color: #5195b2 !important;
}

.pagelayer-testimonial-author-title, .pagelayer-testimonial-author-title span, .p-5j16195 .pagelayer-testimonial-author-title,
div[class*="testimonial"] .pagelayer-testimonial-author-title,
.pagelayer-counter-info, .pagelayer-counter-info span, .pagelayer-counter-info *,
div[class*="counter"] .pagelayer-counter-info, div[class*="counter"] .pagelayer-counter-info * {
    color: #006400 !important;
}


/* ==========================================================================
   5. FOOTER &amp; SPACING ADJUSTMENTS
   ========================================================================== */
footer .p-9om9971, div[pagelayer-id="9om9971"] {
    margin-top: -25px !important;
}

.wp-container-core-columns-is-layout-8f761849 {
    margin-bottom: -20px !important;
}

.widget-area {
    margin-right: 10px !important;
    margin-bottom: 50px !important;
}