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

body:not(.scrolling).header-transparent-sticky .site-header {
    background-color: #ffffff1a !important;
}

/* Buttons */

body.header-transparent-sticky #site-header .wp-block-button.is-style-inverted a.wp-block-button__link.wp-element-button {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)}

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

/* Navigation */

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

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

body:not(.scrolling) .site-logo { filter: invert(100%) brightness(1000%) contrast(100%);}

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

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

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

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


/******* Header Scrolling *******/

/* Buttons */

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

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

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

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

/* Navigation */

body.header-transparent-sticky.scrolling .site-header {background-color: var(--wp--preset--color--palette-9) !important;  }

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

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

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

/*********************************/



/* Down Arrow */

.down-arrow {
  
  animation: bob 2s ease-in-out infinite;
}

@keyframes bob {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px); 
  }
}


/* Buttons */

.wp-block-buttons .wp-block-button__link:hover {background-color: var(--wp--preset--color--palette-2); border-color: var(--wp--preset--color--palette-2) ; transition: all .3s;}

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

.wp-block-buttons .wp-block-button.is-style-link .wp-block-button__link:hover {background-color: #ffffff00 !important; border-color: #ffffff00 ;  transition: all .3s;}

.wp-block-buttons .wp-block-button__link {transition: all .3s;}


/* Media and Text */

.wp-block-media-text>.wp-block-media-text__content {padding: 0px !important;}


/* Ken Burns */


.kenburns-container {
  overflow: hidden;
  
  position: relative;
}

.kenburns-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: kenburns 12s ease-in forwards;
}

@keyframes kenburns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}




/* Mobile */

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

	.site-logo img {width: 300px !important;}
	.mobile-icon svg path {fill: #fff !important;}
	.scrolling .mobile-icon svg path {fill: var(--wp--preset--color--palette-1) !important;}
	body nav.site-navigation:not(.is-responsive) {top: 60px !important;}
	.wp-block-navigation .wp-block-navigation-item__label {color: #000 !important;}
	body.header-transparent-sticky #site-header .wp-block-button.is-style-inverted a.wp-block-button__link.wp-element-button {background-color: var(--wp--preset--color--palette-1) !important ; border-color:var(--wp--preset--color--palette-1) !important ; color: #fff !important;}
	.home .hero {min-height: 550px !important;}
	.wp-block-cover.mt-cover {padding-left: var(--wp--preset--spacing--60)!important; padding-right: var(--wp--preset--spacing--60) !important;}
	.wp-block-cover.img-cover {min-height: 250px !important;}
	.wp-block-cover.page-hero-cover {padding-top: 7em !important; padding-bottom: 2em !important;}
}