:root {
    --primary-color: #4699C7; 
    --primary-color-over: #4150AF; 
    --secondary-color: #666D70; 
    --secondary-color-over: #666666; 
    --tertiary-color: #4699C7; 
    --tertiary-color-over: #4150AF; 
}

body, input, select, label {
	font-family: 'Helvetica', sans-serif;
}

/* Header Tags */
h1, h2, h3 {
    color: var(--primary-color);
    font-family: 'Helvetica', sans-serif;
}

/* Text color classes */
.text-primary {
    color: var(--primary-color);
}
.text-secondary {
    color: var(--secondary-color); 
}

/* Background color classes */
.background-primary {
    background-color: var(--primary-color);
    color: #fff;
}
.background-secondary {
    background-color: var(--secondary-color);
    color: #fff;
}
.background-tertiary {
    background-color: #efefef; /* lightgrey */
    color: #1e1e1e;
}
.background-quaternary {
    background-color: #f5f5f5; /* whitesmoke */
    color: #000;
}

/* Buttons */
.btn-primary {
    color: #fff; /* Text color */
    background: linear-gradient(225deg, rgb(65, 80, 175) 0%, rgb(65, 80, 175) 0.01%, rgb(74, 224, 223) 100%) !important;
    cursor: pointer !important;
}
.btn-primary:hover,
.btn-primary:focus {
    color: #fff; /* Text color on hover */
    background-color: var(--primary-color-over); /* Background color on hover */
}
.btn-secondary,
.btn-secondary[href^="tel:"] {
    color: #fff;
    background-color: var(--primary-color);
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary[href^="tel:"]:hover {
    background-color: var(--primary-color-over);
}
.btn-cancel {
    color: #fff;
    background-color: var(--tertiary-color);
}
.btn-cancel:hover, 
.btn-cancel:focus {
    background-color: var(--tertiary-color-over);
}
/* Header */
header {
    width: 100%;
    background-color: #ffffff;
    margin: 0px;
    text-align: left;
    border-bottom: 0px #E37222 solid;
}
/* Top Bar */
.topnav-bar,
#topnav-bar a.topbar-btn,
#topnav-bar a.topbar-btn:visited {
    background-color: #000/*var(--primary-color)*/;
    color: #fff; 
}
/* Top Bar Links */
#topnav-bar a.topbar-btn:hover,
#topnav-bar a.topbar-btn:focus,
#topnav-bar a.topbar-btn.active,
.mobilenav-icon:hover {
    background-color: var(--primary-color-over); /* Background color on hover */
}
/* Active marker under main nav links */
ul.sf-menu li:hover, ul.sf-menu li.active {
    border-color: var(--tertiary-color-over); /* Color of bottom border */
}
/* Mobile Nav Menu */
.sidenav .mobilelink a.dropdown-btn:hover, a.dropdown-btn:focus,
.sidenav .mobilelink button.dropdown-btn:hover, button.dropdown-btn:focus {
    background-color: var(--primary-color); /* Background color on hover/active */
}
/* Subnav bar */
.subnav-bar a:hover, .subnav-bar a:focus, .subnav-bar a.active {
    border-color: var(--tertiary-color);
}
/* Icon bar */
#iconbar {
    background-color: var(--secondary-color); /* Background color of icon bar */
}
/* Icon bar links */
a.feature_link, a.feature_link:visited {
    color: #fff; /* Color of text under icon */
}
a.feature_link:hover, a.feature_link:focus, a.feature_link:active {
    background-color: var(--secondary-color-over);
}

/* Hero */
.hero__text-heading {
    color: #1e1e1e; /* Main text color */
}
.hero__text-heading .highlight {
    color: var(--primary-color);
}

/* Grid Cards */
.background-primary .grid-card h2 {
    color: #fff;
}
.background-secondary .grid-card h2 {
    color: #fff;
}
.background-secondary .grid-card button {
    background-color: var(--primary-color);
}
.background-secondary .grid-card button:hover {
    background-color: var(--primary-color-over);
}
.background-tertiary .grid-card h2 {
    color: #1e1e1e;
}
.background-tertiary .grid-card h3 {
    color: #1e1e1e;
}
.background-quaternary .grid-card h2 {
}

.bordered-box {
    border-color: var(--secondary-color);
}

/* Contact Content Subheaders, NVA Difference Subheader */
#contact-content h2,
#nva-difference-content h2 {
    color: var(--secondary-color);
}

/* Find a Provider */
/*--results */
.provider-results__header {
    border-color: var(--primary-color);
}
.providers-list {
    border-color: var(--primary-color);
    border-collapse: collapse;
}
/* Links within results */
.provider-results__view-link,
.provider-results__frames-link,
.provider-details__email-link,
.provider-details__frames-link,
.providers-list__row a {
    color: var(--secondary-color) !important;
}

/* Bell icon */
.notification-bell-svg .a {
    fill: var(--tertiary-color);
}

/* Scroll to top */
.scrolltotop {
    background-color: var(--secondary-color-over);
}
.scrolltotop:hover {
    background-color: var(--primary-color);
}

div.logo-nav {
    width: 384px;
}
#XPHealthLogo {
    display: inline-block;
    width: 200px;
    height: auto;
}

/* FIND A PROVIDER */
.xphealth-find-provider .hero-img {
    background-image: url(../images2019/xphealth/findprovider/woman-mid-eye-3.png);
    /*background-position: center;*/
    background-position: 50% 28%;
    /*height: 317px;
	object-fit: cover;
	object-position: center top; */   
}

/* MOBILE PLUS AND TABLETS */
@media only screen and (max-width: 970px) {
    #welcomecopy {
        padding: 25px 10px !important;
    }
    #makethemost.grid-elements-2col-nm {
        display: none;
    }
    #xphealth-contact.textalignright {
        text-align: center !important;
    }
}
@media only screen and (max-width: 767px) {

}
#skiptocontent a {
	color: #1E1E1E;
}

footer, .copyright {
	background-color: #040F17;
}