/*
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: 
menu icons:
Blog: 
Whatsapp: 
Tel: 
Mail: 
Suchen: 
Features: animated slideInDown ( https://animate.style/ )
*/
:root {
--headerbackground: rgb(255, 255, 255, .5);
--submenuback: rgba(63, 143, 185, .9);
--menulinkcolor: black;
--footerbackground: rgb(127, 127, 127); /* rgb(163, 119, 0); */
--buttons: #336699;
--buttonshover: #224466;
--buttonalternate: #05262B;
--buttonalternatehover: #043d46;
--buttonshiny: rgb(255, 255, 255, .5);
--buttonshinyhover: rgb(255, 255, 255, .8);
}
footer#leftsell_footer img { min-width:50px; max-width:50px; margin-top: 20px}
.woocommerce-product-details__short-description {display:none}
th.label { text-align: left}
.wc-gzd-additional-info { text-align: center !important; font-size: 11px !important; display: none !important}
/* Changes to menu *****************/
#leftsellMainMenu { margin: 0 auto 0 auto}
.menu-icons-container { display: none}
#lefsellMainMenu { margin-left: auto; margin-right: auto; }
ul.menu li { padding: 0 10px 0 10px}
.durchsichtig { background-color: rgb( 255,255,255, .2); padding: 10px}
.bilddurchsichtig { opacity: .8}
.bilddurchsichtig:hover { opacity: 1}
.paddinglr0 { padding-left:0 !important; padding-right:0 !important}
#leftsell-header { }
#anandamobile { display: none}
@media screen and ( max-width: 782px ) {
.menu-main-container { margin: 0 }
ul.menu li { padding: 0; margin: 0 10px 0 0;}
ul.menu li a { font-size:14px}
.custom-logo { display: none}
.nohandy { display: none}
/* INDEX PAGE *****************/
h1.mid90 { text-align: left; margin-top: -40px; font-size: 50px}
#indexcover1 { height: auto !important; min-height: initial !important; }
#indexcover1 img { height: 80vh; opacity: .3; /* display: none !important; */ }
#event1, #event2, #event3 { font-size: 12px; margin: 0 0 10px 5px}
#indexspacer1 { height: 50px !important }
#indexspacer2 { height: 50px !important }
#indexspacer3 { height: 5px !important }
#indexspacer4 { height: 5px !important }
#indexspacer5 { height: 5px !important }
#spacertiteltext { height: 50px !important}
#indexinittext span strong{ font-size: 13px !important; text-align:left !important; }
p#indexinittext { text-align:left !important; }
#indexevents p.has-text-align-right { text-align:center !important}
#indexdivisions img { width: 80px; margin:0 auto 0 auto; display:block}
#indexdivisions img.wp-block-cover__image-background { display:none }
#indexdivisions { min-height: initial !important}
#indexdivisions h2 a { font-size: 14px !important}
#indexdivisions .has-white-color { color:black !important; font-weight: normal !important}
#indexdivisions h2.textshadow { text-shadow: none; color:black}
#indexevents { min-height: initial !important; margin-top: 10px !important}
#indexevents img.wp-block-cover__image-background { display:none }
#pagezumir { padding-top: 0px ; background-image:none !important; }
#anandamobile { display: block; width: 200px; opacity: 1}
#pagezumir .wp-block-column:first-child { margin:0 }
.hidemobile { display: none }
footer#leftsell_footer .wp-block-image .alignright, footer#leftsell_footer .alignleft img
{ margin: 0 0px 0 0 !important; display:block; }
}
.custom-logo-link { display: none}
.textshadow { color: white !important}
li.menu-item { white-space: nowrap}
.custom-logo, a.minilogo img, a img.custom-logo {
max-width: 100% !important;
width: auto !important;
height: auto !important;
max-height: 30px;
}
.mobile { display: none}
.notmobile { display: block}
@media screen and ( max-width: 580px ) {
.mobile { display: block}
.notmobile { display: none }
}
/* blog */
#leftsellBlogSideBar a img.custom-logo { display: none; }
#leftsellBlogSideBar h2 { font-size: 20px !important; line-height: 30px !important }
#leftsellBlogSideBar ul li a, #leftsellBlogSideBar ul li, .wp-block-latest-comments { font-size: 16px !important; line-height: 25px !important }
.leftsellposttiled h2 a, .leftsellposttiled h2 { font-size: 25px !important; line-height: 35px !important }
.leftsellposttiled h1 a, .leftsellposttiled h1 { font-size: 25px !important; line-height: 35px !important; margin: 20px 0 10px 0 !important }
.leftsellposttiled .small, .leftsellposttiled .small a { font-size: 12px !important; margin-bottom: 15px}
td.leftsellposttiled { vertical-align: top; width: 50%; padding-bottom: 60px; }
.leftsellposttiled { padding-bottom: 60px; text-align: justify }
.leftsellposttiled h2 { text-align: left }
td.leftsellposttiled:first-child { padding-right: 10px }
td.leftsellposttiled:last-child { padding-left: 10px }
td.leftsellposttiled img { width: 100%; max-width: 400px }
.next-page a { background: lightgray; font-size: 16px !important; padding: 4px 10px }
.previous-page a { background: lightgray; font-size: 16px !important; padding: 4px 10px }
.wp-block-latest-posts.is-grid li a { font-weight: bold }
/* main layout corrections */
/*
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 {}