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



/* Home Hero */

.image-row {margin-top: -3em; margin-bottom: -3em;}

.top-curve {z-index: 2;}


/* Hover */

.floating-hover {
  transition: transform 0.3s ease;
}

.floating-hover:hover {
  transform: translateY(-5px);
}

/* Header */

.site-top-bar a.wp-block-button__link:hover,
.site-top-bar p:hover, .site-top-bar a:where(:not(.wp-element-button)):hover {
  color: white !important; transition: all .3s;
}


.site-top-bar a.wp-block-button__link,
.site-top-bar p, .site-top-bar a:where(:not(.wp-element-button)) {
  transition: all .3s;
}

#site-header a:where(:not(.wp-element-button)) {text-decoration: none !important;}


.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover { color: #fff; transition: all .3s;}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { transition: all .3s;}

ul.wp-block-navigation__container .wp-block-navigation-item__content[aria-current="page"] {
  color: #fff !important;
}







/* Home Map */

.map img.wp-block-cover__image-background {object-fit: contain;}


/* About Tabs */

.wp-block-button.tab.active > a.wp-block-button__link.wp-element-button {
    background-color: #fff !important;
	color: var(--wp--preset--color--palette-1) !important;
    transition: all .3s;
}

.wp-block-button.tab > a.wp-block-button__link.wp-element-button:hover {
    background-color: #fff !important;
	color: var(--wp--preset--color--palette-1) !important;
    transition: all .3s;
}

.wp-block-button.tab > a.wp-block-button__link.wp-element-button {transition: all .3s;}


/* About Page */


.wp-block-image.philosophy-img {margin-top: -15em;}


/* Blog */


.feat-img {
  overflow: hidden;
  position: relative;
}

.feat-img img {
  transition: transform 0.9s ease;
  transform-origin: center center;
  display: block;
  width: 100%;
  height: auto;
}

.wp-block-post:hover .feat-img img {
  transform: scale(1.1); 
}


.wp-block-query-pagination-numbers .page-numbers,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin: 0 4px;
  border-radius: 50%;
  background-color: #ffffff26;
  color: rgba(255, 255, 255, 0.4); 
  transition: all 0.3s ease;
  text-decoration: none;
  font-size: 14px;
}

.wp-block-query-pagination-numbers .page-numbers:hover,
.wp-block-query-pagination-numbers .page-numbers.current,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-previous:hover {
  background-color: white;
  color: black; 
}


.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
  margin-right: 0 !important;
}

.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
  margin-left: 0 !important;
}



/* Contact Form */

body .gform_wrapper input:focus,
body .gform_wrapper textarea:focus,
body .gform_wrapper select:focus {
  outline: none; 
  border-color: white; 
  box-shadow: none; 
}

body .gform_wrapper ::placeholder {
  font-size: 18px;
}


/* Buttons */

.animate-btn .wp-block-button__link {
  position: relative;
  overflow: hidden;
  padding-right: 86px;
  height: 52px;
  padding-left: 24px;
  border-radius: 100px;
}

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

.animate-btn .wp-block-button__link-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1em;
  height: 0.7em;
  transform: translate(-50%, -50%);
  transition: transform 0.4s ease, opacity 0.4s ease;
  z-index: 2;
}

.animate-btn .wp-block-button__link-icon svg.clone {
  transform: translate(-250%, -50%);
  opacity: 0;
  transition: transform 0.4s ease, opacity 0.4s ease;
  z-index: 1;
}

.animate-btn:hover .wp-block-button__link-icon svg:not(.clone) {
  transform: translate(150%, -50%);
  opacity: 0;
  transition-delay: 0s;
}

.animate-btn:hover .wp-block-button__link-icon svg.clone {
  transform: translate(-50%, -50%);
  opacity: 1;
  transition-delay: 0.15s;
}

.animate-btn:not(:hover) .wp-block-button__link-icon svg:not(.clone) {
  transform: translate(-50%, -50%);
  opacity: 1;
  transition-delay: 0.15s;
}

.animate-btn:not(:hover) .wp-block-button__link-icon svg.clone {
  transform: translate(-250%, -50%);
  opacity: 0;
  transition-delay: 0s;
}

.wp-block-button.animate-btn[class*=has-icon__] .wp-block-button__link svg {
  fill: var(--wp--preset--color--palette-4);
}

/* Smaller Login Button */
.login-btn .wp-block-button__link {
  font-size: 16px;
  height: 36px;
  padding-left: 16px;
  padding-right: 56px;
  border-radius: 100px;
}

.login-btn .wp-block-button__link-icon {
  width: 28px;
  height: 28px;
  right: 4px;
}

.login-btn .wp-block-button__link-icon svg {
  width: 0.9em;
  height: 0.6em;
}




/* FAQ Button */

.animate-btn.faq .wp-block-button__link {
  height: 64px;
  padding-left: 32px;
  padding-right: 100px;
  font-size: 1.125rem; 
}

.animate-btn.faq .wp-block-button__link-icon {
  width: 49px;
  height: 49px;
}

.animate-btn.faq .wp-block-button__link-icon svg {
  width: 1.25em;
  height: 0.875em;
}




/* Mobile */

@media only screen and (max-width: 767px) {
  
	.mobile-icon svg path {fill: #fff !important;}
	nav.site-navigation.wp-block-navigation.wp-block-navigation-is-layout-flex.open {background: var(--wp--preset--color--palette-4) !important; z-index: 99 !important;}
	.wp-block-cover.panel {min-height: 55vw !important;}
	.wp-block-cover.curve {min-height: 20px !important;}
	.image-row { margin-top: -1em !important; margin-bottom: -1em !important;}
	#site-header .phone {display: none !important;}
	.wp-block-group.site-top-bar, .wp-block-group.header-bottom {padding: 10px !important;} 
	.cta-btn {justify-content: flex-start !important;}
	.wp-block-group.footer-stack {align-items: start !important; align-content: start !important;}
	.wp-block-cover.team-cvr {min-height: 50vw !important;}
	.wp-block-cover.hero img.wp-block-cover__image-background.size-full {object-position: 100% 0% !important;}
}


@media (max-width: 401px) {

	.site-logo {width: 250px !important;}
	.address {font-size: 11px !important;}
	.login-btn .wp-block-button__link {font-size: 12px !important;}

}
/*oi-tabs*/

/* Hide all tab content by default */
.tab-item {
    display: none;
}

/* Show the tab content when its corresponding tab button is active */
.tab-item.active {
    display: block;
}

.tabs .tab:hover { cursor:pointer; }