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



/* Contact */

a:where(:not(.wp-element-button)) {
  color: var(--wp--preset--color--palette-7);
  text-decoration-color: var(--wp--preset--color--palette-7);
}

/* Buttons */


.animate-btn .wp-block-button__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding-left: 24px;
  padding-right: 86px;
  overflow: hidden;
  border-radius: 100px;
}

.animate-btn .circle {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: var(--wp--preset--color--palette-1);
}

.animate-btn .arrow {
  position: absolute;
  transition: transform 0.5s ease, opacity 0.5s ease;
  font-size: 18px;
}

/* Normal state */
.animate-btn .first {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 0.15s;
}

.animate-btn .second {
  transform: translateX(-200%);
  opacity: 0;
  transition-delay: 0s;
}


/* Hover state */
.animate-btn:hover .first {
  transform: translateX(200%);
  opacity: 0;
  transition-delay: 0s;
}

.animate-btn:hover .second {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 0.15s;
}

.animate-btn.white .circle {
  background-color: var(--wp--preset--color--palette-7);
}

.animate-btn.white .arrow {
  color: var(--wp--preset--color--palette-1);
}

.animate-btn.brand .circle {
  background-color: var(--wp--preset--color--palette-5);
}

.animate-btn.brand .arrow {
  color: var(--wp--preset--color--palette-2);
}

.wp-admin .wp-block-button__link .circle {
  display: none !important;
}

.animate-btn.white .wp-block-button__link {
  transition: background-color 0.3s ease; transition: border-color 0.3s ease;
}

.animate-btn.white:hover .wp-block-button__link {
  background-color: var(--wp--preset--color--palette-2) !important; border-color: var(--wp--preset--color--palette-2) !important;
}


/* Navigation */

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

/* Logo Headings */

h3.wp-block-heading.logo-title {margin-left: -30px; margin-bottom: -6px;}


/* Team Cards */

.wp-block-image.team-logo img  {vertical-align: middle !important;}
.wp-block-group.team-logo-circle {margin-top: -30px; z-index: 9;}



/* Popup */


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

.modal {left: auto;}

/* Page Hero 

.page-id-37 .wp-block-heading.hero-heading {padding-right: 4em;}
*/

/* Sketches */

.wp-block-cover.value-prop img {object-fit: contain;}


/* Mobile */

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

	body nav.site-navigation:not(.is-responsive) {background: var(--wp--preset--color--palette-1) !important; top: 120px !important; padding-bottom: 20px !important;}
	.mobile-icon svg path {fill: #fff !important;}
	#site-header .wp-block-buttons {gap: 2em !important;}
	.home .wp-block-columns.hero-columns {padding-top: 3em !important; padding-bottom: 3em !important; gap: 2em !important	;}
	.wp-block-cover.video-cover {min-height: 294px !important;}
}