/*
Theme Name: Enfold Child
Theme URI: http://www.kriesi.at/themes/enfold/
Template: enfold
Author: Kriesi
Author URI: https://kriesi.at
Description: A superflexible and responsive Business Theme by Kriesi - Update notifications available on Facebook and via newsletter: - Join the Facebook Group - Subscribe to our Newsletter
Version: 6.0.4.1726059458
Updated: 2024-09-11 12:57:38

*/

/* ==========================================================================
   "Request Appointment" CTA in the main menu
   ========================================================================== */

/* Desktop (>=990px): override the site-wide `#avia-menu > li { display: none !important }`
   rule so the button shows next to the hamburger toggle. !important is required to
   beat that custom rule. On <990px the button stays hidden in the main bar and is
   picked up by the burger overlay clone (first item because we prepended it). */
/* Desktop (>=990px): override the site-wide `#avia-menu > li { display: none !important }`
   so the button shows next to the burger toggle. line-height on the LI matches the
   header height so the (much smaller) pill button is vertically centered as an
   inline-block child via vertical-align: middle.

   The header shrinks on scroll (88px -> 44px). Enfold's sticky-header script keeps the
   --enfold-header-height custom property in sync with the live header height every frame,
   so binding line-height to it keeps the pill centered through the shrink. The 88px
   fallback covers the unscrolled state and touch devices where shrinking is disabled. */
@media only screen and (min-width: 990px) {
    #top #header #avia-menu > li.cfwh-request-appointment-item {
        display: block !important;
        float: left;
        margin-right: 12px;
        line-height: var(--enfold-header-height, 88px);
    }
}

/* Shared button appearance — based on the existing .blue-button-new .avia-button
   style used elsewhere on the site. !important is needed to beat Enfold's
   .main_menu ul:first-child > li a height/line-height: 88px rule. */
#top #header #avia-menu > li.cfwh-request-appointment-item > a.cfwh-request-appointment-link,
.av-burger-overlay #av-burger-menu-ul > li.cfwh-request-appointment-item > a.cfwh-request-appointment-link {
    display: inline-block !important;
    vertical-align: middle;
    height: auto !important;
    padding: 6px 18px !important;
    background: #27438a !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
}

#top #header #avia-menu > li.cfwh-request-appointment-item > a.cfwh-request-appointment-link:hover,
#top #header #avia-menu > li.cfwh-request-appointment-item > a.cfwh-request-appointment-link:focus,
.av-burger-overlay #av-burger-menu-ul > li.cfwh-request-appointment-item > a.cfwh-request-appointment-link:hover,
.av-burger-overlay #av-burger-menu-ul > li.cfwh-request-appointment-item > a.cfwh-request-appointment-link:focus {
    background: #1a3266 !important;
    color: #ffffff !important;
}

/* Center the button at the top of the burger overlay drawer. */
.av-burger-overlay #av-burger-menu-ul > li.cfwh-request-appointment-item {
    text-align: center;
    margin-bottom: 1em;
}