.widget-area {margin-right: 10px;}
.widget-area {margin-bottom: 50px; }

.p-d539589 {display:none;}
* {
    box-shadow: none !important;
}

/*master green*/
/*{color: #006400 !important;}*/

/*move image down*/
div[pagelayer-id="qbg335"] {margin-top:10px;}


/* Hide the original text title */
.pagelayer-wp-title-heading,
div[pagelayer-id="nir5148"] .pagelayer-wp-title-heading,
.p-nir5148 .pagelayer-wp-title-heading {
    display: none !important;
}

/* Replace with your logo - aligned to the LEFT */
.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;   /* Moved to left */
    height: 30px !important;                      /* Adjust height if needed */
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;        /* Pushes logo to left */
}

/* Hide any existing image inside the link */
.pagelayer-wp-title-link img {
    display: none !important;
}

/* All headings (h1 to h6) */
h1, h2, h3, h4, h5, h6,
.pagelayer-heading-holder *,
.pagelayer-heading,
.pagelayer-wp-title {
    color: #000000 !important;
}

/* All links on the website */
a,
a:link,
a:visited {
    color: #000000 !important;
}

/* Optional: Make hover a slightly different shade (recommended) */
a:hover {
    color: #cccccc !important;   /* other version of your color */
}

[pagelayer-id="2kc6377"] {
    background-color: #5195b2 !important;
    color: white !important;
}

[pagelayer-id="2kc6377"] a {
    background-color: #5195b2 !important;
    color: white !important;
}

/* Change background of the 3 service cards to gray */
.pagelayer-service,
.pagelayer-service-container,
.p-r4l1222,
.p-rtv6077,
.p-y5d4941 {
    background-color: #f4f4f4 !important;     /* Light gray */
    /* background-color: #e5e5e5 !important;   ← Use this for darker gray */
}


/* Nuke the Sign Up button - blue + rounded corners */
.pagelayer-contact-submit-btn,
.pagelayer-btn-custom,
.pagelayer-contact-submit-btn .pagelayer-btn,
button.pagelayer-contact-submit-btn {
    background-color: #5195b2 !important;
    color: #ffffff !important;
    border-radius: 50px !important;     /* Fully rounded / pill shape */
    border: none !important;
}

/* Optional: Hover effect (darker blue) */
.pagelayer-contact-submit-btn:hover,
.pagelayer-btn-custom:hover {
    background-color: #3d7a91 !important;
}







/* === NUCLEAR OPTION - Force rounded corners === */
[pagelayer-id="2kc6377"],
.p-2kc6377,
.p-2kc6377 *,
div[pagelayer-id="2kc6377"] a,
.pagelayer-btn.p-2kc6377 {
    border-radius: 50px !important;
}

/* Also force it on hover and active states */
[pagelayer-id="2kc6377"]:hover,
.p-2kc6377:hover {
    border-radius: 50px !important;
}

/* === NUCLEAR CSS - Background + Rounded Corners === */
[pagelayer-id="izv7554"],
.p-izv7554,
.p-izv7554.pagelayer-btn,
.p-izv7554 a,
div[pagelayer-id="izv7554"] a {
    background-color: #5195b2 !important;
    color: #ffffff !important;
    border-color: #5195b2 !important;
    border-radius: 50px !important;
    padding: 14px 32px !important;
}

/* Hover effect */
[pagelayer-id="izv7554"]:hover,
.p-izv7554:hover,
.p-izv7554 a:hover {
    background-color: #3f7a94 !important;
    border-radius: 50px !important;
}




/* === ULTRA NUCLEAR FORCE - Discover More Button === */
[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;
}

/* Hover */
[pagelayer-id="a91780"]:hover *,
.p-a91780:hover *,
.p-a91780:hover,
.p-a91780 a:hover {
    background-color: #3f7a94 !important;
    border-radius: 50px !important;
}



.p-0zc9870.pagelayer-row-stretch-auto[pagelayer-id="o2c9870"] {
    box-shadow: none !important;
}

.p-iw23875.pagelayer-row-stretch-auto[pagelayer-id="iw23875"] {
    box-shadow: none !important;
}

div[pagelayer-id="o2c9870"] {
    box-shadow: none !important;
}

.pagelayer-row {
    background-color: white !important;
}

.p-w8x7822, .p-uq6220, .p-exz1609 {
  background: #d9dedf !important;
}

.p-1cr6620 .pagelayer-heading-holder p,
div[pagelayer-id="1cr6620"] p, 
.pagelayer-address, 
.pagelayer-email, 
.pagelayer-phone {
    color: #000000 !important;
}

/* Useful Links Heading */
.p-qci6397 .pagelayer-heading-holder,
div[pagelayer-id="qci6397"] h4 {
    color: #000000 !important;
}

.p-xkd6461 .pagelayer-heading-holder,
div[pagelayer-id="xkd6461"] h4 {
    color: #000000 !important;
}

/* Links inside Useful Links list */
.p-fhu3663 .pagelayer-list a,
.p-fhu3663 .pagelayer-list-url,
div[pagelayer-id="fhu3663"] a {
    color: #000000 !important;
}

/* Also target the list items themselves */
.p-fhu3663 .pagelayer-list li,
.p-fhu3663 .pagelayer-list-item {
    color: #000000 !important;
}
.p-n2s364 .pagelayer-wp-title-heading,
div[pagelayer-id="n2s364"] h4 {
    color: #000000 !important;
}

/* Target this specific community section */
.p-aro4380 .pagelayer-heading-holder,
div[pagelayer-id="aro4380"] .pagelayer-heading-holder,
div[pagelayer-id="aro4380"] h3 {
    color: #000000 !important;
}

/* Change border color to black */
.p-qbg335, div[pagelayer-id="qbg335"] {
    border-color: #5195b2 !important;
}

.p-bsf1048 .pagelayer-heading-holder, div[pagelayer-id="bsf1048"]  h2{
    color: #000000 !important;
}


/* Target the specific background overlay */
.p-qvj6193 > .pagelayer-background-overlay {
    background-color: #5195b2 !important;
    opacity: 1 !important;           /* Makes it fully solid */
}

/* Optional: If you want a slightly transparent overlay */
.p-qvj6193 > .pagelayer-background-overlay {
    background-color: #5195b2 !important;
    opacity: 0.85 !important;
}




/* Change all service headings to blue */
.pagelayer-service-heading,
.pagelayer-service-details .pagelayer-heading-holder,
.pagelayer-service-heading h3,
.pagelayer-service-heading h4 {
    color: #5195b2 !important;
}


/* Change service description text to gray */
.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;        /* Medium gray */
    /* color: #838586 !important;    ← Your brand gray if you prefer */
}


/* Change progress bar filled color to your blue */
.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;
}

/* Optional: Also change the percentage text color */
.pagelayer-progress-percent {
    color: #5195b2 !important;
}



/* Force all service icons to black */
.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 {
    color: #5195b2 !important;
    fill: #5195b2 !important;
}

/* Extra strong targeting for Font Awesome icons */
.pagelayer-service-icon:before,
.pagelayer-service-default .pagelayer-service-icon:before {
    color: #5195b2 !important;
}


/* Change the 3 progress bar titles to Master Green */
.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;     /* Dark Green - Change if needed */
}


/* 1. Author Name (John Smith, Austin Rods, etc.) - BLUE */
.pagelayer-testimonial-author,
.pagelayer-testimonial-author span,
.p-5j16195 .pagelayer-testimonial-author {
    color: #5195b2 !important;
}

/* 2. Signature Line (Sophia T., Proud Homeowner, etc.) - MASTER GREEN */
.pagelayer-testimonial-author-title,
.pagelayer-testimonial-author-title span,
.p-5j16195 .pagelayer-testimonial-author-title {
    color: #006400 !important;     /* Master Green */
}

/* Nuclear version - covers both testimonials */
div[class*="testimonial"] .pagelayer-testimonial-author {
    color: #5195b2 !important;
}

div[class*="testimonial"] .pagelayer-testimonial-author-title {
    color: #006400 !important;
}

/* Add padding to the service icon boxes */
.p-w8x7822,
.pagelayer-iconbox,
.pagelayer-service-container,
.pagelayer-service {
    padding: 40px 30px !important;     /* Top/Bottom 40px - Left/Right 30px */
}




/* 1. Big Numbers + "+" Sign → Blue */
.pagelayer-counter-display,
.pagelayer-counter-content,
.pagelayer-counter-display span,
span.pagelayer-counter-display,
.pagelayer-counter-content::after {
    color: #5195b2 !important;
}

/* 2. Text below the numbers → Master Green */
.pagelayer-counter-info,
.pagelayer-counter-info span,
.pagelayer-counter-info * {
    color: #006400 !important;
}

/* Nuclear version - covers all counters */
div[class*="counter"] .pagelayer-counter-display,
div[class*="counter"] .pagelayer-counter-content,
div[class*="counter"] .pagelayer-counter-content * {
    color: #5195b2 !important;
}

div[class*="counter"] .pagelayer-counter-info,
div[class*="counter"] .pagelayer-counter-info * {
    color: #006400 !important;
}



/* Target the exact orange border mid page */
.p-ecy7333,
div[pagelayer-id="ecy7333"],
.p-ecy7333.pagelayer-col {
    background-color: #5195b2 !important;
    background: #5195b2 !important;           /* Override the var() */
}

/* Also override any var being used */
.p-ecy7333 {
    --pagelayer-color-rx1x0E: #5195b2 !important;
}


/* Change all 3 orange icons to #5195b2 */
.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;
}

/* Hide header breadcrumb*/
.p-pdl9689.pagelayer-col {display:none}