/*----------------------------------------------------------------
                                GLOBAL
----------------------------------------------------------------*/

.dir-rtl {
    direction: rtl !important;
}

.dir-ltr {
    direction: ltr !important;
}

body.wb-rtl .direction-auto {
    direction: rtl !important;
}

body.wb-ltr .direction-auto {
    direction: ltr !important;
}

body.wb-ltr .direction-auto-reverse {
    direction: rtl !important;
}

body.wb-rtl .direction-auto-reverse {
    direction: ltr !important;
}

body.wb-rtl .text-align-auto {
    text-align: right !important;
}

body.wb-ltr .text-align-auto {
    text-align: left !important;
}

body.wb-ltr .text-align-auto-reverse {
    text-align: right !important;
}

body.wb-rtl .text-align-auto-reverse {
    text-align: left !important;
}

.MulltipleEllipsis-Clamp1 {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.MulltipleEllipsis-Clamp2 {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.MulltipleEllipsis-Clamp3 {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.MulltipleEllipsis-Clamp4 {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/*----------------------------------------------------------------
                                HEADER
----------------------------------------------------------------*/
.home-modern .header__right>li>a span,
.header__right>li>a span {
    background: var(--wb-primary-color);
}

.header-cart {
    right: auto;
    width: fit-content;
    margin-top: 0;
    padding: 10px;
}

.cart-item {
    margin-top: 10px;
}

.cart-item__image {
    width: 25px;
    min-width: 20px;
    margin: 0;
    padding: 0;
}

.cart-item__image a img {
    height: auto;
}

.cart-item:last-child .cart-item__image a {
    padding-bottom: 15px;
}

.header-user {
    margin: 0;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
}

.header-user .header-dashboard {
    margin: 0;
    font-size: 12px;
    line-height: 21px;
    background: var(--wb-primary-color);
    color: white;
    text-align: center;
    border-radius: 20px;
    min-width: fit-content;
    padding: 0 10px;
}

.sidebar-menu__social li a {
    text-align: center;
}

.sidebar-menu__social li a i {
    line-height: 40px;
}

body.wb-rtl .sidebar-menu__social li {
    margin: 25px 0 0 25px;
}

/*----------------------------------------------------------------
                             PRODUCTS
----------------------------------------------------------------*/
.home-products .slick-prev:before {
    content: "\F626";
    font-family: "fontello";
}

.home-products .slick-next:before {
    content: "\F625";
    font-family: "fontello";
}

body.wb-rtl .home-products__action {
    margin-right: auto;
    margin-left: 0;
}

/*----------------------------------------------------------
                            rating
----------------------------------------------------------*/
.rating-container {
    position: relative;
    overflow: hidden;
}

.rating {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #c3c3c3;
    overflow: hidden;
    direction: rtl;
}

.full-stars {
    position: absolute;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #000000;
}

.empty-stars:before,
.full-stars:before {
    content: "\f4ce\f4ce\f4ce\f4ce\f4ce";
    font-family: "fontello";
    font-size: 16px;
}

/*----------------------------------------------------------
                            ARTICLES
----------------------------------------------------------*/
.modern-blog__post-info {
    pointer-events: inherit;
}

/*----------------------------------------------------------
                            FOOTER
----------------------------------------------------------*/
.copyright {
    margin-top: 30px;
    padding-top: 30px;
}

.footer .footer__first-column,
.footer .footer__second-column,
.footer .footer__third-column,
.footer .footer__fourth-column {
    padding-top: 40px;
}

.subheader {
    padding-top: 150px;
}

body.wb-rtl .shop-breadcrumb__d-flex ol.breadcrumb {
    margin-right: auto;
    margin-left: 0;
}

body.wb-rtl .widget__checkbox-options li label span {
    padding-right: 35px;
    padding-left: 0;
}

body.wb-rtl .widget__checkbox-options li label span:after {
    right: 0;
    left: unset;
}

body.wb-rtl .widget__checkbox-options li label span:before {
    right: 5px;
    left: unset;
}

body.wb-rtl .collection .top-filter {
    right: 0;
    left: 20%;
}

body.wb-rtl .about-number__number {
    padding-right: 0;
    padding-left: 15px;
}

body.wb-rtl .modern-newsletter__button {
    right: unset;
    left: 10px;
}

body.wb-rtl .modern-newsletter__input {
    padding: 13px 65px 13px 100px;
    text-align: right;
}

body.wb-rtl .modern-newsletter__icon {
    left: unset;
    right: 20px;
    line-height: 0;
}

body.wb-rtl .sticky-add-to-cart__product-name {
    padding-left: 0;
    padding-right: 19px;
}

body.wb-rtl .tab__close {
    margin-right: auto;
    padding-right: 20px;
    padding-left: 0px;
    margin-left: 0;
}

body.wb-rtl .our-journal__post-meta li {
    margin-left: 32px;
    margin-right: 0;
}

body.wb-rtl .our-journal__post-meta li:after {
    left: -22px;
    right: unset
}

.sidebar-inner .post-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(15px +(20 - 15)*((100vw - 320px) /(1920 - 320)));
}

.sidebar-inner .post-wrap .post-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.sidebar-inner .post-wrap .post-box .img-box {
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 54px;
    height: 54px;
}

.sidebar-inner .post-wrap .post-box .content-box {
    width: calc(100% - 70px);
}

.accordion-button::after {
    margin-right: auto;
    margin-left: unset;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent;
}

.accordion-collapse {
    border: unset;
}

.accordion-body {
    padding-inline: 0;
}

.accordion-button {
    border: 0;
    padding-inline: 0;
    font-size: 1.1rem;
    color: #000;
}

.accordion-header {
    border-bottom: 1px solid #cecece;
}

.accordion-button:focus {
    box-shadow: unset;
}

.accordion-button::after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
}

.accordion-button:not(.collapsed)::after {
    filter: grayscale(5);
}

.pagination {
    align-items: center;
}

.page-item span {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background-color: #fff;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 0;
    padding: 8px 3px;
    margin: 0 10px;
    background: 0 0;
    color: #828282;
    width: 37px;
    height: 37px;
    text-align: center;
    border-radius: 0 !important;
    line-height: 0;
    border: 1px solid #ccc;
    cursor: pointer;
}

.page-item .page-link .text-next {
    display: none;
}

.page-item .text-perv {
    display: none;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.subheader {
    background-size: cover;
}