/* 
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
*/

/* Header - Logo Icon */

.wp-block-group.logo-icon-stack {
  width: 66px;
  display: inline-block;
}

.logo-icon-color img {
  width: 66px;
  transition: transform 0.3s ease-in-out, filter 0.3s;
}

body.scrolling .logo-icon-color {
  transform: rotate(15deg);
  transition: transform 0.3s ease-in-out, filter 0.3s;
}

body:not(.scrolling) .logo-icon-color {
  transform: rotate(0deg);
  transition: transform 0.3s ease-in-out, filter 0.3s;
}

.logo-icon-color:hover {
  transform: rotate(15deg) !important;
}

body.scrolling .logo-icon-color:hover {
  transform: rotate(30deg) !important;
}

body.scrolling .logo-icon-color img {
  width: 66px !important;
  filter: none !important;
  transition: all 0.3s ease-in-out;
}




/* Header - Logo Text */

.logo-text {
  transition: transform 0.4s ease, opacity 0.4s ease;
  transform: translateY(0);
  opacity: 1;
}

body.scrolling .logo-text {
  transform: translateY(-20px);
  opacity: 0;
  pointer-events: none;
}

body.scrolling .logo-text {
  margin-top: 0px !important;
  transition: all 0.3s;
}

.wp-block-image.logo-text {
  transition: all 0.3s;
}


/* Header - Logos Row */

.logos-row {
  margin-top: -30px !important;
  transition: all 0.3s;
}

body.scrolling .logos-row {
  margin-top: 0px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  transition: all 0.3s;
}


/* Header - Main Container */

body.header-transparent-sticky.scrolling .site-header {
  background-color: var(--wp--preset--color--palette-9) !important;
  border-bottom: solid 1px var(--wp--preset--color--palette-8);
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
  transition: all 0.3s;
}

body.header-transparent-sticky .site-header {
  transition: all 0.3s;
}

.scrolling .header-row {
  border-color: #ffffff00 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  transition: all 0.3s;
}

.header-row {
  transition: all 0.3s;
}

#site-header .wp-block-image img {
  vertical-align: middle !important;
}

.logo {
  display: inline-flex;
  align-items: center;
  position: relative;
}


/* Header - Navigation Colors */

body.header-transparent-sticky a.wp-block-navigation-item__content {
  transition: transform 0.3s ease-in-out;
}

body.header-transparent-sticky a.wp-block-navigation-item__content:hover {
  transform: translateY(-4px);
}


body.header-transparent-sticky.scrolling a.wp-block-navigation-item__content {
  color: var(--wp--preset--color--palette-1) !important;
}

/*

body.header-transparent-sticky a.wp-block-navigation-item__content:hover {
  color: var(--wp--preset--color--palette-7) !important;
  transition: all 0.3s;
}

body.header-transparent-sticky a.wp-block-navigation-item__content {
  transition: all 0.3s;
}

*/

/* Header - Buttons */

body.header-transparent-sticky #site-header .wp-block-button.is-style-link a.wp-block-button__link.wp-element-button:hover,
body.header-transparent-sticky.scrolling #site-header .wp-block-button.is-style-link a.wp-block-button__link.wp-element-button:hover {
  color: var(--wp--preset--color--palette-7) !important;
  transition: all 0.3s;
}

body.header-transparent-sticky.scrolling #site-header .wp-block-button.is-style-outline a.wp-block-button__link.wp-element-button {
  border-color: var(--wp--preset--color--palette-8) !important;
}

body.header-transparent-sticky.scrolling #site-header a.wp-block-button__link.wp-element-button {
  color: var(--wp--preset--color--palette-1) !important;
}

body.header-transparent-sticky.scrolling #site-header .is-style-outline a.wp-block-button__link.wp-element-button:hover {
  color: var(--wp--preset--color--palette-9) !important; background-color: var(--wp--preset--color--palette-10) !important; border-color: var(--wp--preset--color--palette-10) !important;
}




/* Cover with logo background */

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

.wp-block-group.icon-bckg {background-position: 50% 100% !important;}


/* Buttons */

.is-style-outline a.wp-block-button__link.wp-element-button:hover {background-color:var(--wp--preset--color--palette-10) !important ; border-color: var(--wp--preset--color--palette-10) !important; color: var(--wp--preset--color--palette-9) !important; transition: all .3s; }

/*
a.wp-block-button__link.wp-element-button:hover {background-color:var(--wp--preset--color--palette-6) !important ; border-color: var(--wp--preset--color--palette-6) !important; color: var(--wp--preset--color--palette-9) !important; transition: all .3s; }
*/

a.wp-block-button__link.wp-element-button { transition: all .3s; }


.wp-block-button:not(.nav-btn) .wp-block-button__link svg {
  transition: transform 0.3s ease;
}

.wp-block-button:not(.nav-btn) .wp-block-button__link:hover svg {
  transform: translateX(4px);
}




/* Accordions */


.wp-block-group.accordion-item {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.wp-block-group.accordion-item:hover {
  background-color: var(--wp--preset--color--palette-13);
  
}

.wp-block-group.accordion-item.is-active {
  background-color: var(--wp--preset--color--palette-13);
 
}

.wp-block-group.accordion-item.is-active:hover {
  background-color: var(--wp--preset--color--palette-13);
  
}


/* Float */

.float {
  transition: transform 0.3s ease-in-out;
}

.float:hover {
  transform: translateY(-6px);
  
}



/* Mobile */

@media only screen and (max-width: 767px) {
	
	.wp-block-group.home-hero-stack {min-height: 600px !important; padding-top: 7em !important;}
	body:not(.scrolling) .wp-block-group.header-row {padding-top: var(--wp--preset--spacing--60) !important;}
	body nav.site-navigation:not(.is-responsive) {top: 80px;}
	.wp-block-group.value-prop-stack {padding-top: 3em !important;}
	.play-btn img {width: 110px !important;}
	.wp-block-group.icon-bckg {background-size: 300px !important;}
	.wp-block-group.mt-stack {min-height: 0px !important; padding-top: 3em !important; padding-bottom: 3em !important;}
	.mobile-icon svg path {fill: #fff !important;}
	.scrolling .mobile-icon svg path {fill: var(--wp--preset--color--palette-1) !important;}

    .wp-block-button.is-style-outline.login-btn a { color: var(--wp--preset--color--palette-3) !important;border-color: var(--wp--preset--color--palette-8) !important;}
	.wp-block-cover.page-hero-cover {min-height: 100px !important; padding-top:6em !important;}
	.wp-block-group.page-hero-stack {min-height: 250px !important;}
	.wp-block-group.bio-hero-stack {padding-top: 6em !important;}
	.wp-block-cover.img-cover {min-height: 250px !important;}
	.wp-block-group.accordion-item {min-height: 0px !important;}
	
}