/*
Theme Name:   MyLifeSite 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.3
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 7.4
Text Domain:  mylifesite
 __        __   _     _  _    ____  _     
 \ \      / /__| |__ | || |  / ___|| |    
  \ \ /\ / / _ \ '_ \| || |_ \___ \| |    
   \ V  V /  __/ |_) |__   _| ___) | |___ 
    \_/\_/ \___|_.__/   |_|  |____/|_____|

*/

/* Custom CSS can go below this line. */
header.site-header.headroom--pinned.headroom--not-top > div {
    /* Set custom background color for sticky nav.     */
    background-color: #ffffff99 !important;

    backdrop-filter: blur(10px) saturate(70%);
    -webkit-backdrop-filter: blur(10px) saturate(70%);
}

header.site-header.headroom--pinned.headroom--not-top .wp-block-site-logo img {
    max-height: 36px !important;
}

.flexline .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
    align-items: flex-start;
    box-shadow: var(--wp--preset--shadow--light);
    border-top: 4px solid var(--wp--preset--color--secondary);
    border-radius: var(--wp--custom--border-radius);
}
.flexline .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    padding: 0 10px;
    text-align: left;
}

.wp-site-blocks>button#slide-in-menu-button {
    display: none;
}

.is-position-relative{
    position: relative !important;
}

/* Search Icon Styles */
a#web4sl-call-button,
button#slide-in-menu-button {
    
    border-radius: 0;
    box-shadow: none;
    border:none;
}
a#web4sl-call-button path,
button#slide-in-menu-button path{
    
}
a#web4sl-call-button:hover,
button#slide-in-menu-button:hover {
    box-shadow: none;
}
a#web4sl-call-button:hover path,
button#slide-in-menu-button:hover path{
    fill: var(--wp--preset--color--base);
}

button#slide-in-menu-button.menu-slide-in{
    position: absolute !important;
    right:0;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
}
button#slide-in-menu-button.menu-slide-in:hover{
    box-shadow: none;
}
header.headroom--top:not(:hover) + main.site-content #homeIcon {
    z-index: 200;
}
main.site-content #homeIcon {
    z-index: 11;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}


header.site-header .wp-block-navigation__container .wp-block-navigation__submenu-container .wp-block-navigation-item__label{
    text-align: left;
    white-space: nowrap;
}
header.site-header .wp-block-navigation__container .wp-block-navigation__submenu-container{
    align-items: flex-start;
}

.mylifesite-contact-cta .material-symbols-outlined{
    display: none;
}

.has-list-layout-right .web4sl-location-list__items >*:not(.featured-location) .wp-block-columns .wp-block-column:first-child,
.has-list-layout-left .web4sl-location-list__items >*:not(.featured-location) .wp-block-columns .wp-block-column:first-child {
    display: none;
}
.has-list-layout-right .web4sl-location-list__items >*:not(.featured-location) .mylifesite-contact-cta .mylifesite-contact-modal,
.has-list-layout-left .web4sl-location-list__items >*:not(.featured-location) .mylifesite-contact-cta .mylifesite-contact-modal{
    text-align: left !important;
} 

@media only screen and (min-width: 782px) and (max-width: 991.98px) {
	.is-left-tablet {
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		text-align: left !important;
	}
	.is-left-tablet > * {
		justify-content: flex-start !important;
		align-items: flex-start !important;
		text-align: left !important;
	}
	.is-right-tablet {
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: flex-end !important;
		text-align: right !important;
	}
	.is-right-tablet > * {
		justify-content: flex-start !important;
		align-items: flex-end !important;
		text-align: right !important;
	}
}

@media only screen and (max-width: 781.98px) {
	.is-left-mobile {
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		text-align: left !important;
	}
	.is-left-mobile > * {
		justify-content: flex-start !important;
		align-items: flex-start !important;
		text-align: left !important;
	}
	.is-right-mobile {
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: flex-end !important;
		text-align: right !important;
	}
	.is-right-mobile > * {
		justify-content: flex-start !important;
		align-items: flex-end !important;
		text-align: right !important;
	}
}