/*
Theme Name:   Livelle Child Theme
Theme URI:    https://flexlinetheme.com/
Author:       Joel Schlotterer
Author URI:   https://websitesforseniorliving.com
Description:  A child theme for the Flexline theme.
Template:     flexline
Version:      1.0.0
Text Domain:  livelle
 __        __   _     _  _    ____  _     
 \ \      / /__| |__ | || |  / ___|| |    
  \ \ /\ / / _ \ '_ \| || |_ \___ \| |    
   \ V  V /  __/ |_) |__   _| ___) | |___ 
    \_/\_/ \___|_.__/   |_|  |____/|_____|

*/

.editor-styles-wrapper,
body.flexline {

/* Custom CSS for accordion. */
    --flexline-tabs-accordion-header-text-color : var(--wp--preset--color--contrast);
    --pds-tabs-accordion-header-background-basic : var(--wp--preset--color--neutral);
    --pds-tabs-content-text-color : var(--wp--preset--color--contrast);
    --pds-tabs-color-background : var(--wp--preset--color--base);
    --pds-tabs-acc-header-gap-basic : 16px;
    --pds-tabs-accordion-header-text-color-basic : var(--wp--preset--color--contrast);

    --flexline-tabs-headline-font : var(--wp--preset--font-family--display);
    --flexline-tabs-list-underline-color : var(--wp--preset--color--neutral-light);
    --flexline-pds-tabs-color-accent: var(--wp--preset--color--alternate, #333);
    --flexline-pds-tabs-active-tab-text-color-basic: var(--wp--preset--color--contrast, #333);
    --flexline-pds-tabs-active-tab-text-color: var(--wp--preset--color--contrast, #333);
    --flexline-pds-tabs-color-background: var(--wp--preset--color--alternate, #333);
    --flexline-pds-tabs-color-accent-contrast: var(--flexline-pds-tabs-color-background);  
}


body.flexline .pds-accordion__heading, 
.editor-styles-wrapper .pds-accordion__heading{
    font-weight: var(--wp--custom--font-weight--light);
    font-size: var(--wp--preset--font-size--large);
    text-transform: uppercase !important;
}

.editor-styles-wrapper .pds-accordion__title, 
body .pds-accordion__title {
   
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    
}
body.flexline .pds-accordion__title[aria-expanded=true], 
.editor-styles-wrapper .pds-accordion__title[aria-expanded=true] {
    background-color: 
    color-mix(in lab, var(--pds-tabs-accordion-header-background-basic) 70%, #fff) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
 
}

body.flexline .pds-accordion__title[aria-expanded=true],
.editor-styles-wrapper .pds-accordion__title[aria-expanded=true] {
    background-color: color-mix(in lab, var(--pds-tabs-accordion-header-background-basic) 70%, #fff) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
   


.is-style-main-header-nav .wp-block-navigation-item__content {
    position: relative;
    text-decoration: none;
}
    
    .is-style-main-header-nav .wp-block-navigation-item__content::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: var(--nav-underline-offset, 0);
        height: var(--nav-underline-thickness, 2px);
        background-color: var(--nav-underline-color, currentColor);
        transform: scaleX(0);
        transform-origin: center center;
        transition: transform .2s ease;
    }
    
    .is-style-main-header-nav .wp-block-navigation-item__content:hover::after,
    .is-style-main-header-nav .wp-block-navigation-item__content:focus-visible::after,
    .is-style-main-header-nav .current-menu-item > .wp-block-navigation-item__content::after,
    .is-style-main-header-nav .current-menu-parent > .wp-block-navigation-item__content::after,
    .is-style-main-header-nav .current-menu-ancestor > .wp-block-navigation-item__content::after,
    .is-style-main-header-nav .wp-block-navigation-item__content[aria-current="page"]::after,
    .is-style-main-header-nav .wp-block-navigation-item__content[aria-current="true"]::after {
        transform: scaleX(1);
    }

    .flexline .wp-block-navigation.is-style-main-header-nav .wp-block-navigation-item.current-menu-item>a:not(.wp-element-button), 
    .flexline .wp-block-navigation.is-style-main-header-nav .wp-block-navigation-item>a.current-menu-ancestor, 
    .flexline .wp-block-navigation.is-style-main-header-nav .wp-block-navigation-item>a.current-menu-ancestor+button {
        color: var(--wp--preset--color--base);
    }

    .is-style-main-header-nav-other-style-varition {
        --nav-underline-color: currentColor;
        --nav-underline-thickness: 2px;
        --nav-underline-offset: 0;
    }

    header.site-header.headroom--pinned.headroom--not-top{
        background-color: #00000053;
        backdrop-filter: blur(10px) saturate(70%);
		-webkit-backdrop-filter: blur(10px) saturate(70%);
    }


.is-style-creative{
    line-height: 1.7 !important;
}

.em.em-view-container p{margin: 0;}
.em.em-view-container .em.em-list{
    gap:0;
}


button#slide-in-menu-button,
#web4sl-call-button {
    box-shadow: none !important;
}

.editor-styles-wrapper .slide-in  address.contact-info a path,
body .slide-in address.contact-info a path {
    fill:  var(--wp--preset--color--base) !important;
}


.big-l > img{max-height:55dvh;width:auto;}

@media screen and (max-width: 781px) {
    #tag-line{
        transform: translate(50px, 0) !important;
        
    }
}