body {background-image: url('../layoutImg/tlo.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed;}

a {color: #000; text-decoration: none}
a:hover{transition: color .5s ease-out; color: #ECC48D; text-decoration: none}
a:not(:hover) {transition: color .5s ease-out; color: #000}
/* menu */
.menu {font-size: 120%; z-index: 9999;}
.menu .logo {font-size: 150%; background-image: url('../layoutImg/logo.png'); background-size: contain; background-position: center center; background-repeat: no-repeat;}

.menu-desktop {background: #000}
.menu-desktop a, .menu-desktop .menu-item {color: #ECC48D; text-decoration: none; display: block; cursor: pointer}
.menu-desktop a:hover, .menu-desktop .menu-item:hover {transition: color .5s ease-out; color: #fff; text-decoration: none}
.menu-desktop a:not(:hover), .menu-desktop .menu-item:not(:hover) {transition: color .5s ease-out; color: #ECC48D}

.menu-mobile {background: #000;}
.menu-mobile-switch {cursor: pointer; font-size: 100%; text-align: center; color: #fff}
.menu-mobile-menu {display: none}
.menu-mobile a, .menu-mobile .menu-item {color: #fff; text-decoration: none; display: block; min-height: 40px; line-height: 40px; cursor: pointer}
.menu-mobile a:hover, .menu-mobile .menu-item:hover, .menu-mobile-switch:hover {transition: color .5s ease-out; color: #666; text-decoration: none}
.menu-mobile a:not(:hover), .menu-mobile .menu-item:not(:hover), .menu-mobile-switch:not(:hover) {transition: color .5s ease-out; color: #fff}


.naglowek {background: linear-gradient(#000 0%, #000 50%, #fff 98%, #fff 100%);}
.naglowek a {color: #ECC48D; text-decoration: none}
.naglowek a:hover{transition: color .5s ease-out; color: #fff; text-decoration: none}
.naglowek a:not(:hover) {transition: color .5s ease-out; color: #ECC48D}


.text-gold {color: #ECC48D}



/* produkt na głównej */
.produkt {height: 30rem; position: relative; overflow: hidden}
.produktImg {height: 100%; background-position: center; background-size: cover; transition: .3s ease;}
.produktGradient {position: absolute; bottom: 0; height: 100%; background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 90%)}
.produktBestseller {text-shadow: 0 0 15px #fff; }
.produktBestseller i, .produktBestseller img {position: relative; z-index: 9998 !important}
.produktInfoWrapper {position: absolute; bottom: -20rem; height: 100%; overflow: hidden; transition: .3s ease;}
.produktInfo {background-color: rgba(0, 0, 0, 0); color: #fff; transition: .3s ease;}
.produktInfo h2 {text-shadow: 0 0 15px #000;}
.produktInfo .produktInfoHide {display: none !important}
.produkt:hover .produktImg {transform: scale(1.5,1.5);}
.produkt:hover .produktInfoWrapper {bottom: 0;}
.produkt:hover .produktInfo {background-color: rgba(255, 255, 255, 1); color: #000;}
.produkt:hover .produktInfo h2 {text-shadow: none}
.produkt:hover .produktInfo .produktInfoHide {display: flex !important}

.marker-icon {background-image: url("../leaflet/marker-icon-blue.png"); background-repeat: no-repeat; text-align: center; padding-top: 5px; color: white;}

/* hide inc dec arrows on number input */
/* chrome */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* firefox */
input[type=number] {-moz-appearance: textfield;}

.white {background-color: white;}
.red {background-color: red;}
.green {background-color: green;}
.blue {background-color: blue;}