/*
Theme:       LeftSell
Theme URI:   https://leftsell.com
Author:      Kundschaft Schweiz
Author URI:  http://kundschaft.ch/
Description: User File - Changes to style.css can be done here to differ the clients
Version:     3.0.0
Requirements: menu main und menu icons
              Warenkorb Menu: <img id="cart" src="https://xxxx/wp-content/themes/leftsell/include/images/shop.png" style="width:16px" />
              
              menu icons:
              Blog:      <img src="https://xxxx/wp-content/themes/leftsell/include/images/news.png" />
              Whatsapp:  <img src="https://xxxx/wp-content/themes/leftsell/include/images/whatsapp.png" />
              Tel:       <img src="https://xxxx/wp-content/themes/leftsell/include/images/telefon.png" />
              Mail:      <img src="https://xxxx/wp-content/themes/leftsell/include/images/kontakt.png" />
              Suchen:    <img src="https://xxxx/wp-content/themes/leftsell/include/images/search.png" />
              
Features:     animated slideInDown ( https://animate.style/ ) 
*/
:root {
    --headerbackground:     rgb(255, 255, 255, .5);
    --submenuback:          rgba(247, 234, 217, .9);
    --menulinkcolor:        black;
    --footerbackground:     #BFA995;
    
    --buttons:              #D94350;
    --buttonshover:         #BFA995;
 
    --buttonalternate:      #05262B; 
    --buttonalternatehover: #043d46;
 
    --buttonshiny:          rgb(255, 255, 255, .5);
    --buttonshinyhover:     rgb(255, 255, 255, .8);
 }
 

 
 @font-face { font-family:'Open Sans'; font-style: normal; font-weight: 500; src: url(include/OpenSans-Regular.ttf); }
 h2, h1, h3, h4, h5, h6 { font-family: 'Open Sans'; }
 h1 { text-align:left }
 
 .wc-block-grid__products .wc-block-grid__product-image img {
     max-width: 1000px;
 }
 
 h1, h1 a { font-family: 'Open Sans'; }
 
 
 /* main layout corrections */
 
 .onlymobile        { display: none  !important; }
 @media screen and ( max-width: 799px ) {
    .onlymobile        { display: initial !important }
    .nomobile { display: none !important; }
 }
 
 
 
 #leftsellMainMenu { margin: 0 auto 0 auto; }
 .menu-icons-container { display: none; }
 ul.menu li:hover {
   text-shadow: 0px 0px 1px rgb(212, 161, 132);
 }
 ul.menu li ul li a { color: black; 
 }
 a.minilogo img, a img.custom-logo {
   width: 300px;
   max-width: 300px !important;
   height: auto;
 }
 #leftsell-header { box-shadow: none; 
  }
 
 footer#leftsell_footer, footer#leftsell_footer p, footer#leftsell_footer a {
     color: black
 }
 footer#leftsell_footer a:hover { color: grey
 }
 
 .woocommerce div.product div.images img
 { width: 50% }
 
 /*
 html { background:rgb(247, 255, 177); max-height:none}
 body { background: rgb(83, 27, 27); max-height:none; overflow:scroll }
 
 #leftsellWrap { padding: 0; width: 250px;  }
 #leftsell-header { background: grey ; max-height: 50px; overflow:hidden }
 #leftsellContent { background:royalblue; width: 100px; overflow:hidden;}
 footer#leftsell_footer { max-height:20px; margin-top:0; overflow:hidden; padding-top:0; padding-bottom:0 }
 @media screen and ( max-width: 782px ) {
    
 
 }
 */
 
 
 /* with sidebar 
 #leftsellContent { width: calc( 100% - 300px ); float: left }
 #leftsellSideBar { display:block; float: right; padding-top: 60px; position: sticky; top: 60px;
                    width: 280px; padding:0 0 0 20px;  }
 */
 
 
 .textshadow {}
 .dropshadow {}
 .center {}
 .engrave {}
 .button {}
 .buttonshiny {}
 .buttonleft {}
 
 .blackbox {}
 .whitebox {}
 .white {}
 .shiny {}
 
 .block {}
 .mid50 {}
 .mid60 {}
 .mid70 {}
 .mid80 {}
 .mid90 {}
 
 ul.hyphen {}
 ul.noteblock {}
 
 .leftsellpin {}
 .webicon {}
 
 .wp-block-columns .nowrap {}
 .leftsellNavi {}
 .smallproducts {}
 #leftsellQuickContact {} 
 
 .wpcf7 {
     margin: auto;
   text-align: left;
   width: 40%;
   padding: 20px 25px !important;
   background-color: rgba(255, 255, 255, 0.2);
   background-position: center;
   background-size: cover;
 }
 
 .wpcf7-text,
 .wpcf7-textarea {
   width: 100%;
   border: 1px solid #e4e4e4;
   border-radius: 4px;
   color: #050505;
 }
 
 .wpcf7-text {
   height: 50px;
   padding-left: 10px;
 }