/* @params duration | timing-function | delay | name */ /* Disables the selection */ /* Disables the drag event */ @font-face { font-family: 'Italian Plate No2 PJ'; src: url("fonts/ItalianPlateNo2PJ.eot"); src: url("fonts/ItalianPlateNo2PJ.eot?#iefix") format("embedded-opentype"), url("fonts/ItalianPlateNo2PJ.woff2") format("woff2"), url("fonts/ItalianPlateNo2PJ.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Italian Plate No2 PJ'; src: url("fonts/ItalianPlateNo2PJ-Bold.eot"); src: url("fonts/ItalianPlateNo2PJ-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/ItalianPlateNo2PJ-Bold.woff2") format("woff2"), url("fonts/ItalianPlateNo2PJ-Bold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Italian Plate No2 PJ'; src: url("fonts/ItalianPlateNo2PJ-Black.eot"); src: url("fonts/ItalianPlateNo2PJ-Black.eot?#iefix") format("embedded-opentype"), url("fonts/ItalianPlateNo2PJ-Black.woff2") format("woff2"), url("fonts/ItalianPlateNo2PJ-Black.woff") format("woff"); font-weight: 900; font-style: normal; } :root { --base-color: #007A53; --font-family: 'almoni-tzar', arial, serif; --font-family-titles: 'almoni-tzar', arial, serif; --font-family-site: 'almoni-tzar', arial, serif; --approve-btn-color: #FFFFFF; --approve-btn-bg: #C81D33; --datepicker-active-bg: #C81D33; --datepicker-active-color: #FFFFFF; --lang-switch-color: #007A53; --lang-switch-icon-color:#C81D33; --lang-switch-icon-bg: #FFFFFF; --lang-switch-active-color: #C81D33; --lang-switch-icon-char:#007A53; --base-font-size: 16px; --popup-top-title-font-size: 18px; --popup-top-title-font-weight: normal; --list-item-title-font-size: 18px; --list-item-text-font-size: 16px; --list-item-arrow-icon-size: 18px; --btn-color: #FFFFFF; --btn-bg-color: #C81D33; --btn-border: 2px solid; --btn-border-radius: 5px; --btn-font-size: 45px; --btn-font-weight: 400; --ok-color: #FFFFFF; --ok-bg: #007A53; --cancel-color: #000000; --popup-top-height: 40px; --minicart-coupons-bg: #FFFFFF; --checkout-header-background: #E9EBEE; --checkout-header-color: #464747; --checkout-header-height: var(--mobile-cat-nav-height); --checkout-header-font-size: 22px; --checkout-header-font-weight: normal; --checkout-approve-btn-bg: #C81D33; --checkout-approve-btn-color: #FFFFFF; --checkout-highlight-color: #007A53; --checkout-summary-header-background: #007A53; --checkout-summary-header-color: #FFFFFF; --checkout-labels-font-size: 20px; --floating-labels-active-font-size: 17px; --pelecard-approve-btn-bg: #C81D33; --pelecard-approve-btn-color: #FFFFFF; --pelecard-loader-img: url("https://acdn.foodbox.co.il/wp-content/uploads/sites/56/2020/08/27172736/Eclipse-0.9s-200px11.svg"); --pelecard-loader-img-size: 100px; --survey-header-font-weight:normal; } @media (max-width: 768px) and (orientation: portrait) { :root { --checkout-header-font-size: 5.5vw; --popup-top-title-font-size: 5vw; --base-font-size: 4.5vw; --checkout-labels-font-size: 5vw; --floating-labels-active-font-size: 4vw; } } html[dir="ltr"] { --font-family: 'Italian Plate No2 PJ', 'almoni-tzar', arial; --font-family-titles: 'Italian Plate No2 PJ', 'almoni-tzar', arial; --font-family-site: 'Italian Plate No2 PJ', 'almoni-tzar', arial; --lang-switch-dropdown-right: auto; --lang-switch-dropdown-left: -15px; --lang-switch-links-padding: 10px 10px 10px 50px; --lang-switch-active-right: auto; --lang-switch-active-left: 20px; --lang-switch-ul-dir: ltr; --lang-switch-dropdown-top-transform: scaleX(-1); --lang-switch-right: auto; --lang-switch-left: var(--lang-switch-side-pos); } @media (min-width: 769px) { html[dir="ltr"] { --lang-switch-left: auto; } } /*pizza*/ /*fonts-family*/ /*--------------------------------------------------------------------------------------------------------------------------------------*/ body, body.woocommerce, body .woocommerce-checkout, body.shop { font-family: var(--font-family); } h1, h2, h3, h4, h5, .siteBtn { font-family: var(--font-family-titles); } #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: var(--font-family); } #mobile-landscape-alert { background: #007A53; } #mobile-landscape-alert .inner { color: #F5F7F9; width: 50%; } #mobile-landscape-alert .inner .inner img.icon { height: auto; } @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; } } button.siteBtn, a.siteBtn { color: var(--approve-btn-color); background: var(--approve-btn-bg); font-size: 18px; font-weight: normal; padding: 10px 10px; border-radius: 25px; } html[dir="ltr"] button.siteBtn i, html[dir="ltr"] a.siteBtn i { transform: scale(-1); } @media (max-width: 768px) { #siteContent { padding-bottom: 0; } } .formatted-price.points .cur { font-size: 80%; margin: 0 3px 0 0; } #lang-switcher.is-floated { --lang-switch-icon-color: #fff; } #page-inner > .container .page-content { max-width: 800px; } #page-inner > .container .page-content p, #page-inner > .container .page-content ul li { font-size: 18px; } #siteHeader { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); border-bottom: 1px solid #328f6e; } body.enable_top_header #siteHeader { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); } body.locator-pop-up-opened #siteHeader { box-shadow: none; } body.enable_top_header #siteHeader #siteNavwrap #searchPanel.isopen #search_q { border: none; } body.enable_top_header #siteHeader #top-header-row { justify-content: center; } body.enable_top_header #siteHeader #top-header-row #mobile_menu_btn { right: 10px; border: none; position: absolute; top: 20px; } html[dir="ltr"] body.enable_top_header #siteHeader #top-header-row #mobile_menu_btn { right: 10px; left: 10px; } @media (max-width: 768px) { #logo a.home-logo { padding: 10px; margin: auto; } #logo a.home-logo img.mobile_logo { height: 100%; } } #mobile_menu_btn { top: 20px; } #mobile_menu_btn:before, #mobile_menu_btn:after, #mobile_menu_btn span { height: 3px; } #top_user_area #header_site_login { width: auto; max-width: unset; text-align: center; line-height: 1; text-align: center; padding: 0; font-size: 12px; margin-top: 4px; width: 100%; } #top_user_area #header_site_login a { color: #FFFFFF; font-weight: normal; text-decoration: underline; font-size: 13px; line-height: 1; } #top_user_area #header_site_login { line-height: 1; text-align: center; padding: 0; font-size: 12px; margin-top: 4px; width: 100%; } #top_user_area .userAreaBox { flex-direction: column; align-items: center; justify-content: center; margin: 0; padding: 0 10px; width: auto; text-align: center; } #top_user_area .userAreaBox .top-user-icon { width: 25px; height: 25px; } #top_user_area .userAreaBox .top-user-welcome { text-align: center; width: 100%; padding: 0; } #top_user_area .userAreaBox .top-user-welcome .welcome-top { line-height: 1; text-align: center; padding: 0; font-size: 12px; margin-top: 4px; width: 100%; } #top_user_area .userAreaBox .top-user-welcome .user-enter { color: #FFFFFF; font-weight: normal; text-decoration: underline; font-size: 13px; line-height: 1; display: none; } /*search row*/ body.enable_top_header #siteHeader #siteNavwrap #locator_header { line-height: 1; color: #000000; display: flex; text-align: var(--text-alignment); justify-content: flex-start; align-items: flex-start; font-size: 17px; flex-wrap: wrap; } @media (max-width: 768px) and (orientation: portrait) { body.enable_top_header #siteHeader #siteNavwrap #locator_header { font-size: 3.5vw; border: none; } } body.enable_top_header #siteHeader #siteNavwrap #locator_header a { flex: 1; font-size: 18px; white-space: pre; text-decoration: underline; color: #007A53; } @media (max-width: 768px) and (orientation: portrait) { body.enable_top_header #siteHeader #siteNavwrap #locator_header a { font-size: 4vw; } } 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: auto; align-items: center; justify-content: flex-start; line-height: 1; font-size: 18px; flex: none; margin-left: 5px; } html[dir="ltr"] body.enable_top_header #siteHeader #siteNavwrap #locator_header .branch-details { margin-left: 0; margin-right: 5px; } @media (max-width: 768px) and (orientation: portrait) { body.enable_top_header #siteHeader #siteNavwrap #locator_header .branch-details { font-size: 4vw; } } body.enable_top_header #siteHeader #siteNavwrap #locator_header .branch-details .order-label:after { content: '-'; margin: 0 0 0 2px; } body.enable_top_header #siteHeader #siteNavwrap #mobile_search_btn { max-width: 20%; width: 20px; height: 20px; order: 2; border-right: 1px solid #E9EBEE; background-position: 10px 50%; } html[dir="ltr"] body.enable_top_header #siteHeader #siteNavwrap #mobile_search_btn { background-position: 100% 50%; } /*mobile main menu*/ #mobileNav ul.mainmenu { margin: 0; } #mobileNav ul.mainmenu li { border-bottom: 1px solid #e7e7e7; } #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: 60px; border-top: 1px solid rgba(255, 255, 255, 0.3); line-height: 1; width: calc(100% - 40px); margin: 0 20px; text-align: center; font-size: 21px; } #mobileNav ul.mainmenu li a:hover { color: #fff; text-decoration: none; } @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 > i, #mobileNav ul.mainmenu li a:focus > i, #mobileNav ul.mainmenu li a:hover > i { display: none; } #mobileNav ul.mainmenu li:first-child a { border: none; } #mobileNav ul.mainmenu li { border-bottom: 1px solid rgba(255, 255, 255, 0.4); } #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.show_locator { line-height: 1; text-align: center; } #mobileNav ul.mainmenu li.show_locator a { text-decoration: none; border-radius: 40px; padding: 10px 20px; font-size: 6vw; color: #C81D33; background: #fff; width: auto; margin: 15px auto; height: auto; display: inline-block; } #mobileNav ul.mainmenu li.social a .item-hovericon { position: static; } #mobileNav ul.mainmenu li.social a .item-title { display: none; } /*usernav*/ @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: #007A53; 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-bottom: 1px solid #e7e7e7; } #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: 60px; border-top: 1px solid rgba(255, 255, 255, 0.3); line-height: 1; width: calc(100% - 40px); margin: 0 20px; text-align: center; font-size: 21px; } #toggle_user_nav ul li a:hover { color: #fff; text-decoration: none; } @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 > i, #toggle_user_nav ul li a:focus > i, #toggle_user_nav ul li a:hover > i { display: none; } #toggle_user_nav ul li:first-child a { border: none; } @media (min-width: 769px) { #toggle_user_nav ul li a { border: none; } } #toggle_user_nav ul li a:hover { color: #007a53; text-decoration: none; background: transparent; } #MenuPointsRow { background: #2A9867; background: radial-gradient(circle at 50% 50%, #4baa7f 17%, #2A9867 100%); } @media (max-width: 1200px) { #siteNavwrap { overflow-x: auto; overflow-y: hidden; } #siteNavwrap::-webkit-scrollbar { width: 8px; height: 8px; background: #007A53; opacity: 1; } #siteNavwrap::-webkit-scrollbar-track { opacity: 1; } #siteNavwrap::-webkit-scrollbar-thumb { border-radius: 6px; background: #005135; opacity: 1; } #siteNavwrap .siteNav .mainmenu { white-space: nowrap; } } /*desktop main menu*/ #siteNavwrap .siteNav .mainmenu li { margin: 0 3px; } #siteNavwrap .siteNav .mainmenu li:after { display: none; } #siteNavwrap .siteNav .mainmenu li a { border-radius: 10px; padding: 5px 10px; } #siteNavwrap .siteNav .mainmenu li a:hover { color: #fff; background: #006840; } #siteNavwrap .siteNav .mainmenu li.current-menu-item a { color: #fff; background: #006840; } #siteNavwrap .siteNav .mainmenu li.show_locator a { color: #C81D33; background: #FFFFFF; font-weight: bold; } #siteNavwrap .siteNav .mainmenu li.show_locator:after { display: none; } body.locator-pop-up-opened { background: #F5F7F9; } #locator-popup.full_screen { background-size: cover; background-attachment: fixed; background-position: 0 50%; } @media (min-width: 769px) { #locator-popup.full_screen { background-size: auto; } } #locator-popup.full_screen .popup-container .popup-content #locator-validator, #locator-popup.full_screen .popup-container .popup-content #locator-home { max-width: 70%; margin: auto; } #locator-popup.full_screen .popup-container .popup-content #locator-validator .popup-top h5, #locator-popup.full_screen .popup-container .popup-content #locator-home .popup-top h5 { font-weight: 500; font-size: 22px; margin: 0; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen .popup-container .popup-content #locator-validator .popup-top h5, #locator-popup.full_screen .popup-container .popup-content #locator-home .popup-top h5 { font-size: 7vw; } } #locator-popup.full_screen .popup-container .popup-content #locator-validator .popup-top h6, #locator-popup.full_screen .popup-container .popup-content #locator-home .popup-top h6 { font-weight: normal; font-size: 24px; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen .popup-container .popup-content #locator-validator .popup-top h6, #locator-popup.full_screen .popup-container .popup-content #locator-home .popup-top h6 { font-size: 5vw; } } @media (min-width: 769px) { #locator-popup.full_screen .popup-container .popup-content #locator-validator .inner, #locator-popup.full_screen .popup-container .popup-content #locator-home .inner { max-width: 400px; margin: auto; } } #locator-popup.full_screen .popup-container .popup-content #locator-validator .inner button, #locator-popup.full_screen .popup-container .popup-content #locator-home .inner button { margin: 0 0 20px 0; box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.5); border-radius: 3px; border: none; } @media (min-width: 769px) { #locator-popup.full_screen .popup-container .popup-content #locator-validator .inner button, #locator-popup.full_screen .popup-container .popup-content #locator-home .inner button { padding: 0; } #locator-popup.full_screen .popup-container .popup-content #locator-validator .inner button:hover, #locator-popup.full_screen .popup-container .popup-content #locator-home .inner button:hover { background: #007A53; } } #locator-popup.full_screen .popup-container .popup-content #pickup-form { padding: 10px; } @media (min-width: 769px) { #locator-popup.full_screen .popup-container .popup-content #locator-branches.as_lis, #locator-popup.full_screen .popup-container .popup-content #locator-pickup.as_list, #locator-popup.full_screen .popup-container .popup-content #locator-seating.as_list, #locator-popup.full_screen .popup-container .popup-content #locator-table.as_list { padding-top: 20px; } } #locator-popup.full_screen .popup-container .popup-content #locator-branches.as_lis .branch-item, #locator-popup.full_screen .popup-container .popup-content #locator-pickup.as_list .branch-item, #locator-popup.full_screen .popup-container .popup-content #locator-seating.as_list .branch-item, #locator-popup.full_screen .popup-container .popup-content #locator-table.as_list .branch-item { border-bottom: none; border-radius: 5px; margin-bottom: 10px; padding: 15px 0 15px 10px; } #locator-popup.full_screen .popup-container .popup-content #locator-branches.as_lis .branch-item:hover, #locator-popup.full_screen .popup-container .popup-content #locator-pickup.as_list .branch-item:hover, #locator-popup.full_screen .popup-container .popup-content #locator-seating.as_list .branch-item:hover, #locator-popup.full_screen .popup-container .popup-content #locator-table.as_list .branch-item:hover { background: #FFFFFF; } #locator-popup.full_screen .popup-container .popup-content #locator-branches.as_lis .branch-item.featured .item-location .marker, #locator-popup.full_screen .popup-container .popup-content #locator-pickup.as_list .branch-item.featured .item-location .marker, #locator-popup.full_screen .popup-container .popup-content #locator-seating.as_list .branch-item.featured .item-location .marker, #locator-popup.full_screen .popup-container .popup-content #locator-table.as_list .branch-item.featured .item-location .marker { color: #C81D33; } #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: 100%; } @media (min-width: 769px) { #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content .popup-top .close, #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content .popup-top .close { top: 0; } } #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-validator .btbtxt, #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-validator .btbtxt { padding: 10px 0; } #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-validator .icon, #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-validator .icon { display: none; } #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-body, #locator-popup.full_screen[data-type="locatorHome"] .popup-container .popup-content #locator-body { margin-top: 50px; } #locator-popup.full_screen[data-type="locatorHome"], #locator-popup.full_screen[data-type="validation"], #locator-popup.full_screen[data-type="shipping"] { padding: 0; } #locator-popup.full_screen[data-type="locatorHome"] .image-title, #locator-popup.full_screen[data-type="validation"] .image-title, #locator-popup.full_screen[data-type="shipping"] .image-title { margin: auto; display: block; } @media (max-width: 768px) { #locator-popup.full_screen[data-type="locatorHome"] .image-title, #locator-popup.full_screen[data-type="validation"] .image-title, #locator-popup.full_screen[data-type="shipping"] .image-title { max-width: 80%; } } @media (min-width: 769px) { #locator-popup.full_screen[data-type="locatorHome"] .image-title, #locator-popup.full_screen[data-type="validation"] .image-title, #locator-popup.full_screen[data-type="shipping"] .image-title { max-width: 350px; } } @media (min-width: 769px) { #locator-popup.full_screen[data-type="locatorHome"].pickup-flow .popup-container .popup-content .close, #locator-popup.full_screen[data-type="locatorHome"].pickup-flow .popup-container .popup-content .back, #locator-popup.full_screen[data-type="validation"].pickup-flow .popup-container .popup-content .close, #locator-popup.full_screen[data-type="validation"].pickup-flow .popup-container .popup-content .back, #locator-popup.full_screen[data-type="shipping"].pickup-flow .popup-container .popup-content .close, #locator-popup.full_screen[data-type="shipping"].pickup-flow .popup-container .popup-content .back { top: -15px; width: 25px; height: 25px; background-size: contain; } } #locator-popup.full_screen[data-type="table"], #locator-popup.full_screen[data-type="seating"], #locator-popup.full_screen[data-type="pickup"] { background: #F5F7F9; } @media (max-width: 768px) { #locator-popup.full_screen[data-type="table"] .popup-container .popup-content header.tabs-header.has-locator-search ~ .locator-content, #locator-popup.full_screen[data-type="seating"] .popup-container .popup-content header.tabs-header.has-locator-search ~ .locator-content, #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content header.tabs-header.has-locator-search ~ .locator-content { padding-top: 0; } } #locator-popup.full_screen[data-type="table"] .popup-container .popup-content #locator-body .tabs-header .switch.active, #locator-popup.full_screen[data-type="seating"] .popup-container .popup-content #locator-body .tabs-header .switch.active, #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content #locator-body .tabs-header .switch.active { width: 100%; flex-direction: row; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); } #locator-popup.full_screen[data-type="table"] .popup-container .popup-content #locator-body .tabs-header .switch.active h5, #locator-popup.full_screen[data-type="seating"] .popup-container .popup-content #locator-body .tabs-header .switch.active h5, #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content #locator-body .tabs-header .switch.active h5 { color: #000000; font-weight: normal; background: #FFFFFF; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen[data-type="table"] .popup-container .popup-content #locator-body .tabs-header .switch.active h5, #locator-popup.full_screen[data-type="seating"] .popup-container .popup-content #locator-body .tabs-header .switch.active h5, #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content #locator-body .tabs-header .switch.active h5 { font-size: 4vw; } } #locator-popup.full_screen[data-type="table"] .popup-container .popup-content #locator-body .tabs-header .switch.active a, #locator-popup.full_screen[data-type="seating"] .popup-container .popup-content #locator-body .tabs-header .switch.active a, #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content #locator-body .tabs-header .switch.active a { color: #000000; border: 1px solid; padding: 0 10px; border-radius: 3px; } @media (min-width: 769px) { #locator-popup.full_screen[data-type="table"] .popup-container .popup-content #locator-body .tabs-header .switch.active .switch-to-home, #locator-popup.full_screen[data-type="seating"] .popup-container .popup-content #locator-body .tabs-header .switch.active .switch-to-home, #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content #locator-body .tabs-header .switch.active .switch-to-home { width: 200px; padding: 0 10px; } html[dir="rtl"] #locator-popup.full_screen[data-type="table"] .popup-container .popup-content #locator-body .tabs-header .switch.active .switch-to-home, html[dir="rtl"] #locator-popup.full_screen[data-type="seating"] .popup-container .popup-content #locator-body .tabs-header .switch.active .switch-to-home, html[dir="rtl"] #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content #locator-body .tabs-header .switch.active .switch-to-home { text-align: left; } html[dir="ltr"] #locator-popup.full_screen[data-type="table"] .popup-container .popup-content #locator-body .tabs-header .switch.active .switch-to-home, html[dir="ltr"] #locator-popup.full_screen[data-type="seating"] .popup-container .popup-content #locator-body .tabs-header .switch.active .switch-to-home, html[dir="ltr"] #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content #locator-body .tabs-header .switch.active .switch-to-home { text-align: right; } } #locator-popup.full_screen[data-type="table"] .popup-container .popup-content #locator-body .tabs-header #LocatorSearch span.search-icon img, #locator-popup.full_screen[data-type="seating"] .popup-container .popup-content #locator-body .tabs-header #LocatorSearch span.search-icon img, #locator-popup.full_screen[data-type="pickup"] .popup-container .popup-content #locator-body .tabs-header #LocatorSearch span.search-icon img { width: 20px; height: 20px; } @media (min-width: 769px) { #locator-popup.full_screen[data-type="shipping"].pickup-flow .popup-container .popup-content header.tabs-header .locator-welcome { top: -15px; } } @media (min-width: 769px) { #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content header.tabs-header .locator-welcome { top: -15px; } } #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content #locator-body { margin-top: 50px; } #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content #locator-body:before { height: 70px; content: ''; background: url("https://acdn.foodbox.co.il/wp-content/uploads/sites/56/2020/08/27145346/logo.svg"); background-repeat: no-repeat; background-position: 50%; width: 100%; background-size: contain; display: block; margin: 0 auto 20px auto; } @media (max-width: 768px) { #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content #locator-body:before { transition: all ease-out 150ms; } } #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content #locator-shipping { max-width: 80%; margin: auto; padding: 0; } #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content header.tabs-header { max-width: 80%; margin: auto; } #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content header.tabs-header .ico { width: 100px; height: 100px; transform: translateY(23px); z-index: 9; } #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content header.tabs-header .switch.active h5 { font-weight: 500; font-size: 22px; margin: 0; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content header.tabs-header .switch.active h5 { font-size: 7vw; } } #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content header.tabs-header .switch.active .switch-sub { font-weight: normal; font-size: 24px; } @media (max-width: 768px) and (orientation: portrait) { #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content header.tabs-header .switch.active .switch-sub { font-size: 5vw; } } #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content .switch-sub { display: none; } #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content .locator-content .output_msg { color: #C81D33; } #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content .locator-content a.show_login { font-size: 16px; text-decoration: underline; margin: 10px 0 15px 0; line-height: 1.2; } @media (min-width: 769px) { #locator-popup.full_screen[data-type="shipping"] .popup-container .popup-content .locator-content a.show_login { margin-bottom: 15px; } } #locator-popup.full_screen[data-type="shipping"].select-is-active .popup-container .popup-content #locator-body:before { margin-top: -120px; } #locator-popup .popup-container .popup-content .inner #approve { padding: 15px; font-size: 23px; border: none; width: auto; min-width: 80%; margin: 10px 0 0 0; } #locator-popup .popup-container .popup-content .inner #approve i { display: none; } #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; border-bottom: 1px solid #464747; background: #FFFFFF; padding: 12px; height: auto; line-height: 1; border-radius: 0; font-size: 22px; margin: 0; } @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: 3vw 0; } } #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: #007A53; } #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: #007A53; 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: #000000; } #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: #000000; } #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: #000000; } #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: #000000; } #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: $black; */ 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; } } #locator-popup.full_screen[data-type="validation"] .popup-container .popup-top { background: transparent; } #locator-popup.full_screen[data-type="validation"] .popup-container .popup-top .close { background-size: contain; } #locator-popup.full_screen[data-type="validation"] .popup-container #locator-validator .popup-top { display: none; } #locator-popup.full_screen[data-type="validation"] .popup-container .popup-content #locator-validator .inner button { background: #007A53; } #locator-popup .popup-container .popup-content .inner .form-row { padding: 5px 0 10px 0; } .city-row.ios-fix .select2-container--default .select2-selection--multiple, .street-row.ios-fix .select2-container--default .select2-selection--multiple, .city-row.ios-fix .select2-container--default.select2-container--disabled .select2-selection--multiple, .street-row.ios-fix .select2-container--default.select2-container--disabled .select2-selection--multiple { line-height: 0; } #mobileCartFooter.is_large_btn #footer_cart_summery #mobile_cart_btn .inner { display: grid; grid-template-columns: 50px 1fr; grid-template-rows: 55% 45%; width: calc(100% - 30px); } #mobileCartFooter.is_large_btn #footer_cart_summery #mobile_cart_btn:after { content: ''; width: 15px; height: 15px; position: static; background-size: contain; background-repeat: no-repeat; background-position: 50%; transform: rotate(0deg); } #mobileCartFooter.is_large_btn #footer_cart_summery #mobile_cart_btn.on:after { transform: rotate(180deg); } #mobileCartFooter.is_large_btn #footer_cart_summery #mobile_cart_btn .total-items { background: transparent; border: none; width: 40px; right: 0; height: 100%; top: 45%; } #mobileCartFooter.is_large_btn #footer_cart_summery #mobile_cart_btn .cart_icon { width: 35px; height: 35px; grid-row: 2 span; } #mobileCartFooter.is_large_btn #footer_cart_summery #mobile_cart_btn span.total-price-row, #mobileCartFooter.is_large_btn #footer_cart_summery #mobile_cart_btn span.total-items-row { width: 100%; margin: 0; } #mobileCartFooter.is_large_btn #footer_cart_summery #mobile_cart_btn span.total-price-row { order: 2; font-weight: normal; font-size: 0; align-self: flex-end; display: flex; } #mobileCartFooter.is_large_btn #footer_cart_summery #mobile_cart_btn span.total-price-row .formatted-price { font-size: 27px; margin: 0; } #mobileCartFooter.is_large_btn #footer_cart_summery #mobile_cart_btn span.total-items-row { order: 3; align-self: flex-start; font-weight: normal; } #mobileCartFooter.is_large_btn #footer_cart_action .gotoCheckout { font-size: 18px; line-height: 1; background-size: 100% 100%; } @media (max-width: 768px) and (orientation: portrait) { #mobileCartFooter.is_large_btn #footer_cart_action .gotoCheckout { font-size: 7vw; border-radius: 0; } html[dir="ltr"] #mobileCartFooter.is_large_btn #footer_cart_action .gotoCheckout { font-size: 5vw; } } @media (max-width: 768px) { #cart_notice_pop.footerCart.at-bottom:before { right: 75px; } } #categories-wrapper ul { padding: 0; } @media (min-width: 769px) { #categories-wrapper ul li { padding: 0; margin: 0; border-bottom: 1px solid #E9EBEE; position: relative; display: flex; align-items: center; justify-content: flex-start; /* &.show_coupon { margin: 10px 0; border-bottom: none; a { .cat_img { width: 100%; margin: 0; } .cat-label { display: none; } } }*/ } #categories-wrapper ul li.show_coupon { background: #007A53; padding: 5px; margin: 5px 10px; max-width: calc(100% - 20px); width: 100%; } #categories-wrapper ul li.show_coupon a { padding: 8px; border: 1px solid; color: #fff; display: block; } #categories-wrapper ul li.show_coupon a .cat-label { font-size: 22px; display: block; color: #fff; text-align: center; } #categories-wrapper ul li.show_coupon a .cat_img { display: none; } #categories-wrapper ul li a { display: flex; align-items: center; justify-content: flex-start; padding: 5px; width: 100%; } #categories-wrapper ul li a .cat_img { background: none; width: 25%; margin: 0 0 0 10px; line-height: unset; height: auto; } html[dir="ltr"] #categories-wrapper ul li a .cat_img { margin: 0 10px 0 0; } #categories-wrapper ul li a .cat_img img { display: block; width: 100%; height: auto; } #categories-wrapper ul li a .cat-label { font-weight: bold; font-size: 18px; } #categories-wrapper ul li.selected { background: #FFFFFF; } #categories-wrapper ul li.selected:after { content: ''; background: url(https://d2pnvdnftoj8zk.cloudfront.net/wp-content/uploads/sites/33/2020/04/14034000/go.svg); width: 15px; height: 15px; margin: 0 auto 0 5px; background-size: contain; background-repeat: no-repeat; position: absolute; left: 0; } html[dir="ltr"] #categories-wrapper ul li.selected:after { left: auto; right: 0; transform: rotate(180deg); } } @media (max-width: 768px) { #categories-wrapper ul li a span { font-size: 16px; } #categories-wrapper ul li a i, #categories-wrapper ul li a img, #categories-wrapper ul li a .cat_img { opacity: 1; padding: 0; height: 0; background-position: 50%; width: 85%; background-size: 80% auto; padding-bottom: 50%; } #categories-wrapper ul li span.cat-label { margin: 5px 0; } #categories-wrapper ul li.selected { position: relative; background: #FFFFFF; } #categories-wrapper ul li.selected a span.cat-label { font-weight: normal; color: #E0362D; } #categories-wrapper ul li.selected:after { content: "\f0d7"; font-family: FontAwesome; position: absolute; color: #444343; bottom: 0; font-size: 25px; left: 0; width: 100%; height: 15px; line-height: 15px; } } #categories-wrapper ul li a .cat_img { opacity: 1; } #categories-wrapper.as_full_page_grid.as_grid .main_cat_sidebar ul { width: 100%; } #categories-wrapper.as_full_page_grid.as_grid .main_cat_sidebar ul li { width: calc(100% - 20px); margin: auto; } #categories-wrapper.as_full_page_grid.as_grid .main_cat_sidebar ul li.grid-cat-banner { width: 100%; } #categories-wrapper.as_full_page_grid.as_grid.inner_cat .main_cat_sidebar ul { display: none; } #categories-wrapper.as_full_page_grid.on { padding: 0 0 20px; } #categories-wrapper.as_full_page_grid.on .main_cat_sidebar ul li { background-size: 100% 100%; border-bottom: 1px solid #E9EBEE; /*&.show_coupon { width: 100%; .cat-label { display: none; } a { display: block; } .cat_img { height: auto; background: none !important; img { display: block; width: 100%; height: auto; padding: 0; } } }*/ } #categories-wrapper.as_full_page_grid.on .main_cat_sidebar ul li.benefits_item .cat_img { background-size: auto 90%; } #categories-wrapper.as_full_page_grid.on .main_cat_sidebar ul li a { display: grid; grid-template-rows: auto auto; grid-template-columns: 40% 1fr; padding: 0; } #categories-wrapper.as_full_page_grid.on .main_cat_sidebar ul li a .cat_img { width: 100%; height: 25vw; padding: 0; flex: none; margin: 0; grid-row: span 2; } #categories-wrapper.as_full_page_grid.on .main_cat_sidebar ul li a .cat-label { display: flex; justify-content: flex-start; font-weight: 900; font-size: 21px; line-height: 1; text-align: var(--text-alignment); margin: 0; color: #007A53; } @media (max-width: 768px) and (orientation: portrait) { #categories-wrapper.as_full_page_grid.on .main_cat_sidebar ul li a .cat-label { font-size: 5vw; } } #categories-wrapper.as_full_page_grid.on .main_cat_sidebar ul li a .cat-label:last-child { grid-row: span 2; align-items: center; } #categories-wrapper.as_full_page_grid.on .main_cat_sidebar ul li a .cat-description { display: flex; height: 100%; margin: 0; line-height: 1; align-items: flex-start; color: #464747; justify-content: flex-start; padding: 0 0 5px 15px; font-size: 18px; text-align: var(--text-alignment); } @media (max-width: 768px) and (orientation: portrait) { #categories-wrapper.as_full_page_grid.on .main_cat_sidebar ul li a .cat-description { font-size: 3.8vw; } } html[dir="ltr"] #categories-wrapper.as_full_page_grid.on .main_cat_sidebar ul li a .cat-description { padding: 5px 15px 5px 0; font-size: 16px; } #categories-wrapper.as_full_page_grid.on .main_cat_sidebar ul li.show_coupon { background: #007A53; padding: 5px; margin: 5px auto; max-width: calc(100% - 10px); } #categories-wrapper.as_full_page_grid.on .main_cat_sidebar ul li.show_coupon a { padding: 15px 10px; border: 1px solid; color: #fff; display: block; } #categories-wrapper.as_full_page_grid.on .main_cat_sidebar ul li.show_coupon a .cat-label { font-size: 25px; display: block; color: #fff; text-align: center; } #categories-wrapper.as_full_page_grid.on .main_cat_sidebar ul li.show_coupon a .cat_img { display: none; } #categories-wrapper #categories-wrapper ul li.show_coupon a { width: 100%; height: auto; padding: 0; } #sub_cats_wrapper.in_row_1.has-cats .sub_cats, #sub_cats_wrapper.in_row_mob_1.has-cats .sub_cats { margin: 0 30px; } #sub_cats_wrapper.in_row_1 .sub_cats, #sub_cats_wrapper.in_row_mob_1 .sub_cats { margin: 0; } #sub_cats_wrapper.in_row_1 .sub_cats .sub_category a, #sub_cats_wrapper.in_row_mob_1 .sub_cats .sub_category a { flex-direction: column; border-bottom: 1px solid #706D69; padding-bottom: 30px; } #sub_cats_wrapper.in_row_1 .sub_cats .sub_category a .item-btn, #sub_cats_wrapper.in_row_mob_1 .sub_cats .sub_category a .item-btn { display: none; } #sub_cats_wrapper.in_row_1 .sub_cats .sub_category a .item-img, #sub_cats_wrapper.in_row_mob_1 .sub_cats .sub_category a .item-img { width: 70%; } @media (min-width: 769px) { #sub_cats_wrapper.in_row_1 .sub_cats .sub_category a .item-img, #sub_cats_wrapper.in_row_mob_1 .sub_cats .sub_category a .item-img { max-width: 250px; } } #sub_cats_wrapper.in_row_1 .sub_cats .sub_category a .item-content, #sub_cats_wrapper.in_row_mob_1 .sub_cats .sub_category a .item-content { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; margin: auto; } @media (min-width: 769px) { #sub_cats_wrapper.in_row_1 .sub_cats .sub_category a .item-content, #sub_cats_wrapper.in_row_mob_1 .sub_cats .sub_category a .item-content { max-width: 400px; } } #sub_cats_wrapper.in_row_1 .sub_cats .sub_category a .item-content strong, #sub_cats_wrapper.in_row_mob_1 .sub_cats .sub_category a .item-content strong { font-weight: 900; font-size: 24px; } @media (max-width: 768px) and (orientation: portrait) { #sub_cats_wrapper.in_row_1 .sub_cats .sub_category a .item-content strong, #sub_cats_wrapper.in_row_mob_1 .sub_cats .sub_category a .item-content strong { font-size: 5vw; } } #sub_cats_wrapper.in_row_1 .sub_cats .sub_category a .item-content span, #sub_cats_wrapper.in_row_mob_1 .sub_cats .sub_category a .item-content span { font-size: var(--base-font-size); line-height: 1.2; } #categories-wrapper.as_full_page_grid .cats_grid_title, #categories-wrapper.as_full_page_grid .cats_grid_inner_title { background: #FFFFFF; padding: 20px 10px 10px; height: var(--mobile-cat-nav-height); 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; } #categories-wrapper.as_full_page_grid .cats_grid_title .back_to_cats_grid, #categories-wrapper.as_full_page_grid .cats_grid_inner_title .back_to_cats_grid { right: 0; z-index: 3; padding: 0; } #categories-wrapper.as_full_page_grid .cats_grid_title .back_to_cats_grid a, #categories-wrapper.as_full_page_grid .cats_grid_inner_title .back_to_cats_grid a { width: var(--popup-top-height); height: calc(100% - 30px); margin-right: 15px; } #categories-wrapper.as_full_page_grid .cats_grid_title .back_to_cats_grid a img, #categories-wrapper.as_full_page_grid .cats_grid_inner_title .back_to_cats_grid a img { height: 45%; } #categories-wrapper.as_full_page_grid .cats_grid_title .back_to_cats_grid a i, #categories-wrapper.as_full_page_grid .cats_grid_inner_title .back_to_cats_grid a i { display: none; } #categories-wrapper.as_full_page_grid .cats_grid_title h2, #categories-wrapper.as_full_page_grid .cats_grid_inner_title h2 { padding: 0 25px; font-size: 22px; line-height: 1; position: relative; z-index: 2; 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; background: #E9EBEE; border-radius: 5px; color: #464747; min-height: unset; } @media (max-width: 768px) and (orientation: portrait) { #categories-wrapper.as_full_page_grid .cats_grid_title h2, #categories-wrapper.as_full_page_grid .cats_grid_inner_title h2 { font-size: 5.5vw; } } @media (min-width: 769px) { #searchPanel #search_q { border-radius: 30px; } } #sub_cats_wrapper .sub_cats_header { align-items: center; justify-content: flex-end; margin: 10px auto; max-width: calc(100% - 60px); padding: 10px 0; } #sub_cats_wrapper .sub_cats_header button { padding: 5px 30px 5px 20px; display: inline-flex; align-items: center; justify-content: center; position: relative; } #sub_cats_wrapper .sub_cats_header button:before { content: ''; width: 20px; height: 100%; display: inline-block; margin: 0; background: url(https://acdn.foodbox.co.il/wp-content/uploads/sites/56/2020/12/13164642/back2.svg) no-repeat 50%; position: absolute; right: 5px; background-size: 40%; } .ama-popup .popup-container .popup-top { height: var(--popup-top-height); display: flex; align-items: center; justify-content: center; border: none; } .ama-popup .popup-container .popup-top h5 { padding: 0 40px; } .ama-popup .popup-container .popup-top .back, .ama-popup .popup-container .popup-top .close { height: 100%; width: var(--popup-top-height); background-size: 45% 45%; background-position: 50%; top: 0; right: 0; } html[dir="ltr"] .ama-popup .popup-container .popup-top .back, html[dir="ltr"] .ama-popup .popup-container .popup-top .close { transform: rotate(180deg); } .ama-popup .popup-container .msg-wrap { padding: 10px 0 0 0; } .ama-popup .confirm-actions { display: flex; text-align: center; max-width: 80%; margin: auto; padding: 10px 0; } .ama-popup .confirm-actions button { flex: 1; } .ama-popup.coupon_flow .popup-container { border-radius: 10px; overflow: hidden; } .ama-popup.coupon_flow .popup-container .popup-content { max-width: 350px; min-width: unset; } .ama-popup.coupon_flow .popup-container .inner-content { background: #007A53 url(https://acdn.foodbox.co.il/wp-content/uploads/sites/56/2020/12/14104645/coupon_pop_bg.jpg) 100% 100% no-repeat; background-size: cover; } .ama-popup.coupon_flow .popup-container .inner-content .msg-wrap { padding: 0; } .ama-popup.coupon_flow .popup-container .inner-content .msg-wrap .invalid-coupons { background: #007A53; } .ama-popup.coupon_flow .popup-container .inner-content .msg-wrap .invalid-coupons p { color: #FFFFFF; } .ama-popup.coupon_flow .popup-container .inner-content .msg-wrap .invalid-coupons ul li { border: none; padding: 0; } .ama-popup.coupon_flow .popup-container .inner-content .msg-wrap .invalid-coupons ul li:last-child { border: none; } .ama-popup.coupon_flow .popup-container .inner-content .msg-wrap .invalid-coupons ul li h3 { color: #fff; margin-top: 10px; } .ama-popup.coupon_flow .popup-container .inner-content .msg-wrap .invalid-coupons .actions { padding: 20px 0 10px; } .ama-popup.coupon_flow .popup-container .inner-content .msg-wrap .coupon-details { background: #007A53; border-radius: 0; } .ama-popup.coupon_flow .popup-container .inner-content .msg-wrap .coupon-details h2, .ama-popup.coupon_flow .popup-container .inner-content .msg-wrap .coupon-details p { color: #FFFFFF; } .ama-popup.coupon_flow .popup-container .inner-content .msg-wrap .coupon-details .actions { padding: 10px; } .ama-popup.coupon_flow .popup-container .popup-top { background: #FFFFFF; } .ama-popup.coupon_flow .popup-container .popup-top h5 { color: #000000; } .ama-popup.coupon_flow .popup-container .popup-top .close { filter: invert(1); } .ama-popup.coupon_flow .popup-container .msg-wrap .inner { padding: 20px 40px 120px; } .ama-popup.coupon_flow .popup-container .msg-wrap .form-row input { background: #F5F7F9; border: none; border-radius: 8px; } .ama-popup.coupon_flow .popup-container .msg-wrap .actions { padding: 10px 0; } .ama-popup.coupon_flow .popup-container .msg-wrap .actions button { width: 100%; border-radius: 8px; font-size: 23px; font-weight: 500; } .ama-popup.coupon_flow .popup-container .msg-wrap .como-row { padding: 15px 0; } .ama-popup.coupon_flow .popup-container .msg-wrap .como-row .or { display: none; } .ama-popup.coupon_flow .popup-container .msg-wrap .como-row a { width: 100%; background: transparent; text-decoration: underline; color: #FFFFFF; } .ama-popup#promotion-popup .popup-container .popup-top { height: 0; } .ama-popup#promotion-popup .popup-container .popup-top .close { position: absolute; top: 5px; right: 5px; width: var(--popup-top-height); height: var(--popup-top-height); } @media (max-width: 768px) { .ama-popup#promotion-popup .popup-container .popup-content img.promb_banner { width: 100%; } } .ama-popup#promotion-popup .popup-container .promo_actions button.promo_cancel { bottom: 0; right: 0; width: 35%; height: 10%; } .ama-popup#promotion-popup .popup-container .promo_actions button.promo_ok { bottom: 0; left: 0; height: 10%; width: 60%; } @media (max-width: 768px) { #shop-wrapper { padding-bottom: var(--mobile-footer-height); } } @media (min-width: 769px) { #products-wrapper { padding: 0 10px; } } @media (min-width: 769px) { #products-wrapper .products.as_grid { padding: 0 25px; margin: 0; } } #products-wrapper .products.as_grid .product { -webkit-animation: fadeIn 350ms 50ms cubic-bezier(0, 0.85, 0.15, 0.85) both; -moz-animation: fadeIn 350ms 50ms cubic-bezier(0, 0.85, 0.15, 0.85) both; -o-animation: fadeIn 350ms 50ms cubic-bezier(0, 0.85, 0.15, 0.85) both; animation: fadeIn 350ms 50ms cubic-bezier(0, 0.85, 0.15, 0.85) both; max-height: unset; height: auto; } #products-wrapper .products.as_grid .product .product-inner .product-content .points-price { order: 4; background: #C81D33; color: #FFFFFF; padding: 0 5px; border-radius: 3px; margin: 5px 0 5px auto; font-size: 17px; display: inline-block; } @media (min-width: 769px) { #products-wrapper .products.as_grid .product .product-inner .product-content .points-price { margin: 5px 0 0 auto; font-size: 19px; } } #products-wrapper .products.as_grid .product .product-inner .product-img { width: 100%; flex: 1; min-width: 40%; background-image: none !important; position: relative; } @media (min-width: 769px) { #products-wrapper .products.as_grid .product .product-inner .product-img { padding: 0 10px; } } #products-wrapper .products.as_grid .product .product-inner .product-img img { display: block; margin: 0 0 0 10px; width: calc(100% - 10px); height: 100%; max-height: unset; } html[dir="ltr"] #products-wrapper .products.as_grid .product .product-inner .product-img img { margin: 0 10px 0 0; } #products-wrapper .products.as_grid .product .product-inner .product-img .tags-list { position: absolute; top: 10px; right: 0; } #products-wrapper .products.as_grid .product .product-inner .product-img .tags-list > * { width: auto; max-width: unset; background: #007A53; height: auto; padding: 3px 8px; color: #FFFFFF; } #products-wrapper .products.as_grid .product.box_small, #products-wrapper .products.as_grid .product.box_medium, #products-wrapper .products.as_grid .product.box_large { padding: 0; width: 100%; margin: 0; border-bottom: 1px solid #E9EBEE; } @media (min-width: 769px) { #products-wrapper .products.as_grid .product.box_small, #products-wrapper .products.as_grid .product.box_medium, #products-wrapper .products.as_grid .product.box_large { width: 100%; margin: 0; } } #products-wrapper .products.as_grid .product.box_small .product-inner, #products-wrapper .products.as_grid .product.box_medium .product-inner, #products-wrapper .products.as_grid .product.box_large .product-inner { display: flex; } #products-wrapper .products.as_grid .product.box_small .product-inner:after, #products-wrapper .products.as_grid .product.box_medium .product-inner:after, #products-wrapper .products.as_grid .product.box_large .product-inner:after { display: none; } #products-wrapper .products.as_grid .product.box_small .product-inner button.addtocart, #products-wrapper .products.as_grid .product.box_medium .product-inner button.addtocart, #products-wrapper .products.as_grid .product.box_large .product-inner button.addtocart { width: 100%; } #products-wrapper .products.as_grid .product.box_small .product-inner button.addtocart i, #products-wrapper .products.as_grid .product.box_medium .product-inner button.addtocart i, #products-wrapper .products.as_grid .product.box_large .product-inner button.addtocart i { display: none !important; } #products-wrapper .products.as_grid .product.box_small .product-inner .product-content, #products-wrapper .products.as_grid .product.box_medium .product-inner .product-content, #products-wrapper .products.as_grid .product.box_large .product-inner .product-content { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; padding: 0; margin: 0; position: relative; min-height: 60px; } #products-wrapper .products.as_grid .product.box_small .product-inner .product-content .inner-content, #products-wrapper .products.as_grid .product.box_medium .product-inner .product-content .inner-content, #products-wrapper .products.as_grid .product.box_large .product-inner .product-content .inner-content { width: 100%; } #products-wrapper .products.as_grid .product.box_small .product-inner .product-content h3, #products-wrapper .products.as_grid .product.box_medium .product-inner .product-content h3, #products-wrapper .products.as_grid .product.box_large .product-inner .product-content h3 { display: flex; justify-content: flex-start; font-weight: 900; font-size: 21px; line-height: 1; text-align: var(--text-alignment); margin: 0; color: #007A53; order: 1; z-index: 2; max-width: calc(100% - 50px); position: relative; width: 100%; font-weight: bold; } @media (max-width: 768px) and (orientation: portrait) { #products-wrapper .products.as_grid .product.box_small .product-inner .product-content h3, #products-wrapper .products.as_grid .product.box_medium .product-inner .product-content h3, #products-wrapper .products.as_grid .product.box_large .product-inner .product-content h3 { font-size: 5vw; } } #products-wrapper .products.as_grid .product.box_small .product-inner .product-content > p, #products-wrapper .products.as_grid .product.box_medium .product-inner .product-content > p, #products-wrapper .products.as_grid .product.box_large .product-inner .product-content > p { display: flex; height: 100%; margin: 0; line-height: 1; align-items: flex-start; color: #464747; justify-content: flex-start; padding: 0 0 5px 15px; font-size: 18px; text-align: var(--text-alignment); order: 2; width: 100%; padding: 5px 0 0 0; } @media (max-width: 768px) and (orientation: portrait) { #products-wrapper .products.as_grid .product.box_small .product-inner .product-content > p, #products-wrapper .products.as_grid .product.box_medium .product-inner .product-content > p, #products-wrapper .products.as_grid .product.box_large .product-inner .product-content > p { font-size: 3.8vw; } } html[dir="ltr"] #products-wrapper .products.as_grid .product.box_small .product-inner .product-content > p, html[dir="ltr"] #products-wrapper .products.as_grid .product.box_medium .product-inner .product-content > p, html[dir="ltr"] #products-wrapper .products.as_grid .product.box_large .product-inner .product-content > p { padding: 5px 15px 5px 0; font-size: 16px; } #products-wrapper .products.as_grid .product.box_small .product-inner .product-content .product-price, #products-wrapper .products.as_grid .product.box_medium .product-inner .product-content .product-price, #products-wrapper .products.as_grid .product.box_large .product-inner .product-content .product-price { order: 3; position: absolute; height: auto; bottom: auto; font-size: 30px; z-index: 3; top: 0; line-height: 1; padding: 0; font-weight: bold; } @media (max-width: 768px) and (orientation: portrait) { #products-wrapper .products.as_grid .product.box_small .product-inner .product-content .product-price, #products-wrapper .products.as_grid .product.box_medium .product-inner .product-content .product-price, #products-wrapper .products.as_grid .product.box_large .product-inner .product-content .product-price { font-size: 5vw; } } html[dir="rtl"] #products-wrapper .products.as_grid .product.box_small .product-inner .product-content .product-price, html[dir="rtl"] #products-wrapper .products.as_grid .product.box_medium .product-inner .product-content .product-price, html[dir="rtl"] #products-wrapper .products.as_grid .product.box_large .product-inner .product-content .product-price { left: 0; right: auto; } html[dir="ltr"] #products-wrapper .products.as_grid .product.box_small .product-inner .product-content .product-price, html[dir="ltr"] #products-wrapper .products.as_grid .product.box_medium .product-inner .product-content .product-price, html[dir="ltr"] #products-wrapper .products.as_grid .product.box_large .product-inner .product-content .product-price { right: 0; left: auto; font-size: 20px; } #products-wrapper .products.as_grid .product.box_small .product-inner .product-content .addtocartmobile, #products-wrapper .products.as_grid .product.box_medium .product-inner .product-content .addtocartmobile, #products-wrapper .products.as_grid .product.box_large .product-inner .product-content .addtocartmobile { background: transparent; color: #C81D33; order: 6; display: inline-flex; align-items: center; justify-content: center; padding: 5px 0; } #products-wrapper .products.as_grid .product.box_small .product-inner .product-content .addtocartmobile:before, #products-wrapper .products.as_grid .product.box_medium .product-inner .product-content .addtocartmobile:before, #products-wrapper .products.as_grid .product.box_large .product-inner .product-content .addtocartmobile:before { content: ''; width: 15px; height: 15px; margin: 0 0 0 6px; background: url(https://acdn.foodbox.co.il/wp-content/uploads/sites/56/2020/11/23163732/add.svg); display: inline-block; } #products-wrapper .products.as_grid .product.is_banner { max-height: unset; padding: 0; margin: -12px -12px 0; width: calc(100% + 24px); border: none; } @media (min-width: 769px) { #products-wrapper .products.as_grid .product.is_banner { height: auto; width: calc(100% - 10px); margin: 0 5px 10px; } #products-wrapper .products.as_grid .product.is_banner .product-inner .product-img img { min-width: 100%; } #products-wrapper .products.as_grid .product.is_banner .product-inner .product-content { display: none; } #products-wrapper .products.as_grid .product.is_banner .product-inner .addtocart:after { display: none; } } #products-wrapper .products.as_grid .product.is_banner .product-inner { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0; } #products-wrapper .products.as_grid .product.is_banner .product-inner .product-img { background: none !important; min-width: 100%; } @media (min-width: 769px) { #products-wrapper .products.as_grid .product.is_banner .product-inner .product-img { flex: 1; width: 100%; height: auto; max-width: 100%; } } #products-wrapper .products.as_grid .product.is_banner .product-inner .product-img img { display: block; width: 100%; height: auto; max-height: unset; } #products-wrapper .products.as_grid .product.is_banner .product-inner .product-content { display: none; } #products-wrapper .products.as_grid .product.is_banner .product-inner .addtocart { width: 100%; height: 100%; } #products-wrapper .products.as_grid .product.is_banner .product-inner .addtocart i { display: none; } #products-wrapper .products.as_grid .product.is_featured { border: none; } #products-wrapper .products.as_grid .product.is_featured .product-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: flex-start; -webkit-justify-content: flex-start; -webkit-flex-direction: column; flex-direction: column; padding: 0; } #products-wrapper .products.as_grid .product.is_featured .product-inner .product-img { width: 100%; max-width: unset; flex: none; } #products-wrapper .products.as_grid .product.is_featured .product-inner .product-img img { width: 100%; min-width: 100%; border-radius: 6px; height: auto; } #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content { padding: 0; margin: 10px; position: relative; width: calc(100% - 20px); } #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content h3 { font-size: 24px; max-width: unset; } @media (max-width: 768px) and (orientation: portrait) { #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content h3 { font-size: 6vw; } } #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price { position: absolute; bottom: calc(100% + 25px); right: 0; font-family: 'almoni-tzar'; pointer-events: none; } @media (min-width: 769px) { #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price { bottom: calc(100% + 15px); } } html[dir="ltr"] #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price { right: auto; left: 0; } #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price .product-price.has-sale { left: auto; right: 0; } html[dir="ltr"] #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price .product-price.has-sale { right: auto; left: 0; } #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price .product-price.has-sale .original-price { margin: 0; font-size: 17px; height: auto; min-width: 100px; background: #FFFFFF; text-align: center; display: inline-flex; align-items: center; justify-content: center; transform: rotate(-7deg) skewX(-8deg); box-shadow: -4px 4px 10px 0 rgba(0, 0, 0, 0.5); position: absolute; bottom: 85px; right: -11px; z-index: 3; transform-origin: 100% 0; padding: 5px 10px; font-weight: bold; color: #007A53; } @media (min-width: 769px) { #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price .product-price.has-sale .original-price { bottom: 73px; } } html[dir="ltr"] #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price .product-price.has-sale .original-price { right: auto; left: -11px; transform: rotate(7deg) skewX(8deg); box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.5); } #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price .product-price.has-sale .original-price .formatted-price { text-decoration: none; } #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price .product-price.has-sale .original-price .formatted-price .cur { font-size: 100%; } #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price .product-price.has-sale .original-price .price-label { margin: 0 0 0 5px; } html[dir="ltr"] #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price .product-price.has-sale .original-price .price-label { margin: 0; font-size: 0; width: 100%; height: 1px; background: #007A53; z-index: 3; position: absolute; transform: translateX(0) rotate(10deg); } #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price .product-price.has-sale .sale-price { background: #C81D33; margin: 0; font-size: 55px; height: auto; min-width: 120px; text-align: center; display: inline-flex; align-items: center; justify-content: center; transform: rotate(-7deg) skewX(-8deg); box-shadow: -4px 4px 10px 0 rgba(0, 0, 0, 0.5); position: absolute; bottom: 20px; right: -11px; z-index: 3; transform-origin: 100% 0; color: #FFFFFF; padding: 4px 10px 0; } @media (min-width: 769px) { #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price .product-price.has-sale .sale-price { font-size: 45px; } } html[dir="ltr"] #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price .product-price.has-sale .sale-price { right: auto; left: -11px; transform: rotate(7deg) skewX(8deg); box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.5); } #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price .product-price.has-sale .sale-price .cur { font-size: 70%; margin: 0 0 -6px 0; } #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price .product-price.has-sale .sale-price .price-label { color: #FFFFFF; margin: 0 0 0 5px; font-size: 60%; } html[dir="ltr"] #products-wrapper .products.as_grid .product.is_featured .product-inner .product-content .inner-price .product-price.has-sale .sale-price .price-label { margin: 0 5px 0 0; display: none; } @media (min-width: 769px) { #products-wrapper .products.as_grid.grid_2 .product.branch_msg { grid-column: 2 span; } } @media (min-width: 769px) { #products-wrapper .products .product.box_large .product-inner { padding: 0; } } @media (max-width: 768px) { #products-wrapper.grid_2 .product.branch_msg { grid-column: 2 span; } } #products-wrapper .products.as_grid.grid_2 .product.box_large, #products-wrapper .products.as_grid.grid_2 .product.branch_msg { grid-column: 2 span; width: 100%; } @media (max-width: 768px) { #products-wrapper .products.as_grid.grid_2 .product.box_medium { grid-column: 2 span; width: 100%; } } #products-wrapper .products.as_grid.grid_6 .product.box_list, #products-wrapper .products.as_grid.grid_6 .product.box_large, #products-wrapper .products.as_grid.grid_6 .product.branch_msg { grid-column: 6 span; width: 100%; } #products-wrapper .products.as_grid.grid_6 .product.box_medium { grid-column: 3 span; width: 100%; } #products-wrapper .products.as_grid.grid_6 .product.box_small { grid-column: 2 span; width: 100%; } #categories-wrapper.as_full_page_grid.inner_cat ~ #products-wrapper .products.as_grid { padding: 12px; } #grid_bottom_notice { padding: 0; } @media (max-width: 768px) { body.search-open-field #products-wrapper { min-height: calc(100vh - var(--mobile-header-height)); background: #EEEEEE !important; } } #products-wrapper .products .product .sale-stamp { position: absolute; color: #FFFFFF; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; line-height: .8; background-size: contain; background-repeat: no-repeat; background-position: 50%; font-size: 22px; letter-spacing: -0.5px; bottom: 5%; transform: rotate(-10deg); left: 5%; z-index: 2; text-align: center; } .tags-list { order: 4; align-items: flex-end; width: 100%; padding-top: 5px; } @media (min-width: 769px) { .tags-list { padding-top: 10px; } } .tags-list > * { max-width: unset; max-height: unset; height: auto; width: auto; color: #007A53; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; margin-left: 5px; flex: none; } .tags-list > * img { width: 20px; } .tags-list > *:last-child:after { display: none; } .tags-list > *:after { /*content: ','; margin: 0 0 0 3px;*/ } .ama-popup.popup-builder.popup-pizza-builder .popup-container .popup-content .builder-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 4; padding: 0; height: var(--popup-top-height); display: flex; align-items: center; justify-content: center; border-bottom: 1px solid; background: #F0F0F0; } .ama-popup.popup-builder.popup-pizza-builder .popup-container .popup-content .builder-header h2 { font-weight: normal; font-size: 18px; margin: 0; } .pizza-builder { position: relative; } .pizza-builder .pizza-header { position: fixed; z-index: 5; text-align: center; min-height: 40px; display: flex; align-items: center; justify-content: center; width: 100%; border-bottom: none; top: var(--mobile-categories-top); z-index: 5; margin: 0; padding: 0; height: var(--popup-top-height); display: flex; align-items: center; justify-content: center; border: none; right: 0; left: auto; background: #FFFFFF; padding: 20px 10px 10px; height: var(--mobile-cat-nav-height); 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; top: var(--mobile-top-header-height); } .pizza-builder .pizza-header h2, .pizza-builder .pizza-header h5, .pizza-builder .pizza-header h1 { margin: 0; font-size: var(--popup-top-title-font-size); font-weight: var(--popup-top-title-font-weight); } .pizza-builder .pizza-header .popup-top-product-title h2, .pizza-builder .pizza-header .popup-top-product-title h5 { font-size: 24px; line-height: 1; padding: 5px 40px; } @media (max-width: 768px) and (orientation: portrait) { .pizza-builder .pizza-header .popup-top-product-title h2, .pizza-builder .pizza-header .popup-top-product-title h5 { font-size: 5vw; } } .pizza-builder .pizza-header h5 { padding: 0 40px; } .pizza-builder .pizza-header .back, .pizza-builder .pizza-header .close { height: 100%; width: var(--popup-top-height); background-size: 45% 45%; background-position: 50%; top: 0; right: 0; } html[dir="ltr"] .pizza-builder .pizza-header .back, html[dir="ltr"] .pizza-builder .pizza-header .close { transform: rotate(180deg); } @media (min-width: 769px) { .pizza-builder .pizza-header { padding: 10px; height: 60px; } } .pizza-builder .pizza-header h2 { width: 100%; height: 100%; padding: 0 25px; font-size: 22px; line-height: 1; position: relative; z-index: 2; 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; background: #E9EBEE; border-radius: 5px; color: #464747; min-height: unset; } @media (max-width: 768px) and (orientation: portrait) { .pizza-builder .pizza-header h2 { font-size: 5.5vw; } } .pizza-builder .pizza-header .back, .pizza-builder .pizza-header .close { height: calc(100% - 30px); width: var(--popup-top-height); background-size: 45% 45%; background-position: 50%; top: 0; right: 0; margin: 20px 10px 10px; background-image: url(https://acdn.foodbox.co.il/wp-content/uploads/sites/56/2020/11/10114426/back.svg); } @media (min-width: 769px) { .pizza-builder .pizza-header .back, .pizza-builder .pizza-header .close { margin: 10px 10px 10px; height: calc(100% - 20px); } } html[dir="ltr"] .pizza-builder .pizza-header .back, html[dir="ltr"] .pizza-builder .pizza-header .close { transform: rotate(180deg); right: auto; left: 0; } body.in_app .pizza-builder .pizza-header { top: 0; } @media (min-width: 769px) { .pizza-builder .pizza-header { position: absolute; top: 0; } } .pizza-builder .pizza-header nav > div { text-align: center; min-height: 40px; display: flex; align-items: center; justify-content: center; width: 100%; border-bottom: none; top: var(--mobile-categories-top); z-index: 5; margin: 0; padding: 0; } .pizza-builder .pizza-header nav > div h2, .pizza-builder .pizza-header nav > div h5, .pizza-builder .pizza-header nav > div h1 { margin: 0; font-size: var(--popup-top-title-font-size); font-weight: var(--popup-top-title-font-weight); } .pizza-builder .pizza-header nav > div .popup-top-product-title h2, .pizza-builder .pizza-header nav > div .popup-top-product-title h5 { font-size: 24px; line-height: 1; padding: 5px 40px; } @media (max-width: 768px) and (orientation: portrait) { .pizza-builder .pizza-header nav > div .popup-top-product-title h2, .pizza-builder .pizza-header nav > div .popup-top-product-title h5 { font-size: 5vw; } } .pizza-builder .pizza-header nav > div a { color: #FFFFFF; text-decoration: none; border-bottom: 1px solid; } .pizza-builder .pizza-header nav .active { color: #007A53; font-weight: 300; } .pizza-builder .pizza-control { background: #F5F7F9; position: fixed; bottom: 60px; width: 100%; left: 0; display: flex; align-items: stretch; justify-content: space-between; border-top: 1px solid #6B6E79; z-index: 5; padding: 5px 0; } @media (max-width: 768px) and (orientation: portrait) { .pizza-builder .pizza-control { font-size: 4.5vw; } } @media (min-width: 769px) { .pizza-builder .pizza-control { position: static; bottom: 0; } } .pizza-builder .pizza-control > div { flex: 1; display: flex; align-items: center; justify-content: space-evenly; padding: 5px; } .pizza-builder .pizza-control .dough-control { border-left: 1px solid #6B6E79; padding: 0; max-width: 60%; line-height: 1; min-height: 30px; overflow: auto; white-space: nowrap; } html[dir="ltr"] .pizza-builder .pizza-control .dough-control { border-left: 0; border-right: 1px solid #6B6E79; } .pizza-builder .pizza-control .dough-control .control-inner { padding: 0 15px 0 5px; width: 100%; display: flex; align-items: center; justify-content: space-between; } .pizza-builder .pizza-control .dough-control a, .pizza-builder .pizza-control .dough-control span { color: #C81D33; margin: 0 5px 0 0; white-space: initial; } .pizza-builder .pizza-control .dough-control:after { content: '\25b2'; font-size: 10px; color: #C81D33; margin: 0 auto 0 5px; } html[dir="ltr"] .pizza-builder .pizza-control .dough-control:after { margin: 0 5px 0 auto; } .pizza-builder .pizza-control .size-control { padding: 0 5px 0 15px; justify-content: flex-end; flex: none; } .pizza-builder .pizza-control .size-control > .size { border-radius: 100%; padding: 0; width: 30px; height: 30px; background: #6B6E79; color: #FFFFFF; font-size: 19px; font-weight: normal; border: 1px solid #6B6E79; display: inline-flex; align-items: center; justify-content: center; line-height: 30px; margin: 0 15px 0 0; } .pizza-builder .pizza-control .size-control > .size.selected { color: #C81D33; background: #FFFFFF; border-color: #C81D33; } .pizza-builder .pizza-steps { position: relative; z-index: 1; display: flex; align-items: stretch; justify-content: stretch; background: #FFFFFF; min-height: 100vh; } @media (min-width: 769px) { .pizza-builder .pizza-steps { overflow-y: auto; max-height: 70vh; min-height: unset; overflow-x: hidden; } .pizza-builder .pizza-steps::-webkit-scrollbar { width: 8px; height: 8px; background: #F5F7F9; opacity: 1; } .pizza-builder .pizza-steps::-webkit-scrollbar-track { opacity: 1; } .pizza-builder .pizza-steps::-webkit-scrollbar-thumb { border-radius: 6px; background: #6B6E79; opacity: 1; } } .pizza-builder .pizza-builder-step { padding: 0; transform: translateX(-50%); animation: slide_in 0.5s cubic-bezier(0.19, 1, 0.56, 1) forwards; opacity: 0; width: 100%; display: flex; flex-direction: column; } .pizza-builder .pizza-builder-step .pizza-canvas { flex: 1; /* order: 2;*/ } .pizza-builder .pizza-builder-step .components.pizza-options { order: 1; flex: none; padding-bottom: 0; } .pizza-builder .pizza-builder-step .select-group { display: flex; align-items: center; justify-content: center; grid-gap: 0; padding: 0; margin: 0; flex-direction: column; } .pizza-builder .pizza-builder-step .select-group > li { border: none; padding: 5px 0; position: relative; } .pizza-builder .pizza-builder-step .select-group > li:last-child { border-bottom: none; } .pizza-builder .pizza-builder-step .select-group > li > img { grid-row: span 2; width: 100%; } .pizza-builder .pizza-builder-step .select-group > li .select-button { border: none; position: absolute; width: 100%; height: 100%; background: transparent; font-size: 0; top: 0; right: 0; } .pizza-builder .pizza-builder-step .select-group.doughs li { display: flex; border-bottom: 1px solid #E9EBEE; width: calc(100% - 20px); } .pizza-builder .pizza-builder-step .select-group.doughs li .select-button:after { display: none; } @media (min-width: 769px) { .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li { padding: 10px 0 40px 0; } } @media (max-width: 768px) and (orientation: portrait) { .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li { padding: 8vw 0; } } .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li img, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li img { max-width: 80%; position: relative; z-index: 2; } @media (min-width: 769px) { .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li img, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li img { max-width: 400px; } } .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:before, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:before { content: ''; background: #717274; width: 50px; height: 50px; position: absolute; bottom: 15px; left: 13%; z-index: 1; transform: rotate(60deg) skewX(10deg) scaleY(-1); transform-origin: 0 0; } @media (max-width: 768px) and (orientation: portrait) { .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:before, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:before { height: 12vw; bottom: 12vw; } } @media (min-width: 769px) { .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:before, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:before { left: 23%; bottom: 50px; } } .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li h5, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li h5 { margin: 0; font-size: 24px; height: 50px; min-width: 100px; background: #F3D03E; text-align: center; display: inline-flex; align-items: center; justify-content: center; transform: rotate(10deg) skewX(10deg); box-shadow: 10px 10px 20px -5px rgba(0, 0, 0, 0.3); position: absolute; bottom: 15px; left: 13%; z-index: 3; transform-origin: 0 0; } @media (max-width: 768px) and (orientation: portrait) { .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li h5, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li h5 { font-size: 7vw; height: 12vw; min-width: 40vw; bottom: 12vw; } } @media (min-width: 769px) { .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li h5, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li h5 { left: 23%; min-width: 150px; bottom: 50px; } } @media (min-width: 769px) { .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:nth-child(1), .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:nth-child(3), .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:nth-child(1), .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:nth-child(3) { padding: 40px 0 10px 0; } } .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:nth-child(1) h5, .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:nth-child(3) h5, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:nth-child(1) h5, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:nth-child(3) h5 { left: auto; right: 13%; bottom: auto; top: 15px; transform-origin: 100% 100%; } @media (max-width: 768px) and (orientation: portrait) { .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:nth-child(1) h5, .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:nth-child(3) h5, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:nth-child(1) h5, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:nth-child(3) h5 { top: 12vw; } } @media (min-width: 769px) { .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:nth-child(1) h5, .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:nth-child(3) h5, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:nth-child(1) h5, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:nth-child(3) h5 { right: 23%; top: 50px; } } .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:nth-child(1):before, .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:nth-child(3):before, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:nth-child(1):before, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:nth-child(3):before { top: 15px; bottom: auto; left: auto; right: 13%; transform-origin: 100% 100%; } @media (max-width: 768px) and (orientation: portrait) { .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:nth-child(1):before, .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:nth-child(3):before, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:nth-child(1):before, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:nth-child(3):before { top: 12vw; } } @media (min-width: 769px) { .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:nth-child(1):before, .pizza-builder .pizza-builder-step .select-group.doughs:not(.in_category) li:nth-child(3):before, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:nth-child(1):before, .pizza-builder .pizza-builder-step .select-group.doughs.category_list li:nth-child(3):before { right: 23%; top: 50px; } } .pizza-builder .pizza-builder-step .select-group.doughs.in_category li { display: block; padding: 10px 0; align-items: initial; justify-content: initial; } .pizza-builder .pizza-builder-step .select-group.doughs.in_category li > img { float: right; width: calc(40% - 5px); margin-left: 5px; } @media (min-width: 769px) { .pizza-builder .pizza-builder-step .select-group.doughs.in_category li > img { width: calc(30% - 5px); } } html[dir="ltr"] .pizza-builder .pizza-builder-step .select-group.doughs.in_category li > img { float: left; margin: 0 5px 0 0; } .pizza-builder .pizza-builder-step .select-group.doughs.in_category li h5 { display: flex; justify-content: flex-start; font-weight: 900; font-size: 21px; line-height: 1; text-align: var(--text-alignment); margin: 0; color: #007A53; margin-bottom: 5px; } @media (max-width: 768px) and (orientation: portrait) { .pizza-builder .pizza-builder-step .select-group.doughs.in_category li h5 { font-size: 5vw; } } .pizza-builder .pizza-builder-step .select-group.doughs.in_category li p { display: flex; height: 100%; margin: 0; line-height: 1; align-items: flex-start; color: #464747; justify-content: flex-start; padding: 0 0 5px 15px; font-size: 18px; text-align: var(--text-alignment); flex-wrap: wrap; } @media (max-width: 768px) and (orientation: portrait) { .pizza-builder .pizza-builder-step .select-group.doughs.in_category li p { font-size: 3.8vw; } } html[dir="ltr"] .pizza-builder .pizza-builder-step .select-group.doughs.in_category li p { padding: 5px 15px 5px 0; font-size: 16px; } .pizza-builder .pizza-builder-step .select-group.doughs.in_category li p .price-row { min-width: 100%; color: #C81D33; } .pizza-builder .pizza-builder-step .select-group.doughs.in_category li p .price-row .formatted-price { margin: 0 5px; } .pizza-builder .pizza-builder-step .select-group.sizes li { border-bottom: 1px solid #E9EBEE; padding: 15px 0; max-width: 60%; } @media (min-width: 769px) { .pizza-builder .pizza-builder-step .select-group.sizes li { max-width: 40%; } } .pizza-builder .pizza-builder-step .select-group.sizes li:last-child { border-bottom: none; } .pizza-builder .pizza-builder-step .select-group.sizes li p { padding: 0; margin: 0; font-size: 22px; display: flex; flex-direction: column; line-height: 1; font-weight: bold; color: #007A53; } .pizza-builder .pizza-builder-step .select-group.sizes li p .formatted-price { color: #000000; } @media (max-width: 768px) and (orientation: portrait) { .pizza-builder .pizza-builder-step .select-group.sizes li p { font-size: 5.5vw; } } .pizza-builder .pizza-builder-step .select-group.sizes li p .formatted-price { margin: 0 2px; } .pizza-builder .pizza-builder-step .select-group.sizes li h5 { border-radius: 100%; color: #000000; width: 26vw; height: 26vw; font-size: 16vw; display: flex; align-items: center; justify-content: center; font-weight: normal; border: 1px solid; margin: 10px 0; display: none; } @media (min-width: 769px) { .pizza-builder .pizza-builder-step .select-group.sizes li h5 { width: 80px; height: 80px; font-size: 50px; } } .pizza-builder .pizza-builder-step .select-group.sizes li img { width: 70%; margin-bottom: 5px; } .pizza-builder .pizza-builder-step .select-group.sizes li[data-size="XL"] h5 { width: 27vw; height: 27vw; font-size: 16.5vw; } @media (min-width: 769px) { .pizza-builder .pizza-builder-step .select-group.sizes li[data-size="XL"] h5 { width: 100px; height: 100px; font-size: 60px; } } .pizza-builder .pizza-builder-step .select-group.sizes li[data-size="M"] img { width: 40%; } .pizza-builder .pizza-builder-step .select-group.sizes li[data-size="M"] h5 { width: 21vw; height: 21vw; font-size: 13vw; } .pizza-builder .pizza-builder-step .select-group.sizes li[data-size="L"] img { width: 50%; } .pizza-builder .pizza-builder-step .select-group.sizes li[data-size="L"] h5 { width: 21vw; height: 21vw; font-size: 13vw; } .pizza-builder .pizza-builder-step .select-group.sizes li[data-size="S"] img { width: 30%; } .pizza-builder .pizza-builder-step .select-group.sizes li[data-size="S"] h5 { width: 18vw; height: 18vw; font-size: 12vw; } @media (min-width: 769px) { .pizza-builder .pizza-builder-step .select-group.sizes li[data-size="S"] h5 { width: 60px; height: 60px; font-size: 40px; } } .pizza-builder .pizza-builder-step .select-group.sizes li.in_bundle p .formatted-price:after, .pizza-builder .pizza-builder-step .select-group.sizes li.in_bundle p .formatted-price:before { content: none; } .pizza-builder .pizza-builder-step .select-group.in_category { transform: translateX(-50%); animation: slide_in 0.5s cubic-bezier(0.19, 1, 0.56, 1) forwards; opacity: 0; } .pizza-builder .pizza-builder-step header .back { height: 100%; width: var(--popup-top-height); background-size: 45% 45%; background-position: 50%; top: 0; right: 0; } html[dir="ltr"] .pizza-builder .pizza-builder-step header .back { transform: rotate(180deg); } .pizza-builder .toppings-price-row { background: #F5F7F9; color: #464747; text-align: center; font-size: 18px; margin: 0; font-weight: normal; padding: 5px; } .pizza-builder .pizza-toppings .pizza-toppings-cat h5 { background: #FFFFFF; color: #007A53; text-align: var(--text-alignment); font-weight: bold; border: none; padding: 5px 15px; margin: 15px 0 5px; } .pizza-builder .pizza-toppings .pizza-toppings-cat h5 .price-info { font-weight: normal; margin: 0 2px; } .pizza-builder .pizza-toppings .pizza-toppings-cat .pizza-toppings-list { border: none; } .pizza-builder .pizza-toppings .pizza-toppings-cat .pizza-toppings-list .topping { position: relative; padding: 10px 5px; border-bottom: 1px solid #E9EBEE; margin: auto; max-width: calc(100% - 20px); } .pizza-builder .pizza-toppings .pizza-toppings-cat .pizza-toppings-list .topping img { max-width: 40px; max-height: 40px; } .pizza-builder .pizza-toppings .pizza-toppings-cat .pizza-toppings-list .topping strong { font-weight: normal; color: #000000; } @media (max-width: 768px) and (orientation: portrait) { .pizza-builder .pizza-toppings .pizza-toppings-cat .pizza-toppings-list .topping strong { font-size: 4.5vw; } } .pizza-builder .pizza-toppings .pizza-toppings-cat:last-child .pizza-toppings-list { border: none; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-options .component { padding: 0; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-options h3.component-label { margin: 0; font-size: 18px; padding: 5px; background: transparent; color: #007A53; text-align: var(--text-alignment); font-weight: bold; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-options h3.component-label .limit_text { font-size: 80%; display: inline-block; margin: 0 5px; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-options h3.component-label .limit_text:before { content: '('; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-options h3.component-label .limit_text:after { content: ')'; } .pizza-builder .pizza-toppings .pizza-toppings-cat .pizza-toppings-list .topping.zoom { position: relative; z-index: 6; } .pizza-builder .pizza-toppings .pizza-toppings-cat .pizza-toppings-list .topping.zoom .topping-options-wrap { height: 100%; } .pizza-builder .pizza-toppings .pizza-toppings-cat .pizza-toppings-list .topping.zoom .topping-options-wrap .topping-options { height: 100%; } @media (max-width: 768px) { .pizza-builder .pizza-toppings .pizza-toppings-cat .pizza-toppings-list .topping.zoom .topping-options-wrap .topping-options li { animation: zoom_toppings_in 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) both; } } @media (min-width: 769px) { .pizza-builder .pizza-toppings .pizza-toppings-cat .pizza-toppings-list .topping.zoom .topping-options-wrap .topping-options li { animation: zoom_toppings_in_desktop 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) both; } } @media (max-width: 768px) { .pizza-builder .pizza-toppings .pizza-toppings-cat .pizza-toppings-list .topping.zoom.topping-zoom-out .topping-options-wrap .topping-options li { animation: zoom_toppings_out 0.2s 0.15s cubic-bezier(0.22, 0.61, 0.36, 1) both; } } @media (min-width: 769px) { .pizza-builder .pizza-toppings .pizza-toppings-cat .pizza-toppings-list .topping.zoom.topping-zoom-out .topping-options-wrap .topping-options li { animation: zoom_toppings_out_desktop 0.2s 0.15s cubic-bezier(0.22, 0.61, 0.36, 1) both; } } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content .components.pizza-notes { padding: 0 0 50px 0; min-height: unset; border: none; margin: 0; border-top: 1px solid #6B6E79; width: 100%; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-notes input#builder-notes { max-width: 100%; } } @keyframes slide_in { 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes zoom_options_in { 0% { width: 39%; } 100% { width: 100%; } } @-moz-keyframes zoom_options_in { 0% { width: 39%; } 100% { width: 100%; } } @-o-keyframes zoom_options_in { 0% { width: 39%; } 100% { width: 100%; } } @keyframes zoom_options_in { 0% { width: 39%; } 100% { width: 100%; } } @-webkit-keyframes zoom_toppings_in { 0% { width: 7vw; height: 7vw; margin: 0 3.5vw 0 0; } 100% { width: 10vw; height: 10vw; margin: 0 5vw 0 0; } } @-moz-keyframes zoom_toppings_in { 0% { width: 7vw; height: 7vw; margin: 0 3.5vw 0 0; } 100% { width: 10vw; height: 10vw; margin: 0 5vw 0 0; } } @-o-keyframes zoom_toppings_in { 0% { width: 7vw; height: 7vw; margin: 0 3.5vw 0 0; } 100% { width: 10vw; height: 10vw; margin: 0 5vw 0 0; } } @keyframes zoom_toppings_in { 0% { width: 7vw; height: 7vw; margin: 0 3.5vw 0 0; } 100% { width: 10vw; height: 10vw; margin: 0 5vw 0 0; } } @-webkit-keyframes zoom_options_out { 0% { width: 100%; } 100% { width: 39%; } } @-moz-keyframes zoom_options_out { 0% { width: 100%; } 100% { width: 39%; } } @-o-keyframes zoom_options_out { 0% { width: 100%; } 100% { width: 39%; } } @keyframes zoom_options_out { 0% { width: 100%; } 100% { width: 39%; } } @-webkit-keyframes zoom_toppings_in_desktop { 0% { width: 25px; height: 25px; margin: 0 5px; } 100% { width: 50px; height: 50px; margin: 0 10px; } } @-moz-keyframes zoom_toppings_in_desktop { 0% { width: 25px; height: 25px; margin: 0 5px; } 100% { width: 50px; height: 50px; margin: 0 10px; } } @-o-keyframes zoom_toppings_in_desktop { 0% { width: 25px; height: 25px; margin: 0 5px; } 100% { width: 50px; height: 50px; margin: 0 10px; } } @keyframes zoom_toppings_in_desktop { 0% { width: 25px; height: 25px; margin: 0 5px; } 100% { width: 50px; height: 50px; margin: 0 10px; } } @-webkit-keyframes zoom_toppings_out_desktop { 0% { width: 50px; height: 50px; margin: 0 10px; } 100% { width: 25px; height: 25px; margin: 0 5px; } } @-moz-keyframes zoom_toppings_out_desktop { 0% { width: 50px; height: 50px; margin: 0 10px; } 100% { width: 25px; height: 25px; margin: 0 5px; } } @-o-keyframes zoom_toppings_out_desktop { 0% { width: 50px; height: 50px; margin: 0 10px; } 100% { width: 25px; height: 25px; margin: 0 5px; } } @keyframes zoom_toppings_out_desktop { 0% { width: 50px; height: 50px; margin: 0 10px; } 100% { width: 25px; height: 25px; margin: 0 5px; } } @-webkit-keyframes zoom_toppings_out { 0% { width: 10vw; height: 10vw; margin: 0 5vw 0 0; } 100% { width: 7vw; height: 7vw; margin: 0 3.5vw 0 0; } } @-moz-keyframes zoom_toppings_out { 0% { width: 10vw; height: 10vw; margin: 0 5vw 0 0; } 100% { width: 7vw; height: 7vw; margin: 0 3.5vw 0 0; } } @-o-keyframes zoom_toppings_out { 0% { width: 10vw; height: 10vw; margin: 0 5vw 0 0; } 100% { width: 7vw; height: 7vw; margin: 0 3.5vw 0 0; } } @keyframes zoom_toppings_out { 0% { width: 10vw; height: 10vw; margin: 0 5vw 0 0; } 100% { width: 7vw; height: 7vw; margin: 0 3.5vw 0 0; } } .mobile.ios .pizza-builder .pizza-steps { overflow-x: hidden; } .mobile.ios .pizza-builder .pizza-builder-step, .mobile.ios .pizza-builder .pizza-builder-step .select-group.in_category { transform: none; animation: none; opacity: 1; } @media (min-width: 769px) { .ama-popup.popup-pizza-builder .popup-container .popup-top .close { display: none; } } .ama-popup.popup-builder .popup-container .popup-top { height: var(--popup-top-height); display: flex; align-items: center; justify-content: center; border: none; } .ama-popup.popup-builder .popup-container .popup-top h5 { padding: 0 40px; } .ama-popup.popup-builder .popup-container .popup-top .back, .ama-popup.popup-builder .popup-container .popup-top .close { height: 100%; width: var(--popup-top-height); background-size: 45% 45%; background-position: 50%; top: 0; right: 0; } html[dir="ltr"] .ama-popup.popup-builder .popup-container .popup-top .back, html[dir="ltr"] .ama-popup.popup-builder .popup-container .popup-top .close { transform: rotate(180deg); } @media (max-width: 768px) { .ama-popup.popup-builder .popup-container .popup-top { top: var(--mobile-top-header-height); background: #FFFFFF; padding: 20px 10px 10px; height: var(--mobile-cat-nav-height); 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) { .ama-popup.popup-builder .popup-container .popup-top { position: absolute; width: 100%; z-index: 15; background: #007A53; top: 0; } .ama-popup.popup-builder .popup-container .popup-top h5 { color: #FFFFFF; } } .ama-popup.popup-builder .popup-container .popup-top .back, .ama-popup.popup-builder .popup-container .popup-top .close { height: calc(100% - 30px); width: var(--popup-top-height); background-size: 45% 45%; background-position: 50%; top: 0; right: 0; margin: 20px 10px 10px; } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-top .back, .ama-popup.popup-builder .popup-container .popup-top .close { height: 100%; width: var(--popup-top-height); margin: 0; background-image: url(https://acdn.foodbox.co.il/wp-content/uploads/sites/56/2020/12/13164642/back2.svg); } } .ama-popup.popup-builder .popup-container .popup-top .popup-top-product-title { width: 100%; height: 100%; } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-top .popup-top-product-title { height: var(--popup-top-height); display: flex; align-items: center; justify-content: center; } .ama-popup.popup-builder .popup-container .popup-top .popup-top-product-title h5, .ama-popup.popup-builder .popup-container .popup-top .popup-top-product-title h2 { color: #FFFFFF; font-size: 24px; } } @media (max-width: 768px) { .ama-popup.popup-builder .popup-container .popup-top .popup-top-product-title h2, .ama-popup.popup-builder .popup-container .popup-top .popup-top-product-title h5 { padding: 0 25px; font-size: 22px; line-height: 1; position: relative; z-index: 2; 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; background: #E9EBEE; border-radius: 5px; color: #464747; min-height: unset; height: 100%; } } @media (max-width: 768px) and (max-width: 768px) and (orientation: portrait) { .ama-popup.popup-builder .popup-container .popup-top .popup-top-product-title h2, .ama-popup.popup-builder .popup-container .popup-top .popup-top-product-title h5 { font-size: 5.5vw; } } .ama-popup.popup-builder .popup-container { padding: 0; } @media (max-width: 768px) { .ama-popup.popup-builder .popup-container { min-height: 100vh; height: 100vh; } } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container { max-width: 710px; } } .ama-popup.popup-builder .popup-container .popup-content { padding-right: 0; padding-left: 0; } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content.hasBuilder:not(.inside) { padding-top: var(--popup-top-height) !important; } } .ama-popup.popup-builder .popup-container .popup-content.hasBuilder .builder-header { padding: 0; height: auto; } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content.hasBuilder { width: calc(100% - 20px); margin: 0 10px; } } .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 { width: calc(100% - 20px); margin: 0 10px; } } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content .builder-footer { padding: 10px; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer .action-button-wrap { margin: auto auto auto 0; } html[dir="ltr"] .ama-popup.popup-builder .popup-container .popup-content .builder-footer .action-button-wrap { margin: auto 0 auto auto; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer .builder-total-wrap { justify-content: flex-start; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer .add-to-cart { min-width: 200px; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer .total-price strong { font-size: 36px; } } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .total-price { width: auto; padding: 0 10px 0 20px; min-width: 30%; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .total-price > strong > *:not(#total_price) { display: none; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .total-price > strong .cur { font-size: 100%; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .action-button-wrap { margin: 0 auto 0 0; max-width: 50%; } html[dir="ltr"] .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .action-button-wrap { margin: 0 0 0 auto; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .action-button-wrap .add-to-cart { font-size: 18px; line-height: 1; background-size: 100% 100%; } @media (max-width: 768px) and (orientation: portrait) { .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .action-button-wrap .add-to-cart { font-size: 7vw; border-radius: 0; } html[dir="ltr"] .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .action-button-wrap .add-to-cart { font-size: 5vw; } } .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%; padding: 0 10px; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .builder-total-wrap .cart_icon { width: 35px; height: 35px; background-image: url(https://acdn.foodbox.co.il/wp-content/uploads/sites/56/2020/09/01154124/pizzas_cart.svg); } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .builder-total-wrap .total-price { height: auto; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .builder-total-wrap .total-price .total-price, .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .builder-total-wrap .total-price > strong { color: #464747; order: 1; font-size: 27px; line-height: 20px; font-weight: 600; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .builder-total-wrap .total-price .total-price > span, .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .builder-total-wrap .total-price > strong > span { font-size: 27px; font-weight: 600; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .builder-total-wrap .total-price .cur { font-size: 100%; } .ama-popup.popup-builder .popup-container .popup-content .builder-footer.is_large_btn .builder-total-wrap .total-price > span { font-weight: normal; } .ama-popup.popup-builder .popup-container .popup-content .builder-header { margin: 0; padding: 0; background: transparent; color: #FFFFFF; text-align: center; border: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; -webkit-align-items: flex-start; justify-content: stretch; -webkit-justify-content: stretch; -webkit-flex-direction: column; flex-direction: column; background: #2A9867; background: radial-gradient(circle at 50% 50%, #4baa7f 17%, #2A9867 100%); height: 180px; } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content .builder-header { padding-top: var(--popup-top-height); } } .ama-popup.popup-builder .popup-container .popup-content .builder-header img { max-width: 100%; max-height: 100%; display: block; margin: auto; height: auto; width: auto; } .ama-popup.popup-builder .popup-container .popup-content .builder-header h2 { font-size: 42px; margin: 10px 0 0; line-height: 1; } @media (max-width: 768px) and (orientation: portrait) { .ama-popup.popup-builder .popup-container .popup-content .builder-header h2 { font-size: 10vw; } } .ama-popup.popup-builder .popup-container .popup-content .builder-header h2 strong { color: #FFFF00; } .ama-popup.popup-builder .popup-container .popup-content .builder-header .description { display: flex; height: 100%; margin: 0; line-height: 1; align-items: flex-start; color: #464747; justify-content: flex-start; padding: 0 0 5px 15px; font-size: 18px; text-align: var(--text-alignment); order: 2; width: 100%; padding: 5px 0 0 0; width: 100%; text-align: center; } @media (max-width: 768px) and (orientation: portrait) { .ama-popup.popup-builder .popup-container .popup-content .builder-header .description { font-size: 3.8vw; } } html[dir="ltr"] .ama-popup.popup-builder .popup-container .popup-content .builder-header .description { padding: 5px 15px 5px 0; font-size: 16px; } .ama-popup.popup-builder .popup-container .popup-content .builder-header .description p { margin: 0; padding: 0; } .ama-popup.popup-builder .popup-container .popup-content .components { padding: 10px; } .ama-popup.popup-builder .popup-container .popup-content .components::-webkit-scrollbar { width: 8px; height: 8px; background: #F5F7F9; opacity: 1; } .ama-popup.popup-builder .popup-container .popup-content .components::-webkit-scrollbar-track { opacity: 1; } .ama-popup.popup-builder .popup-container .popup-content .components::-webkit-scrollbar-thumb { border-radius: 6px; background: #6B6E79; opacity: 1; } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content .components { min-height: unset; width: calc(100% - 40px); margin: auto 20px; } } .ama-popup.popup-builder .popup-container .popup-content .component { padding: 0; border: none; } .ama-popup.popup-builder .popup-container .popup-content .component .component-header { width: calc(100% + 20px); margin: 0 -10px; } .ama-popup.popup-builder .popup-container .popup-content .component .component-header h2, .ama-popup.popup-builder .popup-container .popup-content .component .component-header .component-header-selected { display: none; } .ama-popup.popup-builder .popup-container .popup-content .component .component-header .component-header-img { background: #2A9867; background: radial-gradient(circle at 50% 50%, #4baa7f 17%, #2A9867 100%); height: 180px; } .ama-popup.popup-builder .popup-container .popup-content .component .component-header .component-header-img img { max-width: 100%; max-height: 100%; display: block; margin: auto; height: auto; width: auto; } .ama-popup.popup-builder .popup-container .popup-content .component .component-label { width: 100%; float: none; margin: 0 0 10px 0; } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content .component .group { width: 100%; float: none; } } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content .component .group #builder-notes { width: 100%; max-width: unset; } } .ama-popup.popup-builder .popup-container .popup-content .component .group label.showAsBox:not(.hasImg) { margin: 0; max-width: 100%; border: 1px solid #6B6E79; } @media (max-width: 768px) { .ama-popup.popup-builder .popup-container .popup-content .component.in-row-mob-1 > .group label.showAsBox:not(.hasImg) { margin: 0; } } .ama-popup.popup-builder .popup-container .popup-content .component.items_with_without .group label.showAsBox:not(.hasImg).selected .cb_label { color: #6B6E79; } @media (max-width: 768px) { .ama-popup.popup-builder .popup-container .popup-content .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 .component.in-row-mob-1 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .component.in-row-mob-1 > .group .dynamic-components-wrap.onlist { grid-column: span 1; } .ama-popup.popup-builder .popup-container .popup-content .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 .component.in-row-mob-2 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .component.in-row-mob-2 > .group .dynamic-components-wrap.onlist { grid-column: span 2; } .ama-popup.popup-builder .popup-container .popup-content .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 .component.in-row-mob-3 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .component.in-row-mob-3 > .group .dynamic-components-wrap.onlist { grid-column: span 3; } .ama-popup.popup-builder .popup-container .popup-content .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 .component.in-row-mob-4 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .component.in-row-mob-4 > .group .dynamic-components-wrap.onlist { grid-column: span 4; } .ama-popup.popup-builder .popup-container .popup-content .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 .component.in-row-mob-5 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .component.in-row-mob-5 > .group .dynamic-components-wrap.onlist { grid-column: span 5; } .ama-popup.popup-builder .popup-container .popup-content .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 .component.in-row-mob-6 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .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 .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 .component.in-row-1 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .component.in-row-1 > .group .dynamic-components-wrap.onlist { grid-column: span 1; } .ama-popup.popup-builder .popup-container .popup-content .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 .component.in-row-2 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .component.in-row-2 > .group .dynamic-components-wrap.onlist { grid-column: span 2; } .ama-popup.popup-builder .popup-container .popup-content .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 .component.in-row-3 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .component.in-row-3 > .group .dynamic-components-wrap.onlist { grid-column: span 3; } .ama-popup.popup-builder .popup-container .popup-content .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 .component.in-row-4 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .component.in-row-4 > .group .dynamic-components-wrap.onlist { grid-column: span 4; } .ama-popup.popup-builder .popup-container .popup-content .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 .component.in-row-5 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .component.in-row-5 > .group .dynamic-components-wrap.onlist { grid-column: span 5; } .ama-popup.popup-builder .popup-container .popup-content .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 .component.in-row-6 > .group > label { width: 100%; max-width: 100%; margin: 0; } .ama-popup.popup-builder .popup-container .popup-content .component.in-row-6 > .group .dynamic-components-wrap.onlist { grid-column: span 6; } } @media (max-width: 768px) { .ama-popup.popup-builder .popup-container .popup-content .component.extra_parmesan.in-row-2 .group { margin-bottom: 10px; } } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content .component.extra_parmesan.in-row-2 { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; } .ama-popup.popup-builder .popup-container .popup-content .component.extra_parmesan.in-row-2 h3 { grid-column: span 2; } .ama-popup.popup-builder .popup-container .popup-content .component.extra_parmesan.in-row-2 .group { display: block; } } .ama-popup.popup-builder.builder_type_list .popup-container .popup-content .component.notvalid { border: none; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate { direction: rtl; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list { display: grid; grid-template-columns: 50% 50%; background: #FFFFFF; grid-gap: 0; padding: 0 15px; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem { background: #FFFFFF; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item { display: flex; flex-direction: column; height: 100%; border: none; border-bottom: 1px solid #E9EBEE; padding: 10px; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-image { margin: 0; width: 100%; height: auto; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-content { display: flex; align-items: center; justify-content: center; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem:nth-child(odd) .builder-list-item { border-left: 1px solid #E9EBEE; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-content { width: 100%; align-items: center; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-content h3 { width: 100%; text-align: center; } .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-selected { padding: 0; text-align: center; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-content .builder-item-selected h4 { margin: 0; color: #007A53; font-weight: bold; line-height: 1; padding: 3px 0; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-content .builder-item-selected h4 .size { margin: 0 5px 0 0; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-content .builder-item-selected h4 .formatted-price { 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-selected .note-row { /*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-selected .note-row .pizza-icon img { position: static; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-content .builder-item-price-info { line-height: 1; font-weight: normal; font-size: 0; margin: auto; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem .builder-list-item .builder-item-content .builder-item-price-info .formatted-price { font-size: 16px; 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 .builder-item-change { background: url(https://acdn.foodbox.co.il/wp-content/uploads/sites/56/2020/11/24012146/edit.svg); position: absolute; left: 5px; top: 5px; background-size: contain; background-position: 50%; background-repeat: no-repeat; width: 25px; height: 25px; font-size: 0; display: none; } .ama-popup.popup-builder .popup-container .popup-content .components .product_plate.builder_type_list .builder_elem.selected.valid .builder-list-item .builder-item-content .builder-item-change.edit { display: block; } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list { padding: 0 10px; } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label .tags-list { justify-content: flex-start; padding: 0; } @media (max-width: 768px) { .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label .tags-list { width: 100%; margin-right: 40%; grid-column: span 2; } } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label .tags-list { position: absolute; bottom: 0; right: 40%; width: auto; } } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label .tags-list img { max-height: 100%; height: auto; width: 20px; order: unset; margin: auto; } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label.hasImg, .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label.hasImg.selected, .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label.showAsBox:not(.hasImg), .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label.showAsBox.selected:not(.hasImg) { background: #FFFFFF; margin: 0 0 10px; padding: 5px; border-radius: 5px; color: #000000; } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label.hasImg .cb_label, .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label.hasImg.selected .cb_label, .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label.showAsBox:not(.hasImg) .cb_label, .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label.showAsBox.selected:not(.hasImg) .cb_label { color: #000000; } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label.hasImg { display: grid; grid-template-rows: auto auto; grid-template-columns: 40% 1fr; padding: 10px 0; margin: 0 0 10px 0; width: 100%; max-width: unset; border-bottom: 1px solid #E9EBEE; } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label.hasImg .cb_label { display: flex; justify-content: flex-start; font-weight: 900; font-size: 21px; line-height: 1; text-align: var(--text-alignment); margin: 0; color: #007A53; order: 1; z-index: 2; max-width: calc(100% - 50px); position: relative; width: 100%; font-weight: bold; } @media (max-width: 768px) and (orientation: portrait) { .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label.hasImg .cb_label { font-size: 5vw; } } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label.hasImg .cb_description { display: flex; height: 100%; margin: 0; line-height: 1; align-items: flex-start; color: #464747; justify-content: flex-start; padding: 0 0 5px 15px; font-size: 18px; text-align: var(--text-alignment); order: 2; width: 100%; padding: 5px 0 0 0; } @media (max-width: 768px) and (orientation: portrait) { .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label.hasImg .cb_description { font-size: 3.8vw; } } html[dir="ltr"] .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label.hasImg .cb_description { padding: 5px 15px 5px 0; font-size: 16px; } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list > .group > label.hasImg > img { height: auto; max-height: unset; grid-row: span 2; max-width: unset; margin: 0 0 0 10px; width: calc(100% - 10px); } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label, .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label.showAsBox:not(.hasImg) { background: #F5F7F9; border-radius: 5px; margin-bottom: 10px; padding: 10px; border: none; } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label .formatted-price.item-price, .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label .cb_label, .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label.showAsBox:not(.hasImg) .formatted-price.item-price, .ama-popup.popup-builder .popup-container .popup-content .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 .component.show_as_list .group label .formatted-price.item-price, .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label .cb_label, .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label.showAsBox:not(.hasImg) .formatted-price.item-price, .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label.showAsBox:not(.hasImg) .cb_label { font-size: 5vw; } } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label .cb, .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label.showAsBox:not(.hasImg) .cb { order: 6; -webkit-order: 6; } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label .cb_label, .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label.showAsBox:not(.hasImg) .cb_label { color: #464747; } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label.selected, .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label.showAsBox:not(.hasImg).selected { background: #F5F7F9; border: none; } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label.selected .cb_label, .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label.showAsBox:not(.hasImg).selected .cb_label { color: #464747; } .ama-popup.popup-builder .popup-container .popup-content .component.show_as_list .group label:not(.hasImg) .cb { position: static; } .ama-popup.popup-builder .popup-container .popup-content .component .group label.hasComponnts.selected:after { bottom: -16px; border-bottom-color: #000000; border-top: none; } @media (min-width: 769px) { .ama-popup.popup-builder .popup-container .popup-content .component .group label.hasComponnts.selected:after { bottom: -11px; } } .ama-popup.popup-builder .popup-container .popup-content.insidePizza:not(.pizzaSelected) .builder-footer .builder-total-wrap { display: none; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-options { width: 100%; height: auto; max-height: unset; overflow: auto; min-height: auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 10px; align-items: flex-start; margin: 15px auto; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-options > .component { width: 100%; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-options > .component.full_width { grid-column: span 3; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-options > .component.as_dropdown .group.dropdown-wrapper .dropdown-wrapper-selected { border: 1px solid #E9EBEE; border-radius: 5px; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-options > .component.as_dropdown .group.dropdown-wrapper .dropdown-wrapper-options { position: static; border: 1px solid #E9EBEE; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-options > .component.as_dropdown .group.dropdown-wrapper .dropdown-wrapper-options label { border-bottom: 1px solid #E9EBEE; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-options > .component.as_dropdown .group.dropdown-wrapper .dropdown-wrapper-options label .cb_label { color: #6b6e79; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-options > .component.as_dropdown .group.dropdown-wrapper .dropdown-wrapper-options label.selected { background: #F5F7F9; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-options > .component.as_dropdown .group.dropdown-wrapper .dropdown-wrapper-options label.selected .cb_label { color: #000; } .ama-popup.popup-builder .popup-container .popup-content .components.pizza-options > .component.as_dropdown .group.dropdown-wrapper .dropdown-wrapper-options label:hover:not(.selected) { background: #F5F7F9; } @media (min-width: 769px) { #mini-cart { border-radius: 10px; overflow: hidden; padding: 0; border: 1px solid #F5F7F9; } #mini-cart h3.minicart-title { border: none; } } @media (max-width: 768px) { #mini-cart { padding: 0; height: calc(100vh - var(--popup-top-height)); top: 0; } } #mini-cart .checkout-flow-title { background: #007A53; } #mini-cart .top_minicart { padding: 15px 12px; background: #2A9867; background: radial-gradient(circle at 50% 50%, #4baa7f 17%, #2A9867 100%); } #mini-cart .top_minicart #locator_details .locator_details-row { color: #fff; } #mini-cart .top_minicart #locator_details .locator_details-row > span { min-width: 100px; } #mini-cart .top_minicart #locator_details .locator_details-row strong { color: #fff; } #mini-cart .top_minicart #locator_details .minicart_actions.as_buttons a { background: #fff; color: #000; padding: 3px 15px; border-radius: 30px; line-height: 1; font-size: 16px; } #mini-cart .items-wrapper { padding: 0 12px; } #mini-cart footer.bottom_minicart { border-top: 2px solid #F5F7F9; padding: 5px 12px; } @media (min-width: 769px) { #mini-cart footer.bottom_minicart { padding: 5px 12px 10px; } } #mini-cart footer.bottom_minicart #go_to_checkout { padding: 15px; } @media (min-width: 769px) { #mini-cart footer.bottom_minicart #go_to_checkout { margin: 10px 0 0; padding: 12px; font-size: 25px; font-weight: bold; border-radius: 5px; } } .cart-item { border-bottom: 1px solid #6B6E79; } .cart-item .item-actions button.edit-prd { color: #000; } .checkout-flow-title { background: #FFFFFF; height: var(--mobile-cat-nav-height); } .checkout-flow-title h2 { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; width: auto; font-size: 20px; line-height: 1; position: relative; z-index: 2; padding: 0 10px; background: #FFFFFF; font-weight: normal; } .checkout-flow-title .back_to_shop { right: 0; z-index: 3; padding: 0; } .checkout-flow-title .back_to_shop a { width: var(--popup-top-height); height: calc(100% - 30px); margin-right: 15px; } .checkout-flow-title .back_to_shop a img { height: 45%; } .checkout-flow-title .back_to_shop a i { display: none; } #checkout-hedaer { background: #fff; padding: 20px 10px 10px; } #checkout-hedaer .container { background: var(--checkout-header-background); border-radius: 5px; } #checkout-hedaer *, #checkout-hedaer #checkout-summary-btn a, #checkout-hedaer #checkout-back a { height: 100%; display: inline-flex; align-items: center; justify-content: center; } #checkoutProcess .cart-item .cp-notes { border-top: none; padding: 0; } .checkout-step #thank-you-dear .cTitle.base { height: 40px; padding: 0 25px; font-size: 22px; line-height: 1; position: relative; z-index: 2; 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; background: #E9EBEE; border-radius: 5px; color: #464747; min-height: unset; } @media (max-width: 768px) and (orientation: portrait) { .checkout-step #thank-you-dear .cTitle.base { font-size: 5.5vw; } } .note-row.is_toppings .topping-row strong { margin: 0 5px; } div#checkoutProcess .cart-item .cp-notes { padding: 0; } div#checkoutProcess .cart-item.on .cp-notes { padding: 10px 0; } div#checkoutProcess .cart-item .note-row .strong, div#checkoutProcess .cart-item .note-row > strong { margin-left: 10px; font-weight: 500; width: 70px; } .ama-popup.coupon_flow .popup-container .inner-content .msg-wrap .invalid-coupons ul li .action { width: 100%; margin: 10px 0 0 0; padding: 0 20px; } .ama-popup.coupon_flow .popup-container .inner-content .msg-wrap .invalid-coupons ul li .action button { width: 100%; border-radius: 8px; font-size: 23px; padding: 15px; font-weight: 500; } .papa-page { font-family: var(--font-family-site); /*real club page*/ } .papa-page h1, .papa-page h2, .papa-page h3, .papa-page h4, .papa-page h5 { font-family: var(--font-family-site); } .papa-page div#home-boom { background-image: var(--papa_home_banner); font-family: var(--font-family-site); height: 60vh; background-size: contain; position: relative; background-position: 30% 50%; background-repeat: no-repeat; background-color: #740001; } @media (min-width: 769px) { html[dir="ltr"] .papa-page div#home-boom { background-position: 120% 50%; } } @media (max-width: 768px) { .papa-page div#home-boom { background-position: 0 0; height: calc(var(--vh, 1vh) * 100 - var(--mobile-header-height)); } } .papa-page div#home-boom > .container { position: relative; height: 100%; display: flex; align-items: center; justify-content: flex-start; } .papa-page div#the-boom { width: auto; margin-right: 5%; color: white; box-sizing: border-box; } @media (max-width: 768px) { .papa-page div#the-boom { margin: auto auto 0; width: 90%; height: 50%; display: flex; flex-direction: column; align-items: stretch; justify-content: center; } } .papa-page div#the-boom h1 { font-family: var(--font-family-site); margin: 0; line-height: 0.9; font-weight: bold; } .papa-page div#the-boom h1 span { display: block; font-size: 200%; } .papa-page .actions { display: flex; justify-content: space-between; margin: 10px 0 0 0; } @media (max-width: 768px) { .papa-page .actions { flex-direction: column; } } .papa-page .action { background-color: #056949; color: #FFFFFF; font-size: 140%; padding: 10px 40px; border-radius: 25px; flex: 1; text-align: center; font-weight: bold; border: 1px solid #258651; line-height: 1; box-shadow: 0 4px 15px -5px rgba(0, 0, 0, 0.4); max-width: 48%; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; } .papa-page .action:hover { background-color: #258651; } @media (max-width: 768px) { .papa-page .action { padding: 8px 40px; margin: 10px 0 10px 0; max-width: 100%; } } .papa-page .last-photos { width: 95%; max-width: 1000px; margin: 35px auto; display: flex; flex-wrap: wrap; } .papa-page .last-photo { width: 25%; box-sizing: border-box; padding: 1%; } .papa-page .last-photo img { width: 100%; } .papa-page div#instagram { text-align: center; display: flex; flex-direction: column; align-items: center; } .papa-page div#instagram > h2 { margin: 15px 0 0; font-weight: bold; color: #C81D33; font-size: 200%; } .papa-page .social-links { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .papa-page div#instagram .social-links a { color: #C81D33; direction: ltr; font-size: 180%; border-bottom: 3px solid #2F785E; padding-bottom: 3px; display: inline-flex; align-items: center; margin: 15px 15px 0; line-height: 1; } .papa-page div#instagram .social-links a img { margin: 0 5px; } .papa-page .ch-right img { width: 100%; } .papa-page .hot-deals { background-color: #FFF3E3; padding: 10px 0; text-align: center; color: #C81D33; width: 100%; } @media (max-width: 768px) { .papa-page .hot-deals { padding: 10px 0; } } .papa-page .hot-deals h3 { font-size: 220%; font-weight: bold; margin: 0; } @media (max-width: 768px) { .papa-page .hot-deals h3 { display: none; } } .papa-page .hot-deals .deals { display: flex; margin: auto; } @media (max-width: 768px) { .papa-page .hot-deals .deals { flex-direction: column; } } .papa-page .hot-deals .deals a { flex: 1; display: block; padding: 10px; } @media (max-width: 768px) { .papa-page .hot-deals .deals a { padding: 0; margin-bottom: 10px; } .papa-page .hot-deals .deals a:last-child { margin: 0; } } .papa-page .hot-deals .deals a img { max-width: 100%; } .papa-page .club-head { background: radial-gradient(circle, rgba(0, 94, 60, 0.896796) 0%, #00412b 60%); background: #005337; display: flex; } .papa-page .club-head > .container { background-image: var(--papa_club_banner); background-size: cover; background-position: 100% 50%; display: flex; background-repeat: no-repeat; padding: 30px 0; } @media (max-width: 768px) { .papa-page .club-head > .container { flex-direction: column; background-image: none; padding: 0; } } @media (max-width: 768px) { .papa-page .club-head h1 { color: white; font-family: var(--font-family-site); text-align: center; font-size: 200%; } } @media (max-width: 768px) { .papa-page .club-head .ch-left { margin: -35% auto 0; padding: 0 5%; } } .papa-page .ch-right { flex: 1; display: flex; align-items: center; justify-content: center; } @media (max-width: 768px) { .papa-page .ch-right { flex: none; align-items: flex-start; justify-content: flex-start; } } @media (min-width: 769px) { .papa-page .ch-right img { display: none; } } .papa-page .ch-left { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .papa-page .ch-boxes { display: flex; } .papa-page .ch-boxes .ch-in-right { display: flex; width: 100%; flex-wrap: wrap; align-items: stretch; justify-content: center; } @media (max-width: 768px) { .papa-page .ch-boxes .ch-in-right { width: 100%; } } .papa-page .ch-box { background-color: white; padding: 10px 10px; display: flex; margin: 10px; width: 45%; align-items: center; color: #005638; box-sizing: border-box; } .papa-page .ch-box img { height: 40px; margin: 0 8px; } @media (max-width: 768px) { .papa-page .ch-box { width: 46%; margin: 2%; box-sizing: border-box; padding: 5px; } .papa-page .ch-box img { height: 28px; } } .papa-page .chb-left h3, .papa-page .chb-left h5 { margin-bottom: 0; margin-top: 0; line-height: 1; } .papa-page .chb-left h3 { font-size: 130%; font-weight: bold; margin-bottom: 4px; } .papa-page .chb-left h5 { font-weight: normal; font-size: 120%; } .papa-page .ch-left header { width: 100%; text-align: center; } @media (max-width: 768px) { .papa-page .ch-left header { padding: 0 5%; } } .papa-page .ch-left header h1 { color: white; font-family: var(--font-family-site); } @media (max-width: 768px) { .papa-page .ch-left header img { width: 100%; } } @media (min-width: 769px) { .papa-page .ch-left header img { max-width: 400px; } } .papa-page .ch-button { display: flex; align-items: center; justify-content: center; } @media (max-width: 768px) { .papa-page .ch-button { width: 100%; margin-bottom: 20px; } } .papa-page .ch-button a { text-align: center; color: white; background-color: #C81D33; display: block; padding: 5px 120px; font-size: 125%; margin-top: 18px; border-radius: 25px; } @media (max-width: 768px) { .papa-page .ch-button a { box-sizing: border-box; flex: none; max-width: 100%; padding: 5px 10px; width: 100%; display: block; } } .papa-page .ch-terms { text-align: center; line-height: 1; margin: 10px 0; } .papa-page .ch-terms p, .papa-page .ch-terms span { color: white; text-align: center; margin-bottom: 0; font-size: 100%; } @media (max-width: 768px) { .papa-page .ch-terms p, .papa-page .ch-terms span { display: block; line-height: 1.2; } } .papa-page .ch-body { width: 100%; max-width: 1200px; margin: 50px auto; } .papa-page .ch-body iframe { width: 100%; border: none; height: 1200px; } .papa-page .ch-form { display: flex; width: 100%; } .papa-page .ch-body-right, .papa-page .ch-body-left { flex: 1; } .papa-page input[type="text"], .papa-page input[type="email"], .papa-page input[type="number"], .papa-page input[type="password"], .papa-page input[type="tel"], .papa-page input[type="date"] { width: 100%; display: block; max-width: 380px; padding: 7px 15px; border-radius: 10px; border: 1px solid #9D9C9C; } .papa-page .select2-container { padding: 0 15px; } .papa-page .ch-body-left > p { font-size: 80%; margin-bottom: 0; } .papa-page .fields { margin: 10px 0; } .papa-page .ch-body-left > h3 { font-size: 120%; } .papa-page .fields span.wpcf7-list-item { margin: 0 0 7px; } .papa-page .fields input[type="checkbox"] { width: 20px; height: 20px; vertical-align: middle; } .papa-page .fields .wpcf7-list-item-label { vertical-align: middle; margin-right: 8px; } .papa-page .ch-submit { display: flex; align-items: center; justify-content: center; max-width: 60%; margin-top: 29px; } .papa-page .ch-submit input { background-color: #DB1D17; color: white; border: none; font-size: 121%; padding: 10px 0; width: 100%; border-radius: 10px; } .papa-page #app-banner { background: radial-gradient(at 60% 40%, #b3120d 0%, #7e0303 60%); } .papa-page #app-banner > .container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: stretch; -webkit-align-items: stretch; justify-content: center; -webkit-justify-content: center; } @media (max-width: 768px) { .papa-page #app-banner > .container { padding: 0; } } .papa-page #app-banner .app-right, .papa-page #app-banner .app-left { flex: 1; display: flex; align-items: center; justify-content: center; } .papa-page #app-banner .app-left { flex-direction: column; color: #fff; } @media (max-width: 768px) { .papa-page #app-banner .app-left { padding: 5% 0 5% 5%; } } .papa-page #app-banner .app-left h3 { font-size: 500%; margin: 0; line-height: 1; } @media (max-width: 768px) { .papa-page #app-banner .app-left h3 { font-size: 250%; } } .papa-page #app-banner .app-left h5 { font-size: 150%; } @media (max-width: 768px) { .papa-page #app-banner .app-left h5 { font-size: 120%; } } .papa-page #app-banner .app-right { align-items: flex-end; } @media (min-width: 769px) { .papa-page #app-banner .app-right { order: 2; } } @media (max-width: 768px) { .papa-page #app-banner .app-right { position: relative; max-width: 40%; } } .papa-page #app-banner .app-right img { max-width: 400px; } @media (max-width: 768px) { .papa-page #app-banner .app-right img { max-width: unset; height: 100%; position: absolute; left: 0; } } .papa-page #app-banner #app-download { 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; margin: 40px auto 0; } @media (min-width: 769px) { .papa-page #app-banner #app-download { max-width: 500px; } } .papa-page #app-banner #app-download > * { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 5px; max-width: 45%; } @media (min-width: 769px) { .papa-page #app-banner #app-download > * { margin: 0 15px; } } .papa-page #app-banner #app-download > * img { max-width: 100%; } .papa-page#club-page .club-head { background: #003D24; } @media (min-width: 769px) { .papa-page#club-page .club-head > .container { height: 60vh; } } @media (max-width: 768px) { .papa-page#club-page .ch-content { padding: 20px 15px; } } @media (max-width: 768px) { .papa-page#club-page .ch-left { width: 100%; margin: -30% auto 0; padding: 0; } .papa-page#club-page .ch-left header h1 { margin: 5px 0 10px; } } @media (max-width: 768px) { .papa-page#club-page .ch-boxes .ch-in-right { flex-direction: column; } } @media (max-width: 768px) { .papa-page#club-page .ch-box { width: 100%; margin: 0 0 15px 0; border-radius: 5px; padding: 10px; } .papa-page#club-page .ch-box:last-child { margin: 0; } .papa-page#club-page .ch-box .chb-right { min-width: 30%; max-width: 30%; margin-left: 10px; border-left: 1px solid #DDDDDD; padding: 0 0 0 10px; } .papa-page#club-page .ch-box .chb-right img { width: 100%; height: auto; margin: 0; } .papa-page#club-page .ch-box .chb-left { flex: 1; text-align: center; } .papa-page#club-page .ch-box .chb-left h3 { font-size: 170%; color: #C81D33; margin-bottom: 5px; } .papa-page#club-page .ch-box .chb-left h5 { font-size: 140%; font-weight: normal; } } .papa-page#club-page .ch-terms { padding: 15px 0; } #about-page { font-family: var(--font-family-site); min-height: calc(var(--vh, 1vh) * 100 - var(--mobile-header-height)); display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; } .text-image-row { display: flex; justify-content: space-between; flex: 1; } .text-image-row.but-reverse { flex-direction: row-reverse; } .text-image-row.but-reverse .ti-content { padding: 5% 10% 5% 5%; background: #005035; background: radial-gradient(at 40% 20%, #007144 0%, #005035 60%); } @media (max-width: 768px) { .text-image-row.but-reverse .ti-content { padding: 8%; max-width: 100%; width: 100%; } } .text-image-row .ti-content, .text-image-row .text-image-bg { flex: 1; max-width: 50%; box-sizing: border-box; } .text-image-row .ti-content.wide, .text-image-row .text-image-bg.wide { max-width: 100%; } .text-image-row .text-image-bg img { width: 100%; } .text-image-row .text-image-bg { background-size: cover; background-position: center center; } .text-image-row .ti-content { display: flex; flex-direction: column; justify-content: center; padding: 5% 10% 5% 5%; background: #7e0303; background: radial-gradient(at 40% 20%, #b3120d 0%, #7e0303 60%); } @media (max-width: 768px) { .text-image-row .ti-content { padding: 8%; max-width: 100%; width: 100%; } } .text-image-row .ti-content.no-bg { background: none; } .text-image-row .ti-content .ti-p { margin-top: 10px; } .text-image-row .ti-content .ti-p h3 { margin: 0; font-size: 20px; font-weight: normal; } .text-image-row .ti-content .ti-p p { line-height: 1.1; font-weight: 300; } .text-image-row .ti-content * { color: white; margin: 0; line-height: 1; } .text-image-row .ti-content h1, .text-image-row .ti-content h2 { margin: 0; font-weight: bold; font-size: 200%; } .contact-page { display: flex; position: relative; } .contact-page a { color: black; } .contact-page .contact-right { width: 50%; display: flex; justify-content: flex-end; padding: 5% 0 5% 5%; position: relative; } html[dir="ltr"] .contact-page .contact-right { padding: 5% 5% 5% 0; } .contact-page .link { display: flex; align-items: center; margin-bottom: 10px; } html[dir="rtl"] .contact-page .link-right { margin-left: 11px; } html[dir="ltr"] .contact-page .link-right { margin-right: 11px; } .contact-page .the-form { margin-top: 80px; width: 89%; } .contact-page .the-form input[type="submit"] { background-color: #007A53; color: white; width: 100%; border-radius: 22px; border: none; font-size: 120%; padding: 7px 0; margin-top: 20px; } .contact-page .the-form input[type="text"], .contact-page input[type="email"], .contact-page input[type="number"], .contact-page input[type="password"], .contact-page input[type="tel"], .contact-page input[type="date"], .contact-page select { width: 100%; display: block; margin-bottom: -1px; padding: 5px 13px; margin-top: 0; border-radius: 23px; border-color: #B7B7B7; } .contact-page .link-left { font-size: 140%; } .contact-page .the-form > h2 { /* font-size: 26px; */ margin: 0; padding: 0; font-size: 1.25vw; letter-spacing: normal; margin-bottom: 17px; } .contact-page .inner { min-width: 400px; } .contact-page .contact-left { position: absolute; left: 0; top: 0; bottom: 0; width: 50%; z-index: 5; background-size: cover; } html[dir="ltr"] .contact-page .contact-left { left: auto; right: 0; } .contact-page#jobs-page h1, .contact-page#jobs-page h2, .contact-page#jobs-page h3 { color: white; font-weight: normal; } .contact-page#jobs-page h1 span, .contact-page#jobs-page h2 span, .contact-page#jobs-page h3 span { display: block; } .contact-page#jobs-page h1 a, .contact-page#jobs-page h2 a, .contact-page#jobs-page h3 a { color: #fff; text-decoration: underline; } .contact-page#jobs-page h1 { font-weight: bold; margin: 0 0 10px; } .contact-page#jobs-page h3 { font-weight: 300; } .contact-page#jobs-page .contact-right { background: radial-gradient(circle, #B9011D 0%, #820008 60%); } .contact-page#jobs-page .the-form input[type="submit"] { background-color: #1F2022; } .contact-page#jobs-page .the-form .wpcf7-not-valid-tip { color: #fff; font-size: 80%; margin: 5px; } .contact-page#jobs-page .the-form .wpcf7 form.sent .wpcf7-response-output { border-color: #fff; color: #fff; } .contact-page#jobs-page .the-form .wpcf7 form.invalid .wpcf7-response-output, .contact-page#jobs-page .the-form .wpcf7 form.unaccepted .wpcf7-response-output { border: #fff 1px solid; color: #fff; } .contact-page#jobs-page .the-form input[type="text"], .contact-page#jobs-page .the-form input[type="email"], .contact-page#jobs-page .the-form input[type="number"], .contact-page#jobs-page .the-form input[type="password"], .contact-page#jobs-page .the-form input[type="tel"], .contact-page#jobs-page .the-form input[type="date"], .contact-page#jobs-page .the-form select { background-color: transparent; color: white; border-color: #CF96A0; } .contact-page#jobs-page .the-form input[type="text"]::placeholder, .contact-page#jobs-page .the-form input[type="email"]::placeholder, .contact-page#jobs-page .the-form input[type="number"]::placeholder, .contact-page#jobs-page .the-form input[type="password"]::placeholder, .contact-page#jobs-page .the-form input[type="tel"]::placeholder, .contact-page#jobs-page .the-form input[type="date"]::placeholder, .contact-page#jobs-page .the-form select::placeholder { color: #E2E2E2; opacity: 1; } .contact-page#jobs-page .the-form select option { color: initial; } .cover-page .cover-top img { width: 100%; max-height: 550px; object-fit: cover; } .cover-page .f-content { display: flex; width: 95%; max-width: 1000px; margin: 25px auto; } .cover-page h1, .cover-page h2 { color: #DB2A23; font-weight: bold; font-size: 180%; } .cover-page h1 span { display: block; } .cover-page .contents p { color: #004E34; max-width: 350px; margin-bottom: 2px; } .cover-page .contents .single-content { margin-bottom: 15px; text-align: justify; } .cover-page .franchising-right h3 { font-size: 17px; font-weight: bold; margin-bottom: 19px; color: #004E34; } .cover-page .franchising-right, .cover-page .franchising-left { flex: 1; justify-content: center; align-items: center; } .cover-page .franchising-right .inner { width: 90%; margin: auto; } .cover-page input[type="text"], .cover-page input[type="email"], .cover-page input[type="number"], .cover-page input[type="password"], .cover-page input[type="tel"], .cover-page textarea, .cover-page input[type="date"], .cover-page select { width: 100%; display: block; border-radius: 15px; padding: 5px; font-family: inherit; border-color: #E3E3E3; } .cover-page input[type="submit"] { width: 100%; border-radius: 15px; padding: 5px; background-color: #004E34; color: white; font-size: 130%; margin-top: 18px; border: none; } .cover-page textarea { height: 60px; } .cover-page .the-form { width: 75%; margin: auto; } .cover-page .the-form h2 { margin-bottom: 48px; } .date-field { width: 100%; border-radius: 15px; padding: 5px; font-family: inherit; border: 1px solid #E3E3E3; display: flex; align-items: center; margin-top: 20px; } .date-field > * { flex: 1; } .date-field input[type="date"] { border: none; padding: 0; } .date-field label { margin: 0; font-weight: normal; font-size: initial; } #branches-wrap { width: 80%; margin: 0 auto; max-width: 1000px; } #branches-list { background-color: #BD0020; padding: 45px; } .row.branches_wrap_inner.ready { display: flex; flex-wrap: wrap; justify-content: center; } article.branch_item.branch_item_list { background-color: white; padding: 10px; margin: 1%; box-sizing: border-box; max-width: 30%; text-align: center; min-width: 30%; border-radius: 5px; } .branch_inner { text-align: center; color: #BD0020; } .branch_info { text-align: center; } .branch_item.branch_item_list .branch_inner .branch_info .branch_name { text-align: center; } .branch_item.branch_item_list .branch_inner .branch_info { width: 100%; padding: 20px 10px; } a.open_branch { color: #BD0020; text-decoration: none; padding-bottom: 10px; display: block; } p.branch_address { text-align: center; } .branch_item.branch_item_list .branch_inner { height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-bottom: none; } .branch_item.branch_item_list .branch_inner .action { float: none; width: 80%; margin: auto; } .branch_item.branch_item_list .branch_inner .action a { background-color: #004E34; padding: 2px; position: relative; box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.4); font-weight: normal; position: relative; } .branch_item.branch_item_list .branch_inner .action a:after { content: ''; position: absolute; left: 10px; height: 100%; top: 0; background: url(https://acdn.foodbox.co.il/wp-content/uploads/sites/56/2020/12/13164642/back2.svg) no-repeat 50%; width: 20px; transform: scale(-1); background-size: 50%; } html[dir="ltr"] .branch_item.branch_item_list .branch_inner .action a:after { transform: none; left: auto; right: 20px; } @media (max-width: 768px) { #branches_wrap { padding: 10px 0; } } @media (max-width: 768px) { #branches-wrap { width: 100%; } #branches-wrap .branches_wrap_inner { margin: 0; flex-direction: column; } #branches-wrap .branches_wrap_inner .branch_item.branch_item_list { margin: 0 0 10px 0; width: 100%; max-width: unset; } #branches-wrap .branches_wrap_inner .branch_item.branch_item_list .branch_inner .action { position: static; max-width: unset; } #branches-wrap .branches_wrap_inner .branch_item.branch_item_list .branch_inner .open_branch { padding: 2px; } #branches-wrap .branches_wrap_inner .branch_item.branch_item_list .branch_inner .branch_info { display: flex; align-items: center; justify-content: center; flex-direction: column; } } #branch-page { font-family: var(--font-family-site); min-height: calc(var(--vh, 1vh) * 100 - var(--mobile-header-height)); display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; } #branch-page .text-image-row .ti-content { position: relative; } #branch-page .text-image-row .back-to-list { position: absolute; top: 10px; left: 10px; width: auto; height: 20px; text-decoration: underline; font-size: 100%; } html[dir="ltr"] #branch-page .text-image-row .back-to-list { left: auto; right: 10px; } #branch-page #branch-image { background-size: cover; background-position: 100% 50%; } @media (max-width: 768px) { #branch-page #branch-image { min-height: 20vh; } } #branch-page h1 { font-size: 300%; margin-bottom: 10px; } #branch-page h2 { margin-bottom: 10px; } #branch-page .info-row { font-size: 200%; margin-bottom: 5px; font-weight: 300; display: inline-flex; align-items: center; justify-content: flex-start; } #branch-page .info-row i { font-size: 60%; margin: 0 0 0 10px; } html[dir="ltr"] #branch-page .info-row i { margin: 0 10px 0 0; } #branch-page .actions { margin-top: 15px; } #branch-page .actions a { margin: 0 10px; position: relative; } #branch-page .actions a:after { content: ''; position: absolute; left: 10px; height: 100%; top: 0; background: url(https://acdn.foodbox.co.il/wp-content/uploads/sites/56/2020/12/13164642/back2.svg) no-repeat 50%; width: 20px; transform: scale(-1); background-size: 50%; } html[dir="ltr"] #branch-page .actions a:after { transform: none; left: auto; right: 20px; } @media (max-width: 768px) { #branch-page .actions a { margin: 0 0 15px 0; } } #branch-page #map-wrap { max-width: unset; } #branch-page .text-image-row .ti-content { padding: 3% 10% 3% 5%; } @media (max-width: 768px) { #branch-page .text-image-row .ti-content { padding: 10%; } } #branch-page .branch-general-bg { background: url(https://acdn.foodbox.co.il/wp-content/uploads/sites/56/2020/12/17023701/about_img.jpg) no-repeat 50%; background-size: cover; } @media (max-width: 768px) { #branch-page .branch-general-bg { min-height: 20vh; } } #branch-page #branch-details .ti-content { padding: 3% 6% 3% 3%; } @media (max-width: 768px) { #branch-page #branch-details .ti-content { padding: 10%; } } #branch-page #branch-details .branch_opening_hours p { font-size: 150%; line-height: 1.2; font-weight: 300; } #branch-page .branch-tags { display: flex; align-items: center; justify-content: flex-start; padding: 0; margin: 15px -10px 0; } #branch-page .branch-tags .tag { margin: 0 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 16px; color: #fff; font-weight: 300; } @media (max-width: 768px) and (orientation: portrait) { #branch-page .branch-tags .tag { font-size: 5vw; } } #branch-page .branch-tags .tag img { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; object-fit: contain; margin-bottom: 5px; } @media (max-width: 768px) { #branch-page .branch-tags .tag img { width: 35px; height: 35px; } } #map-wrap .acf-map { border: none; } #map-wrap .map { min-height: 250px; } .back-to-branches { text-align: center; padding: 20px; } .back-to-branches a { color: #000000; text-decoration: underline; } .text-image-row .ti-content p { margin-bottom: 5px; line-height: 1.2; } .text-image-row .ti-content h2 { margin: 10px 0; } .text-image-row .ti-content ul { padding: 0 20px 0; margin: 10px 0; } .text-image-row .ti-content ul li { font-size: 16px; line-height: 1.2; } #seo-page-product div#sp-bg-image { height: 300px; background-size: cover; } #seo-page-product .cms { padding: 2% 10% 2% 5%; margin: 25px auto; } .seo-header.text-image-row .ti-content { padding: 1%; background: radial-gradient(at 70% 20%, #b3120d 0%, #7e0303 60%); display: flex; align-items: center; justify-content: center; flex-direction: row; } html[dir="ltr"] .seo-header.text-image-row .ti-content { background: radial-gradient(at 30% 20%, #b3120d 0%, #7e0303 60%); } @media (max-width: 768px) { .seo-header.text-image-row .ti-content { flex-direction: column; padding: 5%; } } .seo-header.text-image-row .ti-content h1 { font-size: 300%; margin-bottom: 10px; } @media (max-width: 768px) { .seo-header.text-image-row .ti-content h1 { font-size: 250%; } } .seo-header.text-image-row .ti-content .costum-url { width: 40%; display: flex; align-items: center; justify-content: center; } @media (max-width: 768px) { .seo-header.text-image-row .ti-content .costum-url { width: 100%; } } .seo-header.text-image-row .ti-content .costum-url a { font-size: 120%; text-decoration: underline; } #product-details { background: radial-gradient(at 40% 20%, #007144 0%, #005035 60%); } #product-details .ti-content { min-width: 60%; max-width: unset; background: none; } #product-details .product-images { max-width: 40%; width: 100%; } .gallery-wrap { position: relative; padding: 5%; display: flex; align-items: center; justify-content: center; } @media (max-width: 768px) { .gallery-wrap { padding: 0; } } .gallery-wrap .image-gallery { position: relative; max-width: 80%; } @media (max-width: 768px) { .gallery-wrap .image-gallery { max-width: 100%; } } .gallery-wrap .image-gallery .swiper-pagination { position: absolute; bottom: 15px; right: 0; width: 100%; } .gallery-wrap .image-gallery .swiper-pagination-bullet { margin: 4px; } #bottom-wrap * { color: #000000; font-size: 130%; } @media (max-width: 768px) { #bottom-wrap * { font-size: 120%; } } #cat-details { background: radial-gradient(at 40% 20%, #007144 0%, #005035 60%); } #cat-details .ti-content { background: none; padding: 3% 0 3% 0; } @media (max-width: 768px) { #cat-details .ti-content { padding: 5%; } } #grid-products { background-color: #FFF3E3; } #grid-products > h3 { margin: 0; padding: 1%; color: #C81D33; text-align: center; font-size: 220%; font-weight: bold; } #grid-products .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 50px; margin: auto; padding-bottom: 3%; } @media (max-width: 768px) { #grid-products .grid { grid-template-columns: repeat(1, minmax(0, 1fr)); padding: 5%; grid-gap: 15px; } } #grid-products .grid:after, #grid-products .grid:before { display: none; } #grid-products .product-item { background: #fff; padding: 15px; border: 1px solid #eee; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } #grid-products .product-item .item-details h3 { margin: 0; color: #007A53; text-align: center; } #grid-products .product-item .item-details p { display: none; } #grid-products .product-item .item-image img { max-width: 100%; height: auto; } #grid-products .product-item .price-row { position: relative; width: 100%; } #grid-products .product-item .price-row .sale-price, #grid-products .product-item .price-row .normal-price { background: #C81D33; margin: 0; font-size: 45px; height: auto; min-width: 120px; text-align: center; display: inline-flex; align-items: center; justify-content: center; transform: rotate(-7deg) skewX(-8deg); box-shadow: -4px 4px 10px 0 rgba(0, 0, 0, 0.5); position: absolute; bottom: 30px; right: -18px; z-index: 3; transform-origin: 100% 0; color: #FFFFFF; padding: 4px 10px 0; line-height: 1; } @media (min-width: 769px) { #grid-products .product-item .price-row .sale-price, #grid-products .product-item .price-row .normal-price { font-size: 35px; } } html[dir="ltr"] #grid-products .product-item .price-row .sale-price, html[dir="ltr"] #grid-products .product-item .price-row .normal-price { right: auto; left: -18px; transform: rotate(7deg) skewX(8deg); box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.5); } #grid-products .product-item .price-row .sale-price .cur, #grid-products .product-item .price-row .normal-price .cur { font-size: 70%; margin: 0 0 -6px 0; } #grid-products .product-item .price-row .sale-price .price-label, #grid-products .product-item .price-row .normal-price .price-label { color: #FFFFFF; margin: 0 0 0 5px; font-size: 60%; } html[dir="ltr"] #grid-products .product-item .price-row .sale-price .price-label, html[dir="ltr"] #grid-products .product-item .price-row .normal-price .price-label { margin: 0 5px 0 0; } #grid-products .product-item .price-row .original-price { margin: 0; font-size: 17px; height: auto; min-width: 100px; background: #FFFFFF; text-align: center; display: inline-flex; align-items: center; justify-content: center; transform: rotate(-7deg) skewX(-8deg); box-shadow: -4px 4px 10px 0 rgba(0, 0, 0, 0.5); position: absolute; bottom: 85px; right: -18px; z-index: 3; transform-origin: 100% 0; padding: 5px 10px; font-weight: bold; color: #007A53; } @media (min-width: 769px) { #grid-products .product-item .price-row .original-price { bottom: 73px; } } html[dir="ltr"] #grid-products .product-item .price-row .original-price { right: auto; left: -18px; transform: rotate(7deg) skewX(8deg); box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.5); } #grid-products .product-item .price-row .original-price .formatted-price { text-decoration: none; } #grid-products .product-item .price-row .original-price .formatted-price .cur { font-size: 100%; } #grid-products .product-item .price-row .original-price .price-label { margin: 0 0 0 5px; } html[dir="ltr"] #grid-products .product-item .price-row .original-price .price-label { margin: 0 5px 0 0; } #grid-products .product-item .action-row { display: flex; align-items: center; justify-content: center; width: 100%; } #grid-products .product-item .action-row a { background-color: #056949; color: #FFFFFF; font-size: 140%; padding: 10px 40px; border-radius: 25px; flex: 1; text-align: center; font-weight: bold; border: 1px solid #258651; line-height: 1; box-shadow: 0 4px 15px -5px rgba(0, 0, 0, 0.4); max-width: 48%; text-decoration: none; } #grid-products .product-item .action-row a:hover { background-color: #258651; } @media (max-width: 768px) { #grid-products .product-item .action-row a { margin: 10px 0 10px 0; max-width: 80%; } } footer#siteFooter { border-top: none; background-color: #111111; } #siteFooter .footer-nav-wrap ul.footerNav { margin: auto; color: white; margin-top: 10px; } .footer-nav-wrap.col-sm-7 { display: flex; width: 100% !important; justify-content: center; align-items: center; } #siteFooter .footer-nav-wrap ul.footerNav li a { color: white; } #siteFooter .footer_content { width: 100%; text-align: center; color: white; } .col-sm-6.copyright-text { width: 300px; position: absolute; left: 15px; top: 0; text-align: left; bottom: 6px; display: flex; align-items: flex-end; height: 100%; justify-content: flex-end; } @media (max-width: 768px) { .col-sm-6.copyright-text { position: static; width: 100%; align-items: flex-end; } .col-sm-6.copyright-text .amazing-logo { margin: auto; } } .col-sm-6.copyright-text img { width: 100%; max-width: 131px; min-width: 120px; } @media (max-width: 768px) { .col-sm-6.copyright-text img { max-width: 100px; min-width: 100px; } } #siteFooter .createdby a.foodboxLogo { display: none; } #home-icon { text-align: center; position: relative; bottom: 15px; z-index: 5; } @media (max-width: 768px) { #home-icon img { width: 90px; } } #seo-footer-menu { border-top: 1px solid white; } #seo-footer-menu ul.menu { display: flex; justify-content: center; } #seo-footer-menu li.menu-col { color: white; font-weight: bold; list-style: none; padding: 10px; flex: 1; } #seo-footer-menu li.menu-col li { color: white; list-style: none; } #seo-footer-menu li.menu-col ul { padding-right: 0; line-height: 1.5; } #seo-footer-menu li.menu-col li a { color: white; font-weight: normal; font-size: 18px; } @media all and (max-width: 800px) { .text-image-row { flex-direction: column; } .text-image-row .text-image-bg { max-width: 100% !important; min-height: 250px; } .text-image-row.but-reverse { flex-direction: column; } .papa-page .last-photo { width: 50%; } .papa-page div#home-boom h1 span { font-size: 12vw; margin-top: 0; } .papa-page div#home-boom h1 { text-align: center; } div.contact-page { flex-direction: column-reverse; } .contact-page .contact-right { width: 100%; padding: 4%; box-sizing: border-box; } .contact-page .contact-left { position: static; width: 100%; height: 150px; } .contact-page .inner { min-width: unset; } .contact-page .the-form > h2 { font-size: 140%; } #franchising-page .f-content { flex-direction: column; } .papa-page .ch-form { flex-direction: column; padding: 4%; } .papa-page .chb-left h3 { font-size: 100%; } .papa-page .chb-left h5 { font-size: 80%; } } #aff_menu.fullpage .menu-grid-title { background: #FFFFFF; padding: 20px 10px 10px; height: var(--mobile-cat-nav-height); 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; } #aff_menu.fullpage .menu-grid-title h2 { padding: 0 25px; font-size: 22px; line-height: 1; position: relative; z-index: 2; 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; background: #E9EBEE; border-radius: 5px; color: #464747; min-height: unset; } @media (max-width: 768px) and (orientation: portrait) { #aff_menu.fullpage .menu-grid-title h2 { font-size: 5.5vw; } } #aff_menu.fullpage .menu-grid-title > a { z-index: 5; width: var(--popup-top-height); height: calc(100% - 30px); margin-right: 15px; } #aff_menu.fullpage .menu-grid-title > a img { height: 45%; } #aff_menu.fullpage #products-wrapper .grid { margin: var(--mobile-cat-nav-height) 0 0 0; } @media (min-width: 769px) { #aff_menu #categories-wrapper ul li a .item-img { background: none; width: 25%; margin: 0 0 0 10px; line-height: unset; height: auto; } html[dir="ltr"] #aff_menu #categories-wrapper ul li a .item-img { margin: 0 10px 0 0; } #aff_menu #categories-wrapper ul li a .item-img img { display: block; } #aff_menu #products-wrapper .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content .start_order { padding: 5px 10px; margin: 5px 0 0 auto; } } html[dir="ltr"] #aff_menu.fullpage #products-wrapper .cat_wrapper .cat_header.cat-list-item .item-content { margin: 0 auto 0 5px; } html[dir="ltr"] #aff_menu.fullpage #products-wrapper .cat_wrapper .cat_header.cat-list-item .item-btn { transform: rotate(180deg); } #aff_menu #products-wrapper .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content .start_order { margin: 10px 0 0 auto; } html[dir="ltr"] #aff_menu #products-wrapper .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content .start_order { margin: 5px auto 0 0; } #aff_menu #products-wrapper .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content .price.costume-price { order: 5; margin: 10px 0 0 0; } /*sales cat*/ #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds { padding: 0 12px; } #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd { padding: 0; margin-bottom: 10px; border: none; } #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner { display: flex; flex-direction: column; } #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-img { margin: 0; width: 100%; max-width: unset; } #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-img img { border-radius: 6px; } #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img { padding: 0; margin: 10px; position: relative; width: calc(100% - 20px); max-width: unset; } #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img h3 { font-size: 24px; line-height: 1; text-align: var(--text-alignment); margin: 0; color: #007A53; } @media (max-width: 768px) and (orientation: portrait) { #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img h3 { font-size: 6vw; } } #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale { position: absolute; bottom: calc(100% + 25px); right: 0; font-family: 'almoni-tzar'; pointer-events: none; } @media (min-width: 769px) { #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale { bottom: calc(100% + 15px); } } html[dir="ltr"] #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale { right: auto; left: 0; } #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale .original-price { opacity: 1; margin: 0; font-size: 17px; height: auto; min-width: 100px; background: #FFFFFF; text-align: center; display: inline-flex; align-items: center; justify-content: center; transform: rotate(-7deg) skewX(-8deg); box-shadow: -4px 4px 10px 0 rgba(0, 0, 0, 0.5); position: absolute; bottom: 85px; right: -11px; z-index: 3; transform-origin: 100% 0; padding: 5px 10px; font-weight: bold; color: #007A53; } @media (min-width: 769px) { #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale .original-price { bottom: 73px; } } html[dir="ltr"] #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale .original-price { transform: rotate(7deg) skewX(8deg); box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.5); right: auto; left: -11px; } #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale .original-price .formatted-price { text-decoration: none; } #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale .original-price .formatted-price .cur { font-size: 100%; } #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale .original-price .price-label { margin: 0 0 0 5px; } html[dir="ltr"] #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale .original-price .price-label { margin: 0 5px 0 0; } #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale .sale-price { background: #C81D33; margin: 0; font-size: 55px; height: auto; min-width: 120px; text-align: center; display: inline-flex; align-items: center; justify-content: center; transform: rotate(-7deg) skewX(-8deg); box-shadow: -4px 4px 10px 0 rgba(0, 0, 0, 0.5); position: absolute; bottom: 20px; right: -11px; z-index: 3; transform-origin: 100% 0; color: #FFFFFF; padding: 4px 10px 0; } @media (min-width: 769px) { #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale .sale-price { font-size: 45px; } } html[dir="ltr"] #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale .sale-price { transform: rotate(7deg) skewX(8deg); box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.5); right: auto; left: -11px; } #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale .sale-price .cur { font-size: 70%; margin: 0 0 -6px 0; } #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale .sale-price .price-label { color: #FFFFFF; margin: 0 0 0 5px; font-size: 60%; } html[dir="ltr"] #aff_menu #products-wrapper .cat_wrapper.cat_wrapper_id_78 .prds .aff_menu_prd .aff_menu_prd-inner .aff_menu_prd-content.has-img .price.has-sale .sale-price .price-label { margin: 0 5px 0 0; } #club-page .ch-terms p { margin-bottom: 5px; } .ch-content h3 { text-align: center; font-size: 150%; color: #fff; font-weight: normal; max-width: 75%; margin: auto; line-height: 1.2; margin-bottom: 5px; } .ch-body h2 { text-align: center; margin: 20px 0 20px; } .newsletter_wrap { max-width: 600px; margin: auto; } @media (max-width: 768px) { .newsletter_wrap { width: 90%; } } .newsletter_wrap form { padding-bottom: 80px; } .newsletter_wrap form .form-row { width: auto; border-radius: 15px; display: flex; padding: 0 5px; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .newsletter_wrap form .form-row .field-title { display: block; min-width: 100%; } .newsletter_wrap form .form-row label:not(.error) { width: 135px; border: none; } @media (max-width: 768px) { .newsletter_wrap form .form-row label:not(.error) { width: 80px; } } .newsletter_wrap form .form-row .select-wrap, .newsletter_wrap form .form-row input:not(.input-checkbox):not(.input-radio) { border: none; flex: 1; max-width: unset; } .newsletter_wrap form .form-row[id^="Date"] { display: none; } .newsletter_wrap form .form-row#extra_dates_field { border: none; } .newsletter_wrap form .form-row#extra_dates_field label[for="extra_dates_none"] { display: none; } .newsletter_wrap form .form-row#extra_dates_field label { margin: 0; border: none; width: auto; } .newsletter_wrap form .form-row#extra_dates_field.checked label[for="extra_dates_none"] { display: initial; } .newsletter_wrap form .form-row#extra_dates_field.checked[data-selected="none"] label[for="extra_dates_none"] { display: none; } .newsletter_wrap form .form-row#extra_dates_field.checked[data-selected="child"] ~ [id^="Date3"], .newsletter_wrap form .form-row#extra_dates_field.checked[data-selected="child"] ~ [id^="Date4"], .newsletter_wrap form .form-row#extra_dates_field.checked[data-selected="child"] ~ [id^="Date5"], .newsletter_wrap form .form-row#extra_dates_field.checked[data-selected="child"] ~ [id^="Date6"] { display: block; } .newsletter_wrap form .form-row#extra_dates_field.checked[data-selected="partner"] ~ [id^="Date1"] { display: block; } .newsletter_wrap form #send_newsletter { background-color: #007A53; color: white; width: 60%; margin: auto; display: block; } div#papa-blog { width: 900px; max-width: 98%; margin: 40px auto 0; } div#papa-blog h1.page-title { text-align: var(--text-alignment); display: block; border-bottom: 3px solid #007a53; padding-bottom: 18px; } div#papa-blog h1.page-title:before { content: '#'; color: #ffffff; right: -25px; font-size: 150%; vertical-align: bottom; background-color: #007a53; padding: 5px 18px 8px; margin-left: 8px; font-weight: 300; } html[dir="ltr"] div#papa-blog h1.page-title:before { margin-left: auto; margin-right: 8px; } div#papa-blog .post-image img { width: 100%; height: 100%; } div#papa-blog .post-list { display: flex; flex-wrap: wrap; } div#papa-blog .single-post { max-width: 30%; min-width: 30%; margin: 1%; background-color: whitesmoke; box-shadow: -2px 4px 4px 0px rgba(0, 0, 0, 0.258824); display: flex; flex-direction: column; } div#papa-blog .post-image { height: 150px; overflow: hidden; padding: 2%; } div#papa-blog .post-content { position: relative; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } div#papa-blog h2.post-title { background-color: #007a53; color: white; padding: 2%; font-size: 140%; position: relative; text-align: center; margin-bottom: 0; margin-top: 0; } div#papa-blog .post-link { text-align: left; font-size: 125%; display: flex; justify-content: flex-end; } div#papa-blog .post-link a { background-color: #007a53; color: white; padding: 10px; display: block; } div#papa-blog .excerpt { text-align: justify; line-height: 1.5; padding: 0 20px; box-sizing: border-box; } @media all and (max-width: 900px) { div#papa-blog .single-post { max-width: 100%; width: 98%; margin: 2% auto; } div#papa-blog .post-image img { width: 100%; height: auto; } div#papa-blog .post-image { overflow: unset; height: auto; } div#papa-blog .post-content { padding: 0; } div#papa-blog .post-title { right: 0; text-align: center; } div#papa-blog .post-title:before { display: none; } div#papa-blog .excerpt { padding: 0 4%; } div#papa-blog .post-link { padding: 5%; } } div#faq-content { width: 1000px; max-width: 95%; margin: 25px auto; } div#faq-content h4 { font-size: 200%; text-align: center; } div#faq-content .faq-single { border: 1px solid #b7b7b7; border-radius: 5px; margin-bottom: 10px; overflow: hidden; } div#faq-content .faq-single h3 { background-color: #fbfbfb; padding: 10px; margin: 0; cursor: pointer; position: relative; } div#faq-content .faq-single.closed h3:after, div#faq-content .faq-single.opened h3:after { content: '^'; position: absolute; left: 10px; top: 23%; height: 100%; justify-content: center; align-items: center; vertical-align: middle; font-size: 177%; font-weight: 300; transition: all 0.2s; } div#faq-content .faq-single.closed h3:after { transform: rotate(180deg); top: -23%; } div#faq-content .faq-single .answer { padding: 10px; font-size: 120%; display: none; } div#faq-content .faq-single.opened .answer { display: block; } .survey-wrap .quest_element .quest_inner > h2 { padding: 0 10px; } html[dir="ltr"] #locator-popup .popup-container .popup-top .close, html[dir="ltr"] #locator-popup .popup-container .popup-top .back { transform: rotate(180deg); } html[dir="ltr"] .branch-item .item-btn { transform: rotate(180deg); }