/* Theme Name: TJ's Foods Company Theme URI: # Description: A child theme of Hello Elementor. Author: TJS Foods Author URI: # Template: hello-elementor Version: 1.0.0 Text Domain: tjsfoods */ /* Import parent theme styles */ @import url("../hello-elementor/style.css"); html{ overflow-x: hidden; } html.sidebar-open{ overflow-y: hidden; } html body:before{ content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(180, 172, 130, 0.43); width: 100%; height: 100vh; z-index: -1; opacity: 0; transition: 0.4s; } html.sidebar-open body:before{ opacity: 1; z-index: 999; transition: 0.4s; } .allergen-bbq:after{ content: ''; position: absolute; background: url(https://tjfoods.pixelz360.com/wp-content/uploads/2025/07/bbq-bg-new.png) no-repeat; background-size: cover; width: 100%; height: 34%; z-index: 99; left: 0; bottom: 0; right: 0; display: block !important; } .contact-form{ } .contact-form form.lxform-form{ } .contact-form form.lxform-form .form-row{ display: flex; flex-direction: row; flex-wrap: wrap; } .contact-form form.lxform-form .form-row .form-column-2{ width: 50%; } .contact-form form.lxform-form .form-row .form-column-1{ width: 100%; } .contact-form form.lxform-form .form-row .form-column-2:first-child{ padding-right: 10px; } .contact-form form.lxform-form input.lxform-field{ color: #282828; font-family: "DM Sans"; font-size: 1.375rem; font-style: normal; font-weight: 400; line-height: 35px; border-radius: 100px; padding: 0.8rem 2.5rem; border: 1px solid #000; background-color: transparent; margin-bottom: 0.625rem; transition: 0.4s; } .contact-form form.lxform-form input.lxform-field:active, .contact-form form.lxform-form input.lxform-field:focus{ outline: none; border-color: #FF7C05; transition: 0.4s; } .contact-form form.lxform-form textarea{ color: #282828; font-family: "DM Sans"; font-size: 1.375rem; font-style: normal; font-weight: 400; line-height: 35px; border-radius: 50px; padding: 0.8rem 2.5rem; border: 1px solid #000; background-color: transparent; height: 228px; resize: none; transition: 0.4s; } .contact-form form.lxform-form textarea:active, .contact-form form.lxform-form textarea:focus{ outline: none; border-color: #FF7C05; transition: 0.4s; } .contact-form form.lxform-form .submit-btn{ text-align: right; margin-bottom: 2rem; } .contact-form form.lxform-form .submit-btn button.lxform-submit-btn{ transition: 0.4s; display: inline-block; color: #FFF; font-family: "DM Sans"; font-size: 20px; font-style: normal; font-weight: 900; line-height: 31.095px; text-transform: uppercase; border-radius: 16px; border: 2px solid #1C1A1B; background: #FF7C05; margin-top: 1.625rem; box-shadow: 2px 2px 0px 0px #000; padding: 0.8rem 2.5rem; } .contact-form form.lxform-form .submit-btn button.lxform-submit-btn:hover{ box-shadow: none; transition: 0.4s; } .contact-form form.lxform-form .wpcf7-spinner{ display: none; } .contact-form form.lxform-form .form-err{ font-size: 1.375rem; margin-bottom: 0.625rem; margin-left: 1.625rem; } .ingredient-wrap{ position: relative; } .ingredient-wrap .desc-box{ position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; height: 100%; background-color: #fff; z-index: -1; } .whats-bbq-points{ } .whats-bbq-points ul{ display: flex; flex-wrap: wrap; padding: 0; } .whats-bbq-points ul li{ flex: 0 0 50%; list-style: disc; list-style-position: inside; margin-bottom: 1.875rem; } .whats-bbq-points ul li:last-child{ margin-bottom: 0; } .tjs-sidebar{ height: 100%; position: fixed; z-index: 9999; top: 0; right: 0; background-color: var(--e-global-color-primary); overflow-x: hidden; width: 35vw; transform: translateX(100%); transition: 0.4s; } .tjs-sidebar.active{ transform: translateX(0); transition: 0.4s; } #shopSidebar #shopContent ul.product-category-list{ padding: 0; margin: 0; } #shopSidebar #shopContent ul.product-category-list li{ list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 2px dashed #D0C9A5; } #shopSidebar #shopContent ul.product-category-list li:last-child{ border-bottom: none; } #shopSidebar #shopContent ul.product-category-list li button.product-category-btn{ text-transform: capitalize; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: center; background-color: transparent; border: none; padding: 1.3125rem 5rem; margin: 0; box-shadow: none; width: 100%; } #shopSidebar #shopContent ul.product-category-list li button.product-category-btn img{ width: 30%; object-fit: cover; border-radius: 50%; margin-right: 1rem; background: #fff; } #shopSidebar #shopContent ul.product-category-list li button.product-category-btn span.product-content-wrap{ display: block; text-align: center; font-size: 1.375rem; font-style: normal; font-weight: 400; color: #000; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; flex: 0 0 95%; } #shopSidebar #shopContent ul.product-category-list li button.product-category-btn span.product-content-wrap span{ width: 50%; text-wrap: wrap; text-align: left; display: inline-flex; } #shopSidebar #shopContent ul.product-category-list li a.product-button{ background-color: transparent; border: none; padding: 0; margin: 0; box-shadow: none; } #shopSidebar #shopContent ul.product-category-list li a.product-button i{ font-size: 2.375rem; font-style: normal; color: #000; } #prodSidebar .sidebar-body .content-header{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; padding: 2.5rem 7.5rem; background: #FFF8D4; box-shadow: -3px 5px 13.2px 0px rgba(208, 201, 165, 0.59); position: relative; } #prodSidebar .sidebar-body .content-header .back-btn{ position: absolute; left: 5rem; background-color: transparent; border: none; padding: 0; margin: 0; box-shadow: none; } #prodSidebar .sidebar-body .content-header h3{ color: #FF7C05; text-align: center;margin-bottom: 0px; font-family: "Luckiest Guy"; font-size: 2.875rem; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; } #prodSidebar #prodContent ul.product-list{ padding: 0; margin: 0; } #prodSidebar #prodContent ul.product-list li{ list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 2px dashed #D0C9A5; } #prodSidebar #prodContent ul.product-list li:last-child{ border-bottom: none; } #prodSidebar #prodContent ul.product-list li button.product-btn{ text-transform: capitalize; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: center; background-color: transparent; border: none; padding: 1.3125rem 5rem; margin: 0; box-shadow: none; width: 100%; } #prodSidebar #prodContent ul.product-list li button.product-btn img{ width: 30%; object-fit: cover; border-radius: 50%; margin-right: 1rem; background: #fff; } #prodSidebar #prodContent ul.product-list li button.product-btn span.product-content-wrap{ display: block; font-size: 1.375rem; font-style: normal; font-weight: 400; color: #000; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; flex: 0 0 95%; } #prodSidebar #prodContent ul.product-list li button.product-btn span.product-content-wrap span{ width: 50%; text-wrap: wrap; text-align: left; display: inline-flex; } #prodSidebar #prodContent ul.product-list li a.product-button{ background-color: transparent; border: none; padding: 0; margin: 0; box-shadow: none; } #prodSidebar #prodContent ul.product-list li a.product-button i{ font-size: 2.375rem; font-style: normal; color: #000; } #productDetailSidebar .sidebar-body .content-header{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; padding: 2.5rem 7.5rem; background: #FFF8D4; box-shadow: -3px 5px 13.2px 0px rgba(208, 201, 165, 0.59); position: relative; z-index: 99; } #productDetailSidebar .sidebar-body .content-header .back-btn{ position: absolute; left: 5rem; background-color: transparent; border: none; padding: 0; margin: 0; box-shadow: none; } #productDetailSidebar .sidebar-body .content-header h3{ color: #FF7C05; text-align: center; margin-bottom:0;font-family: "Luckiest Guy"; font-size: 2.875rem; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; } /*#productDetailSidebar #productDetailsContent #productMainContent{ display: flex; }*/ #productDetailSidebar .sidebar-body #productDetailsContent{ padding: 3.1875rem 0; } #productDetailSidebar #productDetailsContent .woocommerce-product-gallery{ width: 100%; float: none; opacity: 1 !important; } #productDetailSidebar #productDetailsContent .woocommerce-product-gallery a{ display: block; pointer-events: none; } #productDetailSidebar #productDetailsContent .woocommerce-product-gallery a img{ width: 60%; margin: 0rem auto 3rem; background: #fff; border-radius: 50%; } #productDetailSidebar #productDetailsContent .product-nutall{ border-bottom: 2px dashed #D0C9A5; border-top: 2px dashed #D0C9A5; padding: 2.25rem 5rem; margin: 1.75rem 0 2.75rem; } #productDetailSidebar #productDetailsContent .product-nutall a{ display: flex; align-items: center; justify-content: center; border-radius: 16px; border: 1px solid #FF7C05; background: #F4ECC3; width: 100%; color: #FF7C05; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 700; line-height: normal; padding: 1rem; text-transform: uppercase; } #productDetailSidebar #productDetailsContent .product-nutall a img{ padding-right: 0.625rem; } #productDetailSidebar #productDetailsContent .allergy-msgs{ } #productDetailSidebar #productDetailsContent .allergy-msgs textarea.msg-box{ font-family: 'DM Sans', sans-serif; font-size: 1rem; border: 1px solid #FF7C05; background: #F4ECC3; color: #9E6006; border-radius: 12px; height: 120px; resize: none; padding: 1rem; } #productDetailSidebar #productDetailsContent .allergy-msgs textarea.msg-box::placeholder{ font-family: 'DM Sans', sans-serif; font-size: 1rem; color: #9E6006; } #productDetailSidebar #productDetailsContent .allergy-msgs textarea.msg-box:active, #productDetailSidebar #productDetailsContent .allergy-msgs textarea.msg-box:focus{ outline: none; } #productDetailSidebar #productDetailsContent .brekkie-wrap{ } #productDetailSidebar #productDetailsContent .brekkie-wrap .brekkie-items{ } #productDetailSidebar #productDetailsContent .brekkie-wrap .brekkie-items .brekkie-item{ } #productDetailSidebar #productDetailsContent .brekkie-wrap .brekkie-items .brekkie-item label{ display: flex; align-items: center; gap: 12px; } #productDetailSidebar #productDetailsContent .drinks-wrapper .drink-option label{ display: flex; align-items: center; gap: 12px; } #productDetailSidebar #productDetailsContent .drinks-wrapper .drink-option img{ background: #fff; border-radius: 50px; object-fit: contain; height: auto; } #productDetailSidebar #productDetailsContent .summary{ width: 100%; float: none; } #productDetailSidebar #productDetailsContent .summary h1.product_title{ display: none; } #productDetailSidebar #productDetailsContent .summary p.price{ font-family: "DM Sans"; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: normal; text-align: right; } #productDetailSidebar #productDetailsContent .summary p.price span.price-label{ color: #282828; } #productDetailSidebar #productDetailsContent .summary p.price span.amount{ color: #FF7C05; } #productDetailSidebar #productDetailsContent .summary form.cart{ display: flex; justify-content: space-between; flex-wrap: wrap; } #productDetailSidebar #productDetailsContent .summary form.cart .buttons-added{ border-radius: 16px; border: 1px solid #FF7C05; background: #F4ECC3; padding: 1rem; flex: 0 0 25%; float: none; margin: 0; display: flex; } #productDetailSidebar #productDetailsContent .summary form.cart .buttons-added button[type="button"]{ color: #FF7C05; padding: 0; outline: nome; border: 0; font-size: 1.45rem; background-color: transparent; box-shadow: none; } #productDetailSidebar #productDetailsContent .add-to-cart-wrap .quantity.buttons-added img { width: 15px;cursor: pointer; } #productDetailSidebar #productDetailsContent .summary form.cart .buttons-added input.qty{ color: #282828; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 700; line-height: normal; background: transparent; border: 0; -moz-appearance: textfield; padding: 0; width: 70%; pointer-events: none; } #productDetailSidebar #productDetailsContent .summary form.cart .buttons-added input.qty::-webkit-outer-spin-button, #productDetailSidebar #productDetailsContent .summary form.cart .buttons-added input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #productDetailSidebar #productDetailsContent .summary form.cart button.single_add_to_cart_button{ color: #FFF; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 900; line-height: normal; text-transform: uppercase; border-radius: 16px; border: 2px solid #282828; background: #FF7C05; box-shadow: 2px 2px 0px 0px #000; padding: 1rem 2.1875rem; width: 100%; transition: 0.4s; flex: 0 0 70%; } #productDetailSidebar #productDetailsContent .summary form.cart button.single_add_to_cart_button:hover, #productDetailSidebar #productDetailsContent .summary form.cart button.single_add_to_cart_button:focus, #productDetailSidebar #productDetailsContent .summary form.cart button.single_add_to_cart_button:active{ box-shadow: none; transition: 0.4s; } #productDetailSidebar #productDetailsContent .summary form.cart button.xt_wooqv-button{ display: none; } #productDetailSidebar #productDetailsContent .product_meta{ display: none; } #productDetailSidebar #productDetailsContent .woocommerce-tabs{ display: none; } #productDetailSidebar #productDetailsContent iframe{ height: 80vh; } #productDetailSidebar #productDetailsContent section.related{ display: none; } #productDetailSidebar #productDetailsContent .extra-option label.coffee-radio-label{ display: flex; align-items: center; gap: 10px; } body.product-template-default{ } body.product-template-default .elementor-location-header, body.product-template-default .elementor-location-footer{ display: none; } body form.cart ul#tm-extra-product-options-fields li.tc-row h3.tc-cell{ color: #282828; font-family: "Luckiest Guy"; font-size: 2rem; font-style: normal; font-weight: 400; line-height: normal; } body #orderDeliverySelection.active{ z-index: 9999; } body #orderDeliverySelection .sidebar-body .content-header{ padding: 1.875rem 5rem; background: #FFF8D4; box-shadow: -3px 5px 13.2px 0px rgba(208, 201, 165, 0.59); } body #orderDeliverySelection .sidebar-body .content-header .flex-row{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } /*body #orderDeliverySelection .sidebar-body .content-header .flex-row .col-9{ flex:0 0 75%; width:75%; } body #orderDeliverySelection .sidebar-body .content-header .flex-row .col-3{ flex:0 0 25%; width:25%; }*/ body #orderDeliverySelection .sidebar-body .content-header .open-loc{ position: relative; padding-left: 1.5rem; display: flex; align-items: center; margin-bottom: 1.3125rem; } body #orderDeliverySelection .sidebar-body .content-header .open-loc:before{ content: ''; position: absolute; left: 0; width: 14px; height: 14px; background-color: #008135; border-radius: 50%; } body #orderDeliverySelection .sidebar-body .content-header .open-loc p{ color: #9A9A9A; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 400; line-height: normal; margin: 0; } body #orderDeliverySelection .sidebar-body .content-header .name-loc{ } body #orderDeliverySelection .sidebar-body .content-header .name-loc h3{ color: #282828; font-family: "Luckiest Guy"; font-size: 2rem; font-style: normal; font-weight: 400; line-height: normal; margin: 0; } body #orderDeliverySelection .sidebar-body .content-header .address-loc{ } body #orderDeliverySelection .sidebar-body .content-header .address-loc p{ color: #9A9A9A; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 400; line-height: normal; margin: 0; } body #orderDeliverySelection .sidebar-body .content-header .browse-loc{ } body #orderDeliverySelection .sidebar-body .content-header .browse-loc a{ font-family: "DM Sans", Sans-serif; font-weight: 800; text-transform: uppercase; box-shadow: 2px 2px 0px 0px #000000; color: #fff; background: #FF7C05; border: 2px solid #282828; border-radius: 16px; font-weight: 700; padding: 15px 25px; cursor: pointer; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon{ padding: 3.1875rem 5rem; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .content-head h3{ color: #282828; font-family: "Luckiest Guy"; font-size: 2rem; font-style: normal; font-weight: 400; line-height: normal; margin: 1.250rem 0; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .shipping-items ul{ margin: 0 0 1.250rem; padding: 0; display: flex; flex-wrap: wrap; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .shipping-items ul li{ flex: 0 0 50%; list-style: none; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .shipping-items ul li a{ background: #F4ECC3; border: 1px solid #FF7C05; padding: 0.75rem; color: #282828; text-align: center; font-family: "DM Sans"; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: normal; cursor: pointer; display: block; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .shipping-items ul li i{ font-size: 1.5rem; margin-bottom: 0.5rem; display: block; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .shipping-items ul li a.active{ background: #FF7C05; color: #fff; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .shipping-items ul li:first-child a{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .shipping-items ul li:last-child a{ border-top-right-radius: 16px; border-bottom-right-radius: 16px; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .scheduler-wrap{ } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .scheduler-wrap .flex-row{ display: flex; flex-wrap: wrap; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .scheduler-wrap .flex-row .col-6{ flex: 0 0 50%; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .scheduler-wrap .flex-row .col-6:first-child{ padding-right: 0.875rem; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .scheduler-wrap .flex-row .col-6:last-child{ display: flex; align-items: center; justify-content: end; padding-left: 0.875rem; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .scheduler-select select#time{ color: #282828; font-family: "DM Sans"; font-size: 1.050rem; font-style: normal; font-weight: 700; line-height: normal; border-radius: 16px; border: 1px solid #FF7C05; background: #F4ECC3; padding: 1rem 0.9875rem; width: 100%; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .scheduler-select select#time:active, body #orderDeliverySelection .sidebar-body #orderDeliveryCon .scheduler-select select#time:focus{ outline: none; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon #now{ width: 100%; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon #now p{ color: #008135; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 700; line-height: normal; margin: 0; text-align: right; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon #later{ width: 100%; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon #later select#timeSelect{ color: #282828; font-family: "DM Sans"; font-size: 1.050rem; font-style: normal; font-weight: 700; line-height: normal; border-radius: 16px; border: 1px solid #FF7C05; background: #F4ECC3; padding: 1rem 0.9875rem; width: 100%; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon #later select#timeSelect:active, body #orderDeliverySelection .sidebar-body #orderDeliveryCon #later select#timeSelect:focus{ outline: none; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon .shipping-items-content #pickup{ margin-top: 5vh; } body #orderDeliverySelection .sidebar-body #pickup button#shipping-continue{ color: #FFF; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 900; line-height: normal; text-transform: uppercase; border-radius: 16px; border: 2px solid #282828; background: #FF7C05; box-shadow: 2px 2px 0px 0px #000; padding: 1rem 2.1875rem; width: 100%; transition: 0.4s; } body #orderDeliverySelection .sidebar-body #pickup button#shipping-continue:hover, body #orderDeliverySelection .sidebar-body #pickup button#shipping-continue:active, body #orderDeliverySelection .sidebar-body #pickup button#shipping-continue:focus{ box-shadow: none; transition: 0.4s; } body #orderDeliverySelection .sidebar-body #delivery .delivery-upper .flex-row{ display: flex; align-items: center; justify-content: space-between; margin: 1.875rem 0; } body #orderDeliverySelection .sidebar-body #delivery .delivery-upper h3{ color: #282828; font-family: "Luckiest Guy"; font-size: 2rem; font-style: normal; font-weight: 400; line-height: normal; margin: 0; } body #orderDeliverySelection .sidebar-body #delivery .delivery-upper button#use-location{ color: #282828; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 700; line-height: normal; border-radius: 16px; text-transform: capitalize; border: 1px solid #FF7C05; background: #F4ECC3; box-shadow: none; padding: 1rem 2.1875rem; } body #orderDeliverySelection .sidebar-body #delivery form#save_address{ } body #orderDeliverySelection .sidebar-body #delivery form#save_address .fields{ margin-bottom: 0.625rem; } body #orderDeliverySelection .sidebar-body #delivery form#save_address input{ color: #282828; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 400; line-height: normal; border-radius: 16px; border: 1px solid #F4ECC3; background: #F4ECC3; padding: 1rem 2.1875rem; } body #orderDeliverySelection .sidebar-body #delivery form#save_address textarea{ color: #282828; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 400; line-height: normal; border-radius: 16px; border: 1px solid #F4ECC3; background: #F4ECC3; padding: 1rem 2.1875rem; resize: none; height: 110px; } body #orderDeliverySelection .sidebar-body #delivery form#save_address input[type="submit"]{ color: #FFF; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 900; line-height: normal; text-transform: uppercase; border-radius: 16px; border: 2px solid #282828; background: #FF7C05; box-shadow: 2px 2px 0px 0px #000; padding: 1rem 2.1875rem; width: 100%; transition: 0.4s; } body #orderDeliverySelection .sidebar-body #delivery form#save_address input[type="submit"]:hover, body #orderDeliverySelection .sidebar-body #delivery form#save_address input[type="submit"]:focus, body #orderDeliverySelection .sidebar-body #delivery form#save_address input[type="submit"]:active{ box-shadow: none; transition: 0.4s; } body #orderDeliverySelection .cart-items-wrap{ margin-top: 1.5rem; } body #orderDeliverySelection ul.woocommerce-mini-cart{ padding: 0; margin: 0; } body #orderDeliverySelection ul.woocommerce-mini-cart li.woocommerce-mini-cart-item{ list-style: none; display: flex; align-items: center; margin-bottom: 1rem; padding-bottom: 1rem; } body #orderDeliverySelection ul.woocommerce-mini-cart li.woocommerce-mini-cart-item dl.variation { flex: 0 0 30%} body #orderDeliverySelection ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a{ display: flex; align-items: center; color: #282828; font-family: "DM Sans"; font-size: 1.3rem; font-style: normal; font-weight: 600; line-height: normal; pointer-events: none; flex: 0 0 50%;} body #orderDeliverySelection ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a.remove{ background-color: #ff0000; width: 34px; height: 25px; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: #fff; line-height: 1.2; flex: 0 0 5%; pointer-events: auto; margin-top: 0px;} body #orderDeliverySelection ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a img.attachment-woocommerce_thumbnail{ width: 24%; margin-right: 1rem; margin-left: 1rem; background: #fff; border-radius: 50px; } body #orderDeliverySelection ul.woocommerce-mini-cart li.woocommerce-mini-cart-item span.quantity{ color: #282828; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 700; line-height: normal; flex: 0 0 20%; } body #orderDeliverySelection ul.woocommerce-mini-cart li.woocommerce-mini-cart-item span.amount{ color: #282828; text-align: right; font-family: "DM Sans"; font-size: inherit; font-style: normal; font-weight: 600; line-height: normal; } body #orderDeliverySelection .widget_shopping_cart_content p.total{ color: #282828; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 1.5rem; background: #F4ECC3; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; } body #orderDeliverySelection .widget_shopping_cart_content .buttons{ display: none; } body #orderDeliverySelection .widget_shopping_cart_content .buttons a.wc-forward{ display: none; } body #orderDeliverySelection .widget_shopping_cart_content .buttons a.checkout{ display: block; color: #FFF; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 900; line-height: normal; text-transform: uppercase; border-radius: 16px; border: 2px solid #282828; background: #FF7C05; box-shadow: 2px 2px 0px 0px #000; padding: 1rem 2.1875rem; width: 100%; transition: 0.4s; text-align: center; } body #orderDeliverySelection .widget_shopping_cart_content .buttons a.checkout:hover, body #orderDeliverySelection .widget_shopping_cart_content .buttons a.checkout:active, body #orderDeliverySelection .widget_shopping_cart_content .buttons a.checkout:focus{ box-shadow: none; transition: 0.4s; } body #orderCart .sidebar-body .content-header{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; padding: 3.3125rem 7.5rem; background: #FFF8D4; box-shadow: -3px 5px 13.2px 0px rgba(208, 201, 165, 0.59); position: relative; } body #orderCart .sidebar-body .content-header .back-btn{ position: absolute; left: 5rem; background-color: transparent; border: none; padding: 0; margin: 0; box-shadow: none; } body #orderCart .sidebar-body .content-header h3{ color: #FF7C05; text-align: center; font-family: "Luckiest Guy"; font-size: 2.875rem; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; } body #orderCart .sidebar-body .content-body{ padding: 3.1875rem 5rem; } body #orderCart .sidebar-body .content-body .content-head h3{ color: #282828; font-family: "Luckiest Guy"; font-size: 2rem; font-style: normal; font-weight: 400; line-height: normal; text-align: center; margin: 0; } body #orderCart .sidebar-body .content-body .content-head{ margin-bottom: 2.5rem; } body #orderCart form.woocommerce-cart-form{ } body #orderCart form.woocommerce-cart-form table.shop_table{ border: 0; padding: 0; } body #orderCart form.woocommerce-cart-form table.shop_table tr{ border: 0; padding: 0; background: transparent; } body #orderCart form.woocommerce-cart-form table.shop_table tr th{ display: none; } body #orderCart form.woocommerce-cart-form table.shop_table tr td{ border: 0; padding: 0; background-color: transparent; } body #orderCart form.woocommerce-cart-form table.shop_table tr td.product-thumbnail img{ width: 177px; height: 141px; border-radius: 16px; object-fit: cover; } body #orderCart form.woocommerce-cart-form table.shop_table tr th:first-child, body #orderCart form.woocommerce-cart-form table.shop_table tr th:last-child, body #orderCart form.woocommerce-cart-form table.shop_table tr td:first-child, body #orderCart form.woocommerce-cart-form table.shop_table tr td:last-child{ display: none; } body #orderCart form.woocommerce-cart-form .cart-collaterals{ } body #orderCart .cart-collaterals .cross-sells{ display: none; } body #orderCart .cart-collaterals .cart_totals{ float: none; width: 100%; } body #orderCart .cart-collaterals .cart_totals h2{ display: none; } body #orderCart .cart-collaterals .cart_totals table.shop_table{ display: none; } body #orderCart ul.woocommerce-mini-cart{ padding: 0; margin: 0; } body #orderCart ul.woocommerce-mini-cart li.woocommerce-mini-cart-item{ list-style: none; display: flex; align-items: center; margin-bottom: 1rem; padding-bottom: 1rem; } body #orderCart ul.woocommerce-mini-cart li.woocommerce-mini-cart-item dl.variation { flex: 0 0 30%} body #orderCart ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a{ display: flex; align-items: center; color: #282828; font-family: "DM Sans"; font-size: 1.3rem; font-style: normal; font-weight: 600; line-height: normal; pointer-events: none; flex: 0 0 45%;} body #orderCart ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a.remove{ background-color: #ff0000; width: 34px; height: 25px; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: #fff; line-height: 1.2; flex: 0 0 5%; pointer-events: auto; margin-top: 0px;} body #orderCart ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a img.attachment-woocommerce_thumbnail{ width: 30%; margin-right: 1rem; margin-left: 1rem; } body #orderCart ul.woocommerce-mini-cart li.woocommerce-mini-cart-item span.quantity{ color: #282828; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 700; line-height: normal; flex: 0 0 20%; } body #orderCart ul.woocommerce-mini-cart li.woocommerce-mini-cart-item span.amount{ color: #282828; text-align: right; font-family: "DM Sans"; font-size: inherit; font-style: normal; font-weight: 600; line-height: normal; } body #orderCart .widget_shopping_cart_content p.total{ color: #282828; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 1.5rem; background: #F4ECC3; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; } body #orderCart .widget_shopping_cart_content .buttons{ display: none; } body #orderCart .widget_shopping_cart_content .buttons a.wc-forward{ display: none; } body #orderCart .widget_shopping_cart_content .buttons a.checkout{ display: block; color: #FFF; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 900; line-height: normal; text-transform: uppercase; border-radius: 16px; border: 2px solid #282828; background: #FF7C05; box-shadow: 2px 2px 0px 0px #000; padding: 1rem 2.1875rem; width: 100%; transition: 0.4s; text-align: center; } body #orderCart .widget_shopping_cart_content .buttons a.checkout:hover, body #orderCart .widget_shopping_cart_content .buttons a.checkout:active, body #orderCart .widget_shopping_cart_content .buttons a.checkout:focus{ box-shadow: none; transition: 0.4s; } body #orderCart .cust-btn a{ display: block; color: #FFF; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 900; line-height: normal; text-transform: uppercase; border-radius: 16px; border: 2px solid #282828; background: #FF7C05; box-shadow: 2px 2px 0px 0px #000; padding: 1rem 2.1875rem; width: 100%; transition: 0.4s; text-align: center; cursor: pointer; } body #orderCart .cust-btn a:hover, body #orderCart .cust-btn a:active, body #orderCart .cust-btn a:focus{ box-shadow: none; transition: 0.4s; } body #orderCart .cust-btn a.disabled{ cursor: no-drop; pointer-events: none; opacity: 0.6; } body #productDetailSidebar #productDetailsContent button.start-order { cursor: pointer; color: #FFF; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 900; line-height: normal; text-transform: uppercase; border-radius: 16px; border: 2px solid #282828; background: #FF7C05; box-shadow: 2px 2px 0px 0px #000; padding: 1rem 2.1875rem; width: 100%; transition: 0.4s; } body #checkoutScreen .sidebar-body .content-header{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; padding: 3.3125rem 7.5rem; background: #FFF8D4; box-shadow: -3px 5px 13.2px 0px rgba(208, 201, 165, 0.59); position: relative; } body #checkoutScreen .sidebar-body .content-header .back-btn{ position: absolute; left: 5rem; background-color: transparent; border: none; padding: 0; margin: 0; box-shadow: none; } body #checkoutScreen .sidebar-body .content-header h3{ color: #FF7C05; text-align: center; font-family: "Luckiest Guy"; font-size: 2.875rem; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; } body #checkoutScreen .sidebar-body .content-body{ padding: 3.1875rem 5rem; } body #checkoutScreen .sidebar-body .content-body .content-head{ margin-bottom: 1rem; } body #checkoutScreen .sidebar-body .content-body .content-head h2{ color: #FF7C05; font-family: "Luckiest Guy"; font-size: 4rem; font-style: normal; font-weight: 400; line-height: normal; text-align: center; margin: 0; } body #checkoutScreen .sidebar-body .content-body .content-txt{ margin-bottom: 1.375rem; } body #checkoutScreen .sidebar-body .content-body .content-txt p{ color: #282828; text-align: center; font-family: "DM Sans"; font-size: 1.375rem; font-style: normal; font-weight: 400; line-height: 35px; margin: 0; } body #checkoutScreen .sidebar-body .content-body .content-txt p a{ color: #FF7C05; text-decoration: underline; } body #checkoutScreen .sidebar-body .content-body .checkout-form-wrap{ } body #checkoutScreen .sidebar-body .content-body .checkout-form-wrap .form-info{ padding: 1rem 2.1875rem; border-radius: 16px; border: 1px solid #008135; background: #EAF3E9; margin-bottom: 1.375rem; } body #checkoutScreen .sidebar-body .content-body .checkout-form-wrap .form-info p{ color: #008135; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 700; line-height: normal; margin: 0; } body #checkoutScreen .checkout-form-wrap form#mycheckout{ } body #checkoutScreen .checkout-form-wrap form#mycheckout .checkout-fields{ } body #checkoutScreen .checkout-form-wrap form#mycheckout .checkout-fields .flex-row{ display: flex; flex-wrap: wrap; flex-direction: row; } body #checkoutScreen .checkout-form-wrap form#mycheckout .checkout-fields .flex-row .col-6{ flex: 0 0 50%; } body #checkoutScreen .checkout-form-wrap form#mycheckout .checkout-fields .flex-row .col-6:first-child{ padding-right: 0.3125rem; } body #checkoutScreen .checkout-form-wrap form#mycheckout .checkout-fields .flex-row .col-6:last-child{ padding-left: 0.3125rem; } body #checkoutScreen .checkout-form-wrap form#mycheckout .checkout-fields .flex-row .col-12{ flex: 0 0 100%; } body #checkoutScreen .checkout-form-wrap form#mycheckout .checkout-fields .form-group{ margin-bottom: 0.625rem; } body #checkoutScreen .checkout-form-wrap form#mycheckout .checkout-fields input.text{ color: #282828; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 400; line-height: normal; padding: 1rem 2.1875rem; border-radius: 16px; border: 1px solid #FFF; background: #FFF; margin-bottom: 0.3125rem; transition: 0.4s; } body #checkoutScreen .checkout-form-wrap form#mycheckout .checkout-fields input.text:active, body #checkoutScreen .checkout-form-wrap form#mycheckout .checkout-fields input.text:focus{ outline: none; border-color: #FF7C05; transition: 0.4s; } body #checkoutScreen .checkout-form-wrap form#mycheckout .woocommerce-privacy-policy-text p{ color: #282828; font-family: "DM Sans"; font-size: 1.375rem; font-style: normal; font-weight: 400; line-height: 35px; } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #customer_details > .col-1{ float: none; width: 100%; } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #customer_details > .col-2{ display: none; } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #customer_details .wooccm-field-country{ display: none; } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #customer_details input.input-text{ color: #282828; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 400; line-height: normal; padding: 1rem 2.1875rem; border-radius: 16px; border: 1px solid #FFF; background: #FFF; margin-bottom: 0.3125rem; transition: 0.4s; } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #customer_details input.input-text:active, body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #customer_details input.input-text:focus{ outline: none; border-color: #FF7C05; transition: 0.4s; } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #customer_details #billing_country_field{ display: none; } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #customer_details #billing_address_2_field{ display: none; } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #customer_details #billing_city_field{ display: none; } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #customer_details #billing_state_field{ display: none; } /*body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #customer_details #billing_postcode_field{ display: none; }*/ body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #order_review_heading{ display: none; } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #order_review table.shop_table{ display: none; } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #order_review #payment{ background: transparent; } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #order_review #payment ul.wc_payment_methods{ padding: 0; border: 0; } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #order_review #payment ul.wc_payment_methods li.wc_payment_method .payment_box{ } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #order_review #payment button#place_order{ display: block; color: #FFF; font-family: "DM Sans"; font-size: 1.250rem; font-style: normal; font-weight: 900; line-height: normal; text-transform: uppercase; border-radius: 16px; border: 2px solid #282828; background: #FF7C05; box-shadow: 2px 2px 0px 0px #000; padding: 1rem 2.1875rem; width: 100%; transition: 0.4s; text-align: center; } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #order_review #payment button#place_order:hover, body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #order_review #payment button#place_order:active, body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #order_review #payment button#place_order:focus{ box-shadow: none; transition: 0.4s; } body #checkoutScreen .checkout-form-wrap form.woocommerce-checkout #order_review #payment .woocommerce-privacy-policy-text p{ color: #282828; font-family: "DM Sans"; font-size: 1.375rem; font-style: normal; font-weight: 400; line-height: 35px; } body #successScreen .sidebar-body{ padding: 3.1875rem 5rem; } body #successScreen .sidebar-body .checkout-success-head{ color: #FF7C05; text-align: center; font-family: "Luckiest Guy"; font-size: 3.825rem; font-style: normal; font-weight: 400; line-height: 88.15px; } body.woocommerce-order-received{ display: none; } body dialog.fancybox__dialog{ } body dialog.fancybox__dialog .fancybox__backdrop{ background: rgba(0, 0, 0, 0.65); } body #orderNowHold{ border-radius: 16px; padding: 3rem 2rem; } body #orderNowHold button.f-button{ padding: 0; border: 0; box-shadow: none; } body #orderNowHold h4{ font-family: "Luckiest Guy", Sans-serif; font-size: 2.5rem; font-weight: 400; color: #FF7C05; text-align: center; margin: 0; line-height: 1.3; margin-bottom: 1rem; } body #orderNowHold p{ text-align: center; font-family: "DM Sans", Sans-serif; font-size: 1.125rem; font-weight: 400; color: #282828; } body #orderNowHold a{ color: #fff; font-family: "DM Sans", Sans-serif; font-weight: 800; text-transform: uppercase; box-shadow: 2px 2px 0px 0px #000000; border-style: solid; border-width: 2px 2px 2px 2px; border-color: var(--e-global-color-0e51c9e); border-radius: 16px 16px 16px 16px; background: #ff7c05; padding: 0.7rem 1.6rem; display: block; width: 33%; margin: 1.2rem auto 0; } @media screen and (max-width: 450px) { .tjs-sidebar.active { transform: translateX(0); transition: 0.4s; width: 100% !important; } #shopSidebar #shopContent ul.product-category-list li button.product-category-btn span.product-content-wrap { flex: 0 0 90%; } #shopSidebar #shopContent ul.product-category-list li button.product-category-btn { padding: 1.3125rem 3rem; } #prodSidebar #prodContent ul.product-list li button.product-btn span.product-content-wrap { flex: 0 0 90%; } #prodSidebar #prodContent ul.product-list li button.product-btn { padding: 1.3125rem 2rem; } #productDetailSidebar .sidebar-body .content-header .back-btn { left: 2rem; } .custom-product-detail { padding: 20px 2rem !important; } #orderDeliverySelection .sidebar-body .content-header { padding: 1.875rem 3rem; } #orderDeliverySelection .sidebar-body .content-header .address-loc { padding-bottom: 1.5rem; } body #orderDeliverySelection .sidebar-body #orderDeliveryCon { padding: 3.1875rem 2.5rem; } body #orderCart .sidebar-body .content-header .back-btn { left: 1rem; } body #orderCart .sidebar-body .content-body { padding: 3.1875rem 1rem; } body #checkoutScreen .sidebar-body .content-header .back-btn { left: 2rem; } body #checkoutScreen .sidebar-body .content-body { padding: 3.1875rem 2.2rem; } body #productDetailSidebar #productDetailsContent button.start-order { padding: 1rem 1.1875rem; } #prodSidebar .sidebar-body .content-header .back-btn { left: 2rem; } .quantity.buttons-added { padding: 3px; } } #shopSidebar #shopContent ul.product-category-list li button.product-category-btn span.product-content-wrap { flex: 0 0 90%; } #shopSidebar #shopContent ul.product-category-list li button.product-category-btn { padding: 1.3125rem 3rem; } #prodSidebar #prodContent ul.product-list li button.product-btn span.product-content-wrap { flex: 0 0 90%; } #prodSidebar #prodContent ul.product-list li button.product-btn { padding: 1.3125rem 2rem; } #shopSidebar #shopContent ul.product-category-list li button.product-category-btn { padding: 1.3125rem 2rem; } #productDetailSidebar .sidebar-body .content-header { padding: 2.5rem 5.5rem; } .custom-product-detail { padding: 20px 2rem !important; } body #orderDeliverySelection .sidebar-body .content-header .address-loc { margin-bottom: 1.8rem; } #productDetailSidebar .sidebar-body .content-header .back-btn { left: 3rem; } @media (max-width: 767px){ body #orderNowHold a{ width: 66%; } body #orderNowHold h4{ font-size: 2.3rem; } #productDetailSidebar #productDetailsContent .product-nutall a{ padding: 0.8rem 1rem; width: 90%; margin: 0 auto; font-size: 1.05rem; } }