:root { --color-primary: #b5a48a; --color-primary-dark: #8e7d63; --color-primary-light: #dbcab0; --color-primary-reverse: #35240a; } .main-menu li.root-level>a { font-weight: 700; font-size: 16px; color: var(--color-primary); } .bg-gray-50 { background-color: #fff !important; } .header-btn__icon { display: flex; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; border-radius: 25% / 50%; border-width: 1px; border-color: var(--color-primary-reverse); color: var(--color-primary-reverse); font-size: 20px; } .s-slider-block__title h2 { background: var(--color-primary-reverse); border-radius: 2rem 0rem 0rem 1rem; font-size: 20px !important; font-weight: 700; color: #fff; padding-right: 10px; padding-bottom: 10px; } .s-product-card-image { background-color: #fff !important; } .s-product-card-vertical { flex-direction: column; border-radius: 30px; border: none; box-shadow: 2px 2px 8px #c8b0726e; } .store-footer__inner::before { content: ""; background: linear-gradient(180deg ,transparent 38%,#fff 94%), url(https://cdn.salla.sa/form-builder/wNtMv6kZ8Kfwn4HwWEwhunZoi5STLtYzRDjaevXg.png); background-size: 418%; display: block; background-repeat: round; transform: rotate(180deg); height: 104px; margin: -65px -32px 1px 1px; } .footer-is-light .store-footer { background-color: var(--color-primary-reverse) !important; padding-right: 10px; } .footer-is-light .store-footer .store-footer__inner { background-color: var(--color-primary-reverse) !important; color: #fff; } .store-footer h3 { color: var(--color-primary); } .footer-is-light .store-footer .social-link { line-height: 32px !important; display: block; width: 36px; height: 36px; font-size: 18px; transition: all .2s ease-out; color: rgb(255, 255, 255); border-radius: 25% / 50%; border: 1px solid var(--color-primary); } p.text-gray-400.mb-2\.5.md\:mb-0 { color: var(--color-primary) !important; font-weight: 800; padding-bottom: 10px; } h2.mb-4.text-lg.font-bold.leading-\[1\.2\] { text-align: center; } .product__description.p-2.sm\:p-1.leading-7.mb-3 { color: var(--color-primary-reverse); margin-bottom: 1.25rem; background-color: var(--color-primary); border-radius: 25px; padding: 20px; } .product__description ul, .product__description li { padding-right: 10px; } .carousel-slider .swiper { margin-left: 0rem; margin-right: 0rem; padding-left: 0px; padding-right: 0px; } salla-slider.photos-slider .swiper { margin-left: 0; margin-right: 0; width: 100%; } [dir=rtl] salla-slider[type]:not(.hydrated)>div, [dir=rtl] salla-slider[type]:not(.hydrated) .swiper>div>div, [dir=rtl] .carousel-slider .swiper { padding-left: 0rem; } .s-slider-swiper-wrapper { width: 100% !important; } salla-slider.photos-slider .swiper-slide { width: 100% !important; } /* NC */ p.leading-6.mb-2.mt-4.sm\:mt-0 { margin-top: 30px; } .s-product-card-entry { box-shadow: 0 2px 10px 0 var(--color-primary); border: 1px solid var(--color-primary); } .s-product-card-content-title a { font-size: 16px; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: #5a5a5a; } .s-product-card-content-subtitle { font-size: 14px; } .s-product-card-content-title { margin-bottom: 0rem; } .s-product-card-promotion-title { background-color: var(--color-primary-reverse) !important; padding: 1px 5px 3px !important; } .s-product-card-content-footer { margin-bottom: 10px; } .s-button-wide { width: 100%; border-radius: 15px; } .s-block__title h2 { position: relative; line-height: 1.2; background: var(--color-primary-reverse); border-radius: 2rem 0rem 0rem 1rem; font-size: 20px !important; font-weight: 700; color: #fff; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; } ul.hidden.lg\:flex.items-center.rtl\:pl-4.ltr\:pr-4.whitespace-nowrap { display: none; } .hidden.lg\:flex.items-center { display: none; } .btn--rounded-gray { background-color: rgb(255 255 255); box-shadow: 0 1px 5px 0 var(--color-primary); border: 1px solid var(--color-primary); } .s-search-input { background-color: #fff !important; box-shadow: 0 1px 5px 0 var(--color-primary); border: 1px solid var(--color-primary) !important; width: 20% !important; } .main-menu li.root-level>a { font-size: 18px; } span.s-cart-summary-count { background-color: var(--color-primary-reverse); color: var(--color-primary); } .s-product-card-content-title a { font-size: 17px; } .s-product-card-content-subtitle { font-size: 15px; } .footer-is-light .store-footer .store-footer__inner { border-bottom-color: var(--color-primary-reverse) !important; } section.cart-item.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative { --tw-shadow: 5px 10px 30px #2B2D340D; --tw-shadow-colored: 5px 10px 30px var( --tw-shadow-color); box-shadow: 0 0 transparent, 0 0 transparent, 5px 10px 30px #2b2d340d; box-shadow: var(--tw-ring-offset-shadow,0 0 var(--color-primary-reverse)0),var(--tw-ring-shadow,0 0 var(--color-primary-reverse)0),var(--tw-shadow); background-color: #fff; border: 1px solid var(--color-primary-reverse)45; } .footer-is-light .store-footer .contact-social { border-color: var(--color-primary-reverse) !important; } .main-menu { margin-right: 10rem !important; } @media (max-width: 650px) { .s-search-input { width: 100% !important; } } i.sicon-twitter { padding-right: 6px; } i.sicon-snapchat { padding-right: 8px; } i.sicon-instagram { padding-right: 8px; } .s-slider-block__title { margin-right: 5px; } h2.mb-4.text-lg.font-bold.leading-\[1\.2\] { background: var(--color-primary-reverse); border-radius: 2rem 0rem 0rem 1rem; font-size: 20px !important; font-weight: 700; color: #fff; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; margin-right: 15px; } /* pc products */ @media (min-width: 1200px) { .s-slider-block__title h2 { background: var(--color-primary-reverse); border-radius: 2rem 2rem 1rem 1rem; font-size: 20px !important; font-weight: 700; color: #fff; padding-right: 30px; text-align: center; padding-bottom: 10px; } .s-block--slider-with-bg .slider-bg { height: 360px !important; } h3.text-lg.font-bold.leading-12 { border-radius: 2rem 2rem 1rem 1rem !important; padding-right: 40px !important; margin-left: 540px !important; margin-right: 560px !important; padding-left: 25px; } .s-block__title { margin-bottom: 2rem; padding-right: 560px; } .s-block__title h2 { position: relative; line-height: 1.2; background: var(--color-primary-reverse); font-size: 20px !important; font-weight: 700; color: #fff; padding-right: 40px; border-radius: 2rem 2rem 1rem 1rem !important; padding-bottom: 10px; padding-left: 35px; } .s-products-list-horizontal-cards { grid-template-columns: repeat(1,minmax(0,1fr)); } .s-products-list-wrapper.s-products-list-horizontal-cards { width: 50%; } .s-products-list-wrapper.s-products-list-horizontal-cards { margin-right: 300px; } h2.mb-4.text-lg.font-bold.leading-\[1\.2\] { background: var(--color-primary-reverse); font-size: 20px !important; font-weight: 700; color: #fff; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; border-radius: 2rem 2rem 1rem 1rem !important; margin-right: 560px; margin-bottom: 30px; } [dir=ltr] .s-slider-block__title h2 { padding-left: 1rem !important; } salla-slider#slider-with-bg-3 { margin-left: 150px; } #slider-with-bg-2 { margin-left: 475px; } salla-slider#slider-with-bg-1 { margin-left: 140px; } .s-slider-block__title-right { margin-left: 275px; } h2.mb-4.text-lg.font-bold.leading-\[1\.2\] { margin-left: 20px; } .sicon-snapchat:before { margin-left: 7px; } .sicon-twitter:before { margin-left: 7px; } .sicon-instagram:before { margin-left: 7px; } } /* End pc products */ .s-block--slider-with-bg .s-slider-block__title-left { display: none; } .leading-12 { line-height: 2rem; } h3.text-lg.font-bold.leading-12 { background: var(--color-primary-reverse); border-radius: 2rem 0rem 0rem 1rem; font-size: 20px !important; font-weight: 700; color: #fff; padding-right: 10px; margin-left: 250px; margin-right: 5px; } p.text-sm.mb-8.line-clamp-2.max-w-lg { display: none; } .s-block--slider-with-bg .slider-bg { height: 320px; } .s-block--slider-with-bg .slider-bg:before { display: none; } .s-block--slider-with-bg { background-color: #fff; } @media (max-width: 650px) { ul.main-menu.mm-spn--open { margin-top: 100px; } } .mm-spn.mm-spn--navbar ul:before { margin-top: 100px; } .mm-spn li { position: relative; background: inherit; cursor: pointer; color: var(--color-primary); font-size: 18px; border-bottom: 1px solid var(--color-primary-reverse)1c; } .mm-ocd--open .mm-ocd__content { transform: translate3d(0,0,0); box-shadow: -4px 0 7px 0 rgb(0 0 0 / 26%); border-radius: 0rem 0rem 0rem 2rem; } .mm-spn.mm-spn--navbar.mm-spn--main { cursor: default; border-radius: 2rem 0rem 0rem 2rem; } .mm-ocd-opened .btn--close-sm { opacity: 1; visibility: visible; transform: translateY(0); z-index: 99999999; border-radius: 15px 0px 0px 15px; } @media (max-width: 370px) { h3.text-lg.font-bold.leading-12 { background: var(--color-primary-reverse); border-radius: 2rem 0rem 0rem 1rem; font-size: 20px !important; font-weight: 700; color: #fff; padding-right: 10px; margin-left: 200px; margin-right: 5px; } } h2.text-lg.font-bold.text-gray-500.mb-8 { display: none; } /* English */ .product__description.p-2.sm\:p-1.leading-7.mb-3 { padding: 40px; } @media (min-width: 1200px) { [dir=ltr] salla-slider#slider-with-bg-1 { margin-left: 140px; } [dir=ltr] .s-slider-block__title-right { margin-left: 110px; } [dir=ltr] salla-slider#slider-with-bg-3 { margin-left: 300px; } [dir=ltr] salla-slider#slider-with-bg-4 { margin-left: 140px; } [dir=ltr] h2.mb-4.text-lg.font-bold.leading-\[1\.2\] { margin-left: 550px; } } @media (max-width: 650px) { [dir=ltr] i.sicon-snapchat { padding-left: 8px; } [dir=ltr] i.sicon-twitter { padding-left: 8px; } [dir=ltr] i.sicon-instagram { padding-left: 8px; } [dir=ltr] h2.mb-4.text-lg.font-bold.leading-\[1\.2\] { background: var(--color-primary-reverse); border-radius: 0rem 2rem 1rem 0rem; font-size: 20px !important; font-weight: 700; color: #fff; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-left: 15px; } [dir=ltr] h3.text-lg.font-bold.leading-12 { background: var(--color-primary-reverse); border-radius: 0rem 2rem 1rem 0rem; font-size: 20px !important; font-weight: 700; color: #fff; padding-left: 10px; padding-right: 20px; margin-left: 5px; margin-right: 200px; } [dir=ltr] .s-slider-block__title h2 { background: var(--color-primary-reverse); border-radius: 0rem 2rem 1rem 0rem; font-size: 20px !important; font-weight: 700; color: #fff; padding-bottom: 10px; padding-left: 10px; } } @media (max-width: 318px) { h3.text-lg.font-bold.leading-12 { background: var(--color-primary-reverse); border-radius: 2rem 0rem 0rem 1rem; font-size: 20px !important; font-weight: 700; color: #fff; padding-right: 10px; margin-left: 150px; margin-right: 5px; } } @media (max-width: 270px) { h3.text-lg.font-bold.leading-12 { background: var(--color-primary-reverse); border-radius: 2rem 0rem 0rem 1rem; font-size: 20px !important; font-weight: 700; color: #fff; padding-right: 10px; margin-left: 115px; margin-right: 5px; } } @media (min-width: 640px) { .sm\:pt-20 { padding-top: 3rem; } } @media (min-width: 1200px) { .s-slider-block__title { margin-right: 380px; } } @media (min-width: 1200px) { [dir=ltr] .s-slider-block__title-right { margin-left: 380px; } } .navbar-brand { animation: heartbeat 2.5s ease-in-out infinite both; } @keyframes heartbeat { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 33% { -webkit-transform: scale(0.87); transform: scale(0.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @media only screen and (max-width: 700px) { .navbar-brand { width: 20vw; } } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track-piece { background-color: rgba(0,0,0,0.2); -webkit-border-radius: 0px; } ::-webkit-scrollbar-thumb:vertical { height: 200px; background-color: var(--color-primary-reverse); -webkit-border-radius: 0px; } ::-webkit-scrollbar-thumb:vertical:hover { background-color: red; } ::-webkit-scrollbar-thumb:horizontal { width: 200px; background-color: rgba(125,125,125,0.7); -webkit-border-radius: 0px; } body { background-image: url('https://cdn.salla.sa/form-builder/rk533KyU53V27cR4dzHLiBBXHkBc1qE3LCpTQEE7.png'); background-color: #f6f6f6; background-repeat: repeat; background-position: center center; background-size: 50%; } div#mainnav.bg-white { background: transparent; } h2.mb-4.text-lg.font-bold.leading-\[1\.2\],.s-block__title h2,.s-slider-block__title h2,.s-slider-block__title h2,.s-button-primary-outline,.s-block--features__item .feature-icon { background: linear-gradient(to right, var(--color-primary-dark), var(--color-primary)) !important; } .s-button-primary-outline { fill: var(--color-primary); color: #fff; } .main-nav-container.fixed-pinned .inner { position: unset; } .main-menu span { font-size: 17px;