/*
Theme Name: Hello Elementor Child Schefer
Theme URI: mlaube.ch
Template: hello-elementor
Author: Child Theme Configurator
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 0.5.1681294563
Updated: 2023-04-12 12:16:03

*/

/* Disables Chrome-Browser field focus borders */
*:focus {
    outline: none;
}

/* Hides -webkit-search-cancel-button --> x */
.jet-ajax-search__field::-webkit-search-cancel-button{
    -webkit-appearance: none;
}


/* Hides -webkit-tap-highlight-color  */
* {
    -webkit-tap-highlight-color: transparent;
}


/* Elementor fix for line-height on h  elementor/issues/11453/ */
.elementor-heading-title {
    line-height: inherit !important;
}


/* removes gap between header and mobile menu*/
@media (max-width: 767px) {
    .jet-mobile-menu.jet-nav-wrap .jet-nav.m-layout-mobile {
        margin-top: 0px;
    }
}

/* removes search icon used in menu*/
@media (min-width: 767px) {
    .open-search-hide {
        display: none;
    }
}


/* adds cusom scrollbar styling*/
.my-scrollbar {
  display: flex;
  overflow-x: scroll; /* always show scrollbar */
  overflow-y: hidden;
  scroll-behavior: smooth;

  scrollbar-width: thin; /* Firefox */
  scrollbar-color: var(--e-global-color-primary) transparent;

  -webkit-overflow-scrolling: auto; /* disable momentum scroll */
}

/* Webkit scrollbar styling */
.my-scrollbar::-webkit-scrollbar {
  height: 6px;
}

.my-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.my-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--e-global-color-primary);
  border-radius: 0;
}

/* Hide scrollbar arrows */
.my-scrollbar::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}





.knot-1 {
    opacity: 0;
    stroke: var( --e-global-color-primary );
    stroke-dasharray: 390.6820373535156px;
    stroke-dashoffset: 781.3640747070312px;
    animation: dash1 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s infinite, hideAnimation 3.5 ease-in 3.4s;
    animation-direction: normal;
    animation-iteration-count: 1;
        

}
@keyframes dash1 {
   to { stroke-dashoffset: 1172.0461120605469px;}
}

@keyframes hideAnimation {
    from { opacity: 1; }
    
    100% {
        to { opacity: 0; }
    }
}


/* InfoBanner - Nur bei bestimmter Bildschirmgrösse zeigen */
.hidden-mobile, .hidden-desktop {
    display: block;
    }

/*  show it on devices with max of 767 px and lower
@media (max-width: 767px) {
  .hidden-mobile {
    display: none !important;
    }
}
@media (min-width: 767px) {
  .hidden-desktop {
    display: none !important;
    }
}
*/

/* Hero-Section grösse und Text */
.hero-section-text span {
    padding: 4px 6px;
    background-color: rgba(255, 255, 255, .7);
}

.hero-section {
  height: calc(100vh - 110px);
  display: flex;
  align-items: stretch;
}


/* HEADER SHRINK */
.top-bar.shrink {
  padding-top: 8px;
  padding-bottom: 8px;
  transition: all 0.3s ease;
}

.top-bar {
  padding-top: 12px;
  padding-bottom: 12px;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
   .top-bar.shrink {
  padding-top: 0px;
  padding-bottom: 0px;
  transition: all 0.3s ease;
}

.top-bar {
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.3s ease;
}
}






/* unvisited link */
a:link {
  color: unset;
}

/* visited link */
a:visited {
  color: unset;
}

/* mouse over link */
a:hover {
  color: unset;
}

/* selected link */
a:active {
  color: unset;
}






/* Table*/
        .opening-hours table, .opening-hours td, .opening-hours th, .opening-hours tbody
         {
            font-family: var( --e-global-typography-text-font-family ), Sans-serif;
            font-weight: var( --e-global-typography-text-font-weight );
            font-size: var( --e-global-typography-text-font-size );
            line-height: var( --e-global-typography-text-line-height );
            color: var( --e-global-color-text );
            padding: 0px 0px 3.285px 0px;
            text-align: left;
            border: 0px;
         }
        table tbody>tr:nth-child(odd)>th, table tbody>tr:nth-child(odd)>td {
            background-color: transparent;
        }


/* Searchbar*/
        .elementor-search-form input[type=search] {
            padding: 15px !important;
        }
        
        input.elementor-search-form__input::-webkit-search-cancel-button {
            display: none;
        }
        
        .dialog-close-button {
            top: 0px;
        }
        
        /* Searchbar margin p device*/
        @media (pointer: coarse) {
            input[type="search"].elementor-search-form__input {
                margin-top: -65%;
                
            }
        }
        
        @media (pointer: fine) and (any-pointer: coarse) {
            input[type="search"].elementor-search-form__input {
                margin-top: -65%;
                
            }
        }
        
        @media (pointer: fine), (pointer: none) {
        	input[type="search"].elementor-search-form__input {
            margin-top: unset;
            }
        }




/* on sale */
.woocommerce span.onsale {
    display: block;
    color: var(--e-global-color-text );
    background-color: var(--e-global-color-b5da0bd );
    font-family: var(--e-global-typography-text-font-family ), Sans-serif;
    font-size: var(--e-global-typography-text-font-size );
    font-weight: var(--e-global-typography-text-font-weight );
    text-transform: var(--e-global-typography-text-text-transform );
    font-style: var(--e-global-typography-text-font-style );
    line-height: 25px;
    border-radius: 0px;
    min-width: 100%;
    min-height: 25px;
    right: auto;
    left: 0;
    margin: 0px;
    top: 0px;
}




/*
selector i {
    font-size: 30px;
}

selector i:hover {
    color: var(--e-global-color-primary);
}



.elementor-search-form__input {
    height: 60px;
} 
*/


/* Warenkorb Padding Mobile */
@media (max-width: 767px) {
.elementor-widget-woocommerce-cart .woocommerce .cart tr {
    padding: 15px 0 15px 0 !important;
    }
    
    .elementor-widget-woocommerce-cart .e-shop-table.e-cart-section {
    padding-top: 0;
    padding-bottom: 0;
    }
    
}




/* BUTTON-Styling */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .button, .elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button {
    color: var(--e-global-color-secondary );
    background-color: var(--e-global-color-accent );
    border-color: var(--e-global-color-accent );
    font-family: var(--e-global-typography-accent-font-family ), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size ) !important;
    font-weight: var(--e-global-typography-accent-font-weight );
    text-transform: var(--e-global-typography-accent-text-transform );
    line-height: var(--e-global-typography-accent-line-height );
    letter-spacing: var(--e-global-typography-accent-letter-spacing );
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0px 0px 0px 0px;
    padding: 15px 15px 15px 15px;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .button:hover {
    color: var(--e-global-color-accent );
    background-color: var(--e-global-color-48f25f1 );
    border-color: var(--e-global-color-accent );
}