/* 
Theme Name: Oechsli Child Theme
Theme URI: https://oechsli.com
Description: Oechsli is a hybrid theme with block and elementor support 
Author: Oechsli
Author URI: https://oechsli.com/
Template: oechsli
Version: 2023.12.03
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
*/




/* Buttons */

.wp-block-button.is-style-outline .wp-block-button__link {
  position: relative;
  overflow: hidden;
  border-radius: 100px;
  border: 1px solid var(--wp--preset--color--palette-2);
  background-color: transparent !important;
  color: var(--wp--preset--color--palette-2);
  padding: 0.75em 1.5em;
  line-height: 1;
  box-sizing: border-box;
  z-index: 1;
  transition: color 0.3s ease, border-color 0.3s ease;
}

.wp-block-button.is-style-outline .wp-block-button__link::before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  background-color: var(--wp--preset--color--palette-2);
  transform: scaleX(0.01);
  transform-origin: left;
  transition: transform 0.4s ease;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover::before {
  transform: scaleX(1);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  color: white !important;
  border-color: var(--wp--preset--color--palette-2) !important;
}




/* Header */

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

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

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


a.wp-block-navigation-item__content {
  position: relative;
  text-decoration: none;
}

a.wp-block-navigation-item__content::after {
  content: '';
  position: absolute;
  bottom: -4px; 
  left: 0;
  width: 0%;
  height: 1px;
  background-color: var(--wp--preset--color--palette-11);
  transition: width 0.3s ease;
}

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


.wp-block-navigation-item__content.current-menu-item::after,
.wp-block-navigation-item__content[aria-current="page"]::after {
  width: 100%;
}

.contact-btn {
  position: relative;
}

.contact-btn .wp-block-button__link::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: var(--wp--preset--color--palette-11);
  transition: width 0.3s ease;
}

.contact-btn .wp-block-button__link:hover::after,
.contact-btn .wp-block-button__link.is-active::after {
  width: 100%;
}



/* Down Arrow */


@keyframes smoothUpDown {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(10px); 
  }
}

.bounce-arrow {
  animation: smoothUpDown 2s ease-in-out infinite;
  display: inline-block;
}


/* Line */

.wp-block-separator.line {
  width: 1px;               
  height: 300px;            
  background-color: currentColor;
  border: none;           
  margin: 0 auto;           
}

/* Cover Backgrounds */

.wp-block-cover.contain img.wp-block-cover__image-background {object-fit: contain !important;}



/* Mobile */

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

	.mobile-icon svg path {fill: #fff !important;}
	body nav.site-navigation:not(.is-responsive) {top: 80px !important; }
	nav.site-navigation:not(.is-responsive) .wp-block-navigation__container .wp-block-navigation-item {color:var(--wp--preset--color--palette-3) !important }
	#site-header a.wp-block-button__link.wp-element-button {color: var(--wp--preset--color--palette-3) !important;}
	.wp-block-group.page-hero-stack {min-height: 70vw !important}
	.wp-block-group.team-grid .wp-block-query {min-width: 100% !important;}
}
@media only screen and (max-width: 460px) {
	
}