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



ul li::marker {
    color: var(--wp--preset--color--palette-14) !important;
}




.my-hero.wp-block-cover .wp-block-cover__image-background { object-fit:contain; }

.scrolling .site-header { transition: all 0.5s ease-in-out; /* Smooth fade-in effect */ }



.site-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover { font-weight:bold !important;text-decoration:none; }



.slider-indicators>* {  background-color: var(--wp--preset--color--palette-14); }

.slider-indicators {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;

}



/*footer*/

.footer-menu ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 equal columns */
  gap: 10px; /* spacing between items */
  list-style: none; /* optional: removes bullet points if any */
  padding: 0; /* optional */
}

@media (max-width: 600px) {
  .footer-menu ul {
    grid-template-columns: 1fr;
  }
}



/*3d tabs*/
#three-dimension-tabs .tab  {  }
#three-dimension-tabs .tab.active, #three-dimension-tabs .tab:hover  { }

#three-dimension-tabs .tab.active h2, #three-dimension-tabs .tab:hover h2 { color:var(--wp--preset--color--palette-14) !important;}



.circle-card { 
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
}

/*forms*/

.gform-theme .gfield input[type="text"],
 .gform-theme .gfield input[type="email"],
  .gform-theme .gfield input[type="number"],
.gform-theme .gfield textarea,
.gform-theme .gfield .gfield_select { 
       border: 1px solid #eae3d8 !important;
    box-shadow: none !important;
    background: #efede8 !important;
    font-size: 18px;
    font-weight: 500;
}


@media only screen and (max-width: 767px) {
 
	.hero-logo {width: 200px !important;}
	.mobile-icon {display: none !important;
	
}