0% found this document useful (0 votes)
68 views21 pages

FDG

The document contains CSS code for styling various elements on a website like buttons, headers, products, and cart items. Styles include colors, sizes, positioning. Sections are designated for headers, products, cart, and buttons. Elements are given properties like background color, font size, and positioning.

Uploaded by

saif ghanmi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
68 views21 pages

FDG

The document contains CSS code for styling various elements on a website like buttons, headers, products, and cart items. Styles include colors, sizes, positioning. Sections are designated for headers, products, cart, and buttons. Elements are given properties like background color, font size, and positioning.

Uploaded by

saif ghanmi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 21

.salla-theme_6.color-mode-light .site-header .header-wrapper .

sub-nav__menu svg {
fill: #fff;}
.salla-theme_6.color-mode-light .site-header .header-wrapper .sub-nav__menu
svg:hover { fill: #f8b648;}
.section-header .section--title span {
display: inline-block;
padding: 0rem 0.5rem 0rem 0.5rem;
color: #fff;
font-weight: 500;
background: #7961ab;
border-radius: 5px;
}

/* ‫منتــــــــــــــــجات تفـــــــــــــــــاصيل‬ *//*


#cart_summary_desktop .btn.btn--fixed {
height: 40px;
background: var(--main-color) !important;
}
#cart_summary_desktop .cart-summary * {
font-size: 13px;
color: #000 !important;
}
* {
outline: none!important;
color: #000 !important;
}
.btn--submit.wide {
background-color: var(--main-color);
}
.btn--submit.wide:hover {
background-color: var(--main-color);
}
*/
.product-desc a, .product-desc a:hover, .product-detials__desc a, .product-
detials__desc a:hover {
color: var(--main-color) !important;
}

.breadcrumb>.active {
color: var(--main-color);
}

.btn--add-to-cart.disabled i::before {
content: "‫! "نفذت الكمية‬important;
color: #fff !important;
}

.section-header .section--title span {


display: inline-block;
padding: 0rem 0.5rem 0rem 0.5rem;
color: #fff;
font-weight: 500;
background: #7961ab00;
border-radius: 5px;
}

.list--product-fields li.form-group:not(.form-group--wide) label {


padding-right: 7px !important;
margin: -9px 0 -22px;
font-size: 18px;
}

.list--product-fields li.form-group>label {
margin: 0;
padding-right: 7px;
font-size: 16px;
}
.product-form, .product-options {
background-color: #252530;

}
.product-form, .product-options {
border: 1px solid #fff!important;
border-radius: 3px;
padding: 10px!important;
}

.qty-field--custom .btn--qty-add, .qty-field--custom .btn--qty-sub {


background: #707070;
border: 1px solid #dcdcdc;
flex: 0 0 50px;
height: 36px;
transition: all .35s cubic-bezier(.2,1,.3,1);
}
.product .product-footer .product-price * {
font-size: 16px;
}
.salla-theme_6 .product .product-price span {
margin-top: -6px;
display: inline-block;
line-height: 1;
}
.offers-link, .price-after {
color: #f55157!important;
padding-bottom: 7px;
}
.salla-theme_6 .product>a .product-title {
font-size: 1.05rem;
padding: 0 0px 5px;
}
.product-detials__desc.pd-exp:after {
background: #fafafa;
background: linear-gradient(0deg,#14141b,hsl(240deg 15% 9% / 70%));
bottom: 0;
content: "";
display: block;
height: 100px;
pointer-events: none;
position: absolute;
right: 0;
transition: all .35s cubic-bezier(.2,1,.3,1);
width: 100%;
}

.product-option-name {
font-size: 15px;
color: #fff;
}
.salla-theme_6 .product-details #add_fields_btn {
border-radius: 3px;
font-size: 18px;
padding: 11px 20px 27px;
margin-left: 38px !important;
margin-right: 75px !important;
}
.list--tags li a {
background-color: transparent;
border-radius: 50px;
display: inline-flex;
font-size: 12px;
line-height: 1;
padding: 6px 10px;
transition: all .35s cubic-bezier(.2,1,.3,1);
}
a {
color: #f8b648;
}
.a2a_default_style:not(.a2a_flex_style) a {
line-height: 16px;
padding: 0 2px;
background-color: #fff;
}
body:not(.salla-default) .cart-fav {
background-color: #252530;
bottom: 0;
left: 0;
padding: 10px;
right: 0;
z-index: 9999;
}
.product-details {
font-family: dinnextltarabic-regular!important;
background: #14141b !important;
}

.product-details__title {
color: #fff !important;
}
.add-cart-large, .order-btn {
background: var(--main-color);
box-shadow: 4px 0px 0 #f8b648 !important;
border-color: transparent;
}
.product-add:hover {
box-shadow: 4px 0px 0px 0px #ffffff !important;
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
}
.add-cart:hover, .add-cart:focus, .add-cart-large:hover, .add-cart-
large:focus, .order-btn:hover, .order-btn:focus {
background: var(--main-color);
border-color: transparent;
}
.product-cart {
background: #252530;
border-radius: 5px;
margin: 0 auto 30px;
position: relative;
}

.salla-theme_6 .cart-box--custom .cart-step.active-step .step-cont svg * {


fill: #ffffff;
}
.salla-theme_6 .cart-box--custom .cart-step.active-step .step-cont:after {
background-color: #fff !important;
}
.form-group.coupon .btn {
border-radius: 2px 0 0 2px;
left: 0;
min-width: 65px;
padding: 5px 0 8px;
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #bcbcbc;
}
.product-cart .product-info .details .product-name {
line-height: 20px!important;
margin-bottom: 4px;
margin-right: 10px;
display: flex !important;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
align-content: center;
}
.product-info .product-summary {
font-size: 13px;
margin-right: 10px !important;
}
.cart-nav-submit, .cart-nav-more, .cart-nav-solid {
background: var(--main-color);
border-color: var(--main-text-color);
}
.salla-theme_6 a, .salla-theme_6 a:hover {
text-decoration: none;
padding-left: 0px;
}

.product-price, .product-details__price {
color: var(--main-color);
}

/* ‫منتجــــــــــات‬ */

.salla-theme_6 .product .product-footer


.section-header .section--title span {
display: inline-block;
padding: 4px 0px 4px 10px;
color: #fff;
font-weight: 500;
background: transparent;
border-radius: 5px;
font-size: 20px;
}
body.salla-theme_1 .product .product-footer {
margin-top: 0.5rem;
border-top: 1px solid #dfdfdf;
}
.salla-theme_6 .product>a .product-subtitle {
font-size: 13px;
padding: 0 15px;
margin: 0 0 5px!important;
text-align: center;
}
.mb-4, .my-4 {
margin-bottom: 15px!important;
}
.salla-theme_6 .section-header {
margin-bottom: 15px;
margin-top: 18px;
}
.products-grid.eq-height .product>:first-child .img-cont, .products-grid.eq-
height .thumbnail>:first-child .img-cont, .products-listing.eq-
height .product>:first-child .img-cont, .products-listing.eq-
height .thumbnail>:first-child .img-cont, body.salla-default #products_div.eq-
height .product>:first-child .img-cont, body.salla-default #products_div.eq-
height .thumbnail>:first-child .img-cont {
width: 100%;
height: 100%;
flex: 1;
padding-top: 13px;
position: relative;
overflow: hidden;
}
.products-listing {
margin-bottom: 0;
margin-left: -8.5px;
margin-right: -8.5px;
padding: 0rem;
border: 1px solid #fff;
background: transparent;
border-radius: 5px;
}
.salla-theme_6 section.section.has-slider .products-listing.slick-slider {
padding: 0rem 0rem;
}
.salla-theme_6 .section-header .section-actions .button-more {
display: inline-block;
width: auto;
text-align: center;
color: #fff;
border: 0;
border-radius: 5px;
transition: all .35s cubic-bezier(.2,1,.3,1);
border: #f25a3a solid 2px;
background: #f25a3a;
margin-right: 2px;
}
.salla-theme_6 .section-header .section-actions .button-more:hover {
display: inline-block;
width: auto;
text-align: center;
color: #fff;
border: 0;
border-radius: 5px;
transition: all .35s cubic-bezier(.2,1,.3,1);
border: #23232f solid 2px;
background: #23232f;
margin-right: 2px;
}
.salla-theme_6 section.section.has-slider .section-header .section-actions {
display: grid;
align-content: center;
justify-content: end;
align-items: center;
display: flex!important;
margin-left: 7px;
}
.salla-theme_6 .section-header .section-actions .circle-action {
font-size: 13px!important;
line-height: 30px!important;
background: #f25a3a;
margin: 2px;
color: #fff;
border: #f25a3a solid 2px;
border-radius: 5px;
}
.salla-theme_6 .section-header .section-actions .circle-action:hover {
font-size: 13px!important;
line-height: 30px!important;
background: #23232f;
margin: 2px;
color: #fff;
border: #23232f solid 2px;
border-radius: 5px;
}
.salla-theme_6 .product>a .product-title {
color: #fff;
}/*
.product-price, .product-details__price {
color: #ff2b2b;
display: flex;
justify-content: center;
padding-bottom: 4px !important;
}*/
.product-detials__desc * {
font-size: 18px!important;
}
.product-detials__desc * {
font-size: 18px!important;
color: #fff !important;
}

.product-details {

background: #14141b !important;


}
.salla-theme_6 .product>a .promotion-title {
display: block;
width: auto;
position: absolute;
top: 0px;
left: 0;
right: auto;
background-color: #f8b648;
font-size: 11px;
padding: 2px 5px 3px;
border-radius: 0 0px 5px 0;
}
.salla-theme_6 .section-header .btn.btn-rounded {
background-color: #fff;
border:#d61321 solid 2px;
color: #d61321;
border-radius: 5px;
margin-left: 7px;
}
.salla-theme_6 .section-header .btn.btn-rounded:hover {
background-color: #d61321 ;
border-radius: 5px;
color: #fff;
margin-left: 7px;
border:#d61321 solid 2px;
}
.salla-theme_6 .product>a, .salla-theme_6 .product>a .img-cont, .salla-
theme_6 .product>a img {
display: block;
width: 100%;
text-align: center;
height: auto;
}
.salla-theme_6 .section-header h2.section--title span {
font-size: 18px;
}
#sort #sort-toggle {
border-radius: 5px;
padding: 0.3rem 1rem!important;
transition: all .35s cubic-bezier(.2,1,.3,1);
margin-left: 8px;
}
#sort #sort-options {
background-color: #252530;
border-radius: 4px 23px 23px 23px;
display: block;
height: auto;
left: 0;
color: #fff !important;
min-width: 236px;
margin-left: 7px;
overflow: hidden;
position: absolute;
top: 40px;
transition: all .35s cubic-bezier(.2,1,.3,1);
width: auto;
z-index: 99;
}
.section-header .section--title {
color: #d61321 ;
}

.btn-primary {
background: #f8b648;
color: #ffffff;
border: #f8b648 solid 2px;
border-radius: 8px !important;
}

.product .product-footer .product-add {


display: block;
background: #36256d;
border-radius: 5px !important;
line-height: 15px;
text-align: center;
color: #fff !important;
height: 37px !important;
width: 100%;
}
.product .product-title {
text-align: center;
}
.salla-theme_6 .product-footer {
padding: 0 10px 10px!important;
text-align: center;
}
.salla-theme_6 .product .product-footer .not-available::before {
content: "‫;"نفذت الكمية‬
color: #fff !important;
display: block;
width: 100%;
height: 37px;
margin: 10px 0 0;
padding: 10px 15px;
border-radius: 5px;
background-color: #f02929;
box-shadow: 4px 0px 0 #fff;
font-weight: 500;
line-height: 13px;
text-align: center;
background-size: 30px;
font-size: 18px!important;
}

.salla-theme_6 .product .product-footer .not-available {


padding: 0px 0px !important;
}
.salla-theme_6 .product .product-footer .not-available {
background-color: transparent;
border-radius: 8px;
color: #14141b;
display: block;
font-size: 100%;
margin: 0px;
width: 100%;
}
.salla-theme_6 .product .product-footer .product-add.add_to_cart_btn {
position: relative;
margin: 10px 0 0;
padding: 10px 15px;
box-shadow: 4px 0px 0 #f8b648;
background-color: var(--main-color);
background-size: 30px;
font-size: 18px!important;
}
.product-add:hover {
box-shadow: 4px 0px 0 #ffffff !important;
background-color: var(--main-color) !important;
}
.salla-theme_6 .product .product-footer .product-add.add_to_cart_btn span:first-
child {
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(30px);
right: -11115px;
opacity: 0;
visibility: hidden;
color: #fff;
transition: all .5s cubic-bezier(.68,-.55,.265,1.55);
}
body .section-actions .button-more {
height: 36px!important;
}
.salla-theme_6 section.section.has-slider .section-header .button-more {
font-size: 13px!important;
line-height: 29px!important;
}
body .section-actions .circle-action {
width: 36px;
height: 36px;
}
body.salla-theme_4 .product .product-footer {
display: flex !important;
flex-direction: column !important;
}
.salla-theme_6 .product {
background-color: transparent;
border-radius: 3px;
}
.salla-theme_6 .product:hover {
background-color: transparent;
}
/* ‫حجـــــــم الشعــــــــار‬ */
.salla-theme_6 .site-header .header-top .logo a img {
height: 45px!important;
}
.salla-theme_6.color-mode-dark .site-header .sub-header * {
color: #ffffff;
background-color: #14141b;
}

.slick-slide img {
display: flex;
margin: 0px 0px 24px 7px !important;
}

.pt-3, .py-3 {
padding-top: 0.5rem!important;
}
.salla-theme_6 .site-header .header-top {
padding-bottom: 0rem!important;
}
.store-home.salla-theme_6 .site-header .header-top .logo a img {
height: 50px!important;
}
/* ‫تسجيـــــــــــل الدخــــــــــول‬ */
.sub-nav-header a {
margin: 12px 4px 0px 4px !important;
color: #ffffff !important;
padding-left: 15px;
background: transparent;
border: #f8b648 solid 1.5px !important;
border-radius: 8px !important;
line-height: 22px;
}
.salla-theme_6 .site-header .sub-header #cl_switcher_wrapper #cl_switcher
#cl_toggle {
border: #f8b648 solid 1.5px !important;
border-radius: 10px !important;
line-height: 0px !important;
height: 36px;
}
.salla-theme_6 .site-header .sub-header #cl_switcher_wrapper #cl_switcher
#cl_toggle:hover {
border: #f8b648 solid 1.5px !important;
border-radius: 10px !important;
line-height: 0px !important;
height: 36px;
}
.salla-theme_6 .site-header .sub-header #cl_switcher_wrapper #cl_switcher.visible
#cl_toggle *, .salla-theme_6 .site-header .sub-header #cl_switcher_wrapper
#cl_switcher.visible #cl_toggle:after {
color: #ffffff!important;
}
#jGrowl .jGrowl-notification {
background: #23232f;
font-size: 12px;
top: 120%;
margin-top: 20px;
height: 30px;
line-height: 30px;
border: solid 2px #f8b648;
text-align: center;
padding: 10px 10px 40px 10px;
border-radius: 5px;
position: absolute;
box-shadow: 0 1px 10px 2px rgb(0 0 0 / 15%);
}
.sub-nav .sub-nav-content .sub-nav-header .logout-link.as-link {
width: 110px;
height: auto;
background: transparent;
color: #fff;
}
.sub-nav-header a:hover{
color:#fff!important;
padding-left: 15px;
background:#f8b648!important;
border:#f8b648 solid 2px!important
}
.salla-theme_6.color-mode-dark .site-header .sub-header * {
color: #ffffff;
}

/* ‫تصنيفــــــــــــات‬ */
.sub-nav .sub-nav-content.is-active {border-radius: 0rem 0 0 0rem;}
.salla-theme_6 .section-header .section--title {
flex: 1 0 0;
margin-right: 7px;
}
.sub-nav {
text-align: center;
background-color: #14141d;
}
.sub-nav .sub-nav-content {
right: 0;
top: 0;
width: 80%;
height: 100%;
background: #14141d;
transition: all .3s;
}
.salla-theme_6 .sub-nav .main-menu>li>a {
margin-left: 0!important;
color: #fff !important;
}
.main-menu li i { color: var(--main-color);}
.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories > li a
{
color: #ffffff !important;
margin: 5px;
border: #f8b648 solid 0px;
border-radius: 5px 5px 5px 5px !important;
}
.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories
li.active {
background-color: #14141d;
}
.sub-nav .main-menu li.sub-menu-header.categories-holder {
background-color: #14141d;
padding: 0!important;
}
.salla-theme_6 .cart-box--custom .cart-step.active-step .step-cont .cart-title span
{
color: #ffffff;
}
body .section-header h2.section--title span { font-size: 16px!important;}
.sub-nav-header {
background: #14141d;
}
.sub-nav__close svg{ fill: var(--main-color);}
.sub-nav__close svg:hover{ fill: #f8b648;}
.sub-nav-header::before {
content: "";
text-align: center !important;
display: block;
height: 65px !important;
background-image:
url('https://cdn.salla.sa/djdzo/i4kGjzD1qpxlogxiKvswb9zYjYiJab9GtzLv0bVS.png');
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: top center !important;
}
.sub-nav .main-menu li.sub-menu-header.categories-holder>span {
border-top: 5px solid #f8b648;
margin-top: -1px;
padding-top: 13px !important;
margin-bottom: -12px;
font-size: 18px;
}
.sub-nav .main-menu li.sub-menu-header.categories-holder>span {
display: block;
width: 100%;
font-weight: 400;;
border-top: 5px solid #eee;
text-align: center !important;
}
.sub-nav-header img{display: none;}
.sub-nav .main-menu li.sub-menu-header.categories-holder>span{border-top: 5px solid
#f8b648;}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories > li a


{
color: #fff !important;
padding: 5px 10px 5px 10px;
margin: 5px;
border: #f8b648 solid 0px;
border-radius:5px 5px 5px 5px !important;
}
.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories > li
a:hover {
color: #fff !important;
margin: 5px;
background: #f8b648;
border: #f8b648 solid 0px;
border-radius: 5px 5px 5px 5px !important;
}
.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li ul
li a {
min-height: 13px;
font-size: 13px!important;
background-size: 0px;
padding-right: 37px!important;
}
.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li ul
li a:hover {
min-height: 13px;
font-size: 13px!important;
background-size: 0px;
padding-right: 37px!important;
}
.sub-nav .main-menu li#ls_switcher_mobile ul li .btn {
width: 97%;
font-size: 13px;
text-align: right;
padding: 5px 10px;
padding-right: 40px!important;
background-color: transparent!important;
}
.sub-nav .main-menu>li.sub-menu-header{color: var(--main-color);}

.sub-nav .main-menu li#ls_switcher_mobile{ border-top: 5px solid var(--main-


color);}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li {


display: block!important;
position: relative;
border-bottom: 1px solid #ffffff;
}
.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li ul
li a {
min-height: 36px;
position: relative;
font-size: 13px!important;
padding-right: 37px!important;
}
/* ‫الدفـــــع‬ */
.salla-theme_6 footer .footer-sub {
background: #14141b;
color: #fff !important;
}
footer .footer-sub .footer-wrapper img, footer .footer-sub .fs-cont img {
width: unset!important;
max-width: unset!important;
height: 25px;
background: #fff;
padding: 2px 7px !important;
border-radius: 5px 5px 5px 5px;
}

/* ‫اسفــــــــــــل‬ */
.footer-title {
padding-bottom: 1rem;
}
footer .store-certificate b {
font-size: 13px;
color: #f8b648;
}
.salla-theme_6 footer .store-contact a {
color: #fff !important;
font-weight: 100 !important;
border: #f8b648 solid 1.5px;
padding: 2px 11px 5px 7px;
border-radius: 10px;
line-height: 37px;
}
.salla-theme_6 footer .store-contact a:hover {
color: #fff !important;
font-weight: 100 !important;
border: #f8b648 solid 1.5px;
padding: 2px 11px 5px 7px;
border-radius: 10px;
background: #f8b648;
line-height: 37px;
}
.footer-main {
background-color: #14141b;
}
footer .footer-title span {
border-radius: 5px;
color: #d11b1b !important;
}

.section--title.mb-4{visibility:hidden;height:2rem}.slick-active button{background-
color:#221b55!important}
.section--title.mb-4 {
visibility: hidden;
height:2rem!important;
}
.salla-theme_6 .social__item a * {
color: #FFF;
BACKGROUND: transparent;
padding: 6px 6px !important;
text-align: LEFT !important;
BORDER-COLOR: #000;
border: #f8b648 solid 1.5px;
border-radius: 10px;

}
.salla-theme_6 .social__item a *:HOVER {
color: #FFF;
BACKGROUND: #f8b648!important;
padding: 6px 6px !important;
text-align: LEFT !important;
BORDER-COLOR: #000;
border: #f8b648 solid 1.5px;
border-radius:10px;
}

.salla-theme_6 footer .footer-title span {


font-weight: 500!important;
font-size: 21px !important;
color: #f8b648 !important;
}
.footer-main * {
text-align: center !important;
}
.salla-theme_6 footer .footer-links a {
color: #fff;
}
.salla-theme_6 footer .footer-links a:hover {
color: #f8b648;
}
.footer-main * {
text-align: right !important;
}
/* ‫الخلفيـــــــــــة‬ */
body{
background-color: #14141b !important;
color: #ffffff !important;
}
/* ‫مميـــــــــــزات‬ */
.salla-theme_6 .feature-item {
width: 33%;
padding-right: 15px;
padding-left: 7px;
float: right;
}
.salla-theme_6 .feature-item {
width: 33%;
padding-right: 15px;
padding-left: 7px;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
flex-direction: column;
}
.feature-item h3, .feature-item p {
margin-top: 5px !important;
color: #fff !important;
margin-bottom: 16px !important;
PADDING: 0PX;
letter-spacing: 0.5px;
}
.salla-theme_6 .feature-item:after {
background-color: transparent !important;
}
.feature-item {
padding: 0.5rem;
background: transparent;
}
.feature-item:last-child>.feature-item__icon>i.sicon-calendar-
check:before{content:'\E961'!important}.section--title.mb-
4:before{content:'';visibility:visible;display:block

}
.feature-item__icon {
background: #f25a3a;
FONT-SIZE: 43PX;
color: #fff;
PADDING-TOP: 5PX;
border-radius: 15px !important;
height: 47px;
margin-bottom: 0px !important;
}
.feature-item__icon {
width: 102px;
display: flex;
height: 97px;
background-color: var(--main-color);
border: 0px solid #000;
box-shadow: 6px 0px 0 #f8b648;
border-right: 3px solid #F8F8F8;
font-size: 40px;
padding: 20px;
line-height: 78px;
justify-content: center;
align-items: center;
}
.feature-item p {
font-size: 14px;
}
.feature-item h3 {
font-weight: 600;
height: 37px;
}
.salla-theme_6 .u-light {
background-color: transparent;
border-radius: 5px;
width: 94%;
margin: auto;
margin-bottom: -44px !important;
margin-top: -23px;
}
.feature-item h3, .feature-item p {
margin-top: 5px !important;
color: #fff !important;
margin-bottom: 16px !important;
PADDING: 0PX;
letter-spacing: 0.5px;
}

.feature-item__icon{
color: #fff;
}
.feature-item:last-child>.feature-item__icon>i.sicon-calendar-
check:before{content:'\E961'!important}
/*
.section--title.mb-4:before {
content: '';
visibility: visible;
display: block;
font-weight: 900;
color: #f8b648 !important;
FONT-SIZE: 26PX;
}*/
.pb-5, .py-5 {
padding-bottom: 7px!important;
}
.pt-5, .py-5 {
padding-top: 1rem!important;
}
/* ‫العمــــــــــــــــــــــــــــــــالء‬ */
.bg-brand {
background-color: #14141b;
}
.salla-theme_6 .testimonails-listing .slick-dots li.slick-active button {
background-color: var(--main-color)!important;
}
.salla-theme_6 .testimonails-listing .slick-dots li.slick-active button {
width: 15px;
height: 0px;
border-radius: 2px;
}

.salla-theme_6 .testimonails-listing .testimonials-item blockquote {


text-align: center;
min-height: unset;
padding: 18px 20px 18px;
background: var(--main-color);
position: relative;
border-radius: 5px !important;
width: 102.2%;
margin-right: -4px;

}
.slick-dots li button {
font-size: 0;
line-height: 0;
padding: 2px;
color: aqua;
border: 0;
background: 0 0;
}
.slick-dots li button {
width: 15px !important;
height: 4px !important;
border-radius: 5px;
background-color: #f8b648;
}
.salla-theme_6 .testimonails-listing .slick-dots li button {
background-color: #f8b648;
}
body {
font-size: 14px;
line-height: 1.42857143;
color: #f8b648;
background-color: #fff;
}
.testimonials-item cite {
color: #ffffff;
}
/* ‫السلــــة يميـــــن‬ */

/* ‫تخفيضات‬ */
.salla-theme_6 .sub-nav .main-menu>li#offers a {
height: 40px;
min-height: 33px;
border-radius: 25px;
background: transparent !important;
color: #f25a3a!important;
}
.salla-theme_6 .sub-nav .main-menu>li#offers a:hover {
height: 40px;
min-height: 33px;
border-radius: 25px;
background: transparent !important;
color: #fff!important;
}
/* ‫خطــــوط‬ */
.salla-theme_6.color-mode-dark .site-header .header-wrapper .sub-nav__menu:hover
svg, .salla-theme_6.color-mode-dark .site-header .header-wrapper .sub-nav__menu svg
{
fill: #f25a3a;
}
/*‫*خلفية الشعار‬/
.site-header {
background: #14141b;
opacity: 100%;
padding-bottom: 0rem;
}
.site-header.sticky .container.py-3 {
transition: all .35s cubic-bezier(.2,1,.3,1);
padding-top: .5rem!important;
padding-bottom: 0rem!important;
}

/*‫*البحث‬/
.salla-theme_6 .site-header .header-top .search-wrapper #search #searchbox.prompt {
display: block;
}
.salla-theme_6 .site-header .header-top .search-container #searchbox {
border-radius: 10px;
box-shadow: none;
height: 34px;
margin: 4px 6px 10px 3px;
width: 97%;
}
/* ‫نقـــــــــاط‬ */
.slick-active button {
background-color: var(--main-color) !important;
width: 20px;
height: 4px;
padding: 0;
}
.main-slider.slick-dotted.slick-slider .slick-dots li.slick-active button {
border-radius: 2px;
}
.main-slider.slick-dotted.slick-slider .slick-dots li button {
width: 20px;
height: 4px;
margin: 0;
padding: 0;
transform-origin: center;
border-radius: 2px;
}
.slick-dots li button {
width: 12px;
height: 12px;
border-radius: 5px;
background-color: #f8b648;
}
/*===============================‫*===============================ترتيب المربعات‬/
.section--title.mb-4{visibility:hidden;height:1rem}
/* categorie comme */
.category-grid{
display: flex;
max-width: 1200px!important;
margin: auto !important;
}
section.section:nth-of-type(2) .category-grid>div .category-featured{
height: 327px;
}
section.section:nth-of-type(2) .category-grid > div{
width: calc(100%/1) !important;
position : center;
border-radius:15px;
padding: 0px !important;
}
.salla-theme_6 .section {
padding: 0rem 0!important;
}
.salla-theme_6 .category-grid>div .category-featured {
border-radius: 15px !important;
}
.salla-theme_6 .category-grid>div .category-featured{ border-radius: 5px;}
/* pour deux images par ligne */
.section:nth-of-type(1) .category-grid > div,
.section:nth-of-type(2) .category-grid > div,
.section:nth-of-type(3) .category-grid > div,
.section:nth-of-type(4) .category-grid > div,
.section:nth-of-type(5) .category-grid > div
{
width: 100% !important;
margin: 4px;
}
.category-featured {
font-family: dinnextltarabic-regular!important;
overflow: hidden;
margin-bottom: 0.02rem;
}
section.section:nth-of-type(3) .category-grid>div .category-featured,
section.section:nth-of-type(4) .category-grid>div .category-featured,
section.section:nth-of-type(5) .category-grid>div .category-featured{ height:
327px;}

.section--title {
font-family: dinnextltarabic-regular!important;
position: relative;
color: #636363;
font-size: 15px;
font-weight: 500;
z-index: 50;
}
.section-header .section--title { color: #ffffff;}

.main-slider.slick-dotted.slick-slider {
margin-bottom: -15px;
padding: 0 0 44px;
}

.jGrowl.top-right {
left: 356px;
top: 86px;
}
#jGrowl .jGrowl-notification {
background: #23232f;
font-size: 12px;
top: 120%;
margin-top: 20px;
height: 30px;
line-height: 30px;
border: solid 2px #f8b648;
text-align: center;
padding: 10px 10px 40px 10px;
border-radius: 5px;
position: absolute;
box-shadow: 0 1px 10px 2px rgb(0 0 0 / 15%);
}

.salla-theme_6 .site-header .header-top .logo a img {


height: 70px!important;
}

.page-box .panel-heading .product-title {


color: #ffffff !important;
}

.h5.panel-title, h5.panel-title {
font-size: 17px;
color: #000;
}

.rating-tabs__content p {
margin-bottom: 12px;
color: #000 !important;
}

.rating-tabs__content textarea {
height: 76px;
margin: 25px 0 0;
padding: 12px 15px;
color: #000;
resize: none;
}

.rated-order h5 {
flex: auto;
margin-right: 22px;
color: #000 !important;
position: relative;
}

.salla-theme_6 .testimonails-listing .testimonials-item blockquote {


text-align: center;
min-height: unset;
padding: 22px 22px 33px;
background: var(--main-color);
position: relative;
border-radius: 13px !important;
width: 102.2%;
margin-right: -4px;
}

.section--title {
font-family: dinnextltarabic-regular!important;
font-weight: 500;
font-size: 26px !important;
z-index: 50;
margin-bottom: 30px !important;
}
.btn--primary {
background-color: #14a6df!important;
color: #ffffff!important;
}

.sub-header {
color: #fff!important;
background-color: #14141b!important;
}

You might also like