/* 
Theme Name: Oechsli Child &Partners
Theme URI: https://oechsli.com
Description: Oechsli &Partners Theme
Author: Oechsli
Author URI: https://oechsli.com/
Template: oechsli
Version: 2024.01.15
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
*/

.card-shadow {
    box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, 0.15);
  }
  .sticky-top-margin {
      top: calc(50px + var(--wp-admin--admin-bar--position-offset, 50px))!important;
      position: sticky;
      z-index: 10;
  }
  .wp-element-button:hover, .wp-block-button__link:hover {
      background-color: var(--wp--preset--color--palette-7);
      border-color: var(--wp--preset--color--palette-7);
      color: var(--wp--preset--color--palette-1)!important;
  }
  .is-style-outline:hover {
          background-color: var(--wp--preset--color--palette-7);
  }
  .read-more:hover {
       background-color: var(--wp--preset--color--palette-1)!important;
  }
  .back-to-top {
      position: fixed;
      bottom: -40px;
      right: 40px;
      display: block;
      width: 50px;
      height: 50px;
      line-height: 50px;
      background: #064152;
      color: #fff;
      text-align: center;
      text-decoration: none;
      border-radius: 50%;
      opacity: 0;
      -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
      transform: scale(0.3);
      box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
      z-index: 9;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
  }
  .back-to-top:focus {
      color: #fff;
  }
  .back-to-top.show {
      bottom: 40px;
      right: 40px;
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
  }
  .back-to-top.show:hover {
      color: #fff;
      bottom: 30px;
      opacity: 1;
  }
  .arrow {
      background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
      position: absolute; width: 12px; height: 12px; background-size: contain;
      transform: rotate(-90deg);
      top: 30%;
      left: 40%;
  }
  .arrow:nth-child(2){
      top: 42%;
  }
  
  @keyframes bounceAlpha {
      0% {opacity: 1; transform: rotate(-90deg) translateX(0px) scale(1);}
      25%{opacity: 0; transform: rotate(-90deg) translateX(10px) scale(0.9);}
      26%{opacity: 0; transform: rotate(-90deg) translateX(-10px) scale(0.9);}
      55% {opacity: 1; transform: rotate(-90deg) translateX(0px) scale(1);}
  }
  
  .back-to-top:hover .arrow{
      animation-name: bounceAlpha;
      animation-duration:1.4s;
      animation-iteration-count:infinite;
      animation-timing-function:linear;
  }
  .back-to-top:hover .arrow:nth-child(2){
      animation-name: bounceAlpha;
      animation-duration:1.4s;
      animation-delay:0.2s;
      animation-iteration-count:infinite;
      animation-timing-function:linear;
  }
    .google-maps {
      position: relative;
      padding-bottom: 75%; 
      height: 0;
      overflow: hidden;
      box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, 0.15);
    }
    .google-maps iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
    }
  .site-header > div {
       flex-wrap: nowrap;
  }
  #theme-mobile-menu svg path {
     fill:#ffffff!important;
  }
@media only screen and (max-width: 768px) {
    .back-to-top {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .back-to-top.show {
        bottom: 10px;
        right: 10px;
    }
    .back-to-top.show:hover {
        bottom: 10px;
    }
    .arrow {
        top: 27%;
        left: 37%;
    }
    .full-width img {
        width:100%!important;
        margin-bottom:15px;
        }
        body .is-layout-constrained > .full-width {
            margin-inline-end: 0em!important;
        }
        .site-navigation {
            background-color: #084152!important;
        }

body .wp-container-core-navigation-layout-1:not(.is-responsive) {
    top: 130px!important;
}
}
@media (min-width: 769px) and (max-width: 1024px) {

    body .wp-container-core-navigation-layout-1:not(.is-responsive) {
        top: 130px!important;
    }


}
@media (min-width: 1025px) {
    /* CSS in here for desktop only */
}