div.sidebar-box { padding: 5%; color: #777; border-radius: 2px; box-shadow: 0 0 0 2px #ededed inset; margin-bottom: 20px; }
div.sidebar-box h2 { font-size: 1.56em; color: #333; line-height: 1.3}
div.sidebar-box h2.red { font-size: 1.25em; color: #fa3d3d}
div.sidebar-box h3 { font-weight: bold; color: #333;}
div.sidebar-box a { color: #777; text-decoration: none;}
div.sidebar-box a:hover { border-bottom: 1px dotted}
div.sidebar-box p { margin: 0; }
div.sidebar-box + div.box { margin-top: 20px}
div.sidebar-box-gopay {text-align: center;}
div.sidebar-box-gopay img { padding: 5px 0; }

div.sidebar-box ul { list-style: initial; list-style-type: disc; list-style-position: outside; margin: 10px 20px;}
div.sidebar-box ul > ul { list-style-type: circle; }
div.sidebar-box ol { list-style: initial; list-style-type: decimal; margin: 10px 20px;}

#strom ul {padding-left: 20px; list-style: none; margin: 0; display: none;}
#strom ul:first-child {padding-left: 0px; display: block;}
#strom ul.uncollapse {display: block;}
#strom ul.strom > li {padding: 0; margin 0; border: 0;}
#strom span.parent, div#strom span.child {display: block; padding: 0px 0; cursor: pointer;}
#strom {overflow: auto; max-height: 1400px;}
#strom span.badge { float: right; background: darkgray; color: white; padding: 0 10px; border-radius: 30%; font-size: small; }
#strom span.hide {display: none;}
#strom li {font-weight: normal;}
#strom li.active-cat {font-weight: bold;}

/*kontakt form*/
form {}
#kontakt-form input[type="text"] {display: table; padding: 5px; border: 1px solid #ccc; width: 210pt; line-height: 20px; font-size: 16px; vertical-align: middle; border-radius: 5px; margin: 4px 0; background: khaki; }
#kontakt-form input[type="submit"] {background: #303030; display: inline-block; color: #fff; border-radius: 5px; text-decoration: none; padding: 5px 10px 6px 10px;}
#kontakt-form textarea {padding: 5px; border: 1px solid #ccc; width: 97%; line-height: 20px; font-size: 16px;  vertical-align: middle; border-radius: 5px; margin: 4px 0; background: khaki; }
#kontakt-response {border-radius: 5px; border: 1px solid steelblue; background: linear-gradient(lightblue,steelblue); color: white; padding: 3px 10px; margin: 5px 0 20px; display: none;}

/*mail form*/
form {}
form#mail-form input[type="text"] {display: table; padding: 5px; border: 1px solid #ccc; width: 210pt; line-height: 20px; font-size: 16px; vertical-align: middle; border-radius: 5px; margin: 4px 0; background: khaki; }
form#mail-form input[type="submit"] {background: #303030; display: inline-block; color: #fff; border-radius: 5px; text-decoration: none; padding: 5px 10px 6px 10px;}
form#mail-form textarea {padding: 5px; border: 1px solid #ccc; width: 97%; line-height: 20px; font-size: 16px;  vertical-align: middle; border-radius: 5px; margin: 4px 0; background: khaki; }
div#mail-response {border-radius: 5px; border: 1px solid steelblue; background: linear-gradient(lightblue,steelblue); color: white; padding: 3px 10px; margin: 5px 0 20px; display: none;}

#form-newsletter-box input[type="text"] {width: 95%; padding: 5px; border: 1px solid #ccc; line-height: 20px; font-size: 14px; border-radius: 5px; margin-bottom: 5px;}
#form-newsletter-box input[type="submit"] {border-color: #ffd333;
    background: #ffd333;
    color: #3d464d;
    fill: #3d464d;
    border-radius: 2px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    font-size: 1rem;
    height: calc(2.25rem + 2px);
    line-height: 1.5;
    padding: .375rem 1.25rem;
    font-weight: 500;
}
#form-newsletter-box input[type="submit"]:hover {
    border-color: #3d464d;
    background: #3d464d;
    color: #fff;
    fill: #fff;
}

ul.product-gallery { list-style:none; padding: 0; display: inline-block; }
ul.product-gallery li { float:left; display:block; width:200px; background:#fff; margin:0 5px 5px 0; padding: 0; border: 0; text-align: center; position: relative;}
ul.product-gallery li img.cover {object-fit: cover; width: 200px; height: 200px;}
ul.product-gallery li div.img_title {position: absolute; bottom: 0; background: linear-gradient(0, black, transparent); color: white; padding: 0px 7%; text-align: center;
    width: 100%; border: 0; visibility: collapse; opacity: 0; transition: visibility 0s, opacity 1s ease; text-shadow: 0 0 2px #000;}
ul.product-gallery li:hover div.img_title {visibility: visible; opacity: 1;}

/* ORDER */
#gopay_msg {border-radius: 5px; border: 1px solid darkred; background: linear-gradient(lightcoral,red); color: white; padding: 3px 10px; margin: 0 0 20px;}
.card-body .item-radio {display: inline; padding-left: 0;}
#order-adresa #is_firma {display: none;}
#order-adresa-dodania #is_dodania {display: none;}
.order-confirmed-form {display: none}
#coupon_msg {display: none; text-align: right;}

.cart__totals td {white-space: nowrap;} /*currency fields with space*/

.products-view__pagination {text-align: center;}

/*#search-result a:link {color: darkgreen; }*/
#search-result a:visited {color: darkgoldenrod; }
#search-result a:hover {background: whitesmoke; }
#search-result a:focus {background: whitesmoke; }
#search-result a:active {background: whitesmoke; }

/*user orders table*/
#order-cart td, #order-cart th {text-align: right;}
#order-cart th:first-child { text-align: left;}
#order-cart tr td:first-child { text-align: left; white-space: normal;}

#login_msg, #login_mobile_msg {color: red; }

.block-slideshow__slide-content {
    background: rgba(255,255,255,0.5);
    padding: 20px;
    border-radius: 8px;
}

.block-banner__title, .block-banner__text {
    background: rgba(255,255,255,0.5);
}

.category-desc {
    border: 2px solid #f0f0f0;
    padding: 8px 20px;
    margin: 0 0 20px;
    overflow: hidden;
    position: relative;
}
.category-desc-read-more {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin: auto;
    height: 20px;
    color: #d0d0d0;
    cursor: pointer;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
}

span.fb-share {cursor: pointer; float: right; padding: 0 0 0 5px; color: mediumblue;}
span.fb-share:hover {color: navy;}

.departments__links {min-height: 410px;}

@media (max-width: 767px) {
.cart-table__column--image img {
    width: unset;
    max-width: 160px;
    max-height: 200px;
}
.block-slideshow__slide-text {
    display: block;
  }
}

#cover{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:100; width:100%; height:100%; display:none; }
/*cart-splash*/
#cart-mobile-splash > div {width: 250px; }
#cart-mobile-splash button {background: #303030; display: inline-block; color: #fff; border-radius: 5px; text-decoration: none; padding: 5px 10px 6px 10px; width: 100%; margin: 10px 0;}
div.modal-wrap-wrap { display: none; position: fixed; top: 35%; margin: 0; z-index: 101; width: 100%; color: silver; height: 0;}
div.modal-wrap { background: white;  padding: 10px; border-radius: 10px; border: 2px solid slategrey; overflow: hidden; text-align: center; width: 80%; max-width: 600px; margin: auto;}
div.modal-wrap > div.label {background: slategrey; color: white; margin: -10px -10px 10px -10px; text-align: center; padding: 4px 5px;}
div.modal-wrap > div.label > span {background: white url('img/close-black.png') 5px 5px/10px 10px no-repeat; border-radius: 10px; padding: 5px; width: 10px; height: 10px; cursor: pointer; display: inline-block; float: right;}