/* 
Theme Name: Oechsli Child andPartners
Theme URI: https://oechsli.com
Description: Oechsli Partners Theme
Author: Oechsli
Author URI: https://oechsli.com/
Template: oechsli
Version: 2025.01.05
Text Domain: oechsli
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Accent Shapes */

.accent {
    position: relative;
    z-index: 1;
}

.wp-block-cover.accent,
.wp-block-group.accent {
    overflow: visible !important;
}

.accent-left::before,
.accent-right::before {
    content: "";
    position: absolute;
    top: -1rem;
    width: 45px;
    height: 300px;
    background: var(--wp--preset--color--palette-1);
    z-index: -1;
}

.accent-left::before {
    left: -1rem;
}

.accent-right::before {
    right: -1rem;
}

.wp-block-group.accent-left::before,
.wp-block-group.accent-right::before {
    height: 100px !important;
}

.wp-block-group.accent {
    position: relative;
    z-index: 2;
}

.accent-wrapper {
    position: relative;
}

.accent-wrapper.accent-left::before,
.accent-wrapper.accent-right::before {
    content: "";
    position: absolute;
    top: -1rem;
    width: 45px;
    height: 100px; 
    background: var(--wp--preset--color--palette-1);
    z-index: 1;
}

.accent-wrapper.accent-left::before {
    left: -1rem;
}

.accent-wrapper.accent-right::before {
    right: -1rem;
}

.accent-wrapper > .wp-block-group {
    position: relative;
    z-index: 2; 
}



/* Text Highlight */


mark.has-inline-color {
    position: relative;
    background: transparent !important;
    color: inherit !important;
    z-index: 1;
}

mark.has-inline-color::after {
    content: "";
    position: absolute;
    left: -0.1em;     
    right: -0.1em;    
    bottom: 0;
    top: 56%;
    background-color: var(--wp--preset--color--palette-6);
    z-index: -1;
    height: 0.40em;
}


.dark mark.has-inline-color::after {
    background-color: var(--wp--preset--color--palette-10);
}


/* Logo Background Section */

.wp-block-cover.logo-background {
    overflow: visible;
}

.wp-block-cover.logo-background .wp-block-cover__inner-container {
    overflow: visible;
}

.wp-block-cover.logo-background .wp-block-cover__image-background {
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: none !important;
    left: -3em;
    bottom: -22em;
    top: auto !important;
    right: auto !important;
    transform: scale(.85);
    transform-origin: bottom left;
}




/* Header */

.wp-block-button.is-style-link.header-btn.contact-btn .wp-block-button__link:hover {background: var(--wp--preset--color--palette-6) !important; transition: all .3s;}
.wp-block-button.is-style-link.header-btn.contact-btn .wp-block-button__link {transition: all .3s;}
.wp-block-button.is-style-link.header-btn.login-btn .wp-block-button__link:hover {background-color: var(--wp--preset--color--palette-5) !important;transition: all .3s;}
.wp-block-button.is-style-link.header-btn.contact-btn, .wp-block-button.is-style-link.header-btn.login-btn .wp-block-button__link {transition: all .3s;}

header .wp-block-navigation-item__label {
  position: relative;
}

header .wp-block-navigation-item__label::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.4em;
  width: 0;
  height: 1px;
  background-color: var(--wp--preset--color--palette-6);
  transition: width .2s ease;
}

header .wp-block-navigation-item__content:hover
.wp-block-navigation-item__label::after {
  width: 100%;
}

.wp-block-button.hamburger-menu-button.site-burger {display: none;}


/* Mobile */

@media only screen and (max-width: 767px) {

	.wp-block-button.hamburger-menu-button.site-burger {display: block !important;}
	.hide-on-mobile {display:none !important;}
	.wp-block-cover.img-cover {min-height: 250px !important;}
	.play-btn {width: 100px !important;}
	.page-hero-stack {min-height: 250px !important;}
	.wp-block-group.team-card-group {min-height: 0px !important;}
	.single-featured.accent-left::before, .single-featured.accent-right::before {height: 150px !important;}
	.accent-left::before, .accent-right::before {height: 200px !important;}
	.wp-block-site-logo img {max-width: 100%;}
	.page-id-19 .wp-block-group.accordion-item.is-layout-flow.wp-block-group-is-layout-flow {min-height: 0px !important;}

}