/* @params duration | timing-function | delay | name */ /* Disables the selection */ /* Disables the drag event */ :root { --base-color: #dc2832; --btn-color: #231f20; --btn-bg-color: #fff; --btn-border: 2px solid; --btn-border-radius: 50px; --btn-font-size: 45px; --btn-font-weight: 400; --ok-color: #fff; --ok-bg: #dc2832; --cancel-color: #231f20; --prices-color: #dc2832; --grid-prd-title-color: #dc2832; --checkout-highlight-color: #dc2832; --checkout-header-background: #eaebec; --checkout-header-color: #231f20; --back-image-size:25px; --checkout-summary-header-background: #231f20; --checkout-summary-header-color: #fff; --checkout-summary-user-background:inherit; --checkout-summary-details-background:inherit; --floating-labels-active-color: #231f20; --checkout-approve-btn-bg: #dc2832; --checkout-approve-btn-color: #FFFFFF; --checkout-approve-btn-box-shadow: 0 7px 13px -2px rgba(0, 0, 0, 0.5); /* --checkout-payment-btn-background: #444343; --checkout-payment-btn-color:#fff;*/ --pelecard-approve-btn-bg: #dc2832; --pelecard-approve-btn-color: #FFFFFF; --pelecard-loader-img: url("https://acdn.foodbox.co.il/wp-content/uploads/sites/41/2020/03/04110803/%D7%9C%D7%95%D7%92%D7%95-%D7%9C%D7%9C%D7%90-%D7%98%D7%A7%D7%A1%D7%98.png"); --pelecard-loader-img-size:100px; --pelecard-loader-animation: animate-spin 1.5s linear infinite; } /*fonts-family*/ /*--------------------------------------------------------------------------------------------------------------------------------------*/ body, body.woocommerce, body .woocommerce-checkout, body.shop { font-family: "Heebo", sans-serif; } #checkout-wrapper *:not(#order_notes):not(.sauce_box):not(.cutlery_box):not(.alignCenter) > .form-row input[type="text"], #checkout-wrapper *:not(#order_notes):not(.sauce_box):not(.cutlery_box):not(.alignCenter) > .form-row input[type="email"], #checkout-wrapper *:not(#order_notes):not(.sauce_box):not(.cutlery_box):not(.alignCenter) > .form-row input[type="tel"], #checkout-wrapper *:not(#order_notes):not(.sauce_box):not(.cutlery_box):not(.alignCenter) > .form-row input[type="number"], #checkout-wrapper *:not(#order_notes):not(.sauce_box):not(.cutlery_box):not(.alignCenter) > .form-row input[type="time"], #checkout-wrapper *:not(#order_notes):not(.sauce_box):not(.cutlery_box):not(.alignCenter) > .form-row textarea, #checkout-wrapper *:not(#order_notes):not(.sauce_box):not(.cutlery_box):not(.alignCenter) > .form-row select { font-family: "Heebo", sans-serif; } #clubPop_send { background: #231f20; padding: 15px; font-size: 18px; font-weight: normal; box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.6); border: none; } #clubPop_send i { display: none; } #mobile-landscape-alert { background: #231f20; color: #fff; } #mobile-landscape-alert .inner { width: 50%; } #mobile-landscape-alert .inner img.icon { height: 90px; } @media screen and (min-aspect-ratio: 13 / 9) and (orientation: landscape) { #mobile-landscape-alert { display: flex; flex-direction: column; align-items: center; justify-content: center; } } #locator-popup.full_screen[data-type="locatorHome"], #locator-popup.full_screen[data-type="validation"] { align-items: flex-start; padding-top: 15vh; } #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-top h5, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-top h5 { font-size: 30px; padding: 0; margin: 5px 0; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-top h5, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-top h5 { font-size: 8vw; } } #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-top h6, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-top h6 { color: #231f20; text-align: center; font-size: 18px; line-height: 1; margin: 0; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-top h6, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-top h6 { font-size: 4.5vw; } } #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content { background: transparent; } #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content .popup-top .close, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content .popup-top .close { display: block; top: 20px; right: 15px; } @media (min-width: 769px) { #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content .popup-top .close, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content .popup-top .close { position: absolute; top: 5px; right: 5px; } } #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-home .inner, #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-validator .inner, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-home .inner, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-validator .inner { max-width: 90%; margin: auto; padding-top: 50px; } #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-home .inner button, #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-validator .inner button, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-home .inner button, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-validator .inner button { padding: 10px 25px; margin-bottom: 40px; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.7); border: 1px solid #b3b3b3; border-radius: 5px; } #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-home .inner button .icon, #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-validator .inner button .icon, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-home .inner button .icon, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-validator .inner button .icon { max-width: 60px; height: 60px; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-home .inner button .icon, #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-validator .inner button .icon, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-home .inner button .icon, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-validator .inner button .icon { max-width: 17vw; height: 14vw; } } #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-home .inner button .btbtxt, #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-validator .inner button .btbtxt, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-home .inner button .btbtxt, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-validator .inner button .btbtxt { font-size: 27px; line-height: 1; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-home .inner button .btbtxt, #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-validator .inner button .btbtxt, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-home .inner button .btbtxt, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-validator .inner button .btbtxt { font-size: 5vw; padding-right: 10vw; } } #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-home #show-locator-pickup, #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-validator #show-locator-pickup, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-home #show-locator-pickup, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-validator #show-locator-pickup { background: #FFFFFF; } #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-home #show-locator-pickup .btbtxt, #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-validator #show-locator-pickup .btbtxt, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-home #show-locator-pickup .btbtxt, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-validator #show-locator-pickup .btbtxt { color: #231f20; } #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-home #show-locator-shipping, #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-validator #show-locator-shipping, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-home #show-locator-shipping, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-validator #show-locator-shipping { background: #FFFFFF; } #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-home #show-locator-shipping .btbtxt, #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-validator #show-locator-shipping .btbtxt, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-home #show-locator-shipping .btbtxt, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-validator #show-locator-shipping .btbtxt { color: #231f20; } #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-validator .inner button .btbtxt, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-validator .inner button .btbtxt { font-size: 22px; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-validator .inner button .btbtxt, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-validator .inner button .btbtxt { font-size: 6vw; } } #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-body:before { height: 120px; margin-bottom: 50px; max-width: 100%; } #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content header.tabs-header .switch.active h5 { text-align: center; font-size: 24px; color: #231f20; font-weight: bold; font-size: 22px; font-weight: normal; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content header.tabs-header .switch.active h5 { font-size: 5.5vw; } } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content header.tabs-header .switch.active h5 { font-size: 6vw; margin: 0; text-align: right; } } @media (max-width: 350px) { #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content header.tabs-header a { font-size: 12px; } } #locator-popup.full_screen[data-type="shipping"] { align-items: flex-start; padding-top: 9vh; } #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content header.tabs-header { text-align: center; padding: 0; } #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content header.tabs-header h5 { text-align: center; font-size: 24px; color: #231f20; font-weight: bold; font-size: 30px; padding: 20px 0 10px; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content header.tabs-header h5 { font-size: 5.5vw; } } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content header.tabs-header h5 { font-size: 8vw; } } #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content .inner #approve { background: #231f20; padding: 15px; font-size: 18px; font-weight: normal; box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.6); border: none; width: auto; margin: 20px auto 0; } #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content .inner #approve i { display: none; } #locator-popup.full_screen[data-type="locatorHome"], #locator-popup.full_screen[data-type="validation"], #locator-popup.full_screen[data-type="shipping"] { position: fixed; width: 100vw; height: 100vh; top: 0; background: #eaebec; z-index: 99; margin: 0; flex-direction: row; } #locator-popup.full_screen[data-type="locatorHome"] .popup-container, #locator-popup.full_screen[data-type="validation"] .popup-container, #locator-popup.full_screen[data-type="shipping"] .popup-container { width: 85%; height: auto; } #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content, #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content { background: transparent; } #locator-popup.full_screen[data-type="pickup"] .popup-container { animation: none; } @media (max-width: 768px) { #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content #locator-body { padding-top: 50px; } } #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content header.tabs-header { background: #fff; display: flex; align-items: center; justify-content: flex-start; padding: 0 10px; border-bottom: 1px solid #eaebec; } @media (max-width: 768px) { #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content header.tabs-header { position: fixed; width: 100%; z-index: 9; margin-top: -50px; } } @media (min-width: 769px) { #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content header.tabs-header { max-width: 1280px; margin: auto; } } #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content header.tabs-header a { border: 1px solid; padding: 5px; border-radius: 5px; text-decoration: none; } #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content header.tabs-header .back { position: static; height: 50px; width: 35px; background-size: 70%; background-position: 100% 50%; padding: 0; } #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content header.tabs-header .ico { display: none; } #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content header.tabs-header .switch.active { flex: 1; justify-content: space-between; align-items: center; height: 50px; flex-direction: row; } body:not(.shop) #locator-popup.pickup-flow[data-type="pickup"] { position: fixed; top: 60px; left: 0; width: 100%; z-index: 9; height: calc(100vh - 60px); display: block; } body:not(.shop) #locator-popup.pickup-flow[data-type="pickup"] .popup-container .popup-content .locator-content { max-height: calc(100vh - 110px); overflow: auto; } #locator-popup.full_screen .popup-container .back, #locator-popup.full_screen .popup-container .close { position: absolute; top: 20px; right: 15px; border: none; width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: 50%; } #locator-popup.full_screen .popup-container .back i, #locator-popup.full_screen .popup-container .close i { display: none; } #locator-popup.full_screen .popup-container .popup-top h5 { text-align: center; font-size: 24px; color: #231f20; font-weight: bold; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen .popup-container .popup-top h5 { font-size: 5.5vw; } } #locator-popup.full_screen .popup-container .popup-content header.tabs-header { text-align: center; } #locator-popup.full_screen .popup-container .popup-content header.tabs-header h5 { text-align: center; font-size: 24px; color: #231f20; font-weight: bold; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen .popup-container .popup-content header.tabs-header h5 { font-size: 5.5vw; } } #locator-popup.full_screen .popup-container .popup-content header.tabs-header a { color: #231f20; text-decoration: underline; } #locator-popup.full_screen .popup-container .popup-content #locator-shipping { background: transparent; padding: 20px; border-radius: 10px; padding-top: 30px; text-align: center; } #locator-popup.full_screen .popup-container .popup-content #locator-shipping .login_row { padding: 0; height: auto; background: transparent; } #locator-popup.full_screen .popup-container .popup-content #locator-shipping .login_row a { padding: 5px; text-decoration: underline; font-size: 14px; font-weight: normal; color: #231f20; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen .popup-container .popup-content #locator-shipping .login_row a { font-size: 4vw; } } #locator-popup.full_screen .popup-container .popup-content #locator-shipping .load-addresses { font-size: 16px; font-weight: normal; background: transparent; text-decoration: underline; padding: 0; margin-bottom: 10px; display: inline-block; } #locator-popup.full_screen .popup-container .popup-content #locator-shipping #shipping-form h3 { display: none; } #locator-popup.full_screen .popup-container .popup-content header.tabs-header .switch.active { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; } #locator-popup.full_screen .popup-container .popup-content header.tabs-header .ico { transform: none; position: static; height: 80px; width: 80px; } #locator-popup.full_screen .popup-container .popup-content header.tabs-header .ico.ico_shipping { background-image: url(https://d2pnvdnftoj8zk.cloudfront.net/wp-content/uploads/sites/41/2020/03/25011929/shipping2-1.svg); } #locator-popup.full_screen .popup-container .locator-footer .switch { color: #231f20; } #locator-popup.full_screen .popup-container .locator-footer .switch a { color: #231f20; text-decoration: underline; } #locator-popup .popup-container .popup-content #locator-pickup.as_list .address-item .item-btn, #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item .item-btn, #locator-popup .popup-container .popup-content #locator-seating.as_list .address-item .item-btn, #locator-popup .popup-container .popup-content #locator-seating.as_list .branch-item .item-btn, #locator-popup .popup-container .popup-content #locator-table.as_list .address-item .item-btn, #locator-popup .popup-container .popup-content #locator-table.as_list .branch-item .item-btn, #locator-popup .popup-container .popup-content .saved-adresses-list .address-item .item-btn, #locator-popup .popup-container .popup-content .saved-adresses-list .branch-item .item-btn { height: 20px; width: 20px; } #locator-popup .popup-container .popup-content #locator-pickup.as_list .address-item .item-btn img, #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item .item-btn img, #locator-popup .popup-container .popup-content #locator-seating.as_list .address-item .item-btn img, #locator-popup .popup-container .popup-content #locator-seating.as_list .branch-item .item-btn img, #locator-popup .popup-container .popup-content #locator-table.as_list .address-item .item-btn img, #locator-popup .popup-container .popup-content #locator-table.as_list .branch-item .item-btn img, #locator-popup .popup-container .popup-content .saved-adresses-list .address-item .item-btn img, #locator-popup .popup-container .popup-content .saved-adresses-list .branch-item .item-btn img { max-height: 100%; } #locator-popup .popup-container .popup-content .inner .form-row input, #locator-popup .popup-container .popup-content .inner .form-row .select2-container--default .select2-selection--single { border: none; background: #fff; padding: 15px; height: auto; line-height: 1; border-radius: 3px; font-size: 22px; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup .popup-container .popup-content .inner .form-row input, #locator-popup .popup-container .popup-content .inner .form-row .select2-container--default .select2-selection--single { font-size: 5vw; padding: 4vw; } } #locator-popup .popup-container .popup-content .inner .form-row input.error, #locator-popup .popup-container .popup-content .inner .form-row .select2-container--default .select2-selection--single.error { border-color: #dc2832; } #locator-popup .popup-container .popup-content .inner .form-row input ~ label.error, #locator-popup .popup-container .popup-content .inner .form-row .select2-container--default .select2-selection--single ~ label.error { color: #dc2832; font-weight: normal; font-size: 80%; } #locator-popup .popup-container .popup-content .inner .form-row input::-webkit-input-placeholder, #locator-popup .popup-container .popup-content .inner .form-row .select2-container--default .select2-selection--single::-webkit-input-placeholder { color: #231f20; } #locator-popup .popup-container .popup-content .inner .form-row input:-moz-placeholder, #locator-popup .popup-container .popup-content .inner .form-row .select2-container--default .select2-selection--single:-moz-placeholder { color: #231f20; } #locator-popup .popup-container .popup-content .inner .form-row input::-moz-placeholder, #locator-popup .popup-container .popup-content .inner .form-row .select2-container--default .select2-selection--single::-moz-placeholder { color: #231f20; } #locator-popup .popup-container .popup-content .inner .form-row input:-ms-input-placeholder, #locator-popup .popup-container .popup-content .inner .form-row .select2-container--default .select2-selection--single:-ms-input-placeholder { color: #231f20; } #locator-popup .popup-container .popup-content .inner .form-row input .select2-selection__arrow, #locator-popup .popup-container .popup-content .inner .form-row .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } #locator-popup .popup-container .popup-content .inner .form-row input .select2-selection__rendered, #locator-popup .popup-container .popup-content .inner .form-row input .select2-selection__placeholder, #locator-popup .popup-container .popup-content .inner .form-row .select2-container--default .select2-selection--single .select2-selection__rendered, #locator-popup .popup-container .popup-content .inner .form-row .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #231f20; font-size: 22px; height: auto; line-height: 1; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup .popup-container .popup-content .inner .form-row input .select2-selection__rendered, #locator-popup .popup-container .popup-content .inner .form-row input .select2-selection__placeholder, #locator-popup .popup-container .popup-content .inner .form-row .select2-container--default .select2-selection--single .select2-selection__rendered, #locator-popup .popup-container .popup-content .inner .form-row .select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 5vw; } } @media (min-width: 769px) { #locator-popup.full_screen[data-type="shipping"] .popup-container, #locator-popup.full_screen[data-type="locatorHome"] .popup-container, #locator-popup.full_screen[data-type="validation"] .popup-container { max-width: 600px; min-width: unset; } #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content, #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content, #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content { position: relative; } } body.client-logged-in #locator-popup .popup-container .popup-content header.tabs-header .locator-welcome { position: fixed; top: 15px; left: 15px; color: #FFFFFF; text-align: left; } body.client-logged-in #locator-popup .popup-container .popup-content header.tabs-header .ico { transform: none; position: static; height: 80px; width: 80px; } #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item { padding: 20px; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item { padding: 5vw 3vw; } } @media (max-width: 768px) and (orientation: portrait) { #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item .item-content { margin: 0 5vw; max-width: unset; } } #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item .item-content strong { font-weight: normal; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item .item-content strong { font-size: 5vw; } } #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item .item-content span { font-size: 15px; font-weight: normal; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item .item-content span { font-size: 3.8vw; } } #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item .item-location { font-size: 15px; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item .item-location { font-size: 3.8vw; width: 15vw; } } #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item .item-location .marker { color: #dc2832; height: 20px; margin: 1px 0 5px; line-height: 1; } #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item.branch-item { background: inherit; padding: 20px; } #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item.branch-item:first-child { background: #eaebec; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item.branch-item { padding: 5vw 3vw; } } #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item.branch-item .item-btn { transform: none; } #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item.branch-item .fav_branch { font-size: 0; margin: 0 5px; } #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item.branch-item .fav_branch:after { content: "\f004"; font: 17px FontAwesome; color: #dc2832; } #locator-popup .popup-container .popup-content #locator-pickup.as_list .branch-item.branch-item .item-location { color: inherit; } #locator-popup .popup-container .popup-content .saved-adresses-list { width: calc(100% + 40px); margin: -20px -20px 0; text-align: center; border-radius: 10px 10px 0 0; overflow: hidden; } #locator-popup .popup-container .popup-content .saved-adresses-list h5 { margin: 0; font-size: 20px; padding: 10px 0; font-weight: normal; background: #dc2832; color: #FFFFFF; } #locator-popup .popup-container .popup-content .saved-adresses-list .address-item { padding: 15px 20px; } #locator-popup .popup-container .popup-content .saved-adresses-list .address-item .item-content { margin: 0; max-width: unset; font-size: 18px; text-align: right; } #locator-popup .popup-container .popup-content .saved-adresses-list #newAdress { background: #231f20; padding: 15px; font-size: 18px; font-weight: normal; box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.6); border: none; margin-top: 15px; width: 100%; } #locator-popup .popup-container .popup-content .saved-adresses-list #newAdress i { display: none; } #locator-popup[data-type="shipping"].select-is-active header { display: none; } #locator-popup[data-type="shipping"].select-is-active .popup-container .popup-content #locator-shipping { padding-top: 20px; } #locator-popup[data-type="shipping"].select-is-active .popup-container .popup-content #locator-shipping .login_row { display: none; } #locator-popup[data-type="shipping"].select-is-active footer.locator-footer { display: none; } #locator-popup[data-type="shipping"].select-is-active .popup-container .popup-content .inner .select-is-active { display: block; } .city-row.ios-fix .select2-container--default .select2-selection--multiple .select2-selection__choice, .city-row.ios-fix .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice, .street-row.ios-fix .select2-container--default .select2-selection--multiple .select2-selection__choice, .street-row.ios-fix .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice { padding: 0 10px; } @media (min-width: 769px) { #locator-popup .popup-container .popup-content .locator-content { overflow: visible; } } @media (min-width: 769px) { .ama-popup .popup-container .popup-top h5 { font-weight: normal; font-size: 22px; } } .ama-popup .popup-container .popup-top .close { top: 5px; right: 5px; } @media (min-width: 769px) { .ama-popup .popup-container .popup-top .close { width: 25px; height: 25px; } } .ama-popup.clubGiftsPop .popup-container .popup-top { height: 40px; background: #231f20; } .ama-popup.clubGiftsPop .popup-container .popup-top h5 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; font-weight: normal; height: 100%; } .ama-popup.clubGiftsPop .popup-container .popup-top .close, .ama-popup.clubGiftsPop .popup-container .popup-top .back { top: 10px !important; right: 10px !important; width: 18px; height: 18px; } .ama-popup.clubGiftsPop .popup-content .prds_container .club_gift_item .inner .details p { padding: 0; max-width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } #club_gift_container .club_gift_item .club_gift_inner .club_gift_details .club_gift_button input[type="checkbox"]:checked ~ span.cb:after, #club_gift_container .club_gift_item .club_gift_inner .club_gift_details .club_gift_button.selected > span.cb:after { font-size: 13px; bottom: 4px; right: 0; } .ama-popup.clubGiftsPop .popup-content .prds_container .club_gift_item .inner .image { height: 120px; } .ama-popup.clubGiftsPop .popup-content .prds_container .club_gift_item .inner .image img { height: 100%; width: 100%; object-fit: contain; } #club_gift_container .club_gift_item .club_gift_inner .club_gift_details .club_gift_button.selected { background: #221f1f; } .ama-popup.clubGiftsPop .popup-content .prds_container .club_gift_item .inner .image { height: 120px; } .ama-popup.clubGiftsPop .popup-content .prds_container .club_gift_item .inner .image img { height: 100%; width: 100%; object-fit: contain; } .como-row { padding: 0 40px 0; } .como-row .show_como_promotion_pop { width: 100%; display: inline-block; padding: 15px; background: #dc2832; color: #fff; font-size: 21px; font-weight: 500; text-decoration: none; } @media (max-width: 768px) { .como-row .show_como_promotion_pop { width: 50%; } } #logo { -webkit-transition: opacity ease-out 150ms; -moz-transition: opacity ease-out 150ms; -ms-transition: opacity ease-out 150ms; -o-transition: opacity ease-out 150ms; transition: opacity ease-out 150ms; } #logo a.home-logo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } @media (min-width: 769px) { #logo a.home-logo { width: 160px; } } @media (max-width: 768px) { #logo a.home-logo { padding: 12px; } } #logo a.home-logo img.mobile_logo { height: 100%; } #top_user_area.isLoggedIn .top-user-icon { background-color: #3e1707; } #top_user_area.isLoggedIn .top-user-welcome { color: #fff; } #top_user_area.isLoggedIn .top-user-welcome .user-enter { font-weight: normal; font-size: 13px; } #top_user_area.isLoggedIn .top-user-welcome .welcome-top { line-height: 1; font-size: 13px; } #siteHeader { padding-top: 0; } @media (max-width: 768px) { #siteHeader .header_inner { background-size: contain; background-repeat: repeat-y; background-position: 50%; } } #mobileNav ul.mainmenu li.menus, #mobileNav ul.mainmenu li.social { display: none; } #mobileNav ul.mainmenu li.order a { text-decoration: underline; } #top_user_area { z-index: 9; width: auto; } #top_user_area .userAreaBox { padding: 0 10px; } #top_user_area .userAreaBox .top-user-icon { width: 25px; height: 25px; filter: saturate(0) contrast(1) invert(1); } #top_user_area #header_site_login { color: #a2a2a2; } #top_user_area.isLoggedIn .top-user-icon { filter: none; } @media (max-width: 768px) { body.enable_top_header #siteHeader #top-header-row { -webkit-justify-content: center; justify-content: center; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.6); } body.enable_top_header #siteHeader #top-header-row #mobile_menu_btn { right: 10px; border: none; position: absolute; top: 20px; color: #eaebec; } } #mobile_menu_btn { top: 18px; } #mobile_menu_btn:before, #mobile_menu_btn:after, #mobile_menu_btn span { background: #FFFFFF; height: 2px; width: 70%; } #mobile_menu_btn:after { top: 19px; } #mobile_menu_btn:before { top: 1px; } /*Search*/ .search-fake-field { color: #6b6e79; padding-right: 15px; font-size: 18px; } body.shop.search-open-field.enable_top_header #top_user_area { display: inherit; } body.shop.search-open-field.enable_top_header #locator_header { display: none !important; } body.enable_top_header #siteHeader #siteNavwrap { background: #f5f7f9; padding: 0; } body.enable_top_header #siteHeader #siteNavwrap #locator_header { line-height: 1; color: #6b6e79; display: flex; flex-direction: column; text-align: right; justify-content: flex-start; align-items: flex-start; padding: 0 10px 0 0; font-size: 17px; } @media (max-width: 768px) and (orientation: portrait) { body.enable_top_header #siteHeader #siteNavwrap #locator_header { font-size: 4vw; } } body.enable_top_header #siteHeader #siteNavwrap #locator_header a { flex: 1; font-size: 16px; } body.enable_top_header #siteHeader #siteNavwrap #locator_header a:after { content: ')'; } body.enable_top_header #siteHeader #siteNavwrap #locator_header a:before { content: '('; } body.enable_top_header #siteHeader #siteNavwrap #locator_header .branch-details { flex-direction: row; width: 100%; align-items: center; justify-content: flex-start; line-height: 1.3; font-size: 16px; } body.enable_top_header #siteHeader #siteNavwrap #locator_header .branch-details span:first-child:after { content: '-'; display: inline-block; margin: 0 2px; } body.enable_top_header #siteHeader #siteNavwrap #mobile_search_btn { max-width: 20%; top: calc(50% - 12.5px); width: 25px; height: 25px; order: 2; } body.enable_top_header #siteHeader #siteNavwrap #searchPanel { background: transparent; padding-right: 15px; } body.enable_top_header #siteHeader #siteNavwrap #searchPanel .close-search { left: -30px; } body.enable_top_header #siteHeader #siteNavwrap #searchPanel #search_q { border: none; background: transparent; padding: 0 0 0 20px; font-size: 17px; } @media (max-width: 768px) and (orientation: portrait) { body.enable_top_header #siteHeader #siteNavwrap #searchPanel #search_q { font-size: 4vw; } } #searchPanel.slide_field_search.isopen #search_q { font-size: 18px; padding: 5px 10px; height: 30px; border-radius: 15px; border: none; } #mobile_search_btn { top: calc(50% - 12.5px); width: 25px; height: 25px; } /*/*/ @media (max-width: 768px) { #toggle_user_nav { width: 90%; max-width: unset; } } #toggle_user_nav .user-nav-header { padding: 0 20px; display: flex; align-items: center; justify-content: flex-start; flex-direction: row-reverse; height: 60px; } #toggle_user_nav .user-nav-header .top-user-welcome { width: 100%; } #toggle_user_nav .user-nav-header .top-user-welcome .user-name-in { font-size: 21px; font-weight: normal; } #toggle_user_nav .user-nav-header .user-header-top { padding: 0; margin-right: 15px; } #toggle_user_nav .user-nav-header .top-user-icon { background-color: #3e1707; border: 2px solid #FFFFFF; } #toggle_user_nav .user-nav-header .user-nav-close { width: 20px; height: 20px; top: 20px; right: 20px; } #toggle_user_nav .user-nav-header .user-nav-close img { width: 100%; height: 100%; } #toggle_user_nav ul { margin: 0; } #toggle_user_nav ul li { border: none; } @media (min-width: 769px) { #toggle_user_nav ul li { border: 1px solid #eaebec; } } #toggle_user_nav ul li a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; -webkit-flex-direction: row; flex-direction: row; padding: 0; height: 80px; border-top: 1px solid #eaebec; line-height: 1; width: calc(100% - 40px); margin: 0 20px; text-align: center; font-size: 21px; } @media (min-width: 769px) { #toggle_user_nav ul li a { height: 60px; border-bottom: none; font-size: 19px; } } #toggle_user_nav ul li a .item-hovericon, #toggle_user_nav ul li a .menu-item-icon { position: absolute; right: 0; width: 40px; margin: 0; padding: 0; } @media (min-width: 769px) { #toggle_user_nav ul li a .item-hovericon, #toggle_user_nav ul li a .menu-item-icon { width: 30px; right: 10px; } } #toggle_user_nav ul li a .item-hovericon img, #toggle_user_nav ul li a .menu-item-icon img { width: auto; height: 40px; max-width: 40px; max-height: unset; } @media (max-width: 768px) and (orientation: portrait) { #toggle_user_nav ul li a .item-hovericon img, #toggle_user_nav ul li a .menu-item-icon img { height: 10vw; max-width: 10vw; } } #toggle_user_nav ul li a .item-title, #toggle_user_nav ul li a .menu-item-name { font-size: 21px; } @media (max-width: 768px) and (orientation: portrait) { #toggle_user_nav ul li a .item-title, #toggle_user_nav ul li a .menu-item-name { font-size: 5vw; } } @media (min-width: 769px) { #toggle_user_nav ul li a .item-title, #toggle_user_nav ul li a .menu-item-name { font-size: 19px; } } #toggle_user_nav ul li a.active, #toggle_user_nav ul li a:focus, #toggle_user_nav ul li a:hover { background: transparent; color: #dc2832; } #toggle_user_nav ul li a.active > i, #toggle_user_nav ul li a:focus > i, #toggle_user_nav ul li a:hover > i { display: none; } #toggle_user_nav ul li a.get_gift { background: #dc2832 url("images/get_gift_bg.png") no-repeat 50%; background-size: cover; color: #FFFFFF; height: 60px; border: none; margin: 0; width: 100%; } @media (min-width: 769px) { #toggle_user_nav ul li a.get_gift { padding: 0 30px; } } #toggle_user_nav ul li a.get_gift.active, #toggle_user_nav ul li a.get_gift:focus, #toggle_user_nav ul li a.get_gift:hover { background: #dc2832 url("images/get_gift_bg.png") no-repeat 50%; color: #FFFFFF; } #toggle_user_nav ul li:first-child a { border: none; } @media (min-width: 769px) { #toggle_user_nav ul li a { border: none; } } @media (max-width: 768px) { .container.account-page { margin: 0; padding: 0; } } .container.account-page .account-sidebar ul.account-menu { margin: 0; } .container.account-page .account-sidebar ul.account-menu li { border: none; } @media (min-width: 769px) { .container.account-page .account-sidebar ul.account-menu li { border: 1px solid #eaebec; } } .container.account-page .account-sidebar ul.account-menu li a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; -webkit-flex-direction: row; flex-direction: row; padding: 0; height: 80px; border-top: 1px solid #eaebec; line-height: 1; width: calc(100% - 40px); margin: 0 20px; text-align: center; font-size: 21px; } @media (min-width: 769px) { .container.account-page .account-sidebar ul.account-menu li a { height: 60px; border-bottom: none; font-size: 19px; } } .container.account-page .account-sidebar ul.account-menu li a .item-hovericon, .container.account-page .account-sidebar ul.account-menu li a .menu-item-icon { position: absolute; right: 0; width: 40px; margin: 0; padding: 0; } @media (min-width: 769px) { .container.account-page .account-sidebar ul.account-menu li a .item-hovericon, .container.account-page .account-sidebar ul.account-menu li a .menu-item-icon { width: 30px; right: 10px; } } .container.account-page .account-sidebar ul.account-menu li a .item-hovericon img, .container.account-page .account-sidebar ul.account-menu li a .menu-item-icon img { width: auto; height: 40px; max-width: 40px; max-height: unset; } @media (max-width: 768px) and (orientation: portrait) { .container.account-page .account-sidebar ul.account-menu li a .item-hovericon img, .container.account-page .account-sidebar ul.account-menu li a .menu-item-icon img { height: 10vw; max-width: 10vw; } } .container.account-page .account-sidebar ul.account-menu li a .item-title, .container.account-page .account-sidebar ul.account-menu li a .menu-item-name { font-size: 21px; } @media (max-width: 768px) and (orientation: portrait) { .container.account-page .account-sidebar ul.account-menu li a .item-title, .container.account-page .account-sidebar ul.account-menu li a .menu-item-name { font-size: 5vw; } } @media (min-width: 769px) { .container.account-page .account-sidebar ul.account-menu li a .item-title, .container.account-page .account-sidebar ul.account-menu li a .menu-item-name { font-size: 19px; } } .container.account-page .account-sidebar ul.account-menu li a.active, .container.account-page .account-sidebar ul.account-menu li a:focus, .container.account-page .account-sidebar ul.account-menu li a:hover { background: transparent; color: #dc2832; } .container.account-page .account-sidebar ul.account-menu li a.active > i, .container.account-page .account-sidebar ul.account-menu li a:focus > i, .container.account-page .account-sidebar ul.account-menu li a:hover > i { display: none; } .container.account-page .account-sidebar ul.account-menu li a.get_gift { background: #dc2832 url("images/get_gift_bg.png") no-repeat 50%; background-size: cover; color: #FFFFFF; height: 60px; border: none; margin: 0; width: 100%; } @media (min-width: 769px) { .container.account-page .account-sidebar ul.account-menu li a.get_gift { padding: 0 30px; } } .container.account-page .account-sidebar ul.account-menu li a.get_gift.active, .container.account-page .account-sidebar ul.account-menu li a.get_gift:focus, .container.account-page .account-sidebar ul.account-menu li a.get_gift:hover { background: #dc2832 url("images/get_gift_bg.png") no-repeat 50%; color: #FFFFFF; } .container.account-page .account-sidebar ul.account-menu li:first-child a { border: none; } .container.account-page .account-sidebar ul.account-menu li a { border: none; } .account-header { text-align: center; color: #FFFFFF; min-height: 40px; display: flex; align-items: center; justify-content: center; background: #231f20; width: 100%; overflow: hidden; border-bottom: none; top: 60px; z-index: 5; margin: 0; padding: 0; } .account-header h2, .account-header h5, .account-header h1 { font-weight: 500; margin: 0; font-size: 24px; } @media (max-width: 768px) and (orientation: portrait) { .account-header h2, .account-header h5, .account-header h1 { font-size: 5.5vw; } } .account-header .back, .account-header .close { height: 100%; position: absolute; background-size: 15px 15px; padding: 15px; background-position: 50%; top: 0; right: 0; } .account-header .back img, .account-header .close img { width: 15px; height: 15px; } .account-header .popup-top-product-title h2, .account-header .popup-top-product-title h5 { font-size: 24px; line-height: 1; padding: 5px 40px; } @media (max-width: 768px) and (orientation: portrait) { .account-header .popup-top-product-title h2, .account-header .popup-top-product-title h5 { font-size: 5.5vw; } } #mobileNav ul.mainmenu { margin: 0; } #mobileNav ul.mainmenu li { border: none; } @media (min-width: 769px) { #mobileNav ul.mainmenu li { border: 1px solid #eaebec; } } #mobileNav ul.mainmenu li a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; -webkit-flex-direction: row; flex-direction: row; padding: 0; height: 80px; border-top: 1px solid #eaebec; line-height: 1; width: calc(100% - 40px); margin: 0 20px; text-align: center; font-size: 21px; } @media (min-width: 769px) { #mobileNav ul.mainmenu li a { height: 60px; border-bottom: none; font-size: 19px; } } #mobileNav ul.mainmenu li a .item-hovericon, #mobileNav ul.mainmenu li a .menu-item-icon { position: absolute; right: 0; width: 40px; margin: 0; padding: 0; } @media (min-width: 769px) { #mobileNav ul.mainmenu li a .item-hovericon, #mobileNav ul.mainmenu li a .menu-item-icon { width: 30px; right: 10px; } } #mobileNav ul.mainmenu li a .item-hovericon img, #mobileNav ul.mainmenu li a .menu-item-icon img { width: auto; height: 40px; max-width: 40px; max-height: unset; } @media (max-width: 768px) and (orientation: portrait) { #mobileNav ul.mainmenu li a .item-hovericon img, #mobileNav ul.mainmenu li a .menu-item-icon img { height: 10vw; max-width: 10vw; } } #mobileNav ul.mainmenu li a .item-title, #mobileNav ul.mainmenu li a .menu-item-name { font-size: 21px; } @media (max-width: 768px) and (orientation: portrait) { #mobileNav ul.mainmenu li a .item-title, #mobileNav ul.mainmenu li a .menu-item-name { font-size: 5vw; } } @media (min-width: 769px) { #mobileNav ul.mainmenu li a .item-title, #mobileNav ul.mainmenu li a .menu-item-name { font-size: 19px; } } #mobileNav ul.mainmenu li a.active, #mobileNav ul.mainmenu li a:focus, #mobileNav ul.mainmenu li a:hover { background: transparent; color: #dc2832; } #mobileNav ul.mainmenu li a.active > i, #mobileNav ul.mainmenu li a:focus > i, #mobileNav ul.mainmenu li a:hover > i { display: none; } #mobileNav ul.mainmenu li a.get_gift { background: #dc2832 url("images/get_gift_bg.png") no-repeat 50%; background-size: cover; color: #FFFFFF; height: 60px; border: none; margin: 0; width: 100%; } @media (min-width: 769px) { #mobileNav ul.mainmenu li a.get_gift { padding: 0 30px; } } #mobileNav ul.mainmenu li a.get_gift.active, #mobileNav ul.mainmenu li a.get_gift:focus, #mobileNav ul.mainmenu li a.get_gift:hover { background: #dc2832 url("images/get_gift_bg.png") no-repeat 50%; color: #FFFFFF; } #mobileNav ul.mainmenu li:first-child a { border: none; } #mobileNav ul.mainmenu li a { width: calc(100% - 60px); margin: 0 30px; } #mobileNav ul.mainmenu li a .item-hovericon img { max-width: 50px; } #mobileNav ul.mainmenu li.social a .item-hovericon { position: static; } #mobileNav ul.mainmenu li.social a .item-title { display: none; } #mobileNav ul.mainmenu li.show_locator a { border: none; background: #dc2832; color: #FFFFFF; border-radius: 40px; font-size: 30px; width: 80%; margin: 15px auto; height: 65px; text-decoration: none; } @media (max-width: 768px) and (orientation: portrait) { #mobileNav ul.mainmenu li.show_locator a { font-size: 7vw; height: 15vw; } } .site-search-row { background: #f5f7f9; padding: 0 15px; position: relative; height: 60px; display: flex; align-items: center; justify-content: center; } .site-search-row input { border: none; width: calc(100% - 50px); font-size: 22px; background: transparent; } .site-search-row input::-webkit-input-placeholder { color: transparent !important; } .site-search-row input:-moz-placeholder { color: transparent !important; } .site-search-row input::-moz-placeholder { color: transparent !important; } .site-search-row input:-ms-input-placeholder { color: transparent !important; } .site-search-row input:focus ~ label, .site-search-row input:not(:placeholder-shown) ~ label { display: none; } .site-search-row label { position: absolute; margin: 0; font-size: 22px; font-weight: normal; right: 20px; } .site-search-row button.icon { border: none; width: 50px; padding: 0; text-align: left; } .site-search-row button.icon img { width: 20px; } @media (min-width: 769px) { #siteNavwrap .siteNav .mainmenu li.social .item-hovericon { position: static; opacity: 1; } #siteNavwrap .siteNav .mainmenu li.social .item-title { display: none; } } @media (min-width: 769px) { #shop-wrapper #shop_messeges_wrapper .branch_msg { max-width: calc(100% - 20px); margin: auto; } #shop-wrapper #shop_messeges_wrapper .branch_msg#branch_msg_0 { margin-top: 10px; } } .addtocartmobile { display: none; } .sub_cats_header button { color: #dc2832; background: none; font-size: 3.5vw; padding: 0; display: inline-flex; align-items: center; justify-content: center; } .sub_cats_header button:before { content: "\f105"; font-family: FontAwesome; margin: 0 5px; font-size: 5vw; } #products-wrapper .products.as_grid { padding: 10px 0; } @media (min-width: 769px) { #products-wrapper .products.as_grid { padding: 0 12px; } } #products-wrapper .products .product.box_list { padding: 10px 10px 10px 0; } #products-wrapper .products .product.box_list .product-inner { align-items: center; } #products-wrapper .products .product.box_list .product-inner .product-content { padding: 10px 10px 10px 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; height: 100%; } #products-wrapper .products .product.box_list .product-inner .product-content > p { min-width: 100%; order: 3; } #products-wrapper .products .product.box_list .product-inner .product-content > h3 { width: 80%; order: 1; } #products-wrapper .products .product.box_list .product-inner .product-content .product-price { width: 20%; order: 2; } #products-wrapper .products .product.box_list .product-inner .product-content .product-price .cur { font-size: 100%; } #products-wrapper .products .product.box_list .product-inner .product-content .product-price, #products-wrapper .products .product.box_list .product-inner .product-content h3 { font-size: 19px; line-height: 1; font-weight: bold; } @media (min-width: 769px) { #products-wrapper .products .product.box_list .product-inner .product-content .product-price, #products-wrapper .products .product.box_list .product-inner .product-content h3 { font-size: 22px; } } #products-wrapper .products .product.box_list .product-inner .product-content p { font-size: 16px; line-height: 1.2; } @media (min-width: 769px) { #products-wrapper .products .product.box_list .product-inner .product-content p { font-size: 19px; } } #products-wrapper .products .product.box_list .product-inner .addtocartmobile { display: none; } #products-wrapper .products .product.box_list .product-inner .addtocart { width: 100%; } #products-wrapper .products .product.box_list .product-inner .addtocart i { display: none; } #products-wrapper .products .product.box_list .product-inner .product-img { width: 35%; } #products-wrapper .products .product.box_list .product-inner .product-img img { width: 100%; } #products-wrapper .products .product.box_large, #products-wrapper .products .product { margin: 0 auto; padding: 0; } #products-wrapper .products .product.box_large .addtocart, #products-wrapper .products .product .addtocart { width: 100%; } #products-wrapper .products .product.box_large .addtocart i, #products-wrapper .products .product .addtocart i { display: none !important; } #products-wrapper .products .product.box_large .product-inner .product-img, #products-wrapper .products .product .product-inner .product-img { max-width: 50%; min-width: unset; } #products-wrapper .products .product.box_large .product-inner .product-img { max-width: unset; } #products-wrapper .products .product.box_medium { border: 2px solid #eaebec; } #products-wrapper .products .product.box_medium .product-inner .product-content { padding: 0; } #products-wrapper .products .product.box_medium .product-inner .product-img { height: 170px; margin-bottom: 10px; } #products-wrapper .products .product.box_medium .product-inner .product-img img { height: 100%; width: auto; } /*sizes*/ #shop-wrapper.drinks_sizes_flow #products-wrapper .products .product .product-inner .product-content { display: flex; flex-direction: column; } #shop-wrapper.drinks_sizes_flow #products-wrapper .products { grid-gap: 5px; } #sub_cats_wrapper .sub_cats_header h4 { font-size: 3.5vw; } #shop-wrapper.drinks_sizes_flow .category-content .cat-img { height: 30vh; } #shop-wrapper.drinks_sizes_flow #products-wrapper .products .product .product-inner .product-img img { opacity: 0; } #shop-wrapper.drinks_sizes_flow #products-wrapper .products .product .product-inner .product-img { height: auto !important; max-width: 90px; margin: auto; } #shop-wrapper.drinks_sizes_flow #products-wrapper .products .product .product-inner .product-content h3 { display: none; } #mobileCartFooter.is_large_btn { box-shadow: 0 -6px 20px -4px rgba(0, 0, 0, 0.3); } #mobileCartFooter.is_large_btn #footer_cart_action { background: transparent; padding: 10px 15px; } #mobileCartFooter.is_large_btn #footer_cart_action button.gotoCheckout { box-shadow: 0 7px 13px -2px rgba(0, 0, 0, 0.5); } #mobileCartFooter.is_large_btn #footer_cart_action button.gotoCheckout .minicart_btn_icon { max-width: 25px; } #footer_cart_summery #mobile_cart_btn .inner { display: grid; grid-template-columns: 50px 1fr; grid-template-rows: 50% 50%; } #footer_cart_summery #mobile_cart_btn:after { content: ''; width: 15px; height: 15px; position: static; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50%; transform: rotate(0deg); } #footer_cart_summery #mobile_cart_btn.on:after { transform: rotate(180deg); } #footer_cart_summery #mobile_cart_btn .total-items { background: transparent; color: #dc2832; border: none; width: 40px; right: 0; height: 100%; top: 45%; } #footer_cart_summery #mobile_cart_btn .cart_icon { width: 40px; height: 40px; grid-row: 2 span; } #footer_cart_summery #mobile_cart_btn span.total-price-row, #footer_cart_summery #mobile_cart_btn span.total-items-row { width: 100%; margin: 0; } #footer_cart_summery #mobile_cart_btn span.total-price-row { order: 2; font-weight: bold; font-size: 0; } #footer_cart_summery #mobile_cart_btn span.total-price-row .formatted-price { font-size: 27px; margin: 0; color: #231f20; } #footer_cart_summery #mobile_cart_btn span.total-items-row { order: 3; align-self: flex-end; } #categories-wrapper { background: #fff; } #categories-wrapper ul { white-space: nowrap; } @media (max-width: 768px) { #categories-wrapper ul li { width: auto !important; } } #categories-wrapper ul li a .cat_img { width: 90%; } @media (max-width: 768px) { #categories-wrapper ul li a .cat_img { height: 55px; padding: 0; background-size: contain; } } #categories-wrapper ul li.selected a .cat_img { opacity: 1; } #categories-wrapper.as_full_page_grid.as_grid.grid_2 .main_cat_sidebar ul { grid-template-columns: 1fr 1fr; } @media (min-width: 769px) { #categories-wrapper ul li { border-bottom: 1px solid #eaebec; } #categories-wrapper ul li a { display: flex; align-items: center; justify-content: flex-start; font-size: 22px; padding: 0; } #categories-wrapper ul li a .cat_img { width: 45px; flex: none; margin: 0 5px 0 16px; } } #searchPanel { margin: 0; } #categories-wrapper.as_full_page_grid.as_grid .main_cat_sidebar ul li { border-bottom: 1px solid; padding: 10px; } #categories-wrapper.as_full_page_grid.as_grid .main_cat_sidebar ul li .cat-label { font-size: 18px; font-weight: bold; margin-top: 5px; } #categories-wrapper.as_full_page_grid.as_grid .main_cat_sidebar ul li:nth-child(odd) { border-left: 1px solid; } .cats_grid_title { border-bottom: 1px solid; } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container { max-width: 750px; } } .ama-popup.popup-builder .popup-container .popup-top { border: none; } .ama-popup.popup-builder .popup-container .popup-top .back, .ama-popup.popup-builder .popup-container .popup-top .close { top: 10px !important; right: 10px !important; width: 30px; height: 30px; } .ama-popup.popup-builder .popup-container .popup-top h5, .ama-popup.popup-builder .popup-container .popup-top .popup-top-product-title h2 { padding: 15px 0; font-weight: bold; line-height: 1; } .ama-popup.popup-builder .popup-container .popup-content { padding: 0; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn { box-shadow: 0 -6px 20px -4px rgba(0, 0, 0, 0.3); padding: 15px; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .builder-total-wrap { display: grid; grid-template-columns: 50px 1fr; grid-template-rows: auto; height: 100%; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .builder-total-wrap .cart_icon { width: 40px; height: 40px; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .builder-total-wrap .total-price { display: flex; flex-direction: column; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .builder-total-wrap .total-price > strong { order: 1; color: #231f20; font-size: 22px; line-height: 20px; font-weight: bold; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .builder-total-wrap .total-price > strong > span:first-child { display: none; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .builder-total-wrap .total-price > span { order: 2; color: #231f20; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .builder-total-wrap .total-price #total_price { margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .add-to-cart, .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn #add-to-cart { box-shadow: 0 7px 13px -2px rgba(0, 0, 0, 0.5); line-height: 1; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .add-to-cart > .icon, .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn #add-to-cart > .icon { margin: 0 10px; width: 20px; max-width: 20px; } .ama-popup.popup-builder .popup-container .popup-content .builder-header.fullwidth { padding: 0; } .ama-popup.popup-builder .popup-container .popup-content .components { overflow-x: hidden; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item { border-bottom: 5px solid #eaebec; padding: 15px; } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item { padding: 10px 20px; } } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-price-info { color: #dc2832; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-image { margin: 0 0 0 20px; width: 80px; min-width: 80px; } @media (max-width: 768px) and (orientation: portrait) { .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-image { width: 17vw; min-width: 17vw; margin: 0 0 0 8vw; } } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-content { flex: 1; flex-wrap: wrap; max-width: 55vw; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-content h3 { min-width: 100%; text-align: right; font-size: 20px; font-weight: bold; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-content h3:after { display: none; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-content .builder-item-change { border: none; background: #eaebec; color: #231f20; text-transform: uppercase; padding: 2px 10px; font-size: 16px; border-radius: 15px; position: absolute; left: 15px; top: calc(50% - 10px); } .ama-popup.popup-builder .popup-container .popup-content .components .component { border-bottom: 5px solid #eaebec; padding: 15px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.notvalid { border-top: none; border-bottom: 5px solid #eaebec; } .ama-popup.popup-builder .popup-container .popup-content .components .component h3.component-label { text-align: center; font-weight: bold; margin: 5px 0 20px 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component h3.component-label .limit_text { display: block; color: #231f20; } @media (max-width: 768px) { .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-1 > .group { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 10px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-1 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-1 > .group .dynamic-components-wrap.onlist { grid-column: span 1; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-2 > .group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 10px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-2 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-2 > .group .dynamic-components-wrap.onlist { grid-column: span 2; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-3 > .group { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 10px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-3 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-3 > .group .dynamic-components-wrap.onlist { grid-column: span 3; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-4 > .group { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 10px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-4 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-4 > .group .dynamic-components-wrap.onlist { grid-column: span 4; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-5 > .group { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-gap: 10px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-5 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-5 > .group .dynamic-components-wrap.onlist { grid-column: span 5; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-6 > .group { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-gap: 10px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-6 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-6 > .group .dynamic-components-wrap.onlist { grid-column: span 6; } } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-1 > .group { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 10px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-1 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-1 > .group .dynamic-components-wrap.onlist { grid-column: span 1; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-2 > .group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 10px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-2 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-2 > .group .dynamic-components-wrap.onlist { grid-column: span 2; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-3 > .group { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 10px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-3 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-3 > .group .dynamic-components-wrap.onlist { grid-column: span 3; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-4 > .group { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 10px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-4 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-4 > .group .dynamic-components-wrap.onlist { grid-column: span 4; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-5 > .group { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-gap: 10px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-5 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-5 > .group .dynamic-components-wrap.onlist { grid-column: span 5; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-6 > .group { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-gap: 10px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-6 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-6 > .group .dynamic-components-wrap.onlist { grid-column: span 6; } } .ama-popup.popup-builder .popup-container .popup-content .components .component .group label .cb_label { font-size: inherit; line-height: 1; } .ama-popup.popup-builder .popup-container .popup-content .components .component .group label.hasImg { padding: 0; margin: 0; border: none; } .ama-popup.popup-builder .popup-container .popup-content .components .component .group label.showAsBox.selected > .cb { box-shadow: none; margin: 0; width: 25px; height: 25px; } .ama-popup.popup-builder .popup-container .popup-content .components .component .group label.showAsBox:not(.hasImg) { border: none; justify-content: center; height: auto; padding: 15px 0; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component .group label.showAsBox:not(.hasImg).selected { border: none; } .ama-popup.popup-builder .popup-container .popup-content .components .component .group label.showAsBox:not(.hasImg).selected > .item-price { color: #dc2832; } @media (max-width: 768px) { .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-mob-2 { border-bottom: none; padding: 15px 15px 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-mob-2 .group { width: calc(100% + 30px); margin: 0 -15px; grid-gap: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-mob-2 .group label:nth-child(odd) { border-left: 5px solid #eaebec; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-mob-2 .group label { border-bottom: 5px solid #eaebec; padding: 0 5px 10px; background: #FFFFFF; border-radius: 0; min-height: 80px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-mob-2 .group label.selected { border-bottom: 5px solid #eaebec; background: #FFFFFF; color: #231f20; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-mob-2 .group label.selected > .cb { top: auto; right: 15%; bottom: 20%; } } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-4 { border-bottom: none; padding: 15px 15px 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-4 .group { width: calc(100% + 30px); margin: 0 -15px; grid-gap: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-4 .group label { border-left: 5px solid #eaebec; border-bottom: 5px solid #eaebec; padding: 0 5px 10px; background: #FFFFFF; border-radius: 0; min-height: 80px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-4 .group label.selected { border-bottom: 5px solid #eaebec; background: #FFFFFF; color: #231f20; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-4 .group label.selected > .cb { top: auto; right: 15%; bottom: 20%; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-4 .group label:nth-child(4n) { border-left: none; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-4 .group label label.hasImg img { padding: 10px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-2 { border-bottom: none; padding: 15px 15px 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-2 .group { width: calc(100% + 30px); margin: 0 -15px; grid-gap: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-2 .group label:nth-child(odd) { border-left: 5px solid #eaebec; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-2 .group label { border-bottom: 5px solid #eaebec; padding: 0 5px 10px; background: #FFFFFF; border-radius: 0; min-height: 80px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-2 .group label.selected { border-bottom: 5px solid #eaebec; background: #FFFFFF; color: #231f20; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_images.in-row-2 .group label.selected > .cb { top: auto; right: 15%; bottom: 20%; } } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-5 > .group, .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-5 > .group { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-5 > .group label.hasImg, .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-5 > .group label.hasImg { justify-self: center; max-width: 170px; } .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-5 > .group label.hasImg img, .ama-popup.popup-builder .popup-container .popup-content .components .component.in-row-mob-5 > .group label.hasImg img { max-width: 80px; margin: 10px auto; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label, .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label.showAsBox:not(.hasImg) { background: #eaebec; border-radius: 5px; margin-bottom: 10px; padding: 10px; border: none; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label .formatted-price.item-price, .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label .cb_label, .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label.showAsBox:not(.hasImg) .formatted-price.item-price, .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label.showAsBox:not(.hasImg) .cb_label { font-size: 20px; } @media (max-width: 768px) and (orientation: portrait) { .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label .formatted-price.item-price, .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label .cb_label, .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label.showAsBox:not(.hasImg) .formatted-price.item-price, .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label.showAsBox:not(.hasImg) .cb_label { font-size: 5vw; } } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label .cb, .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label.showAsBox:not(.hasImg) .cb { order: 6; -webkit-order: 6; position: static; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label.selected, .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label.showAsBox:not(.hasImg).selected { background: #000; border: none; } .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label.selected .cb_label, .ama-popup.popup-builder .popup-container .popup-content .components .component.show_as_list .group label.showAsBox:not(.hasImg).selected .cb_label { color: #fff; } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content.hasBuilder .components { width: 100%; margin: 0; } } .ama-popup.popup-builder .popup-container .popup-content.hasBuilder .components.inside.fullwidth { padding: 0; } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content.hasBuilder .components.inside.fullwidth { margin: 0; width: 100%; } } .ama-popup.popup-builder .popup-container .popup-content.hasBuilder .components.inside.fullwidth .component h3.component-label { text-align: center; font-weight: bold; margin: 5px 0 20px 0; } .ama-popup.popup-builder .popup-container .popup-content.hasBuilder .components.inside.fullwidth .component h3.component-label .limit_text { display: block; color: #231f20; } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content .builder-footer { padding: 15px 20px; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer .builder-total-wrap { align-items: center; justify-content: flex-start; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer .builder-total-wrap .cart_icon { width: 40px; height: 40px; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer .total-price strong { font-size: inherit; color: #dc2832; line-height: 1; } } .ama-popup.popup-builder .popup-container .popup-content .components .component.component-notes.asListItem { border-bottom: 5px solid #eaebec; } .ama-popup.popup-builder .popup-container .popup-content .components .component.component-notes.asListItem .item-image { margin: 0 0 0 20px; width: 80px; min-width: 80px; } @media (max-width: 768px) and (orientation: portrait) { .ama-popup.popup-builder .popup-container .popup-content .components .component.component-notes.asListItem .item-image { width: 17vw; min-width: 17vw; margin: 0 0 0 8vw; } } .ama-popup.popup-builder .popup-container .popup-content .components .component.component-notes.asListItem .item-image img { max-width: 100%; } .ama-popup.popup-builder .popup-container .popup-content .components .component.component-notes.asListItem h3.component-label { margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .components .component.component-notes.asListItem input#builder-notes { border: none; padding: 0; min-height: 30px; } @media (min-width: 769px) { #mini-cart { border: 1px solid #eaebec; padding: 10px; } #mini-cart h3.sr-only { position: static; width: auto; height: auto; clip: unset; background: #231f20; color: #FFFFFF; text-align: center; margin: 0; font-weight: normal; font-size: 21px; line-height: 28px; } } @media (max-width: 768px) { #mini-cart { padding: 0; } } #mini-cart .minicart_content .checkout-flow-title { height: 45px; display: flex; align-items: center; justify-content: center; } #mini-cart .minicart_content .checkout-flow-title h2 { font-size: 20px; height: 100%; max-height: unset; background: #231f20; } #mini-cart .minicart_content .checkout-flow-title .back_to_shop { height: 100%; } #mini-cart .top_minicart { padding: 10px; background: #f5f7f9; } #mini-cart .minicart_main { padding: 0 10px; } @media (min-width: 769px) { #mini-cart .minicart_main .minicart-title { display: none; } } @media (min-width: 769px) { #mini-cart footer.bottom_minicart #go_to_checkout { margin: 10px 0 0; } } #home-page { padding: 0; position: relative; } #home-page > .container { padding: 0; } #home-page .page-content { min-height: 100vh; height: 100vh; display: flex; align-items: center; justify-content: flex-end; flex-direction: column; } @media (max-width: 768px) { #home-page .page-content { min-height: calc(100vh - 60px); height: calc(100vh - 60px); } } @media screen and (min-aspect-ratio: 13 / 9) and (orientation: landscape) { #home-page .page-content { min-height: unset; margin: 0; height: calc(100vh - 80px); max-height: unset; } } #home-page .page-content button.show_locator { box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.6); border: none; background: #fff; color: #231f20; border-radius: 5px; font-size: 30px; font-weight: bold; padding: 8px 20px; position: relative; z-index: 2; } @media (min-width: 769px) { #home-page .page-content button.show_locator { box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.9); font-size: 50px; margin: 0 0 70px 0; } } @media (max-width: 768px) and (orientation: portrait) { #home-page .page-content button.show_locator { font-size: 8vw; } } #home-page .page-content .home-menu { width: 100%; position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 0 20px 0; box-sizing: border-box; margin: 50px 0 20px; } @media (min-width: 769px) { #home-page .page-content .home-menu { margin: 50px 0; } } #home-page .page-content .home-menu .menu-item { height: auto; } #home-page .page-content .home-menu .menu-item a { display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 18px; font-weight: 300; color: #fff; text-decoration: none; } @media (min-width: 769px) { #home-page .page-content .home-menu .menu-item a { font-size: 27px; } } @media (max-width: 768px) and (orientation: portrait) { #home-page .page-content .home-menu .menu-item a { font-size: 5vw; } } #home-page .page-content .home-menu .menu-item a * { flex: 1; } #home-page .page-content .home-menu .menu-item a img { height: 30px; flex: none; margin-bottom: 8px; } @media (min-width: 769px) { #home-page .page-content .home-menu .menu-item a img { height: 50px; } } .full_page_slider { top: 0; height: 100%; position: absolute; z-index: 1; width: 100%; right: 0; } .full_page_slider .swiper-container { height: 100%; opacity: 0; max-width: 100vw; } .full_page_slider .swiper-wrapper { max-width: 100%; } .full_page_slider .swiper-slide { background-size: cover; background-position: 50% 0; max-width: 100%; } @media (max-width: 768px) { .full_page_slider .swiper-slide { background-position: 50%; } } .full_page_slider .swiper-slide > a { position: absolute; background: transparent; width: 100%; height: 100%; } .full_page_slider .swiper-slide img { max-width: 100%; display: none; } .full_page_slider .swiper-slide h2 { color: #fff; margin: 20px; font-size: 11vw; max-width: 70%; font-weight: bold; } .full_page_slider.init .swiper-container { opacity: 1; } @media screen and (min-aspect-ratio: 13 / 9) and (orientation: landscape) { .full_page_slider { order: 2; -webkit-order: 2; } } .inner-page { padding: 0; position: relative; } .inner-page > .container { padding: 0; } .inner-page > .container article { padding: 30px; } .inner-page > .container article .post-header h1 { margin: 5px 0; font-size: 30px; font-weight: bold; } .inner-page > .container article .post-header h2 { margin: 0; font-size: 20px; font-weight: bold; } .inner-page header.page-cover { width: 100%; } @media (max-width: 768px) { .inner-page header.page-cover .desktop-cover { display: none; } } @media (min-width: 769px) { .inner-page header.page-cover .desktop-cover ~ img { display: none; } } .inner-page header.page-cover img { width: 100%; max-width: 100%; height: auto; } @media (min-width: 769px) { .inner-page header.page-cover { height: 350px; overflow: hidden; } .inner-page header.page-cover img { object-fit: cover; width: 100%; height: 100%; } } .wpcf7 .wpcf7-form-control-wrap { width: 100%; margin: 0 0 10px 0; display: inline-block; } .wpcf7 .wpcf7-form-control-wrap input[type="text"], .wpcf7 .wpcf7-form-control-wrap input[type="email"], .wpcf7 .wpcf7-form-control-wrap input[type="tel"], .wpcf7 .wpcf7-form-control-wrap input[type="number"], .wpcf7 .wpcf7-form-control-wrap input[type="time"], .wpcf7 .wpcf7-form-control-wrap input[type="date"], .wpcf7 .wpcf7-form-control-wrap textarea, .wpcf7 .wpcf7-form-control-wrap select { color: #231f20; width: 100%; padding: 10px; border: none; background: #f5f7f9; } .wpcf7 input[type="submit"] { background: #231f20; padding: 15px; font-size: 18px; font-weight: normal; box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.6); border: none; width: 100%; color: #fff; } .wpcf7 input[type="submit"] i { display: none; } .loby-page { min-height: 100vh; height: auto; display: grid; grid-template-rows: 2fr 1fr; grid-gap: 0; margin-top: -60px; } @media screen and (min-aspect-ratio: 13 / 9) and (orientation: landscape) { .loby-page { grid-template-columns: 20% auto; grid-template-rows: 1fr; min-height: unset; margin: 0; height: calc(100vh - 80px); max-height: unset; } } .loby-page .loby-image { position: relative; } .loby-page .loby-image .loader { display: block; background: rgba(255, 255, 255, 0.9); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .loby-page .loby-image .swiper-container { height: 100%; opacity: 0; max-width: 100vw; } .loby-page .loby-image .swiper-wrapper { max-width: 100%; } @media (min-width: 769px) { .loby-page .loby-image .swiper-wrapper { position: absolute; width: 100%; height: 100%; } } .loby-page .loby-image .swiper-slide { background-size: cover; background-position: 50% 0; max-width: 100%; } @media (max-width: 768px) { .loby-page .loby-image .swiper-slide { background-position: 50%; } } .loby-page .loby-image .swiper-slide > a { position: absolute; background: transparent; width: 100%; height: 100%; } .loby-page .loby-image .swiper-slide img { max-width: 100%; display: none; } .loby-page .loby-image.init .loader { display: none; } .loby-page .loby-image.init .swiper-container { opacity: 1; } @media screen and (min-aspect-ratio: 13 / 9) and (orientation: landscape) { .loby-page .loby-image { order: 2; -webkit-order: 2; } } .loby-page .loby-ui { display: grid; grid-template-rows: 50% 50%; grid-template-columns: 50% 50%; grid-gap: 0; position: relative; z-index: 2; } @media screen and (min-aspect-ratio: 13 / 9) and (orientation: landscape) { .loby-page .loby-ui { -webkit-flex-direction: column; flex-direction: column; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: stretch; -webkit-align-items: stretch; justify-content: stretch; -webkit-justify-content: stretch; order: 1; -webkit-order: 1; } .loby-page .loby-ui .branch-box { order: 4; -webkit-order: 4; } } .loby-ui .loby-ui-box a { display: block; width: 100%; height: 100%; position: relative; font-size: 21px; text-decoration: none; } @media (max-width: 768px) { .loby-ui .loby-ui-box a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; -webkit-flex-direction: column; flex-direction: column; font-size: 5vw; } } .loby-ui .loby-ui-box a img { width: auto; max-height: 40px; margin-bottom: 1vw; } @media (min-width: 769px) { .loby-ui .loby-ui-box a { color: #231f20; } .loby-ui .loby-ui-box a span { font-size: 28px; } .loby-ui .loby-ui-box a img { max-height: 60px; margin: 0 0 5px 0; } } @media screen and (min-aspect-ratio: 13 / 9) and (orientation: landscape) { .loby-ui .loby-ui-box { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: 1px solid #eaebec; } .loby-ui .loby-ui-box a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; -webkit-flex-direction: column; flex-direction: column; } .loby-ui .loby-ui-box a:hover, .loby-ui .loby-ui-box a:focus { color: #dc2832; } } @media (max-width: 768px) { .loby-ui .loby-ui-box.box-order { order: 1; } .loby-ui .loby-ui-box.box-menu { order: 2; } .loby-ui .loby-ui-box.box-branches { order: 3; } .loby-ui .loby-ui-box.box-club { order: 4; } } .swiper-pagination.swiper-pagination-bullets { width: 100px; bottom: 0; right: calc(50% - 50px); display: flex; align-items: center; justify-content: center; padding: 10px; } .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { background: #000; opacity: 1; padding: 5px; margin: 5px; } .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; } .page-template-home-page-php #siteContent { padding-bottom: 0; } @media (max-width: 768px) { #branches_wrap { padding: 90px 0; } } .post-type-archive-branch .top_content_row { position: fixed; top: 60px; width: 100%; background: #dc2832; z-index: 12; } .post-type-archive-branch .top_content_row .page-title { color: #FFFFFF; } .branches-header .container { padding: 0; width: 100%; } @media (max-width: 768px) { .branches-header { text-align: center; color: #FFFFFF; min-height: 40px; display: flex; align-items: center; justify-content: center; background: #231f20; width: 100%; overflow: hidden; border-bottom: none; top: 60px; z-index: 5; margin: 0; padding: 0; position: fixed; z-index: 10; } .branches-header h2, .branches-header h5, .branches-header h1 { font-weight: 500; margin: 0; font-size: 24px; } } @media (max-width: 768px) and (max-width: 768px) and (orientation: portrait) { .branches-header h2, .branches-header h5, .branches-header h1 { font-size: 5.5vw; } } @media (max-width: 768px) { .branches-header .back, .branches-header .close { height: 100%; position: absolute; background-size: 15px 15px; padding: 15px; background-position: 50%; top: 0; right: 0; } .branches-header .back img, .branches-header .close img { width: 15px; height: 15px; } .branches-header .popup-top-product-title h2, .branches-header .popup-top-product-title h5 { font-size: 24px; line-height: 1; padding: 5px 40px; } } @media (max-width: 768px) and (max-width: 768px) and (orientation: portrait) { .branches-header .popup-top-product-title h2, .branches-header .popup-top-product-title h5 { font-size: 5.5vw; } } #branch_searh_bar { background: #f5f7f9; padding: 0; } @media (max-width: 768px) { #branch_searh_bar { top: 100px; border-top: 0; border-bottom: 5px solid #eaebec; } } #branch_searh_bar #searchPanel { max-width: unset; width: 100%; margin: 0; height: 100%; position: relative; display: flex; align-items: center; right: 0; justify-content: center; background: #F5F7F9; } #branch_searh_bar #searchPanel .close-search { height: 100%; top: 0; left: 20%; } #branch_searh_bar #searchPanel #search_q { border: none; margin: 0; } @media (max-width: 768px) and (orientation: portrait) { #branch_searh_bar #searchPanel #search_q { font-size: 4vw; } } #branch_searh_bar #searchPanel .search-icon { max-width: 30%; width: 30%; height: 100%; order: 2; display: flex; align-items: center; justify-content: flex-end; padding: 0 15px; } #branch_searh_bar #searchPanel .search-icon img { max-width: 100%; max-height: 100%; width: 20px; height: 20px; } #branches-wrap #branch_title_row { background: #231f20; color: #FFFFFF; padding: 0; margin: 0; } #branches-wrap #branch_title_row .container { padding: 0; width: 100%; } #branches-wrap #branch_title_row h1 { font-weight: 300; margin: 0; font-size: 24px; } #branches-wrap #branch_title_row .back { padding: 0; width: 40px; display: flex; align-items: center; justify-content: center; } #branches-wrap #branch_title_row .back img { width: 15px; height: 15px; } #branches-wrap .branch-costum-text { padding: 0 20px 20px; border-bottom: 5px solid #eaebec; border-top: 1px solid #eaebec; margin-top: 15px; } #branches-wrap .branch-costum-text h2, #branches-wrap .branch-costum-text h3, #branches-wrap .branch-costum-text h4 { color: #dc2832; } #branches-wrap .branches_wrap_inner { margin: 0; } .branch_item.branch_item_list .link-overlay.open_branch { position: absolute; width: 100%; height: 100%; right: 0; top: 0; } .branch_item.branch_item_list .branch_inner { padding: 20px; border-bottom: 5px solid #eaebec; } .branch_item.branch_item_list .branch_inner .branch_details_icons { flex: 1; border: none; padding: 0; display: flex; align-items: center; justify-content: flex-start; margin: 0; } .branch_item.branch_item_list .branch_inner .branch_info .branch_name { font-size: 19px; line-height: 1; font-weight: bold; } @media (min-width: 769px) { .branch_item.branch_item_list .branch_inner .branch_info .branch_name { font-size: 22px; } } .branch_item.branch_item_list .branch_inner .branch_info .branch_address { font-size: 16px; line-height: 1.2; } @media (min-width: 769px) { .branch_item.branch_item_list .branch_inner .branch_info .branch_address { font-size: 19px; } } .branch_item.branch_item_list .branch_inner .branch-details { display: flex; align-items: flex-end; justify-content: space-between; } .branch_item.branch_item_list .branch_inner .action { position: static; max-width: 35%; flex: none; } .branch_item.branch_item_list .branch_inner .action .open_branch { color: #231f20; border: 1px solid; background: transparent; font-weight: normal; font-size: 16px; width: auto; display: inline-block; padding: 5px 10px; border-radius: 5px; text-decoration: none; } @media (max-width: 768px) and (orientation: portrait) { .branch_item.branch_item_list .branch_inner .action .open_branch { font-size: 4vw; } } .branch_item.branch_item_list[data-kosher="1"] .branch_inner:after { content: ''; position: absolute; background: url("images/kosher.svg") no-repeat 0 0; background-size: contain; top: 0; left: 0; width: 50px; height: 50px; } #branch-wrap { font-size: 18px; } #branch-wrap p { font-size: 18px; } @media (max-width: 768px) { #branch-wrap { padding: 40px 0; } } #branch-wrap #branch-info header { border-bottom: 5px solid #eaebec; padding: 30px 0; } #branch-wrap #branch-info h2 { margin: 0; text-align: center; color: #231f20; } #branch-wrap #branch-details .details-row { padding: 15px 20px; border-bottom: 5px solid #eaebec; font-size: 20px; display: flex; align-items: center; justify-content: space-between; position: relative; color: #666; } @media (max-width: 768px) and (orientation: portrait) { #branch-wrap #branch-details .details-row { font-size: 5vw; } } #branch-wrap #branch-details .details-row.is_kosher:after { content: ''; position: absolute; background: url("images/kosher.svg") no-repeat 0 0; background-size: contain; top: 0; left: 0; width: 50px; height: 50px; } #branch-wrap #branch-details .details-row i { color: #dc2832; display: inline-block; margin: 0 0 0 5px; } #branch-wrap #branch-details .details-row a { color: #666; } #branch-wrap .branch_opening_hours { padding: 0 20px; color: #666; } #branch-wrap .branch_opening_hours p { margin: 0; } #branch-wrap .branch_opening_hours h4 { color: #dc2832; } #branch-wrap .bottom-actions { padding: 20px; display: flex; align-items: center; justify-content: center; } #branch-wrap .bottom-actions .branch-facebook:before { color: #4267B2; font: normal normal normal 14px/1 FontAwesome; content: "\f09a"; } #branch-wrap .bottom-actions a { color: #231f20; border: 1px solid; background: transparent; font-weight: normal; font-size: 16px; width: auto; display: inline-block; padding: 5px 10px; border-radius: 5px; text-decoration: none; margin: 0 10px; } #branch-wrap .waze-link { display: flex; align-items: center; justify-content: center; } #branch-wrap .waze-link a:before { color: #dc2832; font: normal normal normal 14px/1 FontAwesome; content: "\f041"; } #branch-wrap .locator_buttons { padding: 20px; display: flex; align-items: center; justify-content: space-between; } #branch-wrap .locator_buttons.center { justify-content: center; } #branch-wrap .locator_buttons button { background: #231f20; color: #FFFFFF; border-radius: 3px; padding: 5px 15px; font-size: 20px; border: 1px solid #231f20; } @media (max-width: 768px) and (orientation: portrait) { #branch-wrap .locator_buttons button { font-size: 5vw; } } #branch-wrap .locator_buttons button.pickup { color: #231f20; background: #FFFFFF; } #map-wrap .acf-map { border: none; } @media (max-width: 768px) { #map-wrap .acf-map { border-top: 5px solid #eaebec; border-bottom: 5px solid #eaebec; } } #map-wrap .map { min-height: 250px; } @media (min-width: 769px) { #branches-wrap #branch_title_row .container, header.branches-header > .container { max-width: 1280px; width: 100%; padding: 15px 0; display: flex; align-items: center; justify-content: flex-start; } #branches-wrap #branch_title_row .container h1, header.branches-header > .container h1 { margin: 0; font-size: 36px; order: 2; } #branches-wrap #branch_title_row .container .back, header.branches-header > .container .back { order: 1; filter: invert(1); } #branches-wrap #branch_title_row .container .back img, header.branches-header > .container .back img { width: 25px; height: 25px; } #branch-wrap { max-width: 1280px; width: 100%; margin: auto; } #branch_searh_bar { margin-top: 0; background: #FFFFFF; } #branch_searh_bar #searchPanel { max-width: 1280px; width: 100%; margin: auto; } header.branches-header { background: #f5f7f9; } #branches-wrap #branch_title_row { background: #f5f7f9; color: #000; } } #blog-archive .page-content .post-list { padding: 30px; } @media (min-width: 769px) { #blog-archive .page-content .post-list { padding: 30px; display: grid; grid-template-columns: 50% 50%; grid-gap: 20px; } } #blog-archive .page-content .post-list article { padding: 20px 0; margin: 0 0 15px 0; border-bottom: 3px dotted; } #blog-archive .page-content .post-list article .inner { display: flex; } #blog-archive .page-content .post-list article .inner .post-image { width: 35%; min-width: 30%; margin-left: 10%; display: inline-flex; align-items: center; justify-content: center; } @media (min-width: 769px) { #blog-archive .page-content .post-list article .inner .post-image { width: 150px; margin-left: 10%; display: inline-flex; align-items: center; justify-content: center; height: 120px; flex: none; border: 1px solid #f5f7f9; padding: 5px; } } #blog-archive .page-content .post-list article .inner .post-image img { width: 100%; max-height: 100%; object-fit: cover; height: 100%; } #blog-archive .page-content .post-list article .inner .post-content .post-header h3 { font-size: 19px; line-height: 1; font-weight: bold; margin: 0 0 5px; } @media (min-width: 769px) { #blog-archive .page-content .post-list article .inner .post-content .post-header h3 { font-size: 22px; } } #blog-archive .page-content .post-list article .inner .post-content .post-header h3 a { color: #231f20; } #blog-archive .page-content .post-list article .inner .post-content .post-description p { margin: 0; font-size: 16px; line-height: 1.2; } @media (min-width: 769px) { #blog-archive .page-content .post-list article .inner .post-content .post-description p { font-size: 19px; } } #blog-archive .page-content .post-list article .inner .post-content a.read-more { display: inline-block; color: #999999; font-size: initial; } #blog-single > .container article .post-content hr.wp-block-separator { border-bottom: 3px dotted; max-width: unset !important; opacity: 0.8; margin: 25px 0; }