/* 
Theme Name: Oechsli Child andPartners
Theme URI: https://oechsli.com
Description: Oechsli Partners Theme
Author: Oechsli
Author URI: https://oechsli.com/
Template: oechsli
Version: 2024.01.15
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
*/


/* Header  */

/*
body.scrolling .site-header .site-logo img {
width:220px !important;
}*/


.site-social {display: none !important;}

body .site-header .site-logo img {
 transition: all 0.4s ease-in-out;
}

.wp-block-button.header-btn {margin-left: 1em;}

#site-header .logo-color {
    display: none;
}

/* Scrolling state */
.scrolling #site-header .logo-white {
    display: none;
}

.scrolling #site-header .logo-color {
    display: block;
}

body.scrolling .site-header {box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: all .3s; background: var(--wp--preset--color--palette-9); }

.site-header {transition: all .3s;}


/* Box Shadow  */

.has-shadow {box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);}


/* Home Services  */

.services-cover.wp-block-cover > .wp-block-cover__background {
    opacity: .95 !important;
}

/* Home About */

.wp-block-column.quote-col {margin-top: -9.5em;}

/* Navigation  */



.site-navigation.wp-block-navigation.full-height-nav > ul > li.wp-block-navigation-item > a {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    text-decoration: none;
    padding: 2.2rem 0.8rem;
    border-radius: 0;
	/*border-bottom: solid 2px var(--wp--preset--color--palette-9); transition: all .3s;*/
}

#site-header .wp-block-navigation-item__content {color: var(--wp--preset--color--palette-9) !important;}

.scrolling #site-header .wp-block-navigation-item__content {color: var(--wp--preset--color--palette-3) !important;}


/*#site-header a.wp-block-navigation-item__content:hover {border-bottom: solid 2px var(--wp--preset--color--palette-10) !important; transition: all .3s;} */


#site-header .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--palette-11)  !important; transition: all .3s; }

/*#site-header a.wp-block-navigation-item__content.current-page {
    color: var(--wp--preset--color--palette-11)  !important;
    border-bottom: solid 2px var(--wp--preset--color--palette-10) !important;
    transition: all .3s;
}*/

/* Insights  */

.wp-block-group.date-stack {margin-left: 1em; margin-bottom: -1.5em ;}

.insight-cover {overflow: visible; z-index: 9;}

.page-id-8 {background-color: var(--wp--preset--color--palette-9) }


/* Team Single  */

.contact-icon.wp-block-image  img {vertical-align: middle !important;}


/******************** Buttons  ************************/

a.wp-block-button__link.wp-element-button {
    padding: 10px 20px; transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
}


/* Apply hover style to header-btn */
.wp-block-button.header-btn a.wp-block-button__link:hover {
    background-color: var(--wp--preset--color--palette-10) !important;
    border-color: var(--wp--preset--color--palette-10) !important;
    color: #fff !important;
   -webkit-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
    color: #fff;
    transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
} 

/* Apply hover style to hero-btn */
.wp-block-button.is-style-outline.hero-btn a.wp-block-button__link:hover {
    background-color: var(--wp--preset--color--palette-11) !important;
    border-color: var(--wp--preset--color--palette-11) !important;
    color: #fff !important;
   -webkit-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
    color: #fff;
    transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
}

/* Apply hover style to cta-btn */
.wp-block-button.cta-btn a.wp-block-button__link:hover {
    background-color: var(--wp--preset--color--palette-9) !important;
    border-color: var(--wp--preset--color--palette-9) !important;
    color: var(--wp--preset--color--palette-1) !important;
   -webkit-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
    color: #fff;
    transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
}

/* Apply hover style to default button (wp-element-button) */
a.wp-block-button__link.wp-element-button:hover {
    background-color: var(--wp--preset--color--palette-1) !important;
    border-color: var(--wp--preset--color--palette-1) !important;
    color: var(--wp--preset--color--palette-9) !important;
    -webkit-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
    color: #fff;
    transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
}

/* Apply hover style to is-style-outline button */
a.wp-block-button__link.is-style-outline:hover {
    background-color: var(--wp--preset--color--palette-1) !important;
    border-color: var(--wp--preset--color--palette-1) !important;
    color: var(--wp--preset--color--palette-9) !important;
    -webkit-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
    color: #fff;
    transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
}

/* Override background color change for is-style-link */
.wp-block-button.is-style-link .wp-block-button__link:hover {
    background-color: inherit !important;
    border-color: inherit !important;
    color: var(--wp--preset--color--palette-11) !important;
    transform: none !important;
    transition: background-color 300ms ease, border-color 300ms ease, color 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
	 -webkit-transform: translate(0px, -5px)!important;
    -ms-transform: translate(0px, -5px)!important;
    transform: translate(0px, -5px)!important;
}









/* Home CTA */

.wp-block-column.cta-col {margin-bottom: -5em !important; margin-left: calc(var(--wp--preset--spacing--50)* -1) !important;
}

.wp-block-group.page-cta {margin-bottom: -4em;   z-index: 9;
}

.wp-block-cover.team-cover {overflow: visible; z-index: 9}


/* Site CTA  */


.site-cta.wp-block-group {margin-bottom: -5em !important; z-index: 9 ;}


/* Contact Page  */

.wp-block-group.contact-group {margin-top: -6.8em !important; z-index: 9; margin-bottom: -7em; box-shadow: 0 0 77px 13px rgba(0, 0, 0, 0.1) !important;}

body.page-id-2621 {background-color: var(--wp--preset--color--palette-9) !important;}


/* About Page  */


.wp-block-group.about-quote-stack {margin-top: -98.5px;}
.wp-block-cover.core-values-cover {overflow: visible;}


/* Team Credentials  */

.page-id-2619 span.title-cred {font-size: 1.3rem !important;}
.page-id-7 span.title-cred {font-size: 1.3rem !important;}


/* Mobile  */

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

    body.header-default .site-header, body.default .site-header {position: fixed;}
	body:not(.scrolling) #theme-mobile-menu svg path {fill: white !important;}
	.wp-block-group.logo-row {flex-basis: 40% !important;}
	.wp-block-group.nav-row {flex-basis: 60% !important;}
	.site-navigation.wp-block-navigation.full-height-nav > ul > li.wp-block-navigation-item > a {padding: 5px !important;}
	#site-header .wp-block-navigation-item__content {color: var(--wp--preset--color--palette-3) !important; }
	.wp-block-button.header-btn {margin-left: 0 !important}
	body nav.site-navigation:not(.is-responsive) {background: var(--wp--preset--color--palette-7)  !important; padding-bottom: 2em !important; padding-left: 1em !important; padding-top: 1em !important}
	.wp-block-group.home-hero-stack {min-height: 70vh !important; }
	.home-quote {font-size: 18px !important;}
	.home-quote-author {font-size: 16px !important;}
	.wp-block-column.quote-col {margin-top: -6.5em;}
	.wp-block-group.home-team-stack {min-height: 450px !important;}
	.wp-block-group.home-cta-row {flex-wrap: wrap !important; gap: 1em !important;}
	.wp-block-column.cta-col {padding: 1.5em !important;}
	.wp-block-cover.home-cta-cover {flex-basis: 100% !important; min-height: 500px !important; padding-top: 2em !important; padding-bottom: 2em !important; padding-right: var(--wp--preset--spacing--60) !important; padding-left: var(--wp--preset--spacing--60) !important;}
	.wp-block-group.page-hero-stack {min-height: 250px !important;}
	.wp-block-group.page-cta-row {justify-content: start !important;}
	.wp-block-group.team-stack {min-height: 450px !important;}
	.footer-logo {width: 280px !important;}
	
	
}