/* ================================================================================================= */
/* Styles — Update
/* Global styling overrides to reflect updated brand guidelines for 2021
/* Author — Epic Notion
/*
/* 01 — Base
/* 02 — Typography
/* 03 — Components
/* 04 — Layout
/* ================================================================================================= /*

/* ------------------------------------------------------------------------------------------------- */
/* 01 — Base
/* ------------------------------------------------------------------------------------------------- */

/* Set global style vars
/* ----------------------------------------------- */

:root {
    /* Color */
    --color-green: #009775;
    --color-teal: #00B398;
    --color-bright-green: #78BE21;
    --color-purple: #4C4084;
    --color-gray: #75787B;
    --color-black: #222222;
    /* Typography */
    --font-stack-base: 'open sans', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
}


/* ------------------------------------------------------------------------------------------------- */
/* 02 — Typography
/* ------------------------------------------------------------------------------------------------- */

/* Headings */
#top h1, 
#top h2, 
#top h3, 
#top h4 {
    color: var(--color-black);
    font-family: kyrial-sans-pro, sans-serif !important; 
    letter-spacing: 0 !important;
}



/* ------------------------------------------------------------------------------------------------- */
/* 03 — Components
/* ------------------------------------------------------------------------------------------------- */

/* Button
/* ------------------------------------------------------------------------------------------------- */

a.btn,
a.btn.cancer-type-selector:hover,
a.btn.cancer-type-selector.active,
div .main_color .button, 
.main_color input[type="submit"],
.avia-button {
    background-color: var(--color-green) !important;
    border-radius: 5px;
    font-family: var(--font-stack-base);
}

/* State management
/* Button:hover */
a.btn:hover,
a.btn.cancer-type-selector:hover,
a.btn.cancer-type-selector.active:hover,
div .main_color .button:hover, 
.main_color input[type="submit"]:hover,
.avia-button:hover {
    background-color: var(--color-green) !important;
    text-decoration: underline;
}


/* CTA — eBook
/* ------------------------------------------------------------------------------------------------- */

/* Adjust background */
.ebook-cta {
    background-image: linear-gradient(#fff 20%, var(--color-green) 20%,var(--color-green) 80%,#fff 80%) !important;
}


/* Iconbox
/* ------------------------------------------------------------------------------------------------- */

/* Icon */
.main_color.iconbox_top .iconbox_icon {
    background-color: var(--color-green);
}

/* Heading */
.iconbox .iconbox_content .iconbox_content_title {
    color: var(--color-purple);
}


/* Links
/* ------------------------------------------------------------------------------------------------- */

/* Linked headings */
#top h1 a, 
#top h2 a, 
#top h3 a, 
#top h4 a, 
#top h5 a, 
#top h6 a {
    color: var(--color-purple);
}


/* ------------------------------------------------------------------------------------------------- */
/* 04 — Layout
/* ------------------------------------------------------------------------------------------------- */

/* Header 
/* ------------------------------------------------------------------------------------------------- */

/* Global header container
/* ----------------------------------------------- */

/* Adjust logo container */
.logo a {
    display: flex;
    align-items: center;
}

/* Adjust logo dimensions */
.logo img {
    height: auto;
    width: 180px;
}

/* Primary menu items */
.menu-lineone,
.menu-linetwo {
    color: var(--color-black);
}

/* Primary menu » Search icon */
#menu-item-search a {
    color: var(--color-gray);
}

/* Secondary menu items */
.header_color .sub_menu > ul > li > a,
.social_bookmarks_facebook a {
    color: var(--color-gray) !important;
}

/* 'Pay now' link */
.header_color .sub_menu > ul > li.menu-item-5271 > a {
    color: var(--color-purple) !important;
}

/* State management
/* Primary & secondary menu item:hover */
.main_menu ul:first-child > li a:hover .menu-lineone,
.main_menu ul:first-child > li a:hover .menu-linetwo,
.main_menu > ul > li > a:hover {
    color: var(--color-purple) !important;
}

/* Current menu item */
.main_menu li.current_page_item > a,
.main_menu li.active-parent-item > a {
    color: var(--color-purple) !important;
}

/* Social icon — Facebook:hover */
.social_bookmarks_facebook a:hover {
    background-color: var(--color-green) !important;
}


/* Header CTA bar
/* Displays links for current/new patients/providers
/* ----------------------------------------------- */

/* Header bar container */
#header-bar-wrapper {
    background-color: var(--color-green);
}

/* Header bar » Primary CTA */
#header-bar a.btn1 {
    background-color: var(--color-purple);
}

#header-bar a.btn2 {
    background-color: rgba(255, 255, 255, 0.32);
}


/* Page header bar
/* Displays page titles & breadcrumb navigation
/* ----------------------------------------------- */

.alternate_color .breadcrumb a, 
#top .alternate_color.title_container .main-title a {
    color: var(--color-purple); 
}


/* Sidebar
/* ------------------------------------------------------------------------------------------------- */

/* Widget — CTA (Telephone)
/* ----------------------------------------------- */

/* Widget — CTA (Telephone) » Heading */
.inner_sidebar #custom_html-3 .gform_wrapper .nova-sidebarCTA {
    color: var(--color-gray) !important; 
}

/* Widget — CTA (Telephone) » Link */
.inner_sidebar #custom_html-3 .gform_wrapper .nova-sidebarphone,
.inner_sidebar #custom_html-3 .gform_wrapper .nova-sidebarphone a,
.inner_sidebar #custom_html-3 .gform_wrapper a {
    color: var(--color-purple) !important; 
}


/* Widget — Menu
/* ----------------------------------------------- */

/* Menu links */
.main_color .sidebar a {
    color: var(--color-gray) !important; 
    text-align: left;
}

/* State management 
/* Menu link:current */
.main_color .sidebar .current-menu-item > a {
    color: var(--color-purple) !important; 
}

/* Menu link:hover */
.main_color .sidebar li:not(.current-menu-item) > a:hover {
    color: var(--color-purple) !important; 
    text-decoration: underline;
}


/* Widget — Recent Posts
/* ----------------------------------------------- */

.inner_sidebar .widget_recent_entries {
    text-align: left;
}


/* Widget — Post Categories
/* ----------------------------------------------- */

.inner_sidebar .widget_categories {
    text-align: left;
}


/* Footer
/* ------------------------------------------------------------------------------------------------- */

/* Section — Recent Posts
/* ----------------------------------------------- */

/* Section container */
#news-wrapper {
    background: var(--color-green);
}

#news-wrapper .blog-title a {
    color: white !important;
}


/* Section — Widgets
/* ----------------------------------------------- */

/* Widget 1 — Logo */
.logo--footer {
    max-width: 256px;
    width: 100%;
}


/* Template — Home
/* ------------------------------------------------------------------------------------------------- */

/* Section — Announcement Bar
/* ----------------------------------------------- */

/* Section container */
#announcement-bar {
    /* background-color: red; */
    background-color: var(--color-purple) !important;
}

/* Section CTA */
#announcement-bar a {
    background-color: rgba(255, 255, 255, 0.32);
    border-radius: 5px;
    font-size: 15px;
    padding: 7px 25px;
}


/* Section — Stats bar
/* ----------------------------------------------- */

/* Section container */
#stats-bar-wrapper {
    background: var(--color-green);
}


/* Template — Cancer Information
/* ------------------------------------------------------------------------------------------------- */

/* Section — Statistics Widgets
/* ----------------------------------------------- */

/* Override widget background style */
#gradient-section {
    background: var(--color-green);
}

/* Adjust animated block headings */
.avia-animated-number-title .avia-single-number,
.avia-animated-number-title .avia-no-number {
    color: var(--color-green);
    opacity: 1;
}


/* Template — Blog
/* ------------------------------------------------------------------------------------------------- */

/* Section — Post Feed
/* ----------------------------------------------- */

/* Post title */
.slide-entry .slide-content h3 a {
    color: var(--color-purple) !important;
}

/* Post title */
.slide-entry .slide-content .slide-meta-time {
    color: var(--color-gray);
}


/* Template — Post
/* ------------------------------------------------------------------------------------------------- */

/* Post title */
.single-post .post-title a {
    color: var(--color-purple) !important;
}

/* Post meta */
.single-post .post-meta-infos,
.single-post .post-meta-infos a,
.single-post .post-meta-infos .text-sep,
.single-post .post-meta-infos .minor-meta {
    color: var(--color-purple) !important;
}


/* Template — Contact Us
/* ------------------------------------------------------------------------------------------------- */

/* Location item » Heading link */
.location_phonelist_element h6 a {
    color: var(--color-gray) !important;
}

/* Location item » Telephone number */
.location_phonelist_phone {
    color: var(--color-purple);
}

/* State management
/* Location item » Heading link:hover */
.location_phonelist_element h6 a:hover {
    text-decoration: underline !important;
}


/* Template — Physicians
/* ------------------------------------------------------------------------------------------------- */

/* Location dropdown container */
#location-selector {
    background-color: var(--color-green);
}

/* Location dropdown heading */
#location-selector h2 {
    color: white;
}

/* Staff member name overlay */
.staff-card-overlay {
    background-color: rgba(0, 0, 0, 0.48);
}


/* Template — Locations (Archive)
/* ------------------------------------------------------------------------------------------------- */

/* Location title link */
.location_single_title a {
    color: var(--color-purple) !important;
}


span.nova-locationphoneCTA {
    color: var(--color-gray) !important;
}

a.nova-locationphone {
    color: var(--color-purple) !important;
}

.physician_overlay_title {
    background-color: rgba(0, 0, 0, 0.48);
}