body {
background-color: #fff;
}
.top-navbar {
background-color: #00adee !important;
}
.top-navbar * {
color: #fff !important;
}
.header-search input {
background-color: #fff !important;
border-radius: 30px;
color: #000 !important;
}
.header-search .s-search-icon svg {
fill: #00adee !important;
}
#mainnav {
background-color: #fff !important;
}
.sicon-menu::before {
color: #000 !important;
}
.header-btn__icon {
color: #000 !important;
border-color: #000 !important;
}
.s-cart-summary-total {
color: #000 !important;
}
.s-cart-summary-count {
background-color: #e52d3e;
}
.sub-menu * {
color: #000;
}
.mm-spn--open li a {
color: #000 !important;
}
.mm-spn--open li a:hover {
color: #e52d3e !important;
text-decoration: underline;
}
.sub-menu {
color: #333;
}
@media (max-width: 1024px) {
.mm-spn--open {
background-color: #fff !important;
}
.mm-spn--open li a {
color: #000 !important;
}
.mm-spn--open li a:hover {
color: #e52d3e !important;
}
#mobile-menu::after {
background-color: #00adee !important;
color: #fff !important;
}
}
/* Products Cards */
custom-salla-product-card {
background-color: #fff !important;
border: 3px solid #00adee !important;
}
salla-add-product-button button {
background-color: #00adee!important;
color: #fff!important;
border: 3px solid transparent !important;
border-bottom: 0px !important;
border-radius: 30px 30px 0px 0px !important;
}
salla-add-product-button:hover button {
background-color: #fff!important;
color: #00adee !important;
border: 3px solid #00adee !important;
border-bottom: 0px !important;
}
.s-product-card-content {
padding-bottom: 0px !important;
}
.s-product-card-content-main * {
color: #000;
}
.s-product-card-content-subtitle *{
color: #000!important;
}
.s-product-card-price {
color: #e52d3e !important;
}
.s-product-card-sale-price h4{
color: #e52d3e !important;
}
.s-product-card-vertical .s-product-card-wishlist-btn button {
background-color: #00adee !important;
color: #fff;
}
/* products Title */
.s-block--special-products .s-block__title {
justify-content: flex-start !important;
font-size: 25px;
}
.s-block--special-products .s-block__title button {
color: #000 !important;
}
.s-slider-block__title {
justify-content: center;
margin-bottom: 60px;
}
.s-slider-block__title-left {
display:none;
}
.s-slider-block__title-right,
.s-slider-block__title-right h2{
padding-left: 0px;
}
.s-slider-block__title-right {
position: relative;
}
.s-slider-block__title-right h2 {
font-size: 35px;
color: #00adee;
}
.s-slider-block__title-right::after {
content: "";
width: 110%;
height: 10px;
background-color: #e52d3e;
position:absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
border-radius: 4px;
}
@media (max-width: 1024px) {
.s-slider-block__title-right h2 {
font-size: 20px;
}
.s-slider-block__title-right::after {
height: 5px;
}
}
/* Banners */
.s-block--fixed-banner .container {
max-width: 100% !important;
padding: 0px !important;
}
.index .s-block--fixed-banner img {
background-color: transparent !important;
border-radius: 0;
}
.s-block--fixed-banner:first-of-type {
margin-top: 0px !important;
}
/* Footer Colorization */
footer {
background-color: #fff !important;
}
.store-footer__inner {
position: relative;
z-index: 2;
background-color: #fff !important;
}
.store-footer__inner *{
color: #000 !important;
}
.store-footer h3 {
color: #000 !important;
}
.copyright-text p {
color: #000 !important;
}
.copyright-text p a:hover {
color: #000!important;
opacity: 0.8;
}
/* Logo */
.store-footer__inner .grid > div:nth-of-type(1) > a::after {
content: "";
background: url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/LjaJ/nJYZvaaHajC2WoGWENrHjXZUG9LqVRBax7gHwcvp.jpg");
display: block;
background-size: contain;
width: 120px;
height: 120px;
background-repeat: no-repeat;
}
.store-footer__inner .container > div {
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-left: 0;
padding-bottom: 20px;
}
.store-footer__inner .container {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.store-footer__inner .container > div:nth-of-type(1) {
grid-column: span 1 / span 2;
}
.store-footer__inner + div {
background: transparent;
max-width: 100%;
justify-content: space-around;
}
.store-footer__inner > div a h3 {
display: none;
}
@media (max-width: 992px) {
.store-footer__inner .container {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
/* custom ScrollBar */
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #00adee;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #e52d3e;
}
/* custom sections */
#cus-secs {
width: 100%;
padding-top: 60px;
}
#cus-secs #secs-wrapper {
width: 100%;
padding: 20px;
display: grid;
grid-template-columns: repeat(4, minmax(0px, 250px));
justify-content: center;
align-items: center;
gap: 20px;
}
@media (max-width: 1024px) {
#cus-secs #secs-wrapper {
grid-template-columns: repeat(2 , minmax(0px, 1fr));
}
}
#cus-secs #secs-wrapper #sec-link {
width: 100%;
transition: .3s;
display: flex;
justify-content: center;
}
#cus-secs #secs-wrapper #sec-link:hover {
transform: scale(1.1);
}
@media (max-width: 1024px) {
#cus-secs {
padding-top: 20px;
}
}
/* end custom sections */
/* custom sections 2 */
#cus-secs-sp {
width: 100%;
padding-top: 60px;
}
#cus-secs-sp #secs-wrapper {
width: 100%;
padding: 20px;
display: grid;
grid-template-columns: repeat(3, minmax(0px, 1fr));
justify-content: center;
gap: 10px;
}
#cus-secs-sp #secs-wrapper #sec-link {
transition: .3s;
display: flex;
justify-content: center;
}
#cus-secs-sp #secs-wrapper #sec-link:hover {
transform: scale(1.1);
}
@media (max-width: 1024px) {
#cus-secs-sp {
padding-top: 40px;
}
}
@media (max-width: 660px) {
#cus-secs-sp #secs-wrapper {
grid-template-columns: repeat(2 , minmax(0px, 1fr));
}
#cus-secs-sp #secs-wrapper #sec-link:nth-of-type(2) {
grid-column: span 2;
grid-row: 1;
}
}
/* end custom sections 2*/