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

.hide-me {display: none !important;}

/*** Popup ***/


.modal-content {box-shadow:none;}

.modal {left: auto;}

/* Header  */

body.header-transparent-sticky.scrolling .site-header  {background: color-mix(in srgb, var(--wp--preset--color--palette-4) 92%, transparent); backdrop-filter: blur(10px);}

.wp-block-button.hamburger-menu-button.site-burger, .wp-block-buttons.hamburger-menu-button.site-burger.has-background.is-layout-flex.wp-block-buttons-is-layout-flex {display: none !important;}

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



.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;
}


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

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

.logo-color-icon {
  opacity: 0; 
  position: absolute; 
  left: 0; 
  transform: translateX(-69px); 
  transition: opacity 0.5s ease, transform 0.5s ease; 
  width: 69px; 
  height: 48px; 
}

.logo-color-text {
  transition: transform 0.5s ease;
  transform: translateX(0); 
}

.logo-row.scrolled .logo-color-icon {
  opacity: 1; 
  transform: translateX(0); 
}

.logo-row.scrolled .logo-color-text {
  transform: translateX(calc(69px + 0.44rem)); 
}

/* Image Hover */

.hvr-zoom,
.team-background {
  overflow: hidden;
}

.hvr-zoom .wp-block-cover__image-background {
  transition: transform 0.5s ease;
  transform: scale(1);
}

.hvr-zoom.team-img img {
  transition: transform 0.5s ease;
  transform: scale(1);
  display: block;
}

.hvr-zoom:hover .wp-block-cover__image-background,
.hvr-zoom.team-img:hover img {
  transform: scale(1.1);
}

/* Buttons */

.wp-block-button__link {
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.wp-block-button__link:hover {
  transform: translateY(-5px);
}

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

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

.wp-block-button.contact-btn:hover, .contact-btn 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 .3s; }

.wp-block-button.login-btn:hover, .login-btn a.wp-block-button__link.wp-element-button:hover { color: var(--wp--preset--color--palette-4) !important; transition: all .3s; }
.wp-block-button.login-btn, .login-btn a.wp-block-button__link.wp-element-button { transition: all .3s; }

*/
.wp-block-button.contact-btn, .contact-btn a.wp-block-button__link.wp-element-button {transition: all .3s; }

span.wp-block-navigation-item__label:hover {color: var(--wp--preset--color--palette-11); transition: all .2s;}
span.wp-block-navigation-item__label { transition: all .2s;}


.wp-block-button[class*=has-icon__].has-icon__login svg {
	height: 0.9em !important;}
	
/* 
.scrolling #site-header a.wp-block-button__link:not(.login-btn):hover {
  color: var(--wp--preset--color--palette-9) !important;
  background-color: var(--wp--preset--color--palette-2) !important;
  border-color: var(--wp--preset--color--palette-2) !important;
}

.scrolling #site-header .wp-block-button.login-btn:hover, .scrolling #site-header  .login-btn a.wp-block-button__link.wp-element-button:hover {background-color: #ffffff00 !important; color:var(--wp--preset--color--palette-2) !important; }

*/
/* Highlighted Text */

mark {
  font-weight: 400;
}

/* Home */

.wp-block-columns.hero-columns {margin-bottom: -9em;  position: relative; z-index: 99 !important;}


.wp-block-cover.home-hero {overflow: visible;}

.wp-block-image.understanding-img  {margin-bottom: -3em;}

.understanding-columns {z-index: 9;}

.wp-block-image.floating-img {margin-top: -3em; margin-bottom: -3em;}

.wp-block-heading.hero-right-col {margin-top: -7px;}

hr.wp-block-separator.home-divider {width: 250px !important; color: #c9c9c9 !important; }

/* Block Shadow */

.has-shadow {box-shadow: 0 0 30px #7373731a;}

/* Contact Icons */

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

/* Contact Form */

.gform_wrapper input::placeholder, 
.gform_wrapper textarea::placeholder {
    color: #b5b5b5; 
    opacity: 1;
}


/* Team */

.wp-block-group.team-background {
background: rgb(255 255 255 / 32%) !important;  backdrop-filter: blur(5px) !important;  -webkit-backdrop-filter: blur(10px) !important ;   
	}


/* Hover Animations */

.hvr-background {
  transition: background-color 0.3s ease;
}

.hvr-background:hover {
  background-color: #ffffff12;
}


.hvr-background-light:hover {
  background-color: var(--wp--preset--color--palette-8);
}

.hvr-background .hvr-right {
  transition: transform 0.3s ease;
  transform: translateX(0);
}

.hvr-background:hover .hvr-right {
  transform: translateX(16px);
}

.post-img-group {
  overflow: hidden;
}

.post-img-group img {
  transition: transform 0.5s ease;
  transform: scale(1);
}

.post-stack:hover .post-img-group img {
  transform: scale(1.1);
}

/* Word Slider */

html,
body {
  overflow-x: clip;
}

.word-slider {
  overflow: hidden;
  width: 100dvw;
  max-width: 100dvw;
  margin-left: calc(50% - 50dvw);
  margin-right: calc(50% - 50dvw);
  padding-left: 0;
  padding-right: 0;
}

.word-slider > .wp-block-group__inner-container,
.word-slider > .wp-block-group.word-slider-row {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.word-slider > .wp-block-group.word-slider-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: max-content;
  max-width: none;
  will-change: transform;
  animation: wordSliderScroll 25s linear infinite;
}

.word-slider .word-slider-item {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  white-space: nowrap;
  line-height: 1;
  color: inherit;
}

.word-slider .word-slider-item::after {
  content: "•";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline: 3rem;
  font-size: .6rem;
  line-height: 1;
  color: inherit;
}

@keyframes wordSliderScroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-33.333%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .word-slider > .wp-block-group.word-slider-row {
    animation: none;
    transform: none;
  }
}


/* Mobile */

@media only screen and (max-width: 768px) {
	
	  .wp-block-button.hamburger-menu-button.site-burger, .wp-block-buttons.hamburger-menu-button.site-burger.has-background.is-layout-flex.wp-block-buttons-is-layout-flex {display: block !important;}
	
	.site-header path {fill: #fff !important;}
	
	.scrolling #site-header  path {fill: var(--wp--preset--color--palette-3) !important;} 
	
	#site-header .wp-block-navigation-item__content { color: var(--wp--preset--color--palette-3);}
	
	#site-header .wp-block-button.contact-btn, .contact-btn a.wp-block-button__link.wp-element-button { background-color: #ffffff00 !important; border-color: var(--wp--preset--color--palette-3)           !important; color: var(--wp--preset--color--palette-3) !important; }
	
   	
	.scrolling #site-header .wp-block-button.login-btn:hover, .scrolling #site-header .login-btn a.wp-block-button__link.wp-element-button:hover  { color: var(--wp--preset--color--palette-3)               !important;  }
	
	.site-header .wp-block-buttons path {fill: var(--wp--preset--color--palette-3) !important;}
	
	.header-buttons {border-left: 0px !important; padding-left: 0.5rem !important;}
	
	.wp-block-group.home-hero-stack, .wp-block-group.home-stack {min-height: 60vh !important;}
	
	.wp-block-group.home-hero-stack {padding-bottom: var(--wp--preset--spacing--60) !important;}
	
	
	.wp-block-group.team-stack {min-height: 20px !important; padding: 0px !important;}
	
	.team-template {gap: 2em !important;}
	
	.wp-block-column.login-col {border: none !important;}
	
	.wp-block-spacer.experience-spacer {height: 120px !important;}
	
	.wp-block-group.experience-stack { min-height: 300px !important;}
	
	.wp-block-group.services-stack {align-items: center !important; justify-content: center !important;}
	
	.wp-block-group.step-row {flex-basis: 20% !important;}
	
	.wp-block-group.step-stack {flex-basis: 80% !important;}
	
		.hide-on-mobile {display: none !important	;}
	
	.wp-block-group.home-hero-group {padding-top: 3em !important;}
	
.home-hero-img.alignright {
    margin-inline-start: 0;
}
	
	.home-hero-eyebrow {font-size: 11px !important;}
	.wp-block-cover.img-cover {min-height: 250px !important;}
	.wp-block-group.services-stack {border-left: solid 1px var(--wp--preset--color--palette-13) !important; border-right: solid 1px var(--wp--preset--color--palette-13) !important;}
	.wp-block-group.services-stack-last  {border-bottom: solid 1px var(--wp--preset--color--palette-13) !important; }
	.wp-block-cover.client-card {min-height: 400px !important;}
	.wp-block-buttons.insights-button {justify-content: flex-start !important;}
	.wp-block-group.footer-row {flex-wrap: wrap !important;}
	.wp-block-group.ticker-group {min-height: 0px !important;}
	.wp-block-group.page-hero-stack {min-height: 170px !important; padding-top: 4em !important;}
	.and-logo img {height: 100px !important; display: block !important;}
	.wp-block-image.and-logo {display: block !important;}
	.services-stack-first {border-bottom-width: 0px !important;}
	.wp-block-group.my-accolade  {border-width: 0px !important;}
	.home .wp-block-group.my-accolade {border-width: 1px !important;}
	
	
}