/*-----staticbasket mobile-----*/ .staticBasket *::first-letter{ text-transform: uppercase; } .staticBasket { width: 100%; position: fixed; background: #121212; float: left; color: #fff; left: 0px; top: 0px; transform: translateY(calc(100% - 60px)); transition: all 0.2s ease-in-out; height: 100%; font-size: 12px; } .staticBasket .baskettitle { margin: 0px; width: 100%; cursor: pointer; } .staticBasket .baskettitle h2 { padding-left: 20px; } .staticBasket .baskettitle h2 span { text-transform: uppercase; font-size: 20px; width: 100%; height: 100%; font-weight: 600; color: #fff; line-height: 60px; } .staticBasket .baskettitle h2::after { font: normal normal normal 14px/1 FontAwesome; content: "\f077"; position: absolute; top: 20px; right: 10px; font-size: 18px; transform: rotate(0deg); transition: all 0.5s ease-in-out; } .staticBasket.opened .baskettitle h2::after { transform: rotate(180deg); transition: all 0.5s ease-in-out; } .staticBasket.update { background-color: #f80; } .staticBasket.opened { height: 100%; transform: translateY(0%); overflow: auto; padding-bottom: 30px; } .staticBasket .btn-cart-icon { display: none; } .menu .staticBasket #js-basket-container .cart-single-meal { color: #fff; } .menu .staticBasket #js-basket-container .cart-row .grey { color: #fff; } .menu .staticBasket #js-basket-container { background: #000; } .staticBasket #js-basket-container .staticBasket .cart-sum-price { min-width: 50px; } .staticBasket #js-basket-container .cart-sum { min-width: 50px; padding: 16px 0px 16px 0px; border-color: #fff; } .staticBasket #js-basket-container { top: 0px; padding: 10px; width: auto; background: #000; height: auto; } .staticBasket .cart-single-meal { padding: 0px; padding-top: 24px; } .staticBasket .cart-single-meal .cart-meal-name { width: 100%; padding: 4px 0; font-size: 12px; word-break: normal; } .staticBasket .basket-notification { word-break: normal; } .staticBasket .cart-single-meal .cart-meal-price { min-width: 70px; } .staticBasket .cart-meal-edit-buttons { position: absolute; top: -13px; } .staticBasket .cart-single-meal .cart-row .cart-meal-edit-add:before { content: "\f055"; font: normal normal normal 14px/1 FontAwesome; padding: 0; } .staticBasket .cart-single-meal .cart-row .cart-meal-edit-delete:before { content: "\f056"; font: normal normal normal 14px/1 FontAwesome; padding: 0px; margin: 0px; } .staticBasket .cart-single-meal .cart-row .cart-meal-edit-delete:before { content: "\f056"; font: normal normal normal 14px/1 FontAwesome; padding: 0px; margin: 0px; } .staticBasket #cart-exclusive .cart-meal-exclude::before { content: "\f071"; font: normal normal normal 14px/1 FontAwesome; padding: 0px; margin-right: 5px; } .staticBasket .cart-single-meal .cart-row .cart-meal-exclude:before { content: "\f071"; font: normal normal normal 14px/1 FontAwesome; padding: 0px; color: #fff; margin-right: 5px; } .staticBasket .cart-meal-edit-comment { display: none; } .staticBasket .cart-meal-edit-comment::before { content: "\f044"; font: normal normal normal 14px/1 FontAwesome; color: #fff; padding: 0; margin: 0px; } .staticBasket .cart-single-meal .cart-row .cart-meal-delete:before { font: normal normal normal 14px/1 FontAwesome; color: #fff; content: "\f00d"; padding: 0px; margin: 0px; } .staticBasket .cart-single-meal .cart-row .cart-meal-delete { min-width: auto; margin-left: 5px; display: none; } .staticBasket .cart-single-meal .cart-row .cart-meal-edit-delete:before, .staticBasket .cart-single-meal .cart-row .cart-meal-edit-add:before { font-size: 18px; border: 0px; padding: 0px; border-radius: initial; margin-bottom: 3px; } .staticBasket #js-basket-container .cartbutton .cartbutton-button { background-color: #2f96ce; text-decoration: none; overflow: hidden; } .staticBasket #js-basket-container .cartbutton .cartbutton-button:hover { background-color: #2f96ce; color: #fff; } .staticBasket .minimumorderamount-reached { margin-top: 12px; text-align: center; } .staticBasket .row-green { color: #fff; font-weight: 600; } /*-------Desktop basket*/ @media (min-width: 640px) { .staticBasket .row-green { color: #380; font-weight: 600; } .menu .staticBasket { position: -webkit-sticky; position: sticky; top: 80px; width: 35%; margin-left: 5%; float: left; background: #fff; border: 2px solid black; transform: none; color: #121212; padding: 10px; } .menu .staticBasket #js-basket-container { background: #fff; overflow: hidden; } .menu .staticBasket .baskettitle h2 { padding-left: 20px; } .menu .staticBasket .baskettitle h2 span { color: #121212; cursor: auto; line-height: normal; } .menu .staticBasket #js-basket-container .cart-single-meal { color: #121212; font-size: 12px; } .menu .staticBasket #js-basket-container .cart-row .grey { color: #121212; } .menu .staticBasket #js-basket-container .cart-sum { min-width: 50px; padding: 16px 0px 16px 0px; border-color: #121212; font-size: 12px; } .menu .staticBasket #js-basket-container .cart-sum-price { min-width: 50px; font-size: 12px; } .menu .staticBasket .baskettitle h2 .btn-cart-price, .menu .staticBasket .baskettitle h2:after { display: none; } .staticBasket #cart-exclusive .cart-meal-exclude::before { content: "\f071"; font: normal normal normal 14px/1 FontAwesome; padding: 0px; margin-right: 5px; } .staticBasket .cart-single-meal .cart-row .cart-meal-exclude:before { content: "\f071"; font: normal normal normal 14px/1 FontAwesome; padding: 0px; color: #121212; margin-right: 5px; } } @media (min-width: 800px) { .menu .staticBasket { top: 20px; width: 25%; margin-left: 5%; float: left; background: #fff; border: 2px solid black; transform: none; color: #121212; padding: 10px; } } /*---------Toast styling-------*/ .tooltip { padding: 18px; border-radius: 5px; z-index: 200; font-weight: 600; background-color: rgba(58, 58, 58, .8); color: #fff; font-size: 14px; position: fixed; bottom: 120px; left: 0; right: 0; text-align: center; margin: 0 auto; width: 90%; }