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

.site-logo,
.logo-inverted {
  display: none;
}

body:not(.scrolling) .logo-inverted,
body.not-scrolling .logo-inverted {
  display: inline-block;
}

body.scrolling .site-logo {
  display: inline-block;
}

body.scrolling .logo-inverted {
  display: none;
}


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

body.header-transparent-sticky #site-header .is-style-outline a.wp-block-button__link.wp-element-button {
   transition: all .3s;
}

/* NOT SCROLLING (Header) */

body:not(.scrolling) .site-logo,
body.not-scrolling .site-logo {
  filter: brightness(0) invert(1);
  transition: all 0.3s ease;
}

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

.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 { color: var(--wp--preset--color--palette-9) !important; 
  transition: all .3s;
}

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

body.header-transparent-sticky #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 .logo-icon {
  transition: all .3s;
}

/* SCROLLING (Header) */

body.scrolling .logo-icon-color {
  display: inline;
  transition: all .3s;
}

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

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


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

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-6) !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-7) !important; 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 {
  color: var(--wp--preset--color--palette-3) !important; transition: all .3s;
}

body.header-transparent-sticky.scrolling #site-header .is-style-outline a.wp-block-button__link.wp-element-button {
   transition: all .3s;
}


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


/* Buttons */

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

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


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

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



/* Headings */

h2 span, h1 span  {text-decoration-thickness: 3px !important; text-decoration-color: var(--wp--preset--color--palette-2) !important; text-underline-offset: 8px !important;}
	

/* List */

.wp-block-list.list {padding-left: 0px !important;}
.is-style-custom-list li svg {fill: var(--wp--preset--color--palette-2);}

/* Ken Burns */


.kenburns-container {
  overflow: hidden;
  width: 100%;
  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);
  }
}

/* Corner Image */

.corner {
  position: relative;
  display: inline-block;
  z-index: 0;
}

.corner::after,
.corner::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background-image: url("/wp-content/uploads/2025/10/gerardi-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: -1;
}

.corner::after {
  top: -7px;
  right: -7px;
  background-position: top right;
}

.corner::before {
  bottom: -10px;
  left: -7px;
  background-position: bottom left;
  transform: scale(-1, -1);
}

.corner-invert::after {
  top: -7px;
  left: -7px;
  right: auto;
  background-position: top left;
  transform: scaleX(-1);
}

.corner-invert::before {
  bottom: -10px;
  right: -7px;
  left: auto;
  background-position: bottom right;
  transform: scaleY(-1);
}


/* Mobile */

@media only screen and (max-width: 767px) {
	.mobile-icon svg path {fill: #fff !important;}
	.scrolling .mobile-icon svg path {fill:var(--wp--preset--color--palette-1) !important;}
	.play-btn {width: 80px !important;}
	body nav.site-navigation:not(.is-responsive) {top: 80px;}
	.wp-block-group.home-hero-stack {padding-top: 5em;  padding-bottom: 3em;}	
	.wp-block-buttons.home-service-btn {justify-content: start !important;}
	.wp-block-cover.img-cover {min-height: 250px !important;}
	.wp-block-cover.services-img-cover {min-height: 250px !important;}
	.wp-block-group.border-stack {padding-right: var(--wp--preset--spacing--50) !important; padding-left: var(--wp--preset--spacing--50) !important;}
	.site-logo, .logo-inverted {width: 150px !important;}
	.wp-block-site-logo img {max-width: 100%;}
	.wp-block-navigation .wp-block-navigation-item__label {color: var(--wp--preset--color--palette-3) !important; }
	body.header-transparent-sticky #site-header .is-style-outline a.wp-block-button__link.wp-element-button  {color: var(--wp--preset--color--palette-3) !important; border-color: var(--wp--preset--color--palette-7) !important;} 
	.wp-block-cover.team-hero {padding-top: 7em !important}
	.wp-block-cover.page-hero-cover {padding-top: 5em !important;}
	.wp-block-cover.has-parallax.services-img-cover,
.wp-block-cover.services-img-cover .wp-block-cover__image-background {background-attachment: scroll !important;}
	.wp-block-group.page-hero-stack {min-height:200px !important;}
	
}