﻿/* Targets the specific phone number link inside your nav structure  Sandy got from AI*/
.nav.nav-pills li span a[href^="tel:15177962916"] {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Forces the color to remain white even if the link was already clicked */
.nav.nav-pills li span a[href^="tel:15177962916"]:visited,
.nav.nav-pills li span a[href^="tel:15177962916"]:hover,
.nav.nav-pills li span a[href^="tel:15177962916"]:active {
    color: #efefef !important;
}

/* Specifically target map address and phone link in header-nav-top */
.header-nav-top .nav li a[href^="https://goo.gl/maps/2MBz2KKeVRn"] {
    color: #2e76b1 !important; /* Blue for the map link */
}

.header-nav-top .nav li a[href^="tel:15175922591"] {
    color: #2e76b1 !important; /* Blue for the phone link */
}

.header-nav-top .nav li a:hover,
.header-nav-top .nav li a:focus {
    color: #1f4f7a !important; /* Slightly darker blue on hover/focus */
}

/* Header-top links on dark blue (phone, map, etc.) */
.header-top a {
    color: #ffffff !important; /* White for After-hours text and links on dark background */
}

/*sandy test = works */

#header .header-nav-main nav > ul > li > a {
        color: #2e76b1;
    }

#header .header-nav-main nav > ul > li >ul > li.dropdown > a {
        color: #000000;
    }

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
        color: #000000;
    }

.dropdown-menu > li >a {
    color: #000000;
}


.call-to-action.call-to-action-drkblue h4 {
	color: #ffffff;
	font-size: 1.1em !important;
}



/* for the primary button to have white text and acceptable blue */
html .btn-primary {
	background-color:#22506f
	}

/* for the footer area button to have white text  and acceptable blue
html .label-primary {
	background-color:#22506f
	}*/
	
html .btn-primary {
    color: #ffffff;
    background-color: #2e76b1;
    border-color: #2e76b1 #2e76b1 #2e76b1;
}	

a {
	color: #2e76b1;
}


/* Footer links on dark gray background */
footer a {
    color: #e0e0e0 !important; /* Light gray for contrast */
}

footer a:hover,
footer a:focus {
    color: #ffffff !important; /* Slightly lighter on hover/focus */
}

/* Footer copyright area (text and link) */
footer .footer-copywrite,
footer .footer-copywrite a {
    color: #cccccc !important; /* Slightly lighter gray for contrast */
}

footer .footer-copywrite a:hover,
footer .footer-copywrite a:focus {
    color: #ffffff !important;
}

.footer-copyright .footer-copyright-paragraph p {
    color: #cccccc !important;
}

/* Body paragraphs (dark gray text)*/
body p {
    color: #4d4d4d !important;  /*Darker gray for WCAG AA */
} 

/* Body paragraph that uses text-color-primary (blue line in paragraph) */
body p.text-color-primary {
    color: #0078b9 !important; /* Slightly darker blue for contrast  was 2e76b1 from ChatGPT*/
}
