/*Goldys*/ body { font-size: 20px; color: #121212; background-color: #fef1e1; } body.shabat-hayom { pointer-events: none; overflow: hidden; } #shabt-modal img { max-width: 90vw; } #shabt-modal .modal-body { display: block; text-align: center; } /*sticky button*/ @media(min-width:1025px) { .stickyButton { bottom: 12px; left: 99px; } } @media(max-width:1024px) { .stickyButton { bottom: 112px; left: 20px; } } h1, .section-title h1, #headline h1, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 270%; } /*#headline h1 { font-size: 220%;}*/ h1, h2 { margin-bottom: 15px; line-height: 1; } h1, h2, h3 { font-family: MeodedPashutBold; color: #26408d; } .internalPage #text1 ul, .internalPage #text2 ul, .internalPage #lobbyText ul { margin-bottom: 20px; padding-left: 0; } ul { list-style: none; padding-right: 0; margin-bottom: 0; } .internalPage #text1 ul li, .internalPage #text2 ul li, .internalPage #lobbyText ul li { position: relative; } .internalPage #text1 li:before, .internalPage #text2 li:before, .internalPage #lobbyText li:before { content: ''; display: inline-block; width: 7px; height: 7px; background: #ef4123; border-radius: 50%; vertical-align: middle; margin-left: 10px; } p, ul li { font-size: 105%; line-height: 1.2; } input, select, textarea { outline: none; } #headline { font-size: 100%; } .grid-rows .grid-row { background: none; } .row { margin: 0; } .container { width: 100%; padding: 0; } .container-fluid { padding: 0; } .section { position: relative; margin: 0; padding: 0; } a:hover, a:focus, .grid-boxes .grid-box-title h3 a, .grid-boxes .grid-box-subtitle { color: inherit; } a:focus { outline: none; text-decoration: none !important; } .grid-text p { margin-top: 0; } .section-title { position: relative; margin-bottom: 0; } .gallery-container { width: 100%; display: block; } .sections .grid-content-section { max-width: 100%; padding: 0; margin-bottom: 0; } .grid-boxes .grid-box-title h3 { margin: 0; } .grid-text-section .section-title { margin-bottom: 0; } iframe { border: 1px dashed; width: 354px; height: 201px; } .shopThankYouMsg a.shopBtn { background: transparent; color: #000; border: none; height: unset; text-decoration: underline; position: absolute; left: 50%; transform: translateX(-50%); bottom: -260px; } .shopThankYouMsg a.shopBtn::before { content: ''; width: 11px; height: 6px; display: inline-flex; background-size: cover; background-image: url('data:image/svg+xml,'); transform: rotate(-90deg); margin-left: 5px; } @media(max-width: 767px) { iframe { width: 99%; } .shopThankYouMsg a.shopBtn { bottom: unset; } } .productLabel.collection-5731 { background-color: #1a337a; } div.sniffAddress { display: none; } /* fix for modal 24.7.22 */ body.modal-open { overflow: hidden; } /*22/05/23*/ span.sniffAddress { padding-right: 10px; padding-left: 10px; } /*General Transition Styles*/ a, svg, #header2 .header-top-left button svg path, #header2, .normal-form input[type=submit], #DynamicFormObject input[type=submit], #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title, .cartBtn button path, .userBtn button path, .cartItemsCounter { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; } /*General Button styles*/ .grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button, .normal-form input[type=submit], #DynamicFormObject input[type=submit], .page-not-found a, .shopBtn, .cartItemsTable .bottomOrderItem .order-actions a { height: 42px; width: 120px; background: #ef4224; color: #fff; border-radius: 0; border: 1px solid transparent; padding: 0; font-size: 95%; line-height: 42px; margin-top: 15px; text-align: center; } .grid-text .sec-button:hover, .grid-text .sec-button:focus, .grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus, .normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus, .page-not-found a:hover, .page-not-found a:focus, .shopBtn:hover, .shopBtn:focus, .cartItemsTable .bottomOrderItem .order-actions a:hover, .cartItemsTable .bottomOrderItem .order-actions a:focus { background: transparent; color: #ef4224; border: 1px solid #ef4224; border-radius: 0; } .grid-text-section.popularsSec .grid-text .sec-button, .page-not-found a { width: 140px; } .grid-text-section.membersSec .grid-text .sec-button { width: 160px; } .grid-text-section.membersSec .grid-text .sec-button:hover, .grid-text-section.membersSec .grid-text .sec-button:focus { background: #fef1e1; border-color: #fef1e1; } .shopBtn { width: 100%; } #payment-method-cash #CashButton { width: 200px; } .page-not-found a, .cartItemsTable .bottomOrderItem .order-actions a { display: inline-block; } /*General Form Styles*/ .normal-form:after, #DynamicFormObject:after { content: none; } #DynamicFormObject input[type=submit], .normal-form input[type=submit] { margin-top: 0; } .normal-form input, .normal-form select, .normal-form textarea { width: 100%; max-width: 100%; padding-right: 15px; border: 1px solid #707070; border-radius: 0; font-size: 85%; color: #39383a; margin-bottom: 18px; } textarea { height: 100px; } .normal-form input::-webkit-input-placeholder, .normal-form select::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #39383a; } label.error, span.error { font-size: 75%; left: 15px; } .must:before, #DynamicFormObject .dynamicFormObjectField .must:before { right: 17px; top: 5px; } /*General Product Styles*/ .productLabel { font-size: 75%; left: 0; } .catalogItemBox .productLabel { padding-top: 6px; padding-bottom: 5px; top: 12px; font-family: 'MeodedPashutBold'; } #CatalogItemView .productLabel { padding-top: 4px; padding-bottom: 3px; } .outOfStockLabel.hasTextLabel, .productLabel.Right.collection-209, .productLabel.Right.collection-208, .productLabel.Right.collection-198 { width: 50px; height: 50px; border-radius: 50%; top: 15px; right: 15px; font-size: 75%; font-family: 'MeodedPashutBold'; padding: 0; line-height: 60px; transform: none; -webkit-transform: none; -ms-transform: none; } /*.productLabel.wishlist {right: auto; left: 0; top: 15px;} .productLabel.wishlist button.wishListBtn:hover svg path, button.wishListBtn.active svg path {fill: #d2232a; stroke: #d2232a;}*/ .outOfStockLabel.hasTextLabel span, .productLabel.Right.collection-209 { display: inline-block; line-height: 1; } .outOfStockLabel.hasTextLabel { background: #121212; } .productLabel.Right.collection-209 { background: #121212; padding-top: 7px; } .CatalogItemPage #CatalogModule .itemImages .productLabel.Right.collection-209 { padding-top: 10px; } .productLabel.Right.collection-208, .productLabel.Right.collection-198 { width: 44px; height: 44px; line-height: 42px; } .productLabel.Right.collection-208 { background: #121212; } .productLabel.Right.collection-198 { background: #121212; color: #fff; } .catalogItemBox { padding: 0 8px; margin-bottom: 25px; } .catalogItemBox.align-right .item-text-top, .catalogItemBox.align-right .item-add-to-cart { padding: 0 15px } .catalogItemBox .catalogItemBoxInner { min-height: 425px; position: relative; padding: 0 0 20px; background-color: #fff; margin-bottom: 0; color: #39383a; direction: rtl; overflow: unset; -webkit-box-shadow: -4px 0 20px 0 rgba(18, 18, 18, 0.1); box-shadow: -4px 0 20px 0 rgba(18, 18, 18, 0.1); } .catalogItemBox .item-text-top .productLabel:not(.wishlist) { position: relative; display: inline-block; margin-left: 8px; border-radius: 20px; } .catalogItemBoxInner .productLabel:not(.wishlist):not(.collection-5372):not(.collection-5371):not(.collection-5370) { right: 0; left: auto; border-radius: 20px; } .catalogItemBoxInner .productLabel.wishlist { right: auto; left: 0; } .catalogItemBoxInner .productLabel:not(.wishlist):nth-child(2) { top: 50px; } .catalogItemBox .catalogItemBoxInner a.item-image { padding-bottom: 160px; } .catalogItemBox a.item-image img, .catalogCategoryBox a.catalogCategoryBoxImage img, #CatalogModule .relatedItems .owl-carousel .owl-item img { width: 100%; height: 100%; object-fit: cover; top: 0; right: 0; left: 0; transform: none; } .catalogItemBox .catalogItemBoxInner a.item-text { padding: 20px 0 0; } .catalogItemBox .item-text-top { min-height: 90px; padding: 0 5px; } .catalogItemBox .catalogItemBoxInner h3.itemTitle { min-height: 40px; height: 40px; font-size: 90%; overflow: hidden; font-family: 'MeodedPashutBold'; margin-top: 0; color: #121212; } .catalogItemBox .catalogItemBoxInner h4.item-subtitle { height: auto; overflow: hidden; font-size: 75%; color: #9e9e9e; margin: 35px 0 0; } .checkOutItemsCarousel .catalogItemBox .catalogItemBoxInner { opacity: 0; transition: 0.3s all; } .checkOutItemsCarousel.owl-carousel .catalogItemBox .catalogItemBoxInner { opacity: 1; } #CatalogModule .catalogItemBox.align-center .item-quantity .itemQuantityContainer, .catalogItemBox.align-center .item-quantity .itemQuantityContainer { font-size: 125%; font-family: 'RaanaSuperRegular'; } #CatalogModule .catalogItemBox.align-center .item-quantity button.item-plus { border-left: none; } #CatalogModule .catalogItemBox.align-center .item-quantity button.item-minus { border-right: none; } #CatalogModule .item-quantity svg, .catalogItemBox .item-quantity svg { width: 14px; height: 14px; } #CatalogModule .item-quantity svg .st0, .catalogItemBox .item-quantity svg .st0 { fill: #39383a; } .catalogItemBox .catalogItemBoxInner span.finalPrice, #CatalogModule .catalogItemBox span.finalPrice, .catalogItemBox .catalogItemBoxInner span.itemBeforeDiscountPrice, #CatalogModule span.itemBeforeDiscountPrice { font-size: 115%; } .catalogItemBox .catalogItemBoxInner span.finalPrice, #CatalogModule .catalogItemBox span.finalPrice { margin-left: 3px; } .add-to-cart, button#addToCartBtn { height: 38px; min-width: unset; width: 138px; line-height: 36px; margin-top: 15px; background: #ef4224; font-size: 90%; border: 2px solid transparent; padding: 0; /*background: transparent; color: #121212; border: none; border-bottom: 2px solid #ef4224; display: inline-block; width: auto; padding: 0; min-width: 0; font-size: 100%; margin-top: 0; height: auto; line-height: 1.25;*/ } .add-to-cart:hover, .add-to-cart:focus, button#addToCartBtn:hover, button#addToCartBtn:focus { /*border: 2px solid #ef4224; */ color: #ef4224; border-color: #ef4224; background: transparent; } .productLabel.collection-5370, .productLabel.collection-5384 { background: #91df69; color: #000; } .productLabel.collection-5371 { background: #ff6f38; color: #000; } .productLabel.collection-5372 { background: #eb3d16; color: #000; } .productLabel.collection-5373 { background: #ffd91e; color: #000; } .productLabel.collection-5374, .productLabel.collection-5455 { background: #33333340; color: #000; } .productLabel.collection-5406 { background: #e50a0a; color: #000; } .productLabel.collection-5522, .productLabel.collection-5521 { background: #2e5de1; color: #fff; } /*Shop + Profile Pages*/ .ShopCheckoutPage.ShopRelatedPage section#GridTop, .ShopRelatedPage section#GridTop, .ShopRegisterPage.ShopRelatedPage section#GridTop { height: 0; } body.ShopRelatedPage #GridPage { padding-top: 170px; } form#checkout-form .checkoutFormWrapper { background: none; margin-bottom: 20px; } form#checkout-form .checkoutFormWrapper.paymentO { background: #fff; } .shopLayout.checkoutPage form#checkout-form .checkoutTitle { margin-bottom: 3px; background: #fff; } .shopLayout.checkoutPage form#checkout-form .checkoutTitle h3 { background: none; font-family: 'MeodedPashutBold'; font-weight: normal; font-size: 120%; padding-top: 16px; padding-bottom: 15px; } .cartSubTotal { background: none; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1); } .cartSubTotal, .shopLayout.checkoutPage .cartSubTotal { padding-bottom: 0; } .cartSubTotal.affix { top: 195px; position: fixed !important; } .cartSubTotal .subTotalInner > div { width: 100%; background: #faf8f6; padding-left: 30px; padding-right: 30px; } .cartSubTotal .subTotalTitle { background: #faf8f6; } .cartItemsTable .cartItemsTitles { font-size: 120%; } .cartItemsTable .items, .cartSubTotal .totalSumItems.itemsInCart { margin-top: 3px; } .cartItemsTable .cartItemsTitles, .cartItemsTable .items { background: #fff; } .cartItemsTable .cartItemsTitles { color: #26408d; } .cartItemsTable .cartItemsTitles .cartItemsCell { padding-top: 15px; padding-bottom: 9px; font-family: MeodedPashutBold; } .cartItemsTable .cartItem .cartItemName.cartItemsCell { font-size: 100%; } .cartItemsTable .items { padding: 10px 0; box-shadow: 0 6px 20px 0 rgba(78, 78, 78, 0.1); -webkit-box-shadow: 0 6px 20px 0 rgba(78, 78, 78, 0.1); } .cartItemsTable .cartItemsCell { padding: 15px 20px; } .cartItemsTable .cartItem:not(:last-child):after { border-bottom: 1px solid #b4b4b4; } .cartItemsTable .cartItem .cartItemPic { border: 1px solid #ececec; } .cartItemsTable .cartItem .cartItemPic img, .headerShop .cartItemsTable .cartItem .cartItemPic img { max-width: 100%; max-height: 100%; height: 100%; width: 100%; object-fit: cover; } .cartItemsTable .cartItem .itemName { max-width: 160px; font-size: 80%; } .cartItemsTable .cartItemPrice.cartItemsCell { direction: ltr; font-size: 105%; } .headerShop.side-cart .cartActions .shopBtn { padding: 0 0; } .cartWrapper .cartItemsTable .item-quantity button.item-plus, .headerShop .cartItemsTable.hasQuantitySelection .item-quantity button.item-plus { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .cartWrapper .cartItemsTable .item-quantity button.item-minus, .headerShop .cartItemsTable.hasQuantitySelection .item-quantity button.item-minus { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .cartWrapper .cartItemsTable .item-quantity button, .headerShop .cartItemsTable.hasQuantitySelection .item-quantity button { width: 25px; } .cartWrapper .cartItemsTable .item-quantity .itemQuantityContainer, .cartWrapper .cartItemsTable .item-quantity .itemQuantityContainerMobile, .headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer { width: 36px; } .cartItemsTable .item-quantity .itemQuantityContainer input, .cartItemsTable .item-quantity .itemQuantityContainerMobile input { width: 100%; } .itemBeforeDiscountPrice.hasDiscount { margin: 0 5px 0 0; } span.itemBeforeDiscountPrice.price.hasDiscount, span.finalPrice { vertical-align: bottom; } .cartItemDelete.cartItemsCell svg { width: 26px; height: 26px; } circle.deleteCircle { fill: transparent; } .deleteX { fill: #000 !important; } .cartSubTotal .subTotalTitle { padding-top: 15px; padding-bottom: 15px; } .cartSubTotal .subTotalTitle h2 { font-size: 120%; margin-bottom: 0; } .cartSubTotal .totalSumItems { padding-bottom: 10px; font-size: 95%; } .cartSubTotal .subTotalInner .totalSumItems.totalPrice { position: relative; font-size: 120%; color: #39383a; font-family: MeodedPashutBold; font-weight: normal; } .cartSubTotal .subTotalInner .totalSumItems.totalPrice:after { content: ''; position: absolute; width: 90%; height: 1px; background-color: #b4b4b4; top: 0; right: 50%; transform: translate(50%); -webkit-transform: translate(50%); -ms-transform: translate(50%); } .cartSubTotal .totalSumItems.totalPrice { padding-top: 10px; } .shopLayout.checkoutPage .cartSubTotal .totalSumItems.totalPrice:before { content: none; } .cartSubTotal .totalSumItems a.goToCheckout { margin-top: 0; } .checkout-login.col-xs-12 { padding: 0; } .checkoutPage .checkout-login { padding: 40px 30px; } .shopLayout.checkoutPage form#checkout-form .couponDetailsWrapper.checkoutFormWrapper .checkoutInputsWrapper, .shopLayout.checkoutPage form#checkout-form .commentDetailsWrapper .checkoutInputsWrapper, .shopLayout.checkoutPage form#checkout-form .billingDetailsWrapper .checkoutInputsWrapper { width: 100%; } .checkout-login, .registerFormWrapper.registerPage, form#checkout-form .checkoutFormWrapper.personalDetailsWrapper .row:nth-child(2), form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .checkoutInputsWrapper, .shopLayout.checkoutPage form#checkout-form .checkoutFormWrapper.deliveryDetailsWrapper, .shopLayout.checkoutPage form#checkout-form .couponDetailsWrapper.checkoutFormWrapper .checkoutInputsWrapper, .shopLayout.checkoutPage form#checkout-form .commentDetailsWrapper .checkoutInputsWrapper, .shopLayout.checkoutPage form#checkout-form .billingDetailsWrapper .checkoutInputsWrapper, .registerFormWrapper, .loggedInUser.profileSideBar a, .cartWrapper.ordersWrapper .cartItemsTable.orders { background-color: #fff; box-shadow: -4px 4px 30px 0 rgba(57, 56, 58, 0.1); -webkit-box-shadow: -4px 4px 30px 0 rgba(57, 56, 58, 0.1); } .shopLayout.checkoutPage form#checkout-form .commentDetailsWrapper .checkoutInputsWrapper.field-5285 { box-shadow: none; -webkit-box-shadow: none; padding-bottom: 20px; } form#checkout-form .checkoutFormWrapper.deliveryOptionsWrapper .checkoutInputsWrapper { box-shadow: none; -webkit-box-shadow: none; } form#checkout-form label { font-size: 90%; } form#checkout-form .checkoutFormWrapper.personalDetailsWrapper .row > div.checkoutInputsWrapper { max-width: 600px; width: 100%; } form.shop-form .form-control:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=radio]) { width: 100%; max-width: 100%; background: #fff; border-radius: 0; font-size: 90%; color: #121212; padding-right: 15px; border: 1px solid #b4b4b4; box-shadow: none; -webkit-box-shadow: none; } form.shop-form .form-control:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=radio]):focus { outline: 1px solid #000; } form#checkout-form input[type=checkbox] { border-radius: 50%; } form#checkout-form input[type=checkbox]:checked { border-color: transparent; background-color: #ef4224; background-image: url(../../../warehouse/temp/Goldys/vCheckW.svg); } .deliveryOptionBox, form#checkout-form .commentDetailsWrapper .textareaBoxWrapper { max-width: 540px; width: 100%; } .deliveryOptionBox { border-radius: 0; border-color: #b4b4b4; } .deliveryOptionBox.active { background: none; color: #121212; outline: 3px solid #26408d; } .deliveryOptionBox label.deliveryOptionLabel { border-radius: 0; padding-top: 15px; padding-bottom: 15px; } .deliveryOptionBox label.deliveryOptionLabel:focus { outline: none; } .deliveryOptionBox label.deliveryOptionLabel span { color: #707070; font-size: 89%; } .deliveryOptionBox.active label.deliveryOptionLabel span { color: #121212; } form#checkout-form .deliveryDetails .checkoutInputsWrapper { padding-bottom: 10px; } form#checkout-form .pickUpBranches { font-size: 90%; } .loggedInUser.profileSideBar h4, .userProfile #headline { background: #fff; } .userProfile #headline > span { font-size: 85%; } .shopLayout.userAccountPage .userProfile #headline h1 svg, .shopLayout.userUpdatePasswordPage .userProfile #headline h1 svg, .shopLayout.orderHistory .userProfile #headline h1 svg, .shopLayout.wishListPage .userProfile #headline h1 svg { width: 23px; vertical-align: baseline; } .shopLayout.orderHistory .order-items .items { margin-top: 0; box-shadow: none; -webkit-box-shadow: none; } /*Header*/ #header2.bg { background: #121212; } #header2 { background: transparent; color: inherit; } header.search-open #header2 { top: 0; } #header2 .header-top { position: fixed; top: 0; right: 0; background-color: #fef1e1; color: inherit; padding: 6px 10px; } #header2 .header-top-right { max-width: 1170px; margin: 0 auto; float: none; } #header2 .header-top-left svg, #header2 ul.menu .social-links a svg { fill: #121212; } #header2 .header-top-left a:hover svg, #header2 .header-top-left a:focus svg, #header2 .header-top-left button:hover svg path, #header2 .header-top-left button:focus svg path, #header2 ul.menu .social-links a:hover svg, #header2 ul.menu .social-links a:focus svg { fill: #ef4224; } #header2 .header-top .address { position: relative; font-size: 93%; display: inline-flex; align-items: center; } .bottomAddress { order: 1; } #header2 .header-top-left { margin-right: 0; direction: rtl; } #header2 .header-top .address:after { content: ''; display: inline-block; width: 2px; height: 17px; background: #121212; vertical-align: middle; margin: 0 5px 0 0; order: 2; } #header2 .header-top-left svg { width: auto; height: 16px; } #header2 .header-top-left a { margin: 0 5px; } #header2 ul.menu > li:before { content: none; } #header2 ul.menu li:hover, #header2 ul.menu li.active { color: #fff; } #header2 ul.menu > li > a { border-bottom: 2px solid transparent; } /*#header2 ul.menu li a:focus {border-bottom: 2px solid #ef4224;}*/ #header2 ul.menu li.active a { border-bottom: 2px solid #ef4224; } #header2 ul.menu-sub li.active a { color: #ef4224; } #header2 ul.menu > li > a:focus { opacity: 1; } #header2 .menu-sub { background: #fff; } #header2 ul.menu .menu-sub li { color: #121212; font-size: 100%; padding: 5px 0; } #header2 ul.menu .has-sub i.opensub { font-size: 80%; } #header2 ul.menu li.active.has-sub li a { border: 0; } /* #header2 ul.menu li.active.has-sub li a:hover { color: #ef4224; } */ #header2 ul.menu .menu-sub li:hover, #header2 ul.menu .menu-sub li:focus { color: #ef4224; } #header2 ul.menu li .menu-sub a:focus { border: none; color: #ef4224; opacity: 1; } /*mega menu*/ #header2 .menu-sub.megaMenu { min-width: 1100px !important; max-width: 1200px; padding: 25px; font-family: 'meodedpashut_oeregular-webfont', 'Alef'; } .menuGroupTitle { font-size: 100%; } #header2 ul.menu .menu-sub li { font-size: 85%; } /*ending mega menu*/ .cartItemsCounter { background: none; } .cartBtn svg { width: 23px; height: 22px; } .headerShop .shopBtn, button.couponButton.shopBtn.CouponOk { padding: 0; } .headerShop a.goToCart.shopBtn { border: 1px solid #ef4224; } .headerShop a.goToCheckout.shopBtn:hover, .headerShop a.goToCheckout.shopBtn:focus { background: #000; color: #fff; border-color: transparent; } .headerShop a.goToCart.shopBtn:focus, .headerShop a.goToCart.shopBtn:hover { background: #ef4224; } .cartItemsCounter { right: 7px; color: #ffffff; min-width: 30px; bottom: 16px; } .cartItemsCounter span.CartItems:before { content: "("; margin-left: 1px; } .cartItemsCounter span.CartItems:after { content: ")"; margin-right: 1px; } .cartItemsCounter span.CartItems { font-size: 105%; position: relative; top: auto; left: auto; transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); pointer-events: none; } button#openCartBtnMobile { border: solid 2px #ffffff; border-radius: 1000px; min-width: 90px; text-align: left; padding-left: 20px; padding-top: 7px; padding-bottom: 0px; } /*header.search-open #header-container {display: table !important;} header.search-open #header2 #header-left, header.search-open #header2 .menu-nav {display: none;}*/ .home-page .grid-rows .grid-row { max-width: 1120px; margin: 0 auto; } .home-page .grid-rows .grid-row-text { width: 100%; padding-left: 13%; } .home-page .grid-row li.slider-item { padding-bottom: 88%; } .grid-text-section.popularsSec, .grid-row-section.aboutSec, .grid-text-section.membersSec, .grid-row-section.culinarySec { margin-bottom: 60px; } /*Top Banner*/ #home-gallery, #home-gallery .slider-bg.stellar-bg { /*height: 762px !important;*/ height: 40vw !important; } #home-gallery .slides.hidden-md { display: block !important; } /*#home-gallery .slider-bg.stellar-bg { background-size: 100%; background-position: top center;}*/ #home-gallery .gallery-logo { width: 100%; } #home-gallery .gallery-caption { top: 25%; } #home-gallery .gallery-caption.caption-text { top: 70%; direction: rtl; } #home-gallery .gallery-caption .gallery-text { font-size: 350%; font-weight: bold; text-shadow: 0 0 10px rgb(0 0 0 / 60%); } #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 50px; } #home-gallery .flex-control-paging li a { width: 12px; height: 12px; border: 2px solid #fff; background: transparent; } #home-gallery .flex-control-paging li a.flex-active { border-color: #ef4123; background: #ef4123; } #home-gallery .scroll-down { display: none; } #home-gallery .iconsBoxLeft { left: 21px; bottom: 34px; } #home-gallery .iconBox img { max-width: 114px; } /*Cube Section*/ .grid-content-section.cubeSec .section-animation-item { opacity: 1; transition: none; -webkit-transition: none; -o-transition: none; } .grid-content-section.cubeSec .grid-box { padding: 10px; } .grid-content-section.cubeSec .grid-box .grid-box-image { margin: 0; padding-bottom: 100%; } .grid-content-section.cubeSec .grid-boxes .box-image-animation:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; background: rgba(0,0,0,.2); } .grid-content-section.cubeSec .grid-box-title { position: absolute; top: 50%; right: 50%; pointer-events: none; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); } .grid-content-section.cubeSec .grid-boxes .grid-box-title h3 { width: 160px; height: 50px; font-size: 120%; color: #26408d; margin: 0; line-height: 50px; background: #fff; } .grid-content-section.cubeSec .grid-box-title:after { content: ''; position: absolute; top: 8px; right: -8px; bottom: -8px; left: 8px; border: 2px solid #fef1e1; z-index: -1; pointer-events: none; } /*Populars Section*/ .grid-text-section.popularsSec .grid-text-content { max-width: 700px; padding: 0; background: #fef1e1; padding: 60px 70px; } /*Members Section*/ .grid-text-section.membersSec .grid-text-content { max-width: 560px; right: 50%; left: auto; text-align: right; color: #fff; padding: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .grid-text-section.membersSec .grid-text-content h2 { color: #fef1e1; } /*Footer*/ footer { padding-top: 100px; } #SiteFooter a:hover, #SiteFooter a:focus { text-decoration: underline; } #SiteFooter .footer-address { display: none; } .footer-text-divided > div { vertical-align: middle; color: #fef1e1; } .footer-text-divided { padding: 54px 0; background-image: url('../../../warehouse/temp/Goldys/footerBg.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; } .footer-text-divided > div.footer-text-left img { margin: 0 10px 8px 0; } .footer-text-divided > div.footer-text-left p { font-size: 120%; } .footer-text-divided > div.footer-text-right p { font-size: 110%; line-height: 1; } footer ul.footer-menu { margin-top: 10px; } footer ul.footer-menu li { line-height: 1.4; } .site-credit.alternative { padding: 10px 0; } .site-credit .text-center .AccessabilityLink { float: right; margin-bottom: 0; color: #fff; } .site-credit .text-center p { float: left; } /*Search Results*/ #SearchResultPage { max-width: 1170px; margin: auto; } .searchResultsList .catalogItemBox.align-center { width: 25%; min-height: 380px; } /*Inner Pages*/ #GridTop:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.2); pointer-events: none; } .top-caption h1 { font-size: 100%; margin-bottom: 0; color: inherit; } .top-caption { font-weight: 600; /*font-family: 'alef-bold';*/ } .internalPage #pageview #headline { display: none; } .internalPage #text1 table { max-width: 100%; } .internalPage #text1 table td { border: 1px solid #000; padding: 10px; } .internalPage #text1 table td:first-child { text-align: right; } #GridPage { padding-top: 100px; } #subheadline h2, #text1 h2, #text2 h2 { font-size: 120%; margin-bottom: 30px; color: #121212; line-height: 1.17; } #text1 p:last-child { margin-bottom: 0; } .GridBottomGallery { max-width: 1170px; margin: 0 auto; } /*General Content Page*/ .contentRight #pageview, #accessability #pageview { max-width: 850px; margin: 0 auto; text-align: right; } .contentRight #headline, .contentRight #subheadline, .contentRight #text1, #accessability #headline { text-align: right; } .contentRight #headline:after { margin-right: 0; } .contentRight #pageview #text1, #accessability #text1 { max-width: 100%; } #FormResultPage #pageview, #FormResultPage #headline { text-align: center; } /*Product Lobby Page*/ .productLobbyPage #GridPage { padding-top: 50px; } #CatalogModule { padding: 0; } #CatalogModule .filtersList { margin: 0 0 50px; text-align: center; } #CatalogModule .filters-box { position: relative; margin: 0 10px; width: 253px; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.08); } #CatalogModule .filters-box button.filters-title { width: 100%; height: 44px; background: #fff; border: 1px solid #b4b4b4; text-align: right; color: #39383a; font-size: 95%; padding-right: 15px; } #CatalogModule .filters-box button.filters-title:after { content: ''; position: absolute; width: 12px; height: 10px; left: 7px; top: 50%; background-image: url('../../../warehouse/temp/goldys/filterArr.svg'); background-size: cover; background-position: center center; background-repeat: no-repeat; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); } #CatalogModule .filters-box button.filters-title.active:after { transform: translate(50%, -50%) rotate(180deg); -webkit-transform: translate(50%, -50%) rotate(180deg); -ms-transform: translate(50%, -50%) rotate(180deg); } #CatalogModule .filters-box button.filters-title.active, #CatalogModule .filters-box .filters-list-wrapper.active ul.filter-list { background: #fff; } #CatalogModule .filters-box .filters-list-wrapper { top: 44px; width: 100%; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.08); } #CatalogModule .filters-box .filters-list-wrapper.active ul.filter-list { text-align: right; } #CatalogModule .filters-box .filters-list-wrapper.active ul.filter-list li { font-size: 95%; } /* Filter button */ .desktop-filters-list { text-align: center; } #CatalogModule .filters-box { text-align: center; width: 100%; max-width: 250px; font-size: 90%; } #CatalogModule .filters-box button.filters-title { background: #fff; border: solid 1px #e8e8e8; width: 100%; height: 45px; position: relative; text-align: right; padding: 0 15px; } #CatalogModule .filters-box button.filters-title:after { position: absolute; left: 15px; } #CatalogModule .filters-box .filters-list-wrapper { top: 100%; left: 0; right: 0; } #CatalogModule .filters-box button.filters-title.active { background: #fff; } #CatalogModule .filters-box ul.filter-list { background: #fff; border: 1px solid #e8e8e8; padding: 0; } #CatalogModule .filters-box .filter-list-inner { font-size: inherit; } #CatalogModule .filters-box ul.filter-list li.filter-list-item.active > a { font-size: 110%; } #CatalogModule .filters-box .filter-list-inner li.filter-list-item { border-bottom: 1px solid #fff; font-size: 95%; padding-right: 0; padding-left: 0; } #CatalogModule .desktop-filters-list .filters-box:after { content: none; } .filter-list li.filter-list-item.active { background: #f5c1b5; } .filter-list li.filter-list-item { text-align: right; padding: 8px 15px; } /*Product Page*/ #GridTop.noTopImage.longer, .CatalogItemPage #GridTop { height: 90px; } .CatalogItemPage .categories-strip { display: none; } .backBtnWrapper { padding-right: 15px; } .CatalogItemPage #CatalogModule .itemContent #subheadline h2 { font-family: meodedpashut_oeregular-webfont; margin-bottom: 5px; } .CatalogItemPage .itemContent .ingredientGroupSelection h3 { display: inline-block; font-size: 90%; color: #121212; margin-left: 10px; } .CatalogItemPage .itemContent .catalogTextContainer { margin-bottom: 15px; } .CatalogItemPage .itemContent .catalogTextContainer #catalogText { font-size: 90%; } .CatalogItemPage .itemContent .propertyOption { min-width: 87px; height: 26px; text-align: center; line-height: 27px; color: #121212; margin: 0 0 0 10px; background: #fff; } .CatalogItemPage .itemContent .propertyOption label { font-weight: 400; font-size: 80%; margin-bottom: 0; } .CatalogItemPage .itemContent .propertyOption input { height: 0; width: 0; } .CatalogItemPage .itemContent .ingredientGroupSelection .propertyOption input { height: 15px; width: 15px; } .CatalogItemPage .itemContent .propertyOption.active { border: none; background: #ef4224; color: #fff; } .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity { position: relative; margin: 70px 0 30px; float: none; } .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity:after { content: ''; display: table; clear: both; } .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity button, .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity .itemQuantityContainer { height: 42px; background: #fff; } .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity button { width: 35px; } .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity button.item-plus { border-top-right-radius: 25px; border-bottom-right-radius: 25px; } .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity button.item-minus { border-top-left-radius: 25px; border-bottom-left-radius: 25px; } .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity button svg { width: 10px; height: 10px; } .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity button svg .st0 { fill: #272c34; } .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity .itemQuantityContainer { font-size: 175%; width: 50px; padding: 0; font-family: MeodedPashutBold; overflow: hidden; } .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity .item-quantity-options button { width: 35px; } .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity .itemQuantityContainer input[type="number"] { width: 100%; margin-top: 2px; } .CatalogItemPage #CatalogItemView .itemContent .item-price span.finalPrice { font-size: 320%; font-family: MeodedPashutBold; color: #26408d; line-height: 0.7; } .CatalogItemPage #CatalogItemView .itemContent .item-price span.finalPrice:before { margin-right: 8px; font-size: 22px; } .CatalogItemPage #CatalogItemView .itemContent .item-price span.itemBeforeDiscountPrice.hasDiscount { font-size: 105%; color: #8f8f8f; margin: 0 15px 0 0; vertical-align: -webkit-baseline-middle; } #CatalogModule .itemContent .item-custom-details { display: none; } #CatalogModule .itemContent .item-actions { border: none; } #CatalogModule .itemContent .item-actions button#addToCartBtn { width: 140px; height: 42px; line-height: 42px; margin-top: 0; } #addToCartBtn svg { width: 13px; height: 13px; vertical-align: middle; fill: #000; } #CatalogItemView .shareBox { margin-top: 0; } #CatalogItemView .itemContent .shareBox button, #CatalogItemView .shareBox a { width: 41px; height: 41px; } #CatalogItemView .itemContent button.openShareBox { border-color: #d7d7d7; } #CatalogItemView .productLabel.offer { position: relative !important; right: auto !important; } #CatalogModule .itemImages .productLabel { left: auto; top: 7px; border-radius: 20px 0 0 20px; right: 37px; font-size: 90%; letter-spacing: 0.9px; } #CatalogModule .itemContent .productLabel { display: inline-block; position: relative; margin-left: 10px; border-radius: 20px; top: -8px; } #CatalogModule .itemImages .productLabel:nth-child(2) { top: 50px; } #CatalogModule .flexslider.large .slides img { width: 100%; height: 100%; object-fit: cover; } #CatalogModule .itemImages .gallery-slider.large li.item { padding-bottom: 565px; } #CatalogModule .itemImages .gallery-slider.large li.item:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 6px solid #fff; pointer-events: none; } #CatalogModule #CatalogItemView .catalog-fields { margin: 95px 0 0; border-color: #d7d7d7; background: #fff; box-shadow: 0 3px 36px 0 rgba(64, 22, 22, 0.16); -webkit-box-shadow: 0 3px 36px 0 rgba(64, 22, 22, 0.16); } #CatalogModule #CatalogItemView .catalog-fields ul.catalog-fields-tabs { border-bottom: 1px solid #d7d7d7; } #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title { border-bottom: 2px solid transparent; } #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title.active { border-bottom: 2px solid #ef4224; font-family: MeodedPashutBold; } #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title:first-child button { padding-right: 35px; } #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text { max-width: 750px; padding: 25px 20px; } #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text.active { padding: 25px 20px; } #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text p { font-size: 100%; } #CatalogModule .relatedItems { max-width: 894px; padding: 0; margin: 100px auto 0; float: none; } #CatalogModule .relatedItems .relatedItemsTitle { margin-bottom: 40px; } #CatalogModule .relatedItems h2 { margin: 0; padding: 0; background: none; font-size: 255%; } #CatalogModule .relatedItems .relatedItemsTitle:after { content: none; } #CatalogModule .relatedItems .itemsList.relatedItemsCarousel .catalogItemBox { padding: 0 10px; margin-bottom: 0; } .owl-carousel .owl-next:after, .owl-carousel .owl-prev:after { display: inline-block; } #CatalogModule #CatalogItemView .item-quantity { margin: 0; } /* Product Quickview */ .shopPop.quickviewPop .modal-body { background: #fef1e1; } .shopPop.quickviewPop .linkToItemPage { border-bottom: 2px solid #121212; } .shopPop.quickviewPop #CatalogModule .itemContent #headline h2 { font-size: 90%; } .shopPop.quickviewPop .item-plus { border-top-right-radius: 25px; border-bottom-right-radius: 25px; } .shopPop.quickviewPop .item-minus { border-top-left-radius: 25px; border-bottom-left-radius: 25px; } .shopPop.quickviewPop .item-quantity button { width: 100px; } .shopPop.quickviewPop .item-quantity button, .shopPop.quickviewPop .item-quantity span { background: #fff !important; } .shopPop.quickviewPop #CatalogItemView .item-price span.finalPrice { font-size: 220%; color: #26408d; font-weight: 600; } .shopPop.quickviewPop .itemContent .catalogTextContainer { margin-bottom: 15px; } .shopPop.quickviewPop .itemContent .catalogTextContainer #catalogText { font-size: 90%; } .shopPop.quickviewPop .itemContent .propertyOption { min-width: 87px; height: 26px; text-align: center; line-height: 27px; color: #121212; background: #fff; } .shopPop.quickviewPop .itemContent .propertyOption label { font-weight: 400; font-size: 80%; margin-bottom: 0; } .shopPop.quickviewPop .itemContent .propertyOption input[type=checkbox]:checked + label, .shopPop.quickviewPop .itemContent .propertyOption input[type=radio]:checked + label { color: #ef4224; font-weight: bold; } .shopPop.quickviewPop .itemContent .propertyOption input { height: 13px; width: 13px; } .shopPop.quickviewPop .itemContent .propertyOption.active { border: none; /*background: #ef4224; color: #fff;*/ } .shopPop.quickviewPop #CatalogModule #CatalogItemView .itemContent .item-quantity { position: relative; margin: 20px 0; float: none; } .shopPop.quickviewPop #CatalogModule #CatalogItemView .itemContent .item-quantity:after { content: ''; display: table; clear: both; } .shopPop.quickviewPop #CatalogModule #CatalogItemView .itemContent .item-quantity button, .shopPop.quickviewPop #CatalogModule #CatalogItemView .itemContent .item-quantity .itemQuantityContainer { height: 42px; background: #fff; } .shopPop.quickviewPop #CatalogModule #CatalogItemView .itemContent .item-quantity button { width: 35px; } .shopPop.quickviewPop #CatalogModule #CatalogItemView .itemContent .item-quantity button.item-plus { border-top-right-radius: 25px; border-bottom-right-radius: 25px; } .shopPop.quickviewPop #CatalogModule #CatalogItemView .itemContent .item-quantity button.item-minus { border-top-left-radius: 25px; border-bottom-left-radius: 25px; } .shopPop.quickviewPop #CatalogModule #CatalogItemView .itemContent .item-quantity button svg { width: 10px; height: 10px; } .shopPop.quickviewPop #CatalogModule #CatalogItemView .itemContent .item-quantity button svg .st0 { fill: #272c34; } .shopPop.quickviewPop #CatalogModule #CatalogItemView .itemContent .item-quantity .itemQuantityContainer { font-size: 175%; width: 50px; padding: 0; font-family: MeodedPashutBold; overflow: hidden; } .shopPop.quickviewPop #CatalogModule #CatalogItemView .itemContent .item-quantity .item-quantity-options button { width: 35px; } .shopPop.quickviewPop #CatalogModule #CatalogItemView .itemContent .item-quantity .itemQuantityContainer input[type="number"] { width: 100%; margin-top: 2px; } /*edits 13/12*/ .propertyGroupContainer.hasQuantitySelection .propertyOption { width: 50%; margin-left: 30px; } .propertyOption .selectItemBtn button { display: none; } #CatalogModule .property-quantity button { width: 30px; height: 30px; border-radius: 0; background: #ef4224; } #CatalogModule .property-quantity .propertyQuantityContainer input[type="number"] { width: 40px; font-size: 25px; } #CatalogModule .property-quantity .propertyQuantityContainer { padding: 0px; width: 40px; } .shopPop.quickviewPop .itemContent .propertyOption { background: transparent; } .shopPop.quickviewPop #CatalogItemView .item-price span.finalPrice { font-size: 320%; } .shopPop.quickviewPop #CatalogModule #CatalogItemView .itemContent .item-quantity { margin-top: 54px; } #CatalogModule .gallery-slider.thumbs li.item { padding-bottom: 75px; } #CatalogModule .flexslider .slides img { height: 100%; width: 100%; } /**/ .CatalogItemPage #CatalogItemView .itemContent .item-price span.finalPrice { font-size: 320%; font-family: MeodedPashutBold; color: #26408d; line-height: 0.7; } .CatalogItemPage #CatalogItemView .itemContent .item-price span.finalPrice:before { margin-right: 8px; font-size: 22px; } .CatalogItemPage #CatalogItemView .itemContent .item-price span.itemBeforeDiscountPrice.hasDiscount { font-size: 105%; color: #8f8f8f; margin: 0 15px 0 0; vertical-align: -webkit-baseline-middle; } .ingredientGroupSelection { position: relative; } .ingredientGroupSelection .propertyOption label { font-weight: normal; font-size: 85%; } .ingredientGroupSelection .propertyOption input[type=checkbox] { margin-top: 0; vertical-align: middle; border-radius: 0; } .ingredientGroupSelection .propertyOption input[type=checkbox]:checked { background-size: cover; background-image: url(/warehouse/temp/Goldys/checkbox.svg); background-repeat: no-repeat; border-color: #000; border: none; height: 15px; width: 17px; } .ingredientGroupSelection .propertyOption input[type=checkbox] { -webkit-appearance: none; width: 15px; height: 15px; border: 1px solid; cursor: pointer; } .ingredientGroupSelection .propertyOption input[type=checkbox]:checked:focus, .ingredientGroupSelection .propertyOption input[type=radio]:checked:focus { outline: none; } .ingredientGroupSelection .propertyOption { margin-left: 10px; } .itemContent .ingredientGroupSelection .propertyOption { background: transparent; height: auto; min-width: 0; } .itemContent .ingredientGroupSelection .propertyOption input { height: 15px; width: 15px; } .ingredientGroupSelection .propertyOption label { display: inline; font-size: 90%; } .ingredientGroupSelection .propertyOption { max-width: none; margin-left: 10px; margin-bottom: 5px; } .ingredientGroupSelection h3 { font-size: 95%; } .ingredientGroupSelection .propertyOption label { font-weight: normal; font-size: 85%; } .ingredientGroupSelection .propertyOption input[type=checkbox] { margin-top: 0; vertical-align: middle; border-radius: 0; } .headerShop.side-cart .cartItemsNavSubTotal { padding-bottom: 0; font-size: 90%; } .side-cart .itemsTableWrapper:after { display: none; } .headerShop.side-cart .cartItemsNavSubTotal::before { background-image: linear-gradient(to top, #f1f1f2, #f1f1f2); content: ""; background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(241,241,242,1) 73%); width: 100%; height: 70px; position: absolute; right: 0; top: -54px; pointer-events: none; } .cartItemsNavSubTotal { background: #f1f1f2; } .headerShop.side-cart .cartItemsTable { min-height: unset; max-height: 275px; } @media(max-width: 1024px) { .shopPop.quickviewPop #CatalogModule .itemContent #headline h2 { font-size: 70% } .shopPop.quickviewPop .modal-body { padding: 0; } .shopPop.quickviewPop #CatalogModule .itemContent { padding: 15px; } /*mega menu*/ .megaMenuSectionContainer .megaMenuGroup { margin-top: 10px; position: relative; } } @media (max-width: 991px) { .shopPop.quickviewPop #CatalogModule .item-actions .addToCart { width: 100%; } .shopPop.quickviewPop #CatalogModule .item-actions .addToCart #addToCartBtn { max-width: none; width: 60%; height: 50px; } .shopPop.quickviewPop .item-price span.finalPrice:before { margin-right: 10px; } .propertyGroupContainer.hasQuantitySelection .propertyOption { width: 100%; margin-left: 0; } } @media(max-width:767px) { .headerShop.side-cart .cartItemsTable { min-height: unset; max-height: unset; /* height: auto;*/ } .headerShop.side-cart .itemsTableWrapper { overflow-y: auto; } .headerShop.side-cart .itemsTableWrapper .selectedPosData { position: sticky; top: 0; z-index: 1; } .headerShop.side-cart .cartItemsNavSubTotal { bottom: auto; top: calc(55vh + 90px); } } @media (max-width: 550px) { .shopPop.quickviewPop #CatalogModule .gallery-slider.flexslider:not(.thumbs) .slides li { padding-bottom: 200px; } .shopPop.quickviewPop #CatalogModule .itemImages { padding-bottom: 15px; } } /* Catalog Page */ .catalog-page .categories-strip { background: #fff; color: #39383a; } .catalog-page .mobile-strip .select-wrapper li.strip-item { color: #000; } .catalog-page #GridPage { padding-top: 10px; } #CatalogCategoryPage .add-to-cart, .searchResultsList .add-to-cart, .searchResultsList button#addToCartBtn { background: transparent; color: #121212; border: none; border-bottom: 2px solid #ef4224; display: inline-block; width: auto; padding: 0; min-width: 0; font-size: 100%; margin-top: 0; height: auto; line-height: 1.25; } #CatalogCategoryPage .add-to-cart:hover, #CatalogCategoryPage .add-to-cart:focus { border-top: none; border-right: none; border-left: none; } #CatalogCategoryPage #addToCartBtn span { left: -20px; } #CatalogModule .CatalogNav .navigationItems a.active { background: #ef4224; } #CatalogModule .CatalogNav .navigationItems a { background: #fff; padding: 8px 16px; margin: 0 2px; } /*#CatalogCategoryPage .filtersList { display: none; }*/ @media (min-width: 768px) { .catalog-page .categories-strip ul li:first-child { display: none; } .catalog-page .categories-strip ul li { -ms-flex-preferred-size: 13%; flex-basis: 13%; width: 13%; background: #fff; color: #39383a; border: 2px solid #000; padding: 0; height: 50px; font-size: 95%; line-height: 1; margin-left: -2px; margin-top: -2px; transform: translateX(1px); } .catalog-page nav.menu-tags-list { max-width: 1440px; margin: 0 auto; } .catalog-page .categories-strip ul.hidden-xs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-page .categories-strip { background: transparent; transform: translateY(-48px); margin-bottom: -48px; } /*.catalog-page #SiteGrid > .categories-strip { display: none; }*/ /*.catalog-page .categories-strip.fixedStrip { visibility:hidden; bottom: 0; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; margin-bottom: 0; }*/ .catalog-page #GridTop .categories-strip.affix, .catalog-page #GridTop .categories-strip.affix-bottom { position: fixed; top: 132px !important; bottom: auto; z-index: 10; } .catalog-page .categories-strip ul li.active { background: #ef4224; color: #fff; } .catalog-page .categories-strip ul li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .catalog-page .categories-strip ul li:not(.active) a:hover, .catalog-page .categories-strip ul li:not(.active) a:focus { color: #ef4224; transition: 0.4s; } #CatalogView .categories-strip { margin-bottom: 0px; } #CatalogView .categories-strip.fixedStrip.affix { top: 180px; width: 100%; left: 50%; transform: translateX(-50%) translateY(-0px); -webkit-transform: translateX(-50%) translateY(-0px); } .catalog-page .categories-strip.fixedStrip.affix { z-index: 10; } } @media(max-width: 1024px) { .catalog-page #GridTop .categories-strip.affix, .catalog-page #GridTop .categories-strip.affix-bottom { top: 80px !important; } } @media(max-width: 767px) { .catalog-page .categories-strip { background: #ef4224; color: #fff; } .catalog-page .mobile-strip .select-wrapper li.strip-item { color: #fff; padding-right: 20px; font-size: 95%; } .catalogItemBox .catalogItemBoxInner { min-height: 420px; } .catalog-page #SiteGrid > .categories-strip { display: none; } .catalog-page #GridTop .categories-strip { bottom: 0; position: absolute; top: auto; width: 100%; } .catalog-page .mobile-strip { padding: 0; } .catalog-page .mobile-strip span { margin-right: 20px; } .catalog-page .mobile-strip .select-wrapper { padding-bottom: 0px; margin-bottom: -240px; overflow: visible; background: #ef4224; } .catalog-page #GridTop .categories-strip.affix { position: unset; } .catalogItemBox .item-text-top .productLabel:not(.wishlist) { margin-top: 5px; } /*mega menu mobile*/ .menuSvgArrowIcon svg { fill: #000; } /*Search Results*/ .searchResultsList .catalogItemBox.align-center { width: 50%; min-height: 320px; padding: 0 10px; } .catalogItemBox .catalogItemBoxInner a.item-image { padding-bottom: 130px; } #CatalogModule .filtersList { display: none; } .catalog-page .categories-strip { z-index: 10; position: relative; margin-bottom: 15px; } } /* Blog Page */ #GridTop.blog { height: 500px; } /* Blog pagination */ .pagination > li a { margin: 0 2px; } .pagination > li:first-child > a, .pagination > li:first-child > span { } .pagination > li > a, .pagination > li > span { border-radius: 0 !important; } .pagination li.active a { background-color: #ef4224; border-color: transparent; } .pagination li a { border-color: transparent; color: #000; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: inherit; background-color: #fff; border-color: transparent; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #ef4224; border-color: transparent; } .pagination a#NextLink, .pagination a#PrevLink { background-color: transparent; padding-left: 0; padding-right: 0; } @media (max-width: 1600px) { #GridTop.blog { height: 420px; } } @media (max-width: 1200px) { #GridTop.blog { height: 350px; } } @media (max-width: 767px) { #GridTop.blog { height: 300px; } } #BlogModule .blog-post-text, #BlogModule .blog-post-icons { display: none; } #BlogModule #BlogView .blog-related-posts h2 { text-align: center; } #BlogModule .blog-post .blog-post-title { font-size: 110%; } .blog-grid .blogmain-header { display: none; } /*Gallery page*/ #galleryview { max-width: 1445px; margin-bottom: 0; padding: 0 10px; } .gallery-cubes > div { padding: 10px; } .gallery-cubes .image-link-inner { color: #ef4224; } .gallery-cubes .plus-sign { font-size: 300%; } /* Events Page */ .eventsPage .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: block; width: 100%; } .eventsPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; } .eventsPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 105%; } .eventsPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; } .eventsPage .must:before, #DynamicFormObject .dynamicFormObjectField .must:before { right: 22px; } /*Contact Page*/ #contactform, .form-container-wide #DynamicFormObject { max-width: 960px; display: block; border: none; padding: 50px; margin: 0 auto; box-shadow: -4px 4px 30px 0 rgba(57, 56, 58, 0.1); -webkit-box-shadow: -4px 4px 30px 0 rgba(57, 56, 58, 0.1); background-image: url(../../../warehouse/temp/goldys/contactBg.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } #contactform:before, .form-container-wide #DynamicFormObject:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255,.9); pointer-events: none; } #contactform .contact-container { width: 100%; } #contactview > .row > div { padding: 0; } #contactDetails .contactDetailsText1 { margin: 0; } #contact-boxes { display: none; } #contactform .contact-container > .row > div { padding: 0 8px; } #contactform h3 { margin: 0; } #contactform textarea { margin: 0 0 10px; } #contactform .contact-form-submit { text-align: center; margin-bottom: 10px; } #contactform .contact-form-comment { margin-bottom: 0; font-size: 80%; } /* Market Lobby Page */ .market-lobby .grid-content-section { margin: 0 auto; } .market-lobby .grid-boxes .box-image-animation { overflow: visible; } .market-lobby #LobbyModule .grid-boxes { padding-top: 0; } .market-lobby.wines #LobbyModule .grid-boxes { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 1000px; } .market-lobby .box-image-animation img { margin: 0 auto; transform: none !important; } .market-lobby .grid-box-image-container { position: static; } .market-lobby .grid-box-image { padding: 0; margin: 0 !important; } .market-lobby .grid-box { box-shadow: -4px 4px 20px 0 rgba(57, 56, 58, 0.2); background-color: #fff; max-width: 270px; margin: 15px !important; padding: 0; } .market-lobby .grid-box-title { min-height: 50px; position: absolute; top: 70%; right: 50%; transform: translateX(50%); z-index: 3; width: 90%; } /*.market-lobby .grid-box:last-child:after { content: ''; position: absolute; top: 0; right: 0; left: auto; background-image: url('/warehouse/temp/Goldys/coming-soon-sticker.svg'); height: 124px; width: 113px; background-repeat: no-repeat; z-index: 2; }*/ .market-lobby .lobby-grid .grid-boxes { padding-top: 0; } .market-lobby .grid-box-opacity-layer { background: rgba(0,0,0,.5); } .market-lobby .grid-box-image-text { top: 40%; transform: translate(-50%,-40%); } .market-lobby .grid-boxes .grid-box-title h3 { color: #fff; } .market-lobby .grid-box .box-image-animation:hover > img { transform: scale(1.2) !important; } /* Holidays Lobby Page */ .market-lobby.holidays .grid-box:last-child::after { content: none; } #header2 .languages { display: none; } #CatalogModule .itemImages .productLabel.Right { left: 6px; right: auto; } @media (max-height: 700px) and (min-width: 1024px) { .headerShop.side-cart .cartItemsNavSubTotal { font-size: 80%; } .headerShop.side-cart .itemsTableWrapper { height: 47vh; min-height: 30px; overflow-y: scroll; } .headerShop.side-cart .itemsTableWrapper::-webkit-scrollbar { display: none; } .headerShop.side-cart .itemsTableWrapper { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .headerShop.side-cart .cartItemsTable { padding-bottom: 100px; } } @media (min-width: 1025px) { a.lang-nav { background: #000; border-radius: 5px; padding: 5px 5px 3px 5px; border-bottom: none !important; } #header2.bg a.lang-nav { background: #fff; color: #000; } } @media (max-width: 1024px) { a.lang-nav { background: #000; color: #fff !important; border-bottom: none !important; padding: 7px 7px 0 7px; border-radius: 5px; } } @media(min-width: 1025px) { p, ul li { line-height: 1.35; } .registerFormWrapper .shop-form .normal-form-submit { width: 40%; } #header2 { top: 40px; } #header2 ul.menu li { margin-left: 27px; } #header2 ul.menu li.last-item { margin-left: 0; } #header2 ul.menu > li > a:hover, #header2 ul.menu > li > a:focus { border-bottom: 2px solid #ef4224; } /*#header2 ul.menu .menu-sub li a:hover, #header2 ul.menu ul.menu-sub li a:focus { border-bottom: none; color: #ef4224; }*/ .headerShopLoginUserLoggedIn { bottom: -198px !important; } #CatalogCategoryPage { padding: 0; } .CatalogItemPage #CatalogModule .itemContent { padding-left: 80px; } .CatalogItemPage .itemContent .propertyOption { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; } .CatalogItemPage .itemContent .propertyOption:hover { border: none; background: #ef4224; color: #fff; } #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title:hover { border-bottom: 2px solid #ef4224; font-family: MeodedPashutBold; } .CatalogItemPage .itemContentWrapper { padding-top: 30px; } #header2 .header-top-left .cartBtn, #header2 .header-top-left .userBtn { display: none; } #header2 #header-left { width: 35%; } #header2 .searchBtn { margin-left: 20px; } .userBtn.navShopBtn.mobile button { height: 46px; } .userBtn.navShopBtn.mobile { margin-right: 10px; margin-left: 10px; } #header2 #header-left .navShopBtn.mobile { display: inline-block; } .headerShop, .headerShopLogin { top: 130px; } .cartBtn button:hover path, .cartBtn button:focus path, .userBtn button:hover path, .userBtn button:focus path { fill: #ef4224; } .cartBtn button:hover .cartItemsCounter, .cartBtn button:focus .cartItemsCounter { color: #ef4224; } } @media(min-width: 991px) { .cartWrapper .cartItemsTable { padding-left: 15px; } .cartItemsTable .cartItemsCell:first-child { padding-right: 25px; } .cartItemsTable .cartItemsCell:last-child { padding-left: 25px; } .cartItemsTable .cartItem:not(:last-child):after { width: calc(100% - 50px); left: 25px; } #home-gallery .gallery-logo img { width: 420px; } .gallery-cubes > div { width: 25%; } #contactform .contact-container .row { margin: 0 -8px; } .footer-text-divided > div.footer-text-right { padding-right: 12vw; } .footer-text-divided > div.footer-text-left { padding-left: 12vw; } .ShopRelatedPage #headline h1 { font-size: 270%; } #CatalogModule .itemImages { padding-left: 0; } .CatalogItemPage #CatalogModule .itemContent { padding-right: 0; } } @media(min-width: 768px) { .cartWrapper .cartItemsTable .cartItemName.cartItemsCell { width: 43%; } #contactform .contact-container > .row > div:not(.textareaWrapper) { width: 33.333%; } #DynamicFormObject input[type=submit], .normal-form input[type=submit] { width: 140px; } #header2:not(.bg):after { content: ''; position: absolute; height: 200px; width: 100%; top: 0; right: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(to bottom, #121212, rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left top, left bottom, from(#121212), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(top, #121212, rgba(0, 0, 0, 0)); } .userBtn.navShopBtn.mobile button { padding-top: 7px; } .home-page .grid-rows .grid-row { direction: ltr !important; } #CatalogModule .itemContent .item-actions { padding-top: 30px; } } @media(max-width: 1170px) { .home-page .grid-rows { max-width: 90%; margin: 0 auto; } .grid-text-section.membersSec .grid-text-content { max-width: 42vw; } } @media(min-width: 768px) and (max-width: 1024px) { .headerShopLoginUserLoggedIn { left: -90px; bottom: -195px !important; } } @media(max-width: 1024px) { /*Header*/ #header2 { padding: 0; } #header2 .max-width { max-width: 100%; width: 100%; position: relative; z-index: 10; } #header2 .max-width:not(.selectedPosData) { z-index: 15; } #header-top-strip .topStripContainer { padding: 10px; } #header-top-strip .topStripContainer .topStripText { font-size: 90%; } #header2 .header-top { display: none; } #header2 .menu-nav .closed, #header2 .menu-nav .opened { display: none !important; } #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #fff; } .home-page #nav-toggle.active span:after, .home-page #nav-toggle.active span:before, #nav-toggle.active span:after, #nav-toggle.active span:before { background: #000; } #nav-toggle span:before, #nav-toggle-mobile span:before { top: -12px; } #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -12px; } #header2 ul.menu { width: 100vw; height: 101vh; margin-bottom: 0; text-align: right; padding-top: 90px; background-color: #fff; background-image: url(../../../warehouse/temp/Goldys/mobileBg.jpg); background-size: 100%; overflow: auto; } #header2 ul.menu li { margin-left: 0; padding: 10px 0; text-align: center; color: #26408d; font-size: 200%; } #header2 ul.menu li.active { background: none; color: #26408d; } #header2 ul.menu li:hover { color: #26408d; } #header2 ul.menu li.social-mobile { padding-top: 40px; border-bottom: none; } #header2 .header-right-section { background: none; padding: 25px 20px 25px 0; z-index: 3; } #header2 #header-left { width: 100%; height: auto; position: absolute; text-align: center; right: 50%; top: 50%; padding: 0; text-align: left; padding-left: 20px; direction: ltr; z-index: 2; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); } #header2 #header-left > a.logoHeader { position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); } #header2.open #header-left { opacity: 0; pointer-events: none; } #header2 ul.menu .social-links a { margin: 0 7px; padding: 0; } #header2 ul.menu .social-links a svg { width: auto; height: 25px; } #header2 ul.menu li a { display: inline-block; font-family: MeodedPashutBold; } #header2.headerHasSearch #header-left img { max-width: 90px; } #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { height: 3px; } #header2 .mobile-middle-kdm { display: none; } #header2 ul.menu .menu-sub li { font-size: 80%; } #home-gallery .iconsBoxLeft { left: 10px; bottom: 10px; } .grid-text-section.membersSec .gridTextImgContainer img { height: 450px; object-fit: cover; object-position: center center; } /*Product Page*/ #GridTop.noTopImage.longer, .CatalogItemPage #GridTop { height: 38px; } #header2 ul.menu li:hover .megaMenu > li, #header2 ul.menu li.active .megaMenu > li { color: #26408d; } #header2 ul.menu li.megaMenuSection:hover { color: #26408d; } } @media(max-width: 1024px) and (min-width: 767px) { .menuSvgArrowIcon svg { fill: #000; } #header2 ul.menu li.megaMenuSection { max-height: 100%; overflow: auto; background: transparent; background-image: url(../../../warehouse/temp/Goldys/mobileBg.jpg); background-size: 100%; font-size: 130%; } #header2 ul.menu ul.megaMenuSub li { font-size: 100%; text-align: right; margin-top: 0; } .megaMenuSectionContainer > button { position: inherit; right: 15px; left: 0; top: 15px; } } @media(min-width: 991px) and (max-width: 1024px) { .grid-text-section.membersSec .gridTextImgContainer img { object-position: -110px center; } } @media(max-width: 990px) { h1, h2 { margin-bottom: 10px; } h1, .section-title h1, #headline h1, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #CatalogModule .relatedItems h2 { font-size: 175%; } #contactform, .form-container-wide #DynamicFormObject { padding: 30px 20px; } /*General Product Styles*/ .catalogItemBox { padding: 0 15px; } /*Shop + Profile Pages*/ body.ShopRelatedPage #GridPage { padding-top: 180px; } .ShopCheckoutPage .cartSubTotal .totalSumItems { font-size: 100%; } .ShopCheckoutPage .mobile-subTotal { top: 79px; } /*Header*/ #header2:not(.bg):after { height: 140px; } .grid-text-section.popularsSec, .grid-row-section.aboutSec, .grid-text-section.membersSec, .grid-row-section.culinarySec { margin-bottom: 40px; } /*Top Banner*/ #home-gallery { margin-top: 120px; } #home-gallery, #home-gallery .slider-bg.stellar-bg { /*height: 500px !important;*/ height: 40vw !important; } #home-gallery .gallery-logo img { min-width: unset; max-width: 310px; } #home-gallery .gallery-caption { top: 30%; } #home-gallery button.controlSlider { left: auto !important; } /*Cube Section*/ .grid-content-section.cubeSec .grid-box { margin-bottom: 0; padding: 9px; } .grid-content-section.cubeSec .grid-boxes { padding: 9px; } /*Popular Section*/ .grid-text-section.popularsSec .grid-text-content { padding: 30px; } .grid-text-section.popularsSec .gridTextImgContainer img { height: 400px; object-fit: cover; } /*Members Section*/ .grid-text-section.membersSec .gridTextImgContainer img { height: 380px; object-position: -17vw center; } /*Footer*/ footer { padding-top: 60px; } .footer-text-divided { padding: 30px 0; } #SiteFooter .footer-text-middle img { max-width: 140px; } /****Inner Pages*****/ #GridPage { padding-top: 60px; } #GridPage .max-width { width: 90%; } /*Product Lobby Page*/ .mobileFiltersBtns { float: none; margin-bottom: 25px; } .desktop-filters-list.active { overflow: unset; } #CatalogModule .filters-box .filters-list-wrapper { position: absolute; } /*Product Page*/ #CatalogModule .itemImages .gallery-slider.large li.item { padding-bottom: 370px; } #CatalogModule .itemContent { padding: 0; } .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity { margin-top: 30px; } .CatalogItemPage #CatalogItemView .itemContent .item-price span.finalPrice { font-size: 225%; } .CatalogItemPage #CatalogItemView .itemContent .item-price span.finalPrice:before { font-size: 14px; } #CatalogModule #CatalogItemView .catalog-fields { margin-top: 35px; } #CatalogModule .itemImages { padding-left: 0; padding-right: 0; } #CatalogModule .relatedItems { margin-top: 60px; } #CatalogModule .relatedItems .relatedItemsTitle { margin-bottom: 0; } #CatalogModule .relatedItems .itemsList.relatedItemsCarousel .owl-next { left: -80px; } #CatalogModule .relatedItems .itemsList.relatedItemsCarousel .owl-prev { right: -80px; } #CatalogModule .relatedItems .itemsList.relatedItemsCarousel .catalogItemBox { padding: 20px 10px; } /*Gallery Page*/ #galleryview { padding: 0 7px; } .gallery-cubes > div { padding: 7px; } } @media(min-width: 768px) and (max-width: 990px) { /*General Product Styles*/ .catalogItemBox { margin-bottom: 35px; } /*Shop + Profile Pages*/ .userProfile #headline { height: 120px; } .headerShop a.goToCart.shopBtn, .headerShop a.goToCheckout.shopBtn { display: block; width: 100%; padding: 0 25px; } .headerShop a.goToCart.shopBtn { margin-bottom: 10px; } .headerShop a.goToCheckout.shopBtn { margin-right: 0; } .cartItemsNavSubTotal:after { height: auto; top: 0; right: 0; left: 0; border-top: 1px solid #d7d7d7; border-right: none; } .grid-content-section.cubeSec .grid-box { width: 33.333%; } .home-page .grid-rows { width: 85%; } .grid-text-section.popularsSec .grid-text-content { max-width: 80%; } .footer-text-divided > div.footer-text-right { padding-right: 5vw; } .footer-text-divided > div.footer-text-left { padding-left: 5vw; } .contentRight #pageview, #accessability #pageview { max-width: 70%; } /*#CatalogModule .itemImages { max-width: 65%; margin: 0 auto; float: none;}*/ #CatalogModule .relatedItems { width: 78%; } } @media (min-width: 768px) { #home-gallery .slider-bg.stellar-bg { min-height: unset; background-size: 100%; background-position: top; } } @media (max-width: 767px) { /* Market Lobby Page */ .market-lobby .grid-box { width: calc(50% - 12px ); margin: 5px !important; padding: 0 !important; } .market-lobby #GridPage .max-width { width: 100%; } .market-lobby .grid-box-image-text { top: 35%; } .market-lobby .grid-box-title { top: 55%; } .market-lobby .grid-box-image-text img { width: 48px; } .market-lobby.holidays .grid-box-image-text img { width: 33px; } .market-lobby.holidays .grid-box.lastItem .grid-box-image-text img { width: 19px; } .market-lobby .grid-boxes .grid-box-title h3 { font-size: 90% !important; line-height: 1; } /*@media(max-width: 767px) {*/ p, ul li { font-size: 90%; } #DynamicFormObject input[type=submit], .normal-form input[type=submit] { width: 100%; } /*General Product Styles*/ .catalogItemBox { padding: 0 10px; } .catalogItemBox .catalogItemBoxInner:after { content: none; } .catalogItemBox .catalogItemBoxInner { padding-bottom: 20px; } .catalogItemBox a.item-image img, .catalogCategoryBox a.catalogCategoryBoxImage img { height: 100%; } .catalogItemBox .catalogItemBoxInner a.item-text { margin-top: 5px; padding: 10px 0 0; } #CatalogModule .item-quantity .itemQuantityContainer input[type="number"], .catalogItemBox .item-quantity .itemQuantityContainer input[type="number"] { width: 30px; font-size: 100% !important; } .add-to-cart, button#addToCartBtn { max-width: 138px; width: 100%; } /*Shop + Profile Pages*/ .mobile-subTotal a.goToCheckout.shopBtn, .mobile-subTotal a.goToCart.shopBtn { padding: 0; } .userProfile #headline h1 { font-size: inherit; } .shopLayout.userAccountPage .userProfile #headline h1 svg, .shopLayout.userUpdatePasswordPage .userProfile #headline h1 svg, .shopLayout.orderHistory .userProfile #headline h1 svg, .shopLayout.wishListPage .userProfile #headline h1 svg { height: auto; } .ShopRelatedPage #GridContent { padding-top: 60px; } .ShopCheckoutPage .mobile-subTotal { z-index: 1; } .cartSubTotal .subTotalInner > div { padding-left: 15px; padding-right: 15px; } .cartItemsTable .cartItemPrice.cartItemsCell { padding: 5px 0 5px 5px; } .shopLayout.orderHistory .order-items .items .itemName { max-width: unset; } .shopLayout.orderHistory .order-items .items .itemName span.totalPrice { max-width: unset; margin: 0 0 0 8px; } .checkoutPage .checkout-login { padding: 30px 20px; } .ShopCheckoutPage .mobile-subTotal { top: 69px; } .ShopRelatedPage form#checkout-form { padding-top: 0; } /* Shop Checkout */ form#checkout-form .row > div.checkoutInputsWrapper { padding: 15px; } .billingDetailsWrapper .checkBoxWrapper { padding: 0; } .shopLayout.checkoutPage #checkout-form .checkBoxWrapper span.error { top: auto; bottom: 0; } /*Header*/ .home-page #nav-toggle span, .home-page #nav-toggle span:after, .home-page #nav-toggle span:before, .home-page #nav-toggle-mobile span, .home-page #nav-toggle-mobile span:after, .home-page #nav-toggle-mobile span:before { background: #fff; } .home-page #nav-toggle-mobile.active span, .home-page #nav-toggle.active span { background: transparent; } .home-page .userBtn button > svg path, .home-page .cartBtn button > svg path { fill: #fff; } .home-page #header2.headerHasSearch #header-left img { opacity: 0; } .home-page #header2 #header-left > a.logoHeader:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; background-image: url('/warehouse/dynamic/136445.svg'); background-size: cover; background-position: center center; background-repeat: no-repeat; } #header2 { background: #121212; color: #fff; } #header2 ul.menu { padding-top: 100px; } #header2 ul.menu li { font-size: 120%; } #header2 ul.menu li a { font-size: 100%; } #header2 ul.menu li.social-mobile { padding-top: 20px; } #header2.headerHasCart #header-left { margin: 0; width: 100%; } #header2.headerHasCart .navShopBtn { height: 25px; } #header2.headerHasSearch #header-left img { max-width: 80px; } #header2 .header-right-section { padding: 20px 20px 20px 0; } #header2.headerHasSearch .phone-icon { font-size: 100%; left: -65px; top: 55%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .home-page #header2 .whatsappContainer .whatsApp-icon-mobile svg { fill: #fff; line-height: 24px; } #header2.open .phone-icon.mobileRef { opacity: 0; pointer-events: none; } #header2 .phone-icon a { color: #fff; } #header2.bg .phone-icon a { color: #fff; } #header2 .whatsApp-icon-mobile { vertical-align: 3px; } .headerShopLoginUserLoggedIn a.userAction { direction: ltr; } #header-left .headerShopLoginUserLoggedIn a.userAction:last-child { padding-bottom: 15px; } #header2 .loggedInUser svg { width: 18px; height: 18px; margin-left: 5px; vertical-align: middle; } .headerShop, .headerShopLogin { top: 68px; } .headerShopLoginUserLoggedIn { top: 48px; } .cartItemsNavSubTotal { padding-right: 5px; } .headerShop .cartItemsTable.hasQuantitySelection .item-quantity .itemQuantityContainer { width: auto; border: none; } #header2.headerHasCart button#openCartBtnMobile { min-width: 70px; padding-left: 5px; } #header2.headerHasCart #header-left { padding: 0px 10px; } #header2.headerHasCart .cartBtn.navShopBtn.mobile { margin-right: 0; height: auto; border-color: #fff; } #header2.headerHasCart .cartItemsCounter { right: 3px; bottom: 14px; } #header2.headerHasCart .cartItemsCounter span.CartItems { font-size: 100%; } #header2.headerHasCart .cartBtn svg { width: 22px; height: 21px; } #header2.headerHasCart .navShopBtn button { padding-left: 0; } /*Mega Menu*/ #header2 ul.menu { overflow: auto; max-height: calc(101vh - 69px); } #header2 ul.menu li.megaMenuSection { max-height: 100%; overflow: auto; background: transparent; background-image: url(../../../warehouse/temp/Goldys/mobileBg.jpg); background-size: 100%; } #header2 ul.menu li .megaMenuGroup a { font-size: 80%; margin-top: 12px; } .megaMenuSectionContainer .megaMenuGroup { margin-top: 0; } #header2 ul.menu ul.megaMenuSub li { padding: 0; text-align: right; margin-top: 0px; } #header2 ul.menu ul.megaMenuSub li.megaMenuSubItem a { font-size: 60%; } #header2 ul.menu li.megaMenuSection button { font-size: 60%; } .home-page #header2.headerHasCart button#openCartBtnMobile { border-color: inherit; } .home-page #header2.headerHasCart .cartItemsCounter { color: inherit; } .home-page .grid-rows .grid-row-text { padding: 0; margin: 20px 0 0 0; } /*Top Banner*/ #home-gallery .gallery-caption .gallery-text { font-size: 150%; } #home-gallery .gallery-logo img { max-width: 280px; } #home-gallery .iconBox img { max-width: 90px; } /*Cube Section*/ .grid-content-section.cubeSec .grid-boxes, .grid-content-section.cubeSec .grid-box { padding: 7px; } .grid-content-section.cubeSec .grid-boxes .grid-box-title h3 { width: 130px; font-size: 100%; } .grid-content-section.cubeSec .grid-box-title:after { top: 5px; right: -5px; bottom: -5px; left: 5px; } /*Popular Section*/ .grid-text-section.popularsSec .grid-text-content { padding: 20px; } .grid-text-section.popularsSec .gridTextImgContainer img { height: 500px; } /*Members Section*/ .grid-text-section.membersSec .grid-text.gridTextWithImg { background-image: url('../../../warehouse/temp/goldys/membersMobBg.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; } .grid-text-section.membersSec .grid-text-content { position: static; max-width: 100%; width: 100%; padding: 0 20px 50px; transform: none; -webkit-transform: none; -ms-transform: none; } .grid-text-section.membersSec .gridTextImgContainer img { height: 300px; object-position: -139vw center; opacity: 0; } /*.grid-text h2, .grid-rows .grid-row-text h2 {font-size: 190%;}*/ .grid-text-section .grid-text p, .grid-rows .grid-row-text p { font-size: 95%; } .grid-rows .grid-row-text, .grid-text-section.membersSec .grid-text-content { text-align: center; } /*Footer*/ #SiteFooter { padding-bottom: 48px; } .footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { display: block; width: 100%; } .footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { text-align: center; } .footer-text-divided > div.footer-text-right { display: none; } .footer-text-divided > div.footer-text-middle { margin: 20px 0; } #SiteFooter .mobile-seperator { background: #ef4224; display: flex; font-size: 0.8rem; } #SiteFooter .mobile-seperator img { width: 20px; } #SiteFooter .mobile-seperator a { padding: 10px 0; } /*****Inner Pages*****/ #subheadline h2, #text1 h2, #text2 h2 { font-size: 110%; } /*Product Lobby Page*/ #CatalogModule .filters-box { width: 70%; margin: 0 5px; } .productLobbyPage:not(.CatalogItemPage) #GridPage .max-width { width: 95%; } /*Product Page*/ .CatalogItemPage #CatalogModule .itemContent #headline { margin-bottom: 10px; } .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity .itemQuantityContainer { font-size: 125%; } .CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-quantity .itemQuantityContainer input { font-size: inherit !important; } .CatalogItemPage #CatalogItemView .itemContent .item-price span.finalPrice { font-size: 210%; } #CatalogModule #CatalogItemView .catalog-fields { margin-top: 50px; } /* #CatalogModule .itemImages .gallery-slider.large li.item {padding-bottom: 100%;} */ #GridTop.noTopImage.longer, .CatalogItemPage #GridTop { height: 28px; margin-top: 0; } #CatalogModule .relatedItems .itemsList.relatedItemsCarousel { padding: 0 10vw; width:100vw;} #CatalogModule .relatedItems .itemsList.relatedItemsCarousel .owl-prev { right: 0; } #CatalogModule .relatedItems .itemsList.relatedItemsCarousel .owl-next { left: 0; } #home-gallery .slider-bg.stellar-bg { min-height: unset; } #home-gallery, #home-gallery .slider-bg.stellar-bg { height: 116vw !important; } } @media (max-width: 350px) { .market-lobby .grid-box { width: 100%; } } @media(max-width: 320px) { .grid-content-section.cubeSec .grid-boxes, .grid-content-section.cubeSec .grid-box { padding: 5px; } #CatalogModule .relatedItems .relatedItemsTitle { max-width: 240px; margin: 0 auto; } #header2.headerHasSearch #header-left img { max-width: 70px; } } .categories-strip.catagories-fixed.affix { top: 130px; left: 50%; transform: translateX(-50%); z-index: 2; width: 100%; } /*b, strong { font-family: 'alef-bold'; }*/ /*.grid-text h2, .grid-rows .grid-row-text h2 { font-family: 'alef-bold'; }*/ .catalog-page .top-caption { width: 100%; text-align: center; } .emtsash .grid-rows .grid-row { direction: rtl !important; } .emtsash .grid-rows .grid-row .grid-row-cell-text { padding-right: 5%; } .emtsash .grid-rows .grid-row .box-image-animation img { max-width: 460px; } .emtsash .grid-rows .grid-row .grid-row-cell-text .grid-row-text { padding-left: 0; } .emtsash .grid-rows .grid-row .grid-row-cell-text a { width: auto; padding: 0 10px; } .emtsash .grid-rows .grid-row { margin-bottom: 20px; } @media (max-width: 550px) { .home-page .emtsash .grid-row li.slider-item { padding-bottom: 104%; } } .catalogItemBox .productLabel { right: auto; left: 0; } #CatalogModule .itemImages .productLabel.collection-5230 img { max-width: 80%; } #CatalogModule .itemImages .productLabel.collection-5230 { left: 0; text-align: left; top: 15px; } .catalogItemBox .productLabel.collection-5230 { display: block; } .catalogItemBox .productLabel.collection-5230 img { max-width: 100px; } #PageBreadCrumps { margin-bottom: 50px; font-size: 75%; } .header-top-left .wishlistHeader { display: none; } #header-left .navShopBtn.wishlistHeader a { display: flex; align-items: center; margin-left: 5px; } .userBtn svg { fill: #fff; } .userBtn button:hover path { fill: #fff; } .userBtn.navShopBtn.mobile { margin-left: 2px; } .wishListPage .userProfile { max-width: 100%; margin-top: 0; } .shopLayout.wishListPage .registerFormWrapper { max-width: 100%; } .wishListPage .userProfile #headline { font-size: 63%; } .wishListPage .ShopRelatedPage #headline h1 { display: flex; align-items: center; } .ShopRelatedPage .wishListPage #headline h1 { display: flex; align-items: center; justify-content: flex-end; } .ShopRelatedPage .wishListPage #headline h1 svg { margin-left: 10px; margin-top: -21%; margin-top: -31%; margin-top: -21%; margin-top: -11%; margin-top: -1%; margin-top: -1; margin-top: -; margin-top: -24px; margin-top: -34px; margin-top: -24px; margin-top: -14px; margin-top: -13px; margin-top: -12px; margin-top: -11px; margin-top: -10px; margin-top: -9px; margin-top: -8px; margin-top: -7px; margin-top: -6px; margin-top: -5px; margin-top: -4px; margin-top: -3px; margin-top: -2px; margin-top: -1px; margin-top: -1p; margin-top: -1; margin-top: -; } .wishListPage .userProfile #headline { display: flex; align-items: center; justify-content: flex-end; } .wishListPage h2 { font-size: 110%; } @media (max-width: 1024px) { #header2.headerHasCart #header-left { align-items: center; display: flex; } .searchMobile { order: 3; margin-left: 7px; } .cartBtn.navShopBtn.mobile { order: 1; } .userBtn.navShopBtn.mobile { order: 2; } header.search-open #header2 #header-left { position: absolute; } .navShopBtn.wishlistHeader.mobile { display: none; } } @media (max-width: 767px) { #header2 .whatsApp-icon-mobile { display: none; } .shopLayout.wishListPage { margin-top: -90px; } .wishListPage .userProfile #headline { font-size: 140%; } .categories-strip.catagories-fixed.affix { z-index: 2; } } .TopVideo { height: 100%; } .TopVideo iframe { transform: none; position: relative; top: auto; width: 100%; left: 0; height: 40vw; } #header2:not(.bg):after { display: none; } #home-gallery video { width: 100% !important; height: 110vw !important; } .TopVideo { height: 110vw !important; } .productLabel.offer { position: absolute !important; top: 10px; right: 10px !important; } @media (max-width: 767px) { .productLabel.offer { /* position: static !important; */ } .productLabel.offer { position: absolute !important; } } /* 7.9.22 */ .ShopCheckoutPage .checkOutItemsBoxTitle { background: #faf8f6; padding: 16px 30px; } .ShopCheckoutPage .checkOutItemsBoxTitle h3 { font-size: 120%; } .ShopCheckoutPage .checkOutItemsBoxItems { padding: 15px 70px; background: #fff; margin-top: 3px; } .ShopCheckoutPage .checkOutItemsBoxItems .catalogItemBoxInner a.item-image { padding-bottom: 180px; } .ShopCheckoutPage .checkOutItemsBoxItems .add-to-cart, .ShopCheckoutPage .checkOutItemsBoxItems button#addToCartBtn { color: #000; background: transparent; border-bottom: 1px solid #ef4224 !important; border: none; width: fit-content; height: 30px; margin-top: 0px; } .ShopCheckoutPage .checkOutItemsBoxItems .add-to-cart:hover, .ShopCheckoutPage .checkOutItemsBoxItems .add-to-cart:focus, .ShopCheckoutPage .checkOutItemsBoxItems button#addToCartBtn:hover, .ShopCheckoutPage .checkOutItemsBoxItems button#addToCartBtn:focus { border: none; border-bottom: 1px solid #ef4224; } .ShopCheckoutPage .checkOutItemsBoxItems .catalogItemBoxInner { padding: 0 0 10px 0; } .ShopCheckoutPage .catalogItemBox .catalogItemBoxInner span.finalPrice { font-size: 90%; font-family: 'MeodedPashutBold'; margin-top: 10px; } .ShopCheckoutPage .checkOutItemsBoxItems .item-add-to-cart { margin-top: -10px; } .ShopCheckoutPage .checkOutItemsBoxItems .owl-prev { right: -60px; } .ShopCheckoutPage .checkOutItemsBoxItems .owl-next { left: -60px; } .ShopCheckoutPage .DeliveryDetails .checkOutItemsBox { background: transparent; } .ShopCheckoutPage .catalogItemBox .catalogItemBoxInner h3.itemTitle { margin-bottom: 5px; } .ShopCheckoutPage .checkOutItemsBox .item-text-top .label-wrapper { flex-direction: row; display: flex; align-items: center; gap: 5px; margin-top: 3px; flex-wrap: wrap; justify-content: center; } .ShopCheckoutPage .checkOutItemsBox .item-text-top .label-wrapper .productLabel.Left { position: relative; top: unset; left: unset; bottom: unset; right: unset; transform: none; margin: 0; } .ShopCheckoutPage .DeliveryDetails .checkOutItemsBox .catalogItemBoxInner h4.item-subtitle { margin: 10px 0 0; } .ShopCheckoutPage .checkOutItemsBoxItems .catalogItemBoxInner a .item-price { position: absolute; left: 50%; bottom: 45px; transform: translateX(-50%); } .ShopCheckoutPage .checkOutItemsBoxItems .catalogItemBoxInner .item-add-to-cart { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); } @media (max-width:767px) { body.ShopRelatedPage #GridPage { padding-top: 120px; } .ShopCheckoutPage .checkOutItemsBoxItems .catalogItemBoxInner { min-height: 455px; } .ShopCheckoutPage .checkOutItemsBoxItems { padding: 15px 50px; } .ShopCheckoutPage .checkOutItemsBoxItems .owl-next { left: -43px; } .ShopCheckoutPage .checkOutItemsBoxItems .owl-prev { right: -43px; } .ShopCheckoutPage .checkOutItemsBoxItems .owl-dots { bottom: -10px; } .ShopCheckoutPage.ShopRelatedPage #GridContent { padding-top: 10px; } .ShopCheckoutPage .checkOutItemsBoxTitle { text-align: right; direction: rtl; } .ShopCheckoutPage.ShopRelatedPage #GridContent .shopLayout.checkoutPage { padding: 0px 10px; } .catalogItemBox .catalogItemBoxInner a.item-text { margin-top: 5px; padding: 5px 0 0; } .catalogItemBox .catalogItemBoxInner h4.item-subtitle { margin: 25px 0 0; } .ShopCheckoutPage .checkOutItemsBox .item-text-top .label-wrapper .productLabel.Left { position: relative; top: unset; left: unset; bottom: unset; right: unset; transform: none; margin: 0; padding-bottom: 0; } } /* 13.9.22 */ .goldys-business #SiteGrid::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; background-size: 100%; height: 700px; background-repeat: no-repeat; pointer-events: none; z-index: -1; background-image: url(/warehouse/dynamic/320313.png); } .goldys-business #GridPage { padding-top: 70px; } .goldys-business #GridPage .max-width { padding: 0; } .goldys-business #headline { margin-bottom: 0; padding-bottom: 15px; } .goldys-business #headline h1 { font-size: 350%; position: relative; } .goldys-business #headline h1::after { background: #ef4224; content: ''; position: absolute; bottom: 0px; left: 50%; width: 65px; height: 3px; transform: translateX(-50%); } .goldys-business .grid-text-section .section-title { display: none; } .goldys-business .grid-text-content { padding: 0 0 70px; max-width: 620px; width: 95%; } .goldys-business .grid-text-content p { font-size: 120%; line-height: 1.13; padding-bottom: 15px; } .goldys-business .grid-text .sec-button { width: 178px; } .goldys-business .grid-rows { max-width: 1160px; margin: 0 auto 100px; } .goldys-business .grid-rows .grid-row { background: #26408d; margin-bottom: 20px; padding: 10px; } .goldys-business .grid-rows .grid-row li.slider-item { padding-bottom: 0; max-height: 380px; } .goldys-business .grid-rows .grid-row li.slider-item iframe { height: 380px; width: 120%; } .goldys-business .grid-rows .grid-row li.slider-item .grid-row-image-container { position: relative; } .goldys-business .grid-rows .grid-row .grid-row-text { width: 100%; padding: 0 80px; } .goldys-business .grid-rows .grid-row .grid-row-text h2 { color: #fff; font-size: 250%; font-family: 'meodedpashut_oeregular-webfont'; position: relative; margin-bottom: 30px; } .goldys-business .grid-rows .grid-row .grid-row-text h2::after { background: #ef4224; content: ''; position: absolute; bottom: -12px; right: 0; width: 65px; height: 3px; } .goldys-business .grid-rows .grid-row .grid-row-text p { color: #fff; font-size: 90%; } .goldys-business .gallery-cubes > div { padding: 5px; width: 25%; } .goldys-business .grid-form-section { max-width: unset; margin-top: 60px; } .goldys-business .grid-form-section .form-container-wide #DynamicFormObject { display: flex; flex-direction: column; align-items: center; padding: 50px 50px 40px; } .goldys-business .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; font-size: 100%; padding: 0; z-index: 1; } .goldys-business .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; margin: 0; padding: 0; z-index: 1; } .goldys-business .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 105%; display: block; } .goldys-business .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField { width: 50%; padding: 0 8px; } .goldys-business .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.textareaField { width: 100%; } .goldys-business .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input, .goldys-business .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea { background: #fff; } .goldys-business .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit { width: 100%; margin-top: 10px; } /*side form*/ .goldys-business #SiteGrid.layout-2sides #GridContent { width: 100%; padding: 0; } .goldys-business #GridPromo[data-spy="'affix'"] { margin: 0; padding-inline: 10px; width: 350px; position: fixed; top: 20vh !important; z-index: 1; } .goldys-business #GridPromo[data-spy="'affix'"] #DynamicFormObject { background: #fff; border: none; } .goldys-business #GridPromo[data-spy="'affix'"] #DynamicFormObject h3.dynamicFormObjectTitle { font-size: 80%; line-height: 0.9; } .goldys-business #GridPromo[data-spy="'affix'"] #DynamicFormObject .top-form { display: block; line-height: 1.3; margin-bottom: 15px; } .goldys-business #GridPromo[data-spy="'affix'"] #DynamicFormObject .dynamicFormObjectTitleAndText { margin-block: 20px 5px; } @media (max-width:1024px) { .goldys-business .grid-rows .grid-row .grid-row-text { padding: 0 40px; } .goldys-business .grid-rows .grid-row li.slider-item .grid-row-image-container img { max-width: 335px; object-fit: cover; } } @media (max-width:767px) { .goldys-business #SiteGrid::after { background-image: url(/warehouse/dynamic/321318.png); max-height: 250px; } .goldys-business #headline { padding-bottom: 25px; } .goldys-business #headline h1 { font-size: 175%; } .goldys-business #headline h1::after { bottom: -10px; } .goldys-business .grid-text-content { padding: 0 0 50px; } .goldys-business .grid-text-content p { font-size: 80%; padding-bottom: 5px; } .goldys-business .grid-rows { margin: 0 auto 40px; } .goldys-business .grid-rows .grid-row li.slider-item { max-height: 220px; display: flex; align-items: center; justify-content: center; } .goldys-business .grid-rows .grid-row li.slider-item.grid-iframe-holder { position: relative; overflow: hidden; padding-top: 0%; } .goldys-business .grid-rows .grid-row li.slider-item.grid-iframe-holder > div { width: 100%; } .goldys-business .grid-rows .grid-row li.slider-item iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .goldys-business .grid-rows .grid-row .grid-row-text { padding: 0 10px 20px; margin-top: 25px; } .goldys-business .grid-rows .grid-row .grid-row-text h2 { font-size: 140%; text-align: right; } .goldys-business .grid-rows .grid-row .grid-row-text h2::after { width: 52px; } .goldys-business .grid-rows .grid-row .grid-row-text p { text-align: right; font-size: 80%; } .goldys-business .grid-form-section .form-container-wide #DynamicFormObject { padding: 40px 15px 40px; } .goldys-business .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 0; width: 85%; } .goldys-business .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: 20px; } .goldys-business .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField { width: 100%; max-width: 100%; } } /*QR*/ .QRPage header, .QRPage footer { display: none; } .QRPage .main-links { max-width: 870px; margin: 0 auto; } .QRPage .social-links { max-width: 550px; margin: 0 auto 130px; } .QRPage .main-links .grid-boxes .grid-box img { height: 100%; width: auto; object-fit: contain; } .QRPage #LobbyModule .main-links .grid-boxes { display: flex; justify-content: center; align-items: center; gap: 20px; flex-direction: row; margin: 0 -20px 50px; } .QRPage #LobbyModule .main-links .grid-boxes .grid-box { padding: 0; margin: 0; width: 100%; } .QRPage .main-links .grid-boxes .grid-box-image { padding-bottom: 0; height: 275px; } .QRPage .main-links .grid-boxes .grid-box .grid-box-image-text { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; font-size: 1rem; gap: 18px; } .QRPage .main-links .grid-boxes .grid-box .grid-box-image-text img { transform: none !important; } .QRPage #lobbyview > h2 { font-size: 2.7rem; } .QRPage .main-links .grid-boxes .grid-box .grid-box-opacity-layer { background: rgba(0,0,0,.4); } .QRPage .lobby-grid #PageBreadCrumps { display: none; } .QRPage #LobbyModule .social-links .grid-boxes { display: flex; align-items: center; justify-content: center; margin: 0; /* gap: 45px; */ } .QRPage #LobbyModule .social-links .grid-boxes .grid-box { padding: 0; margin: 0 45px; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 146px; height: 80px; } .QRPage #LobbyModule .social-links .grid-boxes .grid-box .grid-box-image { padding: 0; height: 100%; width: 100%; margin: 0; overflow: visible; } .QRPage #LobbyModule .social-links .grid-boxes .grid-box .grid-box-title h3 a { font-size: 1.05rem; font-family: Ropa Sans, 'meodedpashut_oeregular-webfont'; } .QRPage .top-caption h1 { color: transparent; } .QRPage .top-caption h1::before { content: ''; background-image: url(/warehouse/dynamic/388838.svg); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .QRPage .top-caption { width: 270px; height: 180px; top: 50%; } .QRPage #LobbyModule .social-links .grid-boxes .box-image-animation { overflow: visible; } .QRPage #LobbyModule .social-links .grid-boxes .box-image-animation img { height: auto; width: auto; margin: 0 auto; } @media(max-width:767px) { .QRPage #LobbyModule .main-links .grid-boxes { flex-direction: column; margin: 0; padding: 0; gap: 0; } .QRPage #LobbyModule .main-links .grid-boxes .grid-box-image { height: 161px; margin-bottom: 50px; } .QRPage .lobby-grid #GridPage .max-width { width: 100%; margin: 0; padding: 0 22px; } .QRPage .social-links { max-width: 100%; } .QRPage #LobbyModule .social-links .grid-boxes .grid-box { margin: 0; width: 33.33% } .QRPage #lobbyview > h2 { font-size: 1.7rem; } /*.QRPage #LobbyModule .social-links .grid-boxes .grid-box .grid-box-image { height: 40px; width: 40px; }*/ .QRPage #LobbyModule .social-links .grid-boxes { padding-top: 0; } .QRPage .top-caption { width: 180px; height: 100px; } .QRPage .top-caption h1 { width: 100%; height: 100%; } .QRPage .main-links .grid-boxes .grid-box .grid-box-image-text img { max-width: 64px; } .QRPage .main-links .grid-boxes .grid-box .grid-box-image-text p { font-size: 0.8rem; } } /*gift card*/ #CatalogItemView.catalogItem58738 { /*opacity: 0;*/ } #CatalogItemView.catalogItem58738.active { opacity: 1; } #CatalogItemView.catalogItem58738 .itemContentWrapper { padding: 130px 0 116px; } #CatalogItemView.catalogItem58738 .singleItemSection.itemFirstDetails.shortLayout { box-shadow: none; padding: 0; } #CatalogModule #CatalogItemView.catalogItem58738 .singleItemSection.itemFirstDetails.shortLayout .itemImages { width: 50%; } #CatalogModule #CatalogItemView.catalogItem58738 .singleItemSection.itemFirstDetails.shortLayout .gallery-slider.flexslider .slides li { padding: 0; height: 345px; } #CatalogModule #CatalogItemView.catalogItem58738 .singleItemSection.itemFirstDetails.shortLayout .gallery-slider.flexslider .slides li::after { content: none; } #CatalogModule #CatalogItemView.catalogItem58738 .singleItemSection.itemFirstDetails.shortLayout .itemContent { width: 50%; padding: 60px 0 40px 80px; } #CatalogModule #CatalogItemView.catalogItem58738 .singleItemSection.itemFirstDetails.shortLayout .itemContent #headline { font-size: 85%; margin: 0; } .CatalogItemPage #CatalogModule #CatalogItemView.catalogItem58738 .itemContent #subheadline h2 { font-size: 105%; line-height: 1.33; padding: 26px 0; margin: 0; } #CatalogItemView.catalogItem58738 .singleItemSection.itemFirstDetails.shortLayout .catalogTextContainer { display: flex; } #CatalogModule #CatalogItemView.catalogItem58738 .item-makat, #CatalogModule #CatalogItemView.catalogItem58738 .item-price.addedToCartDetail { display: none; } .CatalogItemPage #CatalogItemView.catalogItem58738 .itemContent .catalogTextContainer #catalogText h4 { margin: 0; margin-bottom: 15px; font-size: 123%; font-weight: bold; line-height: 1.17; color: #121212; } .CatalogItemPage #CatalogItemView.catalogItem58738 .itemContent .catalogTextContainer #catalogText p { max-width: 265px; font-size: 117%; } #CatalogItemView.catalogItem58738 .singleItemSection.itemFirstDetails.shortLayout .goToItemDetailsBtn { display: none; } .CatalogItemPage #CatalogModule #CatalogItemView.catalogItemSingleView .itemContent .item-quantity { opacity: 0; max-height: 0; overflow: hidden; } #CatalogItemView.catalogItem58738 .selectOptions.singleItemSection form#checkout-form { margin: 0 auto; padding: 0; } #CatalogItemView.catalogItem58738 .checkoutStage.active .checkoutStageContent button.titleBtn, #CatalogItemView.catalogItem58738 .checkoutStageContent button.titleBtn { background-color: #fff; padding: 16px 20px 10px; margin-bottom: 3px; } body.SingleItemPage #CatalogItemView.catalogItem58738 form#checkout-form .checkoutFormWrapper { background-color: #fff; } #CatalogItemView.catalogItem58738 .checkoutStage .checkoutStageContent button.titleBtn h3 { color: #26408d; font-size: 110%; line-height: 1.25; } #CatalogItemView.catalogItem58738 .checkoutStage .checkoutStageContent button.titleBtn svg, #CatalogItemView.catalogItem58738 .checkoutStage .checkoutStageContent button.titleBtn svg path { fill: #ef4224; } #CatalogItemView.catalogItem58738 .checkOutContainer { padding: 25px 30px; } body.SingleItemPage #CatalogItemView.catalogItem58738 .item-variations { margin: 0; } #CatalogItemView.catalogItem58738 .checkoutStage .checkOutContainer .propertyGroupContainer h3 { margin: 0; margin-bottom: 17px; width: 100%; } #CatalogItemView.catalogItem58738 .propertyGroupContainer { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom: 33px; } .CatalogItemPage #CatalogItemView.catalogItem58738 .itemContent .propertyOption { width: 57px; min-width: 10px; background-color: #fef1e1; position: relative; } .CatalogItemPage #CatalogItemView.catalogItem58738 .itemContent .propertyOption.active { background-color: #ef4224; } .CatalogItemPage #CatalogItemView.catalogItem58738 .itemContent .propertyOption label { position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0; border-radius: 0; background-color: transparent; } .CatalogItemPage #CatalogItemView.catalogItem58738 .itemContent .propertyOption label:hover { color: #121212; } .CatalogItemPage #CatalogItemView.catalogItem58738 .itemContent .propertyOption input::after { content: none; } #CatalogItemView.catalogItem58738 .add-to-cart, #CatalogItemView.catalogItem58738 button#addToCartBtn { width: 185px; height: 50px; } @media(max-width:767px) { #CatalogItemView.catalogItem58738 .itemContentWrapper { padding: 70px 0; } #CatalogItemView.catalogItem58738 .singleItemSection.itemFirstDetails.shortLayout { padding: 0 15px; } #CatalogModule #CatalogItemView.catalogItem58738 .singleItemSection.itemFirstDetails.shortLayout .itemImages { width: 100%; padding: 0; } #CatalogModule #CatalogItemView.catalogItem58738 .singleItemSection.itemFirstDetails.shortLayout .itemContent { width: 100%; padding: 0; } #CatalogModule #CatalogItemView.catalogItem58738 .singleItemSection.itemFirstDetails.shortLayout .itemContent #headline { font-size: 70%; } .CatalogItemPage #CatalogModule #CatalogItemView.catalogItem58738 .itemContent #subheadline h2 { font-size: 90%; padding: 10px 0 15px; } .CatalogItemPage #CatalogItemView.catalogItem58738 .itemContent .catalogTextContainer #catalogText h4 { font-size: 110%; margin-bottom: 10px; } .CatalogItemPage #CatalogItemView.catalogItem58738 .itemContent .catalogTextContainer #catalogText p { font-size: 110%; } } /****SNIFIM*/ #header2.fixedMenu { background: #000 } #header2 .selectedPosData { color: #fff; font-size: 15px; border-color: rgba(255,255,255,0.33); } #header2 .selectedPosData .switch-delivery-btn p { color: gray; } .selectDeliveryPop .modal-body { background-color: #FFF5EB; padding: 50px; padding: 28px 50px; max-width: 537px; } .selectDeliveryPop .close-modal-wrapper { max-width: 537px; } .selectDeliveryBtn { background-color: #ef4224; border-color: #ef4224; font-size: 90%; height: 45px; font-weight: bold; } .delivery-pop-title { color: #121212; font-size: 180%; border-bottom: solid 1px rgb(18 18 18 / 11%); margin-bottom: 25px; line-height: 1.25; } .selectDeliveryBtn svg { margin-left: 7px; } .checkoutFormWrapper .selectedPosData { font-size: 90%; } .switch-delivery-btn button svg { margin-right: 40px; } .pickUpPoint a { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #fff; } .pickUpPoint a:hover { background: #ef4224; color: #fff; border-color: #ef4224; } .pickUpPoint a:hover svg { fill: #fff; } .switch-delivery-btn button { } .scooter-icon { display: flex; align-items: center; } .scooter-icon svg { fill: #fff; margin-left: 17px; } .selectDeliveryBtn.selectDeliveryBtn-disApproveChange { background-color: transparent; border-color: #121212; } .cart .switch-delivery-btn { background-color: #fff0df; } .google-street-address input { border: none; border-radius: 0px; height: 47px; box-shadow: none; font-size: 18px; } .google-street-address svg { top: 15px; } .selectDeliveryBtn span { margin-top: 3px; } #destinationContainer .selectDeliveryBtn { width: 100%; } #destinationContainer .selectBoxWrapper { padding: 0; margin-bottom: 20px; } #destinationContainer .selectBoxWrapper select { border: none; height: 47px; font-size: 18px; } .delivery-pop-change-content h3 { text-align: right; font-size: 80%; color: inherit; } .missingCartItemsList.missingCartItemsListExtended .missingCartItem span { color: #ef4224; font-weight: bold; margin-right: 2px; text-decoration: underline; } .delivery-pop-change-titles .delivery-pop-sub-title p { font-size: 85%; } .missingCartItemsList li { font-size: 85%; } #noDeliveryAddressError { color: #ef4224; font-size: 14px; } #location-input.error { border-color: #ef4224; } @media(min-width:768px) { .select-delivery-wrapper { max-width: 1170px; right: auto; width: 100%; left: 50%; transform: translateX(-50%); } .select-delivery-btn button { background: #ef4224; color: #fff; font-weight: bold; } .selectDeliveryBtn { width: 215px; } #header2 .select-delivery-btn { opacity: 0; display: table-cell; vertical-align: middle; } #header2 .select-delivery-btn button { border-radius: 50px; border: 1px solid #ef4224; } #header2 .select-delivery-btn.active { opacity: 1; } } @media(max-width:767px) { #header2 .selectedPosData .switch-delivery-btn p { font-size: 15px; } .selectDeliveryProcess.open { padding-top: 0px; } .ShopCheckoutPage .mobile-subTotal { top: 150px; } body.ShopRelatedPage #GridPage { padding-top: 200px; } .delivery-pop-title { margin-bottom: 10px; } .delivery-back-wrapper { padding-right: 10px; } .delivery-back-wrapper h2 { font-size: 0.8rem; border: none; } .delivery-back-wrapper .delivery-back-btn { } .delivery-back-wrapper h2 + a.delivery-back-btn { transform: unset; position: absolute; right: 0; top: 0; margin: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start; } .selectDeliveryProcess { background: #fff0df; -webkit-box-shadow: -4px 0 20px 0 rgba(0, 0, 0, 0.3); box-shadow: -4px 0 20px 0 rgba(0, 0, 0, 0.3); } .select-delivery-btn, header .selectedPosData { background: #fff0df; } .select-delivery-btn .scooter-icon svg { fill: #000; margin-left: 0; } .selectDeliveryStep .selectDeliveryBtn { margin: 0 5px; } #header2.headerHasCart #header-left { top: 35px; } #header2 .selectDeliveryBtns-wrapper .selectDeliveryBtn-wrapper button { width: 100%; } .select-delivery-btn button:hover, .select-delivery-btn button:focus { background: transparent; color: #000; } .switch-delivery-btn button { color: #000; } /*.selectedPosData svg { position: absolute; left: 15px; }*/ .checkoutFormWrapper .selectedPosData p, .checkoutFormWrapper .selectedPosData .switch-delivery-btn button { font-size: 15px; } .checkoutFormWrapper .selectedPosData { padding: 15px 10px; } } .warmMealSelect { background-color: #fff; padding: 0 40px 30px 0px; } .warmMealSelect .selectHolder { max-width: 513px; display: block !important; } .selectBoxWrapper.field-5299 { display: block !important; } @media(max-width:767px) { form#checkout-form .row > div.warmMealSelect { padding: 0 27px 30px 30px; } } .SingleItemPage .finalPrice { display: none; } .paymentPage #header2 .selectedPosData { display: none; } @media(max-width:767px) { body.ShopRelatedPage.paymentPage #GridPage { padding-top: 0px; } } .user-connected .shopLayout.wishListPage .registerFormWrapper { width: 69%; } .shopLayout.orderHistory .cartItemsTable.orders .items, .shopLayout.orderHistory .cartItemsTable.orders .orderItem { background: transparent; box-shadow: none; } .shopLayout.orderHistory .cartItemsTable.orders .bottomOrderItem .order-actions button { height: 42px; width: 140px; background: #ef4224; color: #fff; border-radius: 0; border: 1px solid transparent; padding: 0; font-size: 95%; line-height: 42px; margin-top: 15px; text-align: center; } @media(max-width:767px) { .ShopRelatedPage #GridContent:has(> .orderHistory) { padding: 0; } .user-connected .shopLayout.wishListPage .registerFormWrapper { width: 100%; } body.ShopRelatedPage #GridPage:has( .orderHistory) { padding-top: 120px; } .shopLayout.orderHistory .cartItemsTable.orders .bottomOrderItem .order-actions { text-align: center; } } /* NEW CLUB PAGE 17.9.24 */ .club-new-page #subheadline h2 { font-size: 270%; color: #26408d; } .club-new-page .form-container-wide #DynamicFormObject { max-width: 100% !important; padding: 5% 5% 3%; background: transparent; box-shadow: unset; border: 3px solid #666666; } .club-new-page .form-container-wide #DynamicFormObject::before { display: none; } .club-new-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: none; } .club-new-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; margin: 0; } .club-new-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField { width: 25%; } .club-new-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.checkboxField { width: 100%; padding: 2% 0; } .club-new-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit { width: 100%; } @media(max-width: 990px) { .club-new-page #subheadline h2 { font-size: 175%; } .club-new-page .form-container-wide #DynamicFormObject { padding: 10% 7%; } .club-new-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField { width: 100%; } .club-new-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit input.form-submit { width: 35%; } } .club-page #GridTop { margin-top: 130px; height: 540px; background-size: cover; } .club-page #GridTop .top-caption { top: 50%; } .club-page #GridPage { padding-top: 40px; } .club-page .lobby-grid #GridPage .max-width { padding: 0; } .club-page .lobby-grid #PageBreadCrumps { max-width: 1252px; margin-bottom: 120px; } @media(max-width: 767px) { .club-page #GridTop { height: 250px; } .club-page #GridTop .top-caption h1 { font-size: 2.1rem; width: 80%; margin-inline: auto; } .club-page #GridPage { padding-top: 24px; } .club-page .lobby-grid #GridPage .max-width { width: 100%; } .club-page .lobby-grid #PageBreadCrumps { padding-inline: 20px; margin-bottom: 100px; } } .club-page .reasons-section { margin-bottom: 80px; } .club-page #LobbyModule .reasons-section .grid-boxes { max-width: 862px; padding: 0; display: flex; align-items: flex-start; justify-content: center; gap: 40px; flex-wrap: wrap } .club-page #LobbyModule .reasons-section .grid-boxes::before, .club-page #LobbyModule .reasons-section .grid-boxes::after { content: none; } .club-page #LobbyModule .reasons-section .grid-box { margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 12px; width: calc(33.33% - 27px); } .club-page #LobbyModule .reasons-section .grid-box .grid-box-image { margin-bottom: 12px; background-color: #fff; border-radius: 50%; width: 140px; aspect-ratio: 1; padding: 0; } .club-page .reasons-section .grid-box .grid-box-image-container { position: unset; height: 100%; } .club-page .reasons-section .grid-box .grid-box-image-container a.box-image-animation { display: flex; align-items: center; justify-content: center; } .club-page .reasons-section .grid-box .grid-box-image-container img { width: auto; object-fit: contain; } .club-page #LobbyModule .reasons-section .grid-box .grid-box-title h3 { line-height: 1; font-size: 1.6rem; } .club-page #LobbyModule .reasons-section .grid-box .grid-box-subtitle { color: #646464; font-size: 90%; line-height: 1.3; } .club-page .reasons-section .content-section-Btn { width: 100%; } .club-page .reasons-section .content-section-Btn a.sec-button, .club-page .grid-faq-section .section-topText a.tiny-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 220px; padding-block: 9px; border: 1px solid var(--Loyalty-club-red, #EF4224); color: #EF4224; font-size: 0.9rem; line-height: 1.3; } .club-page .reasons-section .content-section-Btn a.sec-button:hover, .club-page .grid-faq-section .section-topText a.tiny-btn:hover { background-color: #EF4224; color: #fff; } @media(max-width: 767px) { .club-page .reasons-section { margin-bottom: 48px; } .club-page #LobbyModule .reasons-section .grid-boxes { flex-direction: column; padding-inline: 16px; align-items: center; } .club-page #LobbyModule .reasons-section .grid-box { gap: 16px; width: 65%; } .club-page #LobbyModule .reasons-section .grid-box .grid-box-image { margin: 0; } .club-page #LobbyModule .reasons-section .grid-box .grid-box-title h3 { margin: 0; font-size: 1.2rem; line-height: 1.2; } .club-page #LobbyModule .reasons-section .grid-box .grid-box-subtitle { font-size: 0.8rem; line-height: 1.25; } } .club-page .reasons-buttons-section { margin-bottom: 120px; } .club-page .reasons-buttons-section .grid-text { display: flex; align-items: center; justify-content: center; gap: 16px; } .club-page .reasons-buttons-section .grid-text > div { width: auto; margin: 0; padding: 0; } .club-page .reasons-buttons-section .grid-text > div a { margin: 0; display: flex; width: 218px; padding: 9px 0px; justify-content: center; align-items: center; font-size: 90%; line-height: 1.3; } .club-page .reasons-buttons-section .grid-text > div:last-child a { background: transparent; border: 1px solid #ef4224; color: #ef4224; } .club-page .reasons-buttons-section .grid-text > div:last-child a:hover { background: #ef4224; color: #fff; } @media(max-width: 767px) { .club-page .reasons-buttons-section { margin-bottom: 100px; padding-inline: 16px; } .club-page .reasons-buttons-section .grid-text > div { width: calc(50% - 8px) } .club-page .reasons-buttons-section .grid-text > div a { width: 100%; } } .club-page .sections .grid-content-section.levels-section { max-width: 1222px; margin: 0 auto 120px; } .club-page .levels-section .section-title h2 { font-size: 2.4rem; margin-bottom: 64px; } .club-page #LobbyModule .levels-section .grid-boxes { max-width: 100%; padding: 0; align-items: start; gap: 32px; justify-items: center; display: grid; grid-template-columns: repeat(3, 1fr); } .club-page #LobbyModule .levels-section .grid-boxes::after, .club-page #LobbyModule .levels-section .grid-boxes::before { content: none; } .club-page #LobbyModule .levels-section .grid-box { margin: 0; padding: 30px 16px 16px; background: #fff; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.06); width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: start; } .club-page .levels-section .grid-box .grid-box-subtitle { order: -1; font-size: 0.7rem; line-height: 125%; color: var(--Loyalty-club-grey, #646464); margin-bottom: 8px; } .club-page #LobbyModule .levels-section .grid-box .grid-box-title h3 { color: var(--Loyalty-club-red, #EF4224); font-size: 1.6rem; line-height: 100%; } .club-page #LobbyModule .levels-section .grid-box .grid-box-fulltext { margin-block: auto 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .club-page #LobbyModule .levels-section .grid-box .grid-box-fulltext ul { width: 100%; background: #F9F9F9; padding: 24px; min-height: 235px; font-size: 0.9rem; line-height: 1.3; color: var(--black, #131313); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 15px; } .club-page #LobbyModule .levels-section .grid-box .grid-box-fulltext ul li { display: flex; justify-content: flex-start; align-items: center; gap: 10px; } .club-page #LobbyModule .levels-section .grid-box .grid-box-fulltext ul li::before { content: ""; display: inline-flex; width: 20px; aspect-ratio: 1; background-image: url(/warehouse/dynamic/586035.svg); background-position: center; background-size: cover; } .club-page #LobbyModule .levels-section .grid-box .grid-box-fulltext p { color: var(--Loyalty-club-grey, #646464); font-size: 0.8rem; line-height: 125%; letter-spacing: 0.16px; padding-block: 24px; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.05); } .club-page #LobbyModule .levels-section .grid-box .grid-box-fulltext h4 { color: var(--Loyalty-club-black, #121212); text-align: right; font-size: 0.9rem; line-height: 125%; font-family: MeodedPashutBold; margin-block: 24px; } @media(max-width: 767px) { .club-page .levels-section .section-title h2 { margin-bottom: 48px; font-size: 1.6rem; max-width: 100%; padding-inline: 16px; } .club-page #LobbyModule .levels-section .grid-boxes { overflow: scroll; padding-inline: 16px; gap: 16px; } .club-page #LobbyModule .levels-section .grid-box { width: 77.6vw; padding: 24px 16px; } .club-page .sections .grid-content-section.levels-section { margin-bottom: 100px; } .club-page #LobbyModule .levels-section .grid-box .grid-box-title h3 { font-size: 1.4rem; margin: 0; } .club-page #LobbyModule .levels-section .grid-box .grid-box-fulltext h4 { } .club-page #LobbyModule .levels-section .grid-box .grid-box-fulltext ul { font-size: 0.8rem; } .club-page #LobbyModule .levels-section .grid-box .grid-box-fulltext ul li { font-size: 100%; } } .club-page .sections .grid-content-section.process-section { background: #fff; padding-block: 100px 140px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .club-page .sections .grid-content-section.process-section .section-topText { order: -1; margin-bottom: 24px; } .club-page .sections .grid-content-section.process-section .section-title h2 { margin-bottom: 64px; } .club-page #LobbyModule .sections .grid-content-section.process-section .grid-boxes { padding: 0; max-width: 1180px; display: grid; grid-template-columns: repeat(3, 1fr); justify-items: start; align-items: center; gap: 200px; } .club-page .grid-boxes::after, .club-page .grid-boxes::before { content: none; } .club-page #LobbyModule .process-section .grid-box { padding: 0; margin: 0; width: 100%; height: 100%; } .club-page #LobbyModule .process-section .grid-box h3 { font-size: 7.5rem; color: var(--Loyalty-club-red, #EF4224); line-height: 0.9; } .club-page .process-section .grid-box-subtitle { font-family: 'MeodedPashutBold'; color: var(--Loyalty-club-blue, #26408D); line-height: 1.2; font-size: 1.2rem; } .club-page .process-section .grid-box-fulltext { font-size: 0.9rem; line-height: 1.3; } .club-page #LobbyModule .process-section .grid-box:not(.lastItem)::after { content: ''; display: inline-flex; width: 105px; height: 15px; position: absolute; right: calc(100% + 48px); top: 50%; transform: translateY(-50%); background-image: url(/warehouse/dynamic/586115.svg); background-position: center; background-size: cover; } @media(max-width: 767px) { .club-page .sections .grid-content-section.process-section { padding: 64px 16px; } .club-page .sections .grid-content-section.process-section .section-topText img { height: 40px; } .club-page .sections .grid-content-section.process-section .section-title h2 { max-width: 100%; font-size: 1.6rem; } .club-page #LobbyModule .sections .grid-content-section.process-section .grid-boxes { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 128px; width: 100%; } .club-page #LobbyModule .process-section .grid-box { width: 76%; } .club-page #LobbyModule .process-section .grid-box h3 { margin: 0; font-size: 4rem; display: flex; align-items: center; justify-content: center; line-height: 0.75; } .club-page #LobbyModule .process-section .grid-box h3 a { display: block; } .club-page .process-section .grid-box-subtitle { margin-bottom: 3px; } .club-page #LobbyModule .process-section .grid-box:not(.lastItem)::after { right: 50%; top: calc(100% + 32px); transform: translateX(50%); width: 15px; height: 64px; background-image: url(/warehouse/dynamic/586174.svg); } .club-page .process-section .grid-box-fulltext { width: 80%; margin-inline: auto; } } .club-page .grid-image-section { margin-bottom: 120px; } @media(max-width: 767px) { .club-page .grid-image-section { margin-bottom: 100px; } } .club-page .grid-faq-section .section-title { max-width: 1300px; margin-bottom: 64px; } .club-page .grid-faq-section .section-title h2 { margin: 0; font-size: 2.4rem; } .club-page .grid-faq-section .grid-faq { max-width: 1300px; } .club-page .grid-faq-section .panel-group { margin: 0; } .club-page .grid-faq-section .faq-headline { background-color: #fff; padding: 27px 32px; font-size: 1.2rem; line-height: 1.2; font-family: 'MeodedPashutBold'; } .club-page .grid-faq-section .faq-body { background-color: #fff; } .club-page .grid-faq-section .faq-body .faq-body-inner { max-width: 1050px; font-size: 0.9rem; padding-top: 0; } .club-page .grid-faq-section .faq-body .faq-body-inner li { position: relative; padding-inline-start: 20px; } .club-page .grid-faq-section .faq-body .faq-body-inner li::before { content: ''; border-radius: 50%; width: 4px; aspect-ratio: 1; display: inline-flex; position: absolute; right: 2px; top: 9px; background: rgba(0,0,0,0.5); } @media(max-width: 767px) { .club-page .grid-faq-section { padding-inline: 16px; } .club-page .grid-faq-section .section-title { margin-bottom: 48px; } .club-page .grid-faq-section .section-title h2 { font-size: 1.6rem; } .club-page .panel-group .panel { border-radius: 0; } .club-page .panel-group .panel:last-of-type { margin-bottom: 0 !important; } .club-page .grid-faq-section .faq-headline { padding: 20px 20px 20px 50px; font-size: 0.9rem; line-height: 1.25; } .club-page .grid-faq-section .faq-body .faq-body-inner { line-height: 1.3; padding-top: 12px; } } .faq-button-section .grid-text { display: flex; align-items: center; justify-content: center; margin-top: 44px; gap: 16px; } .faq-button-section .grid-text > div { margin: 0; padding: 0; width: auto; } .faq-button-section .grid-text > div a { height: 41px; width: 218px; background: #ef4224; color: #fff; border-radius: 0; border: 1px solid transparent; padding: 0; font-size: 95%; line-height: 42px; margin-top: 15px; text-align: center; display: inline-flex; align-items: center; justify-content: center; margin: 0; } .faq-button-section .grid-text > div a:hover { background: transparent; color: #ef4224; border: 1px solid #ef4224; } .faq-button-section .grid-text > div:last-child a { background: transparent; color: #ef4224; border: 1px solid #ef4224; } .faq-button-section .grid-text > div:last-child a:hover { background: #ef4224; color: #fff; } @media(max-width: 767px) { .faq-button-section .grid-text { margin-top: 48px; padding-inline: 16px; } .faq-button-section .grid-text > div { width: calc(50% - 8px); } .faq-button-section .grid-text > div a { width: 100%; } }