/* Theme Name: Rima Description: این قالب به صورت اختصاصی توسط لیمون تم برنامه نویسی شده. و به صورت اختصاصی برای طراحی سایت وبیم محفوظ میباشد. هرگونه کپی برداری ، فروش ، نال ، ریپ قالب ممنوع بوده و با متخلفین از طریق پلیس فتا اقدام خواهد شد. Author: لیمون تم Author URI: http://lemontheme.com/ Version: 8.9.4 Create Date: 1395/12/17 Update Date: 1399/03/17 Tags: ریما , پوسته فروشگاهی ریما , پوسته وردپرس ریما */ html, body { direction: rtl; font-family: IRANSans_Fa, sans-serif ; font-weight: 300; font-size: 14px; } body, caption { text-align: right; } body { background: #fafafa; } a { color: #888; } a:hover { text-decoration: none; color: #00bfa5; } button:focus, a:focus { outline: none; } .wrapper{overflow: hidden; position: relative} header#header { /*background: #819983; box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px; */ position: absolute; top: 0; left: 0; right: 0; padding-top: 35px; } header#header .top { padding: 10px 0; } header#header .top nav ul { padding: 0; margin: 0; list-style: none; } header#header .top nav ul li { display: inline-block; } header#header .top nav ul li a { font-size: 12px; transition: .3s; } header#header .top nav ul li a:hover { color: #666; } header#header .top nav ul li a i { margin-left: 7px; } header#header .top nav ul li:not(:last-of-type) a { margin-left: 15px; } header#header .middle .logo-col { text-align: left; } header#header .middle .header-logo a { display: block; } header#header .middle .header-logo a img { max-width: 100%; display: inline-block; } .woocommerce-product-search { padding-right: 246px; } .input-group { direction: ltr; } .input-group * { direction: rtl; } .btn-rima { background: #00bfa5; color: #fff; } header#header .middle { padding: 15px 0 20px 0; transition: .3s; } header#header.style-digikala .middle { padding: 10px 0 10px 0; } header#header .middle > .row > div { transition: 0.3s; } header#header .middle .basket-col .site-header-cart { list-style: none; padding: 0; margin: 0; } header#header .middle .basket-col .site-header-cart > li { display: block; } header#header .middle .basket-col .site-header-cart > li:not(:first-of-type) { visibility: hidden; opacity: 0; margin-top: 5px; transition: .3s; left: 15px; } header#header .middle .basket-col .site-header-cart:hover > li + li { visibility: visible; opacity: 1; margin-top: 0; } header#header .middle .basket-col .site-header-cart > li + li { position: absolute; display: block; background: #fff; z-index: 9999; box-shadow: rgba(0, 0, 0, .2) -1px 1px 3px; } header#header .middle .basket-col .site-header-cart > li:first-of-type a { width: 180px; display: block; background: #00bfa5; color: #fff; height: 45px; padding: 0 10px; transition: .3s; } header#header .middle .basket-col .site-header-cart > li:first-of-type a:hover { opacity: .9; } header#header .middle .basket-col .site-header-cart > li:first-of-type * { color: #fff; } header#header .middle .basket-col .site-header-cart > li:first-of-type a { position: relative; } header#header .middle .basket-col .site-header-cart > li:first-of-type span.icon { position: absolute; width: 45px; right: 0; height: 100%; text-align: center; line-height: 53px; background: rgba(0, 0, 0, .1); font-size: 28px; } header#header .middle .basket-col .site-header-cart > li:first-of-type span.icon i { color: rgba(255, 255, 255, .6); } header#header .middle .basket-col .site-header-cart > li:first-of-type a { padding-right: 55px; } header#header .middle .basket-col .site-header-cart > li:first-of-type span.count { background: #fff; line-height: 20px; display: inline-block !important; height: 20px; color: #00bfa5; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 10px; font-size: 13px; padding: 0 2px; min-width: 20px; } header#header .middle .basket-col .site-header-cart > li:first-of-type span.title { font-size: 13px; padding-top: 3px; } header#header .middle .basket-col .site-header-cart > li:first-of-type a { display: block; } header#header .middle .basket-col .site-header-cart > li:first-of-type a:hover { text-decoration: none; } header#header .middle .basket-col .site-header-cart > li:first-of-type .cart-contents span { display: block; font-weight: normal; } header#header .middle .basket-col .site-header-cart > li:first-of-type span.amount { font-size: 12px; opacity: .8; margin-top: -2px; } header#header .middle .basket-col .site-header-cart > li ul.woocommerce-mini-cart { padding: 0; overflow-y: auto; margin: 0; list-style: none; max-height: 300px; width: 300px; } header#header .middle .basket-col .site-header-cart > li ul.woocommerce-mini-cart li a.remove { width: 20px; display: inline-block; float: right; text-align: center; margin-top: 12px; } header#header .middle .basket-col .site-header-cart > li ul.woocommerce-mini-cart li a:not(.remove) { display: inline-block; float: right; padding-right: 50px; width: calc(100% - 20px); max-width: calc(100% - 20px); } header#header .middle .basket-col .site-header-cart > li ul.woocommerce-mini-cart li a:not(.remove) img { display: block; width: 45px; height: 45px; float: right; margin-right: -50px; } header#header .middle .basket-col .site-header-cart > li ul.woocommerce-mini-cart li::after { content: ""; display: block; clear: both; } header#header .middle .basket-col .site-header-cart > li ul.woocommerce-mini-cart li { padding: 15px 10px; border-bottom: #eee 1px solid; } header#header .middle .basket-col .site-header-cart > li ul.woocommerce-mini-cart li a:not(.remove) p.product-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 0 2px 0; font-size: 13px; color: #666; } header#header .middle .basket-col .site-header-cart > li ul.woocommerce-mini-cart li a:not(.remove) span.quantity { font-size: 11px; } header#header .middle .basket-col .site-header-cart > li p.woocommerce-mini-cart__total { text-align: center; padding: 10px; margin-bottom: 0; font-size: 13px; color: #666; background: #fafafa; } header#header .middle .basket-col .site-header-cart > li p.woocommerce-mini-cart__buttons { display: block; width: 100%; margin-bottom: 0; } header#header .middle .basket-col .site-header-cart > li p.woocommerce-mini-cart__buttons > a { display: inline-block; text-align: center; width: 50%; padding: 10px; border-top: #eee 1px solid; font-size: 13px; } header#header .middle .basket-col .site-header-cart > li p.woocommerce-mini-cart__buttons > a:first-of-type { border-left: 1px solid #eee; } header#header .middle .search-col input { border: none !important; border-radius: 0 !important; } header#header .middle .search-col input.form-control { box-shadow: rgba(0, 0, 0, .2) 0 0 3px; font-size: 13px; height: 45px; color: #999; } header#header .middle .search-col button.search-btn { position: absolute; left: 10px; z-index: 9; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: none; border: none; color: #999; background: transparent; width: 35px; cursor: pointer; font-size: 22px; line-height: 22px; } header#header .middle .search-col button.search-btn:focus { outline: none; } header#header .bottom { /*background: #fafafa; box-shadow: rgba(0, 0, 0, .03) 0 2px 2px inset;*/ } /* header#header .bottom nav#main-menu { position: relative; z-index: 999; } header#header .bottom #responsive-items { position: relative; } header#header .bottom ul { list-style: none; padding: 0; margin: 0; } header#header .bottom ul li { display: inline-block; position: relative; } header#header .bottom ul li.menu-item-has-mega-menu { position: static; } header#header .bottom ul li a, header#header .bottom ul li p { color: #666; font-size: 13px; display: inline-block; padding: 13px 10px; transition: .3s; position: relative; margin-bottom: 0; } header#header .bottom li > ul p { display: none; } header#header .bottom ul li.menu-item-has-children > a::after { content: "\f107"; font-family: Font Awesome\ 5 Pro; font-weight: 300; position: absolute; left: 50%; top: 28px; color: #aaa; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: .3s; } header#header .bottom ul li a:hover { color: #666; } header#header .bottom ul li:hover > a { color: #666; } header#header .bottom nav#main-menu ul li:not(:last-of-type)::after { content: "|"; color: #ccc; font-size: 12px; } header#header .bottom ul li > ul:not(.is-mega-menu-con), header#header .bottom ul li.menu-item-has-mega-menu > ul > li .mega-menu:not(.is-mega-menu-con) { visibility: hidden; opacity: 0; position: absolute; background: #fff; width: 200px; box-shadow: rgba(0, 0, 0, .2) 0 1px 3px; transition: .3s; margin-top: 5px; transition-delay: .5s; } header#header .bottom ul li > ul ul { margin-top: 0; margin-right: 5px; } header#header .bottom ul li > ul li:hover > ul { margin-right: 0px; } header#header .bottom ul li:hover > ul { opacity: 1; visibility: visible; margin-top: 0; } header#header .bottom ul li.menu-item-has-mega-menu > ul > li:hover > .mega-menu { opacity: 1; visibility: visible; margin-top: 0; } header#header .bottom ul li:hover > ul { opacity: 1; visibility: visible; margin-bottom: 0; } header#header .bottom ul li > ul li { display: block; } header#header .bottom ul li > ul li a { padding: 7px 15px; font-size: 12px; display: block; } header#header .bottom ul li > ul li a:hover { background: rgba(0, 0, 0, 0.03); } header#header .bottom ul li > ul li::after { display: none; } header#header .bottom ul li > ul ul { right: 100%; top: 0; } header#header .bottom li > ul li.menu-item-has-children > a { display: block; } header#header .bottom li > ul li.menu-item-has-children > a::after { content: "\f104"; font-family: Font Awesome\ 5 Pro; font-weight: 300; font-size: 16px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: .2s; color: #aaa; transition-delay: .5s } header#header .bottom li > ul li.menu-item-has-children:hover > a::after { transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); } header#header .bottom ul li.menu-item-has-mega-menu > ul:not(.is-mega-menu-con) { width: 100%; right: 0; left: 0; } header#header .bottom ul li.menu-item-has-mega-menu > ul:not(.is-mega-menu-con) > li { display: inline-block; position: static; float: right; } header#header .bottom ul li.menu-item-has-mega-menu > ul:not(.is-mega-menu-con) > li > a { padding: 8px 15px; } header#header .bottom ul li.menu-item-has-mega-menu > ul:not(.is-mega-menu-con)::after { content: ""; display: block; clear: both; } header#header .bottom ul li.menu-item-has-mega-menu > ul:not(.is-mega-menu-con) > li.menu-item-has-children > a::after { content: ""; border-width: 5px; border-style: solid; border-color: transparent transparent #00bfa5 transparent; position: absolute; top: calc(100% - 10px); left: 50%; transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; opacity: 0; transition: .3s; transition-delay: .5s } header#header .bottom ul li.menu-item-has-mega-menu > ul:not(.is-mega-menu-con) > li.menu-item-has-children:hover > a::after { opacity: 1; } header#header .bottom ul li.menu-item-has-mega-menu .is-mega-menu-con { border-top: #00bfa5 2px solid; width: 100%; right: 0; top: 100%; position: absolute; background: #fff; box-shadow: rgba(0, 0, 0, .2) 0 1px 3px; padding: 10px 0; background-repeat: no-repeat; background-position: bottom 20px left 20px; visibility: hidden; opacity: 0; } header#header .bottom ul li:hover>.is-mega-menu-con{ visibility: visible; opacity: 1; } header#header .bottom ul li.menu-item-has-mega-menu .is-mega-menu-con > li { width: 25%; float: right; position: static; margin: 0; background: transparent; } header#header .bottom ul li.menu-item-has-mega-menu .is-mega-menu-con > li ul { visibility: hidden; opacity: 0; position: static; box-shadow: none; margin: 0 10px 0 0 !important; width: auto; transition-delay: .5s; background: transparent; } header#header .bottom ul li.menu-item-has-mega-menu .is-mega-menu-con > li a { padding: 5px 10px; } header#header .bottom ul li:hover > .is-mega-menu-con > li ul { visibility: visible; opacity: 1; } header#header .bottom ul li:hover > .is-mega-menu-con > li ul a{ color: #666 !important; } header#header .bottom ul li.menu-item-has-mega-menu .is-mega-menu-con > li a::after { display: none; } header#header .bottom ul li.menu-item-has-mega-menu .is-mega-menu-con > li > a { font-weight: 600; color: #00bfa5; } */ main#main { padding-top: 25px; min-height: calc(100vh - 400px); } section.widget, .dokan-widget-area aside.widget { background: #fff; padding: 15px; box-shadow: rgba(0, 0, 0, .1) 0 1px 3px; } section.widget header.wg-header h6, .dokan-widget-area aside.widget h3.widget-title { text-align: right; color: #aaa; font-size: 12px; } section.widget header.wg-header, .dokan-widget-area aside.widget h3.widget-title { margin-bottom: 15px; } section.widget, .dokan-widget-area aside.widget { margin-bottom: 30px; } section.widget ul , .dokan-widget-area aside.widget ul{ list-style: none; padding: 0; margin: 0; line-height: normal; } section.widget ul li a , .dokan-widget-area aside.widget ul li a{ font-size: 12px; } footer#footer .footer-widgets aside.footer-sidebar section.widget ul li a, footer#footer .footer-widgets aside.footer-sidebar section.widget { color: #aaa; } section.widget ul li a:hover, footer#footer .footer-widgets aside.footer-sidebar section.widget ul li a:hover { color: #00bfa5; } section.widget .blog-posts ul li { position: relative; padding-right: 60px; list-style: none !important; } section.widget .blog-posts ul li figure { width: 50px; margin: 0 -60px 0 0; float: right; } section.widget .blog-posts ul li a::after { content: ""; display: block; clear: both; } section.widget .blog-posts ul li figure img { width: 100%; border-radius: 100%; } section.widget .blog-posts ul li h3 { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 3px; padding-top: 5px; display: block; font-weight: normal; } section.widget .blog-posts ul li time { font-size: 12px; color: #aaa; text-align: left; display: block; } section.widget .blog-posts ul li { margin-bottom: 10px; } .content-widget.slider-1 .carousel-indicators li { transition: .3s; } .content-widget.slider-1 .carousel-indicators li:not(.active) { width: 15px; } .carousel-indicators { direction: ltr; margin: 0; } .content-widget.slider-1 .carousel-caption { text-shadow: rgba(0, 0, 0, .5) 1px 1px; } .content-widget.slider-1 .carousel-caption p { font-size: 14px; } .content-widget { margin-bottom: 30px; } .content-widget:not(.transparent) { /*background: #fff; box-shadow: rgba(0, 0, 0, .1) 0 1px 3px; */ } .img-banner { box-shadow: rgba(0, 0, 0, .1) 0 1px 3px; margin: auto; display: block; width: 100%; background: #fff; color: transparent; } .input-group-text { border: none; background: #fff; width: 35px; } .content-widget.slider-2.style-2 .product-info .footer-sec .finished { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, .8); display: flex; align-items: center; justify-content: center; font-size: 16px; color: #aaa; padding-bottom: 30px; z-index: 9; } .woocommerce.single-product p.stock { font-size: 13px; color: #999; } .content-widget.slider-2.style-2 .product-info .footer-sec .finished span { background: #e02e2e; color: #fff; padding: 0 10px; position: relative; font-size: 13px; } .content-widget.slider-2.style-2 .product-info .footer-sec .finished span::before { content: ""; border-color: #e02e2e transparent transparent transparent; border-style: solid; border-width: 10px; position: absolute; right: 50%; top: 100%; transform: translateX(50%); -webkit-transform: translateX(50%); } .content-widget.slider-2 .carousel-indicators { background: rgba(20, 20, 20, .6); height: auto; left: 0; right: 0; bottom: 0; display: table; width: 100%; } .content-widget.slider-2 .carousel-indicators li { height: auto; display: table-cell; padding: 10px; text-align: center; text-indent: 0; background: transparent; color: #fff; font-size: 13px; position: relative; overflow: visible; white-space: nowrap; } .content-widget.slider-2 .carousel-indicators li::before { content: ""; border-width: 10px; border-style: solid; border-color: transparent transparent #fff transparent; width: auto; position: absolute; top: -10px !important; left: 50% !important; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0; } .content-widget.slider-2 .carousel-indicators li.active::before { top: -20px !important; opacity: 1; transition: .3s; } .content-widget.slider-2 .carousel-indicators li.active { background: #fff; color: #555; } .content-widget.slider-2 .carousel-indicators li::after { display: none; } .content-widget.steps span.title { font-size: 12px; text-align: center; display: block; color: #999; } .content-widget.steps .col-md { padding: 15px; } .content-widget.steps .step-icon { width: 35px; height: 35px; display: block; background: url(assets/images/steps-sprite.png); background-position-x: -51px; margin: auto auto 5px; } .content-widget.steps .step-icon.icon-express { background-position-x: 40px; width: 40px; } .content-widget.steps .step-icon.icon-qara2 { background-position-x: 110px; width: 35px; } .content-widget.steps .step-icon.icon-cube { background-position-x: 0; width: 27px; } .content-widget.steps .step-icon.icon-price { background-position-x: 146px; width: 33px; } .content-widget.steps .step-icon.icon-best-price { background-position-x: 76px; width: 33px; } .content-widget.steps .step-icon.icon-locate { background-position-x: -26px; width: 25px; } .content-widget.steps .owl-item { padding: 10px 0; } .content-widget.slider-2.style-2 .carousel-indicators { width: 180px; min-height: 100%; display: block; background: transparent; position: static; float: right; overflow: visible; } .content-widget.slider-2.style-2 .carousel-indicators li { display: block; width: 100%; margin: 0; color: #888; padding: 0 8px; font-size: 14px; min-height: 36px; line-height: 36px; white-space: normal; } .content-widget.slider-2.style-2 .carousel-indicators li::before { transform: none; -webkit-transform: none; top: 0 !important; right: 100%; left: inherit !important; border-color: transparent #00bfa5 transparent transparent; border-width: 18px; margin-left: 10px; z-index: 1; } .content-widget.slider-2.style-2 .carousel-indicators li.active::before { margin-left: 0; } .content-widget.slider-2.style-2 .carousel-indicators li.active { background: #00bfa5; color: #fff; } .content-widget.slider-2.style-2 .carousel-inner { width: calc(100% - 180px); float: left; border-right: #eee 1px solid; background: #fff; } .content-widget.slider-2.style-2 .carousel-inner .carousel-item { padding: 15px 30px; } .content-widget.slider-2.style-2 .carousel { height: auto; background: #f9f9f9; } .content-widget.slider-2.style-2 .carousel::after { content: ""; display: block; clear: both; } .admin-bar{ padding-top: 32px; position: relative; } .flip-clock-a * { font-family: IRANSans_Fa, sans-serif; } .content-widget.slider-2.style-2 .product-thumb h3 { font-size: 14px; line-height: normal; overflow: hidden; text-overflow: ellipsis; margin-bottom: 2px; max-height: 45px; } .content-widget.slider-2.style-2 .product-thumb .rate { height: 22px; margin-bottom: 20px; } /*.content-widget.slider-2.style-2 .product-thumb { border-left: #eee 1px solid; }*/ .content-widget.slider-2.style-2 .product-thumb a { display: block; } .content-widget.slider-2.style-2 .product-thumb img { width: 80%; margin: auto; display: block; } .content-widget.slider-2.style-2 .product-info .box-title { font-size: 14px; color: #999; text-align: left; } .content-widget.slider-2.style-2 .product-info .box-title span { color: #00bfa5; } .content-widget.slider-2.style-2 .product-info .feature-daels-price { background: #00bfa5; color: #fff; margin: 15px 0; line-height: 1.7; } .content-widget.slider-2.style-2 .product-info .feature-daels-price > * { display: inline-block; padding: 3px; float: right; width: 50%; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; font-size: 18px; } .content-widget.slider-2.style-2 .product-info .feature-daels-price::after { content: ""; display: block; clear: both; } .content-widget.slider-2.style-2 .product-info .feature-daels-price .remove-price, .content-widget.slider-2.style-2 .product-info .feature-daels-price del { background: #eee; text-decoration: line-through; color: #aaa; } .content-widget.slider-2.style-2 .product-info ul.feature-attr-p { list-style: inside square; padding: 0; font-size: 12px; color: #999; line-height: normal; height: 160px; overflow: hidden; } .content-widget.slider-2.style-2 .product-info .flip-clock-wrapper { text-align: right; margin: 0; } .content-widget header.section-header { padding: 15px; margin-bottom: 0; } .content-widget header.section-header h6 { font-size: 14px; color: #999; font-weight: normal; margin-bottom: 0; white-space: nowrap; } .content-widget header.section-header button.wg-tabs-toggle { background: none; border: none; color: #666; display: none; cursor: pointer; } .content-widget.products-carousel { position: relative; } .content-widget.products-carousel .owl-carousel { padding: 0 15px; } .content-widget.products-carousel .owl-nav { position: absolute; top: -15px; left: 15px; transform: translateY(-100%); -webkit-transform: translateY(-100%); } .content-widget.products-carousel .owl-nav > button { width: 25px; line-height: 25px; font-size: 18px; color: #999; background: #f5f5f5; margin: 0 2px; border-radius: 4px; transition: .3s; } .content-widget.products-carousel .owl-nav > button:not(.disabled):hover { background: #eee; } .content-widget.products-carousel .owl-nav > button:focus { outline: none; } .content-widget.products-carousel .owl-nav > button.disabled { opacity: .5; cursor: context-menu; } .content-widget article.item .info h3.title { font-size: 15px; white-space: normal; overflow: hidden; text-overflow: ellipsis; text-align: center; color: #072809; line-height: 25px; } .content-widget article.item .info > .price { text-align: center; color: #aaa; white-space: nowrap; height: 40px; direction: ltr; } .content-widget article.item .info > .price span span, .content-widget article.item .info > .price span.amount { color: #00bfa5; } .content-widget article.item .info > .price del span { text-decoration: line-through; color: #aaa !important; } .content-widget article.item .info > .price ins span { font-weight: 600; } .content-widget article.item .info { position: relative; padding-top: 10px; } .content-widget article.item figure { transition: .3s; } .content-widget article.item:hover figure { opacity: .7; } .content-widget article.item .info > .price span { display: inline-block; font-size: 12px; margin: 0 2px; } .content-widget article.item .actions { position: absolute; width: 100%; top: -10px; transform: translateY(-100%); -webkit-transform: translateY(-100%); } .content-widget article.item .actions ul { padding: 0; margin: 0; list-style: none; text-align: left; } .content-widget article.item .actions { overflow: hidden; } .content-widget article.item .actions ul li { display: inline-block; transform: translateX(-100%); -webkit-transform: translateX(-100%); opacity: 0; transition: .3s; float: left; margin-right: 0; } .content-widget article.item .actions ul li:nth-of-type(2n){ transform: translateX(100%); -webkit-transform: translateX(100%); } .content-widget article.item:hover .actions ul li { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } .content-widget article.item .actions ul li a { display: inline-block; background: rgba(242, 242, 242, 0.8); color: #fff; width: 30px; height: 30px; line-height: 35px; text-align: center; /* border-radius: 100px; */ transition: .3s; } .content-widget article.item .actions ul li a:hover { background: #999 !important; color: #fff !important; } .content-widget article.item .actions ul li.like a:hover, .content-widget article.item .actions ul li.like a.liked { background: #E34343 !important; color: #fff; } .content-widget article.item .actions ul li.like a.liked i, a.add-product-favo.liked i { font-weight: 900 } .content-widget article.item .actions ul li a.disabled, a.add-product-favo.disabled { pointer-events: none; opacity: .5; } .actions ul li.compare-button { font-size: 0 } .actions ul li.compare-button a::after { content: "\f074"; font-size: 14px; font-family: "Font Awesome\ 5 Pro", sans-serif; font-weight: 300; transform: translateY(-2.5px); -webkit-transform: translateY(-2.5px); display: inline-block; position: absolute; top: 0; left: 6px; } .actions ul li.Rating-Wrapper .Rating { display: none; cursor: pointer; border-radius: 25rem; position: absolute; } .products.columns-1 .actions ul li.Rating-Wrapper .Rating, .products.columns-2 .actions ul li.Rating-Wrapper .Rating, .products.columns-3 .actions ul li.Rating-Wrapper .Rating, .wide-style .products.columns-4 .actions ul li.Rating-Wrapper .Rating, .wide-style .products.columns-5 .actions ul li.Rating-Wrapper .Rating { display: block; } .actions ul li.Rating-Wrapper .Rating:hover { width: auto; } .actions ul li.Rating-Wrapper .Rating .star-rating { line-height: 20px; opacity: 0; margin-left: 10px; transition: all .3s; visibility: hidden; } .actions ul li.Rating-Wrapper .Rating:hover .star-rating { opacity: 1; margin-right: 30px; width: auto; transition: all .3s; visibility: visible; } .actions ul li.Rating-Wrapper .Rating::before { content: "\f005"; font-size: 14px; font-family: "Font Awesome\ 5 Pro", sans-serif; font-weight: 300; transform: translateY(-2.5px); -webkit-transform: translateY(-2.5px); display: inline-block; position: absolute; top: 0; right: 6px; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } .content-widget article.item .actions ul li a.disabled i, a.add-product-favo.disabled i { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .content-widget article.item .actions ul li a { color: #7a7a7a; } .content-widget article.item .actions ul li a:active { transform: scale(.9); -webkit-transform: scale(.9); } .content-widget article.item { position: relative; } .ribbons { position: absolute; top: 0; /*! left: 0; */ right: 2px; text-align: right; z-index: 9; } .ribbons > div > span { background: #FF1744; color: #fff; font-size: 11px; padding: 0 5px; margin: 0 0 2px 2px; display: inline-block; } .ribbons span.orange { background: #FF9100 } .ribbons span.green { background: #4caf50 } .ribbons span i { margin-left: 2px; transform: translateY(2px); -webkit-transform: translateY(2px); } .ribbons span > span { display: inline-block; } .content-widget.products-carousel.tabs header.section-header h6 { font-weight: 500; display: inline-block; margin-left: 15px; } .content-widget.products-carousel.tabs header.section-header ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .content-widget.products-carousel.tabs header.section-header ul li { display: inline-block; } .content-widget.products-carousel.tabs header.section-header ul li.close-li { display: none; } .content-widget.products-carousel.tabs header.section-header ul li:not(:last-of-type)::after { content: "/"; color: #ddd; margin: 0 5px; font-size: 12px; } .content-widget.products-carousel.tabs header.section-header ul li a { display: inline-block; font-size: 12px; color: #999; } .content-widget.products-carousel.tabs header.section-header ul li.active a { color: #00bfa5; font-weight: 600; } .content-widget.products-carousel.brand div.item { margin: 15px 0 30px 0; } .content-widget.blog-posts { box-shadow: none; background: #eee; border-radius: 0 !important; position: relative; overflow: visible !important; } .content-widget.blog-posts::before { content: ""; display: block; background: #000; position: absolute; left: 0; right: 0; z-index: 0; opacity: 1; height: 100%; margin-left: calc(50% - 49.4vw); margin-right: calc(50% - 49.4vw); box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 100vw inset; } /*.content-widget.blog-posts { padding-bottom: 60px; } */ .content-widget.blog-posts header.section-header { padding: 30px 0; position: relative; } .content-widget.blog-posts header.section-header h6 { display: inline-block; color: #fff; } .content-widget.blog-posts header.section-header a.archive-link { float: left; color: #fff; white-space: nowrap; } .content-widget.blog-posts .blog-posts article.item { box-shadow: rgba(0, 0, 0, .1) -2px 2px 3px; } .content-widget.blog-posts .blog-posts article.item figure { margin: 0; } .content-widget.blog-posts .blog-posts article.item figcaption { background: #fff; padding: 15px 10px; } .content-widget.blog-posts .blog-posts article.item figcaption h3 { display: block; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; } .content-widget.blog-posts .blog-posts .owl-nav { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); pointer-events: none; } .content-widget.blog-posts .blog-posts .owl-nav button { background: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; margin-right: -50px; font-size: 32px; color: #999; pointer-events: all; opacity: 0; transition: .3s; } .content-widget.blog-posts .blog-posts:hover .owl-nav button:not(.disabled) { opacity: 1; } .content-widget.blog-posts .blog-posts .owl-nav button:focus { outline: none; } .content-widget.blog-posts .blog-posts .owl-nav button.owl-next { float: left; margin-right: 0; margin-left: -50px; } footer#footer { position: relative; margin-top: 160px; border-top: 2px solid #00bfa5; background: #1c1c1c; } footer#footer::before { content: ""; display: block; background: url(assets/images/footer-bg.png); width: 1056px; height: 146px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); max-width: 100%; } footer#footer .footer-widgets { padding: 20px 0 0 0; background: #2f2f2f; } footer#footer .footer-widgets aside.footer-sidebar section.widget { background: transparent; box-shadow: none; } footer#footer .footer-widgets aside.footer-sidebar section.widget header.wg-header { border-bottom: rgba(0, 0, 0, .2) 2px solid; padding: 0; } footer#footer .footer-widgets aside.footer-sidebar section.widget header.wg-header h6 { border-bottom: #00bfa5 2px solid; display: inline-block; margin: 0 0 -2px 0; padding: 5px; color: #fff; white-space: nowrap; } footer#footer .footer-widgets aside.footer-sidebar section.widget ul li { font-size: 11px; list-style: inside square; color: #888 } footer#footer .contact-we { border-top: rgba(255, 255, 255, .05) 1px solid; border-bottom: rgba(255, 255, 255, .05) 1px solid; color: #999; font-size: 14px; padding: 15px 15px 5px 15px; min-height: 53px; } footer#footer .contact-we p.time-text { margin-bottom: 0; } footer#footer .contact-we ul.list-icon { list-style: none; padding: 0; margin: 0; text-align: left; } footer#footer .contact-we ul.list-icon li { display: inline-block; margin-right: 20px; } footer#footer .contact-we ul.list-icon li::after { content: ""; display: block; clear: both; } footer#footer .contact-we ul.list-icon li i { float: left; margin-right: 10px; font-size: 24px; transform: translateY(-5px); -webkit-transform: translateY(-5px); } footer#footer .contact-we ul.list-icon li span { float: left; } footer#footer .about-we { padding: 40px 0; color: #fff; } footer#footer .about-we p { text-align: justify; margin: 15px 0 0 0; font-size: 12px; line-height: normal; color: #888; } footer#footer .about-we .newsletters h5 { font-size: 14px; color: #ccc; } footer#footer .about-we .newsletters > p { margin-top: 5px; margin-bottom: 10px; } footer#footer .about-we .newsletters form { position: relative; } footer#footer .about-we .newsletters form label { display: none; } footer#footer .about-we .newsletters form .tnp-field-email { width: calc(100% - 100px); float: right; } footer#footer .about-we .newsletters form .tnp-field-email input { width: 100%; border: none; height: 40px; padding: 0 15px; background: #222; color: #aaa; font-weight: normal; font-size: 12px; transition: .3s; box-shadow: none !important; } footer#footer .about-we .newsletters form .tnp-field-email input:focus { background: #252525; } footer#footer .about-we .newsletters form .tnp-field-button { width: 100px; float: right; } footer#footer .about-we .newsletters form .tnp-field-button input { width: 100%; height: 40px; line-height: 40px; text-align: center; border: none; color: #999; background: #333; transition: .3s; cursor: pointer; font-size: 14px; } footer#footer .about-we .newsletters form .tnp-field-button input:hover { background: #00bfa5; color: #fff; } footer#footer .about-we .newsletters form::after { content: ""; display: block; clear: both; } footer#footer .about-we .footer-socials { margin-top: 15px; } footer#footer .about-we .footer-socials ul { list-style: none; padding: 0; margin: 0; text-align: left; } footer#footer .about-we .footer-socials ul li { display: inline-block; margin-right: 2px; margin-bottom: 2px; } footer#footer .about-we .footer-socials ul li a { display: block; width: 45px; height: 45px; font-size: 24px; background: #333; text-align: center; line-height: 50px; border-radius: 3px; color: #777; transition: .3s; } footer#footer .about-we .footer-socials ul li a:hover { background: #00bfa5; color: #fff; } footer#footer .footer-copyright { background: #131313; padding: 10px 0; color: #666; } footer#footer .footer-copyright p.cp-text { margin: 0 0 5px 0;; font-size: 13px; } footer#footer .footer-copyright nav.footer-menu ul { padding: 0; margin: 0; list-style: none; } footer#footer .footer-copyright nav.footer-menu ul li { display: inline-block; margin-left: 5px; } footer#footer .footer-copyright nav.footer-menu ul li:not(:last-of-type)::after { content: "/"; font-size: 11px; color: #222; } footer#footer .footer-copyright nav.footer-menu ul li a { color: #444; font-size: 12px; display: inline-block; margin-left: 5px; transition: .3s; } footer#footer .footer-copyright nav.footer-menu ul li { position: relative; } footer#footer .footer-copyright nav.footer-menu ul li a:hover { color: #aaa; } footer#footer .footer-copyright nav.footer-menu ul li > ul { position: absolute; bottom: 100%; background: #fff; width: 200px; opacity: 0; visibility: hidden; transition: .3s; } footer#footer .footer-copyright nav.footer-menu ul li:hover > ul { opacity: 1; visibility: visible; } footer#footer .footer-copyright nav.footer-menu ul li > ul li { display: block; padding: 2px 10px; } footer#footer .footer-copyright nav.footer-menu ul li > ul ul { right: 100%; bottom: 0; } footer#footer .footer-copyright nav.footer-menu ul li > ul li a:hover { color: #00bfa5 } footer#footer .footer-copyright nav.footer-menu ul li > ul li::after { display: none; } header#header .awesome-offer a { display: block; font-size: 14px; height: 45.5px; line-height: 45.5px; text-align: center; background: rgba(0, 0, 0, .03); transition: .3s; } header#header .awesome-offer a:hover { background: #00bfa5; color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0 3px 3px inset; } header#header .bottom nav#responsive-items ul li button, header#header .bottom nav#responsive-items ul li .button, header#header .bottom nav#responsive-items ul li .action-btn { background: none; border: none; height: 100%; /*! width: 56px; */ line-height: 60px; font-size: 24px; text-align: center; color: #333; cursor: pointer; display: inline-block; padding: 0 8px; } header#header .bottom nav#responsive-items > ul > li { height: 56px; /*! overflow: hidden; */ float: right; } header#header .bottom nav#responsive-items > ul > li.search { position: static; } header#header .bottom nav#responsive-items > ul > li #res-basket-btn { position: relative; } header#header .bottom nav#responsive-items > ul > li #res-basket-btn span.count { display: inline-block; min-width: 20px; height: 20px; position: absolute; background: #FF1744; line-height: 20px; font-size: 14px; right: -3px; top: 6px; color: #fff; border-radius: 100px; padding: 0 5px; } header#header .bottom nav#responsive-items ul::after { content: ""; display: block; clear: both; } header#header .bottom nav#responsive-items ul li .logo img { max-height: 100%; } header#header .bottom nav#responsive-items ul li .logo a { display: block; height: 56px; } header#header .bottom nav#responsive-items > ul > li:not(.right):not(:first-of-type) { float: left; margin-left: 15px; } header#header .bottom nav#responsive-items ul li > ul { position: absolute; left: 0; right: auto; z-index: 9999; top: 100%; } header#header .bottom nav#responsive-items ul li:hover > ul, header#header .bottom nav#responsive-items ul li > ul { } header#header .bottom nav#responsive-items ul li > ul i { margin-left: 10px; } header#header .bottom nav#responsive-items ul li > ul.search-box { width: 100%; top: 0; box-shadow: none; height: 57px; margin-top: 0; transform: scaleX(.5); -webkit-transform: scaleX(.5); visibility: hidden; opacity: 0; } header#header .bottom nav#responsive-items ul li > button.show + ul.search-box { transform: scaleX(1); -webkit-transform: scaleX(1); visibility: visible; opacity: 1; } header#header .bottom nav#responsive-items ul li > ul.search-box input.form-control { border: none !important; box-shadow: none !important; font-size: 14px; height: 57px; } header#header nav#responsive-items .mobile-ajax-search-box .rima-loading { width: 40px; height: 40px; left: 4rem; top: 1rem; } header#header .bottom nav#responsive-items .logo { line-height: 50px !important; } header#header .bottom nav#responsive-items .logo h1 { display: inline-block; margin: 0; padding: 0; font-size: 16px; font-weight: normal; color: #666; } #side-menu { background: #fff; border-left: 1px solid rgba(0, 0, 0, .12); bottom: 0; font-size: 14px; overflow-y: auto; padding: 15px 0; position: fixed; top: 0; transform: translateX(100%); -webkit-transform: translateX(100%); transition: transform .15s cubic-bezier(.4, 0, .2, 1); transition-duration: 0.15s; width: 280px; z-index: 99999; } #side-menu.show { transform: translateX(0%); -webkit-transform: translateX(0%); } .ui-mask { background-color: rgba(0, 0, 0, .5); bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; transform: translateZ(0); transition: opacity .2s linear; visibility: hidden; z-index: 4; } #side-menu.show + .ui-mask { opacity: 1; visibility: visible; z-index: 9999; } #side-menu header.menu-header { text-align: center; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dadce0; } #side-menu header.menu-header a { display: inline-block; } #side-menu header.menu-header a img { height: 40px; } #side-menu nav#responsive-menu ul { margin: 0; padding: 0; list-style: none; } #side-menu nav#responsive-menu ul li a { display: block; padding: 12px 24px 12px 48px; line-height: 18px; transition: .3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #side-menu nav#responsive-menu ul li a:hover { background: #f5f5f5; color: #202124; } #side-menu nav#responsive-menu ul li > ul li a { padding-right: 48px; } #side-menu nav#responsive-menu ul li > ul li a { padding-right: 48px; } #side-menu nav#responsive-menu ul li > ul li > ul a { padding-right: 86px; } #side-menu nav#responsive-menu ul li > ul { display: none; } #side-menu nav#responsive-menu ul li { position: relative; } #side-menu nav#responsive-menu ul span.toggle { position: absolute; left: 0; top: 0; width: 42px; text-align: center; line-height: 42px; cursor: pointer; transition: .3s; font-size: 20px; color: #999; } #side-menu nav#responsive-menu ul span.toggle:hover { background: #f5f5f5; } #side-menu nav#responsive-menu ul span.toggle i { transition: .3s; } #side-menu nav#responsive-menu ul span.toggle.active i { transform: rotate(180deg); -webkit-transform: rotate(180deg); } button#footer-menu-toggle { background: #444; border: none; color: #fff; padding: 5px 10px; display: inline-block; margin: auto; } footer#footer .footer-copyright nav.footer-menu ul li span.toggle { display: none; } .modal-header .close { margin: auto -1rem -1rem -1rem; } .btn-primary { background-color: #00bfa5; border-color: #00bfa5; } .btn-primary:hover { background-color: #00bfa5; border-color: #00bfa5; } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn-primary.disabled, .btn-primary:disabled { background-color: #00bfa5; border-color: #00bfa5; } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .1); } .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .1); } .form-control:focus { border-color: #00bfa5; box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .1); } header#header .header-logo h1 { font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } header#header .middle .basket-col .site-header-cart > li:first-of-type span.amount span { display: inline-block; } header#header .middle .basket-col .site-header-cart > li p.woocommerce-mini-cart__empty-message { font-size: 13px; margin: 0; padding: 15px 10px; color: #999; white-space: nowrap; width: 300px; text-align: center; } header#header .middle .basket-col .site-header-cart > li p.woocommerce-mini-cart__empty-message::before { content: "\f07a"; font-family: "Font Awesome\ 5 Pro", sans-serif; font-weight: 300; display: block; font-size: 36px; color: #ccc; margin-bottom: 10px; } .form-control, .btn { font-size: 13px; } section.blog-home article.post-item { background: #fff; box-shadow: rgba(0, 0, 0, .1) 0 1px 3px; padding: 20px 0; } section.blog-home article.post-item:not(:last-of-type) { margin-bottom: 30px; } section.blog-home article.post-item > div:not(.entry-header) { padding: 0 30px; } section.blog-home article.post-item figure { background: #f5f5f5; margin: -20px 0 0 0; } section.blog-home article.post-item figure a { display: block; text-align: center; } section.blog-home article.post-item figure a img { margin: auto; width: 100%; height: auto; } section.blog-home article.post-item .info { margin-top: 10px; } section.blog-home article.post-item .info ul { list-style: none; padding: 0; margin: 0; } section.blog-home article.post-item .info ul ul { display: inline-block; } section.blog-home article.post-item .info ul li { display: inline-block; margin-left: 15px; } section.blog-home article.post-item .info ul li i { margin-left: 5px; color: #999; } section.blog-home article.post-item .info ul li, section.blog-home article.post-item .info ul li a { color: #777; font-size: 11px; } .cb-view-mode button{ background: transparent; border: none; color: #999; padding: 0; height: 25px; width: 25px; text-align: center; line-height: 25px; cursor: pointer; } .shop-product-list button.cb-v-list{ color: #666; } body:not(.shop-product-list) button.cb-v-grid{ color: #666; } section.blog-home article.post-item .title { margin-top: 15px; } section.blog-home article.post-item .title a { display: inline-block; } section.blog-home article.post-item .title h2 { display: inline-block; padding: 0; margin: 0; font-size: 18px; color: #777; font-weight: normal; transition: .2s; } section.blog-home article.post-item .title h2:hover { color: #00bfa5; } section.blog-home article.post-item .content { font-size: 13px; line-height: normal; color: #777; margin-top: 15px; padding-bottom: 15px; } section.blog-home article.post-item .read-more { text-align: right; } section.blog-home article.post-item .read-more a { display: inline-block; padding: 0 20px; background: #00bfa5; color: #fff; font-size: 13px; transition: .2s; height: 25px; line-height: 25px; position: relative; } section.blog-home article.post-item .read-more a i { font-size: 25px; position: absolute; opacity: 0; transition: .2s; margin-right: -10px; } section.blog-home article.post-item .read-more a:hover { padding-left: 40px; } section.blog-home article.post-item .read-more a:hover i { margin-right: 10px; opacity: 1; } .navigation.pagination { margin: 30px 0; } .navigation.pagination h2.screen-reader-text { font-size: 14px; color: #999; padding-left: 30px; height: 30px; line-height: 30px; } .navigation.pagination .nav-links > * { display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; background: #fff; font-size: 13px; transition: .2s; } .navigation.pagination .nav-links span.current { color: #aaa; font-weight: 500; } .navigation.pagination .nav-links a:hover { background: #00bfa5; color: #fff; } section.blog-home article.post-item .tags { font-size: 13px; color: #999 } section.blog-home article.post-item .tags a { display: inline-block; padding: 0 5px; } section.blog-home article.post-item .tags a:first-of-type { margin-right: 15px; } section.blog-home .post-wg { background: #fff; margin-top: 30px; margin-bottom: 30px; padding: 20px; box-shadow: rgba(0, 0, 0, .1) 0 1px 3px; } section.blog-home .post-wg.post-comments h3.comment-reply-title, section.blog-home .post-wg .comments-title { font-size: 18px; color: #777; font-weight: normal; } section.blog-home .post-wg.post-comments p.logged-in-as, section.blog-home .post-wg.post-comments p.comment-notes { font-size: 14px; margin-bottom: 20px; color: #999; } section.blog-home .post-wg ol.comment-list { padding: 0; margin: 0 0 15px 0; list-style: none; } section.blog-home .post-wg ol.comment-list li:not(:last-of-type) { border-bottom: #eee 1px solid; } section.blog-home .post-wg ol.comment-list li footer.comment-meta img { width: 40px; height: auto; position: absolute; margin-right: -50px; } section.blog-home .post-wg ol.comment-list li .reply { text-align: left; font-size: 14px; } section.blog-home .post-wg ol.comment-list li footer.comment-meta { font-size: 13px; padding-right: 55px; color: #999; } section.blog-home .post-wg ol.comment-list li footer.comment-meta .comment-metadata { font-size: 12px; padding-bottom: 5px; } section.blog-home .post-wg ol.comment-list li footer.comment-meta .comment-author { font-size: 14px; color: #777; padding-top: 5px; } section.blog-home .post-wg ol.comment-list li .comment-content { margin: 0 0 5px 0; color: #777; font-size: 14px; padding: 10px; } section.blog-home .post-wg ol.comment-list li .comment-content p { margin: 0; } section.blog-home .post-wg ol.comment-list ul.children { list-style: none; } section.blog-home .post-wg .comments-title { margin-bottom: 30px; } .woocommerce nav.woocommerce-MyAccount-navigation ul { padding: 0; list-style: none; } .woocommerce nav.woocommerce-MyAccount-navigation ul li { display: inline-block; } .woocommerce nav.woocommerce-MyAccount-navigation ul li a { display: inline-block; padding: 5px 10px; } .woocommerce nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #00bfa5; } .woocommerce nav.woocommerce-MyAccount-navigation ul li:not(:last-of-type)::after { content: "/"; color: #aaa; } .woocommerce .woocommerce-error { list-style: none; padding: 0; margin: 15px 0; color: red; } .woocommerce .woocommerce-error li { padding: 0; margin: 0; } .rima-wc-span-100 span.woocommerce-input-wrapper { display: block; width: 100%; } .woocommerce-MyAccount-content h3 { margin-bottom: 15px; font-size: 18px; } .woocommerce-page.woocommerce-cart table.shop_table { width: 100%; } .woocommerce-page.woocommerce-cart table.shop_table td, .woocommerce-page.woocommerce-cart table.shop_table th { border: #eee 1px solid; padding: 5px 10px; } .woocommerce-page.woocommerce-cart table.shop_table td:not(.product-name) { text-align: center; } .woocommerce-page.woocommerce-cart table.shop_table td.product-remove { background: #fff7f7; } .woocommerce-page.woocommerce-cart table.shop_table td.product-remove a { color: #ff0000; font-size: 18px; opacity: .5; transition: .2s; } .woocommerce-page.woocommerce-cart table.shop_table td.product-remove a:hover { opacity: 1; } .woocommerce-page.woocommerce-cart table.shop_table th { text-align: center; } .woocommerce-page.woocommerce-cart table.shop_table thead { background: #fafafa; } .woocommerce-page.woocommerce-cart table.shop_table td img { height: auto; min-width: 40px; max-width: 40px; } .woocommerce-page.woocommerce-cart table.shop_table td.product-name a { display: inline-block; max-width: 100%; font-size: 13px; } .woocommerce-page.woocommerce-cart table.shop_table td input.qty { width: 50px; border: #eee 1px solid; padding: 1px 5px; border-radius: 3px; } .woocommerce-page.woocommerce-cart .cart-collaterals { margin-top: 30px; } .woocommerce-page.woocommerce-cart .cart-collaterals .cart_totals > h2 { font-size: 18px; color: #999; margin-bottom: 15px; } .woocommerce-page.woocommerce-cart .cart-collaterals table th { width: 10%; background: #fafafa; } .woocommerce-page.woocommerce-cart .cart-collaterals table td { text-align: right !important; } .woocommerce-page.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout { text-align: left; margin-top: 15px; } .woocommerce-message { background: #777; padding: 0 5px 0 0; color: #fff; line-height: 40px; margin-bottom: 30px; font-size: 13px; } .woocommerce-message a { float: left; display: inline-block; padding: 0 15px; color: #fff; background: rgba(0, 0, 0, .2); height: 40px; line-height: 40px; } .woocommerce-message a:hover { background: rgba(0, 0, 0, .3) } .woocommerce .checkout.woocommerce-checkout { margin-top: 30px; } .woocommerce .checkout.woocommerce-checkout h3 { font-size: 18px; } .woocommerce-columns--addresses h2, .woocommerce-order-details__title, .woocommerce-order-downloads__title { font-size: 18px; margin-top: 15px; } /* header#header .bottom ul li.menu-item-has-mega-menu > ul > li.loading > a::after { content: ""; display: inline-block; border: 2px solid #eee; border-top: 2px solid #00bfa5; border-radius: 50%; width: 15px; height: 15px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; position: absolute; top: 9px; left: 3px; } header#header .bottom ul li.menu-item-has-mega-menu > ul > li.loading > a { padding-left: 25px; } */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .spinner { display: block; border: 2px solid #eee; /* Light grey */ border-top: 2px solid #00bfa5; /* Blue */ border-radius: 50%; width: 40px; height: 40px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; position: absolute; margin-right: 5px; margin-top: 2px; } .content-widget.products-carousel .carousel-content { position: relative; } .content-widget.products-carousel .loading-container { display: none; } .content-widget.products-carousel .loading { position: absolute; z-index: 9; background: rgba(255, 255, 255, .8); top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; } .content-widget.products-carousel .loading.visible { opacity: 1; visibility: visible !important; } .woocommerce.single-product div.product > .product-section, .woocommerce.single-product div.product .woocommerce-tabs.wc-tabs-wrapper, nav.woocommerce-breadcrumb, .woocommerce.single-product div.product .woocommerce-tabs.wc-tabs-wrapper { background: #fff; padding: 20px; box-shadow: rgba(0, 0, 0, .1) 0 1px 3px; margin-bottom: 30px; } nav.woocommerce-breadcrumb { margin-bottom: 15px; margin-top: 0; } .woocommerce .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { text-align: center; } .woocommerce .woocommerce-product-gallery .flex-control-thumbs { list-style: none; padding: 0; margin: 15px 0 0; } .woocommerce .woocommerce-product-gallery .flex-control-thumbs li { display: inline-block; width: 20%; cursor: pointer; padding: 2px; } header#header .middle .basket-col .site-header-cart > li ul.woocommerce-mini-cart li .variation { display: none; } dl.variation dd, dl.variation dt { display: inline-block; margin: 0; } dl.variation, dl.variation p { margin: 0; } dl.variation dd { margin-left: 15px; } nav.woocommerce-breadcrumb { font-size: 13px; padding: 8px 10px; color: #bbb; } nav.woocommerce-breadcrumb a { font-size: 13px; } nav.woocommerce-breadcrumb span { color: #eee; padding: 0 2px; } nav.woocommerce-breadcrumb span.current { color: #bbb; font-size: 13px; } nav.woocommerce-breadcrumb i { margin-left: 10px; font-size: 14px; transform: translateY(2px); -webkit-transform: translateY(2px); } nav.woocommerce-breadcrumb > * { float: right; display: inline-block; } nav.woocommerce-breadcrumb::after { content: ""; display: block; clear: both; } .orderby.custom-select { border-radius: 0 !important; border: none !important; box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px; color: #999; font-size: 13px; } .single-product main#main { padding-top: 20px; } /*.woocommerce-variation-add-to-cart input.input-text { border: none; height: 32px; line-height: 32px; text-align: center; color: #fff; background: #00bfa5; width: 70px; padding-left: 16px; } .woocommerce-variation-add-to-cart .quantity { display: inline-block; position: relative; margin-left: 1px; } .woocommerce-variation-add-to-cart .quantity .screen-reader-text { display: none; } .woocommerce-variation-add-to-cart .quantity .screen-reader-text::after { content: ":"; } .woocommerce-variation-add-to-cart .quantity span { display: block; position: absolute; top: 0; left: 0; height: 50%; width: 33.5px; text-align: center; line-height: 16px; background: #00bfa5; cursor: pointer; font-size: 16px; color: #fff; border-right: #fff 1px solid; -webkit-user-select: none; overflow: hidden; } .woocommerce-variation-add-to-cart .quantity span:hover { box-shadow: rgba(255, 255, 255, .1) 0 500px 0 inset; } .woocommerce-variation-add-to-cart .quantity span.m-btn { top: 50%; border-top: #fff 1px solid; } */ .woocommerce h1.product_title.entry-title { font-size: 18px; color: #444; text-align: center; } .woocommerce h3.product_sub_title.entry-sub-title { font-size: 12px; color: #666; font-weight: normal; margin-bottom: 0; } .woocommerce .title-bg { background: #f7f7f7; padding: 15px 15px 5px; margin-bottom: 30px; border-radius: 10px; } .woocommerce p.price { color: #aaa; text-align: left; margin-bottom: 20px; } .woocommerce p.price > span, .woocommerce p.price ins { font-size: 16px; color: #4caf50; padding: 0 5px; text-decoration: none; } .woocommerce p.price * { font-size: 16px; } .woocommerce p.price span.price-text { float: right; color: #777; } .product .single_add_to_cart_button { position: relative; float: left; } .product .single_add_to_cart_button i { margin-left: 10px; font-size: 18px; position: absolute; right: 10px } .woocommerce .variations_form.cart label { font-size: 14px; color: #999; } .woocommerce .variations_form.cart td { padding-bottom: 5px; } .woocommerce .variations_form.cart select.custom-select { font-size: 12px; color: #666; border: none; box-shadow: none; border-radius: 0; background-color: #f9f9f9; } .rima-loading { position: absolute; left: 15px; right: 0; top: 0; bottom: 0; background: #fff; z-index: 9; text-align: center; } .rima-loading .spinner { position: static !important; margin: -7.5px auto auto auto; } .woocommerce-variation-add-to-cart span.ct-title { font-size: 14px; color: #999; } .woocommerce .product-left-attrs ul { padding: 0; margin: 0; list-style: none; line-height: normal } .woocommerce .product-left-attrs ul li { white-space: normal; overflow: hidden; text-overflow: ellipsis; color: #000; font-size: 13px; line-height: 25px; text-align: justify; } .woocommerce .product-left-attrs ul li span { display: inline-block; margin: 0 0 0 5px; color: #105133; font-weight: 500; } .woocommerce .product-left-attrs h6.title { font-size: 14px; color: #777; padding-bottom: 9px; } .woocommerce-tabs.wc-tabs-wrapper { padding-top: 0 !important; overflow: hidden; } .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs { padding: 0; margin: 0 -20px; list-style: none; height: 55px; background: #fafafa; border-bottom: #eee 1px solid; } .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li { display: inline-block; font-size: 14px; position: relative; } .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li.active { font-weight: 500; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0 -8px 8px 2px, #00bfa5 0 2px 0 inset; } .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li a { display: inline-block; height: 55px; line-height: 55px; padding: 0 28px; border-left: #e5e5e5 1px solid; color: #999; } .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li a i { font-size: 20px; margin-left: 10px; transform: translateY(2.5px); -webkit-transform: translateY(2.5px); } .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li.active a { color: #00bfa5; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel { margin: 0 -20px -20px -20px; background: #fff; padding: 15px; box-shadow: rgba(0, 0, 0, 0.06) 0 0 8px 2px; } .woocommerce .product .product_meta { line-height: 2; border-top: #eee 1px solid; padding-top: 10px; } .woocommerce .product .product_meta > span { display: block; font-size: 13px; color: #999 } .woocommerce .product .product_meta > span i { margin-left: 3px; } .woocommerce .product .product_meta > span span:first-of-type, .woocommerce .product .product_meta > span a:first-of-type { margin-right: 5px; } .woocommerce .product .product_meta > span a, .woocommerce .product .product_meta > span span { color: #666; font-size: 12px; } .woocommerce .woocommerce-product-details__short-description { color: #444; font-size: 14px; line-height: normal; } .woocommerce .woocommerce-product-details__short-description h1.product-title { font-size: 14px; color: #999; font-weight: normal; margin-bottom: 15px; } .woocommerce .woocommerce-product-details__short-description h6.sec-title { font-size: 18px; color: #666; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel { color: #333; font-size: 15px; line-height: justify; line-height: 30px; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel > h2 { font-size: 18px; color: #555; margin-bottom: 15px; } .table-gray { background-color: #f5f5f5 !important; border-bottom: #fff 2px solid !important; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel table.shop_attributes { font-size: 13px; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel table.shop_attributes th { color: #333; } section.products > h2, .woo-related-products-container .woorelated-title { font-size: 18px; color: #999; font-weight: normal; margin-bottom: 30px; } section.products { margin-bottom: 20px; } article.product { background: #fff; padding: 15px; box-shadow: rgba(0, 0, 0, .1) 0 1px 3px; margin: 3px 0; overflow: hidden; position: relative; } .woocommerce .onsale { background: #00bfa5; color: #fff; position: absolute; width: 40px; height: 40px; display: block; line-height: 40px; padding: 0; z-index: 1; text-align: center; border-radius: 0 0 100px 100px; font-size: 70%; margin-top: -20px } .summary.entry-summary .yith-wcwl-add-to-wishlist, .summary.entry-summary .compare.button { display: none !important; } #postDescAccordion .card, #postDescAccordion .card-header { border: none; border-radius: 0; background: transparent; } #postDescAccordion .card-header { padding: 5px 0; position: relative; } article.product figure.thumb { position: relative; height: 0; padding-top: 100%; overflow: hidden; } article.product figure.thumb img { position: absolute; top: 50%; left: 0; right: 0; display: block; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } article.product div.title { height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 5px; text-align: center; } article.product div.title a { font-size: 14px; color: #666; transition: .2s; } article.product div.price { text-align: center; color: #aaa; font-size: 12px; height: 20px; margin-bottom: 15px; } article.product div.actions ul { padding: 0; margin: 0; list-style: none; } article.product div.actions ul li { float: right; margin-left: 5px; } article.product div.actions ul li a { display: block; width: 30px; text-align: center; height: 30px; line-height: 33px; background: #f5f5f5; border-radius: 100%; color: #aaa; transition: .2s; position: relative; font-size: 0; } article.product div.actions ul li a i { font-size: 14px; margin-top: 8px; } article.product div.actions ul li a:hover { color: #666 } article.product div.actions .float-left { text-align: left; } article.product div.actions .star-rating { margin-top: 5px; } article.product .ribbons { position: absolute; z-index: 3; top: 15px; right: 15px; } @media (max-width: 991.98px) { article.product figure.thumb { width: 95px; display: inline-block; vertical-align: top; text-align: center; margin-left: 15px; margin-bottom: 0; padding: unset; height: 95px; } article.product figure.thumb img { height: 100%; width: auto; margin-right: auto; margin-left: auto; } article.product .entry-p-content { position: absolute; display: inline-block; height: 100%; width: calc(100% - 120px); } article.product .actions-cont { display: none; } article.product .entry-p-content .price { position: absolute; bottom: 20px; left: 15px; margin: 0; } article.product div.title { height: unset; white-space: unset; } article.product div.title a { font-size: 12px; } article.product div.title, article.product div.price { text-align: right; } article.product div.actions ul li { float: left; } } .woocommerce-widget-layered-nav-list .count { font-size: 13px; color: #999 } #postDescAccordion .card-header::after { content: ""; display: block; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; top: 50%; } #postDescAccordion .card-header button::before { content: "+"; display: inline-block; background: #eee; width: 25px; height: 25px; line-height: 25px; text-align: center; margin-left: 10px; transform: translateY(-2px) rotate(0deg); -webkit-transform: translateY(-2px) rotate(0deg); transition: .2s; font-size: 16px; color: #666 } #postDescAccordion .card-header button:not(.collapsed)::before { transform: translateY(-2px) rotate(45deg); -webkit-transform: translateY(-2px) rotate(45deg); border-radius: 100% } #postDescAccordion .card-header button i { margin-left: 5px; } /* c o d e r b o y */ #postDescAccordion .card-header button { text-decoration: none; color: #666; background: #fff; z-index: 9; position: relative; } #postDescAccordion .card-header button:hover { text-decoration: none; color: #333; } #postDescAccordion .card-header button:not(.collapsed) { color: #00bfa5 } .postDescReviews { background: #fafafa; margin: 15px -15px -15px; padding: 0 45px; border-top: #efefef 1px solid; font-size: 13px; } .postDescReviews .row > div { padding: 30px 0; } .postDescReviews ul.items { list-style: none; padding: 0; margin: 0; line-height: normal; color: #666; } .postDescReviews ul.items i { margin-left: 3px; } .postDescReviews h6 { font-size: 14px; } .postDescReviews ul.items.plus i, .postDescReviews h6.plus { color: #4caf50; } .postDescReviews ul.items.negative i, .postDescReviews h6.negative { color: #ff5153; } .postDescReviews .product_feature .progress { height: 4px; margin-bottom: 10px; clear: both; border-radius: 0; } .postDescReviews .product_feature span { font-size: 12px; color: #777 } .postDescReviews .product_feature span.value { float: left; font-size: 11px; margin-top: 5px; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel h2.woocommerce-Reviews-title { font-size: 18px; color: #555; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel p.woocommerce-noreviews { font-size: 13px; color: #777; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel span.comment-reply-title, .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel p.comment-notes { font-size: 13px; color: #777; margin-bottom: 5px; display: block; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel .commentlist { margin-top: 30px; list-style: none; padding: 0; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel .commentlist img.avatar { width: 40px; float: right; border-radius: 100% } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel .commentlist .comment-text { width: calc(100% - 40px); display: inline-block; float: right; padding-right: 15px; font-size: 13px; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel .commentlist .comment_container::after { content: ""; display: block; clear: both; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel .commentlist .comment-text p.meta { margin-bottom: 5px; color: #999; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel .commentlist .comment-text .description { color: #666; line-height: 1.2; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel .commentlist .comment-text .description p { margin: 0; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel .commentlist li.comment { margin-bottom: 15px; padding: 15px; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel .commentlist li.comment:not(:last-of-type) { border-bottom: #eee 1px solid; } .product .woocommerce-product-gallery .yith-wcwl-add-to-wishlist { display: inline-block; } .product .woocommerce-product-gallery .yith-wcwl-add-to-wishlist + .clear { display: none; } .product .woocommerce-product-gallery .compare-button.product { display: inline-block; } .product .woocommerce-product-gallery { text-align: left; } .product .woocommerce-product-gallery .compare-button.product a { font-size: 0; padding: 0; } .product .woocommerce-product-gallery .compare-button.product a::before { content: "\f074"; font-family: "Font Awesome\ 5 Pro", sans-serif; font-weight: 300; font-size: 1rem; color: #aaa; } .product .woocommerce-product-gallery .yith-wcwl-add-to-wishlist a { color: #aaa; } .product .woocommerce-product-gallery a.product-prices-chart, .product .woocommerce-product-gallery .compare-button.product, .product .woocommerce-product-gallery a.add-product-favo, .product .woocommerce-product-gallery .yith-wcwl-add-to-wishlist { margin-right: 15px; margin-bottom: 30px; color: #aaa; } .product .woocommerce-product-gallery a.woocommerce-product-gallery__trigger { font-size: 0; } .product .woocommerce-product-gallery a.woocommerce-product-gallery__trigger::before { content: "\f002"; font-family: "Font Awesome\ 5 Pro", sans-serif; font-weight: 300; font-size: 1rem; color: #aaa; } .btn, .form-control, .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { border-radius: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { padding: .5rem .5rem; } .woocommerce-variation.single_variation p { color: #999; padding: 15px 0; } .woocommerce.single-product .comment-form-comment label { display: none; } .woocommerce.single-product .stars span a { font-size: 0; display: inline-block; width: auto; height: auto; color: #00bfa5; } .woocommerce.single-product .stars { display: inline-block; margin-right: 10px; } .woocommerce.single-product .stars span a:before { content: "\f005"; font-family: "Font Awesome\ 5 Pro", sans-serif; font-size: 14px; font-weight: 900; } .woocommerce.single-product .stars span a.active + a:before, .woocommerce.single-product .stars span a.active + a + a:before, .woocommerce.single-product .stars span a.active + a + a + a:before, .woocommerce.single-product .stars span a.active + a + a + a + a:before { color: #999; font-weight: 300 } .woocommerce h3.product_sub_title.entry-sub-title { width: calc(100% - 200px); float: right; } .woocommerce h3.product_sub_title.entry-sub-title + .woocommerce-product-rating { text-align: left; color: #aaa; width: 200px; float: left; font-size: 13px; } .woocommerce .title-bg::after { content: ""; display: block; clear: both; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel .commentlist .comment-text .star-rating { color: #999; float: left; } article.product .price ins { text-decoration: none; } header.section-header { margin-bottom: 10px; } header.section-header h6 { display: inline-block; color: #999; font-size: 14px; margin: 0; } header.section-header a.archive { float: left; background: #00bfa5; color: #Fff; padding: 0 5px; border-radius: 4px; font-size: 13px; } header.section-header::after { content: ""; display: block; clear: both; } .content-widget.slider-1 .carousel-item a { display: block; width: 100%; overflow: hidden; height: 0; position: relative; padding-top: 33.333% } .content-widget.slider-1 .carousel-item a img { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .content-widget.slider-2:not(.style-2) .carousel-item a { display: block; width: 100%; overflow: hidden; height: 0; position: relative; padding-top: 33.333%; } .content-widget.slider-2:not(.style-2) .carousel-item img { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .content-widget.blog-posts .blog-posts article.item figure .thumb-img { height: 0; position: relative; padding-top: 50%; overflow: hidden; background: #eee; } .content-widget.blog-posts .blog-posts article.item figure .thumb-img img { position: absolute; left: 0; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .fw-container, .fw-col-xs-1, .fw-col-sm-1, .fw-col-md-1, .fw-col-lg-1, .fw-col-xs-2, .fw-col-sm-2, .fw-col-md-2, .fw-col-lg-2, .fw-col-xs-3, .fw-col-sm-3, .fw-col-md-3, .fw-col-lg-3, .fw-col-xs-4, .fw-col-sm-4, .fw-col-md-4, .fw-col-lg-4, .fw-col-xs-5, .fw-col-sm-5, .fw-col-md-5, .fw-col-lg-5, .fw-col-xs-6, .fw-col-sm-6, .fw-col-md-6, .fw-col-lg-6, .fw-col-xs-7, .fw-col-sm-7, .fw-col-md-7, .fw-col-lg-7, .fw-col-xs-8, .fw-col-sm-8, .fw-col-md-8, .fw-col-lg-8, .fw-col-xs-9, .fw-col-sm-9, .fw-col-md-9, .fw-col-lg-9, .fw-col-xs-10, .fw-col-sm-10, .fw-col-md-10, .fw-col-lg-10, .fw-col-xs-11, .fw-col-sm-11, .fw-col-md-11, .fw-col-lg-11, .fw-col-xs-12, .fw-col-sm-12, .fw-col-md-12, .fw-col-lg-12, .fw-col-xs-15, .fw-col-sm-15, .fw-col-md-15, .fw-col-lg-15 { position: static !important; } .disabled { opacity: .5; pointer-events: none; } .woocommerce-variation-price { text-align: right; font-size: 16px; margin: 15px; font-weight: 600; color: #4caf50; } .woocommerce-variation-price span.amount::before { content: "قیمت برای شما: "; color: #999; font-weight: normal; margin-left: 10px; } .woocommerce-variation-price del span.amount::before { display: none; } .woocommerce-variation-price del, .woocommerce-variation-price del span.amount { color: #aaa; } .woocommerce-variation-price del { margin-left: 15px; } .woocommerce-variation-price ins { text-decoration: none; } .star-rating { font-size: 0; position: relative; width: auto; display: inline-block; } .star-rating::before, .star-rating span[style*="width"]::before { font-family: "Font Awesome\ 5 Pro", sans-serif; font-weight: 600; font-size: 13px; color: #aaa; content: "\f005\f005\f005\f005\f005"; } .star-rating span[style*="width"]::before { font-weight: 900; color: #febd69; position: absolute; right: 0; top: 0; } .star-rating span[style*="width"] { position: absolute; right: 0; top: -.2px; overflow: hidden; height: 100%; } .woocommerce.single-product .sale-timer { padding: 0 10px; background: #fff; color: #666; box-shadow: rgba(0, 0, 0, .1) 0 0 3px; margin-bottom: 15px; position: relative; } .woocommerce.single-product .sale-timer > .row { padding: 15px 0; } .woocommerce.single-product .sale-timer .right .title { font-size: 14px; padding-right: 50px; color: #999 } .woocommerce.single-product .sale-timer .right .title span { color: #00bfa5; font-weight: 500; } .woocommerce.single-product .sale-timer .right i { position: absolute; color: #000; opacity: .1; font-size: 30px; top: 50%; right: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .woocommerce.single-product .sale-timer::after { content: ""; display: block; clear: both; } .woocommerce.single-product .sale-timer .flip-clock-a { margin: 0; display: inline-block; width: auto; float: left; } .woocommerce.single-product .sale-timer .left .discount { display: inline-block; color: #999; height: 25px; float: left; line-height: 25px; padding: 0 10px; margin-left: 15px; margin-top: 0; } .woocommerce.single-product .sale-timer .left .discount span { background: #00bfa5; color: #fff; padding: 0 10px; margin-right: 5px; font-size: 13px; } .woocommerce-products-header h1 { font-size: 18px; font-weight: normal; color: #666; margin-bottom: 0; } .woocommerce-result-count { font-size: 13px; color: #999; } .woocommerce-ordering { margin-top: -1rem; } .form-control, .select2-container--default .select2-selection--single, .select2-dropdown { border: #ccc 1px solid; font-size: 13px; border-radius: 0; } .woocommerce-pagination { margin-top: 30px; } .woocommerce-pagination ul { list-style: none; padding: 0; margin: 0; } .woocommerce-pagination ul li { display: inline-block; margin: 0 0 2px 2px; } .woocommerce-pagination ul li a, .woocommerce-pagination ul li span { display: block; padding: 5px 10px; text-align: center; background: #fff; color: #666; transition: .2s; font-size: 13px; } .woocommerce-pagination ul li a:hover { color: #fff; } .woocommerce-pagination ul li span { color: #999; } .woocommerce-pagination ul li a.next { font-size: 0; } .woocommerce-pagination ul li a.next::before { content: "بعدی"; font-size: 13px; } .woocommerce-pagination ul li a.prev { font-size: 0; } .woocommerce-pagination ul li a.prev::before { content: "قبلی"; font-size: 13px; } .ui-slider { position: relative; margin: 30px 0 15px 0; background: #f5f5f5; height: 3px; border-radius: 100px; direction: ltr; } .ui-slider .ui-slider-range { position: absolute; background: #00bfa5; display: block; height: 100%; border-radius: 100px; } .ui-slider span { display: inline-block; width: 10px; height: 10px; background: #fff; position: absolute; transition: transform .2s, bottom .2s; border-radius: 100px; border: #00bfa5 2px solid; margin-left: -7.5px; cursor: pointer; bottom: -3px; } .widget:hover .ui-slider span { transform: scale(1.3); -webkit-transform: scale(1.3); cursor: pointer; } .price_slider_amount .price_label { font-size: 12px; color: #aaa; float: right; padding: 3px 0; width: calc(100% - 50px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.5px } .price_slider_amount { text-align: right; } .price_slider_amount button.button { background: #999; border: none; margin-bottom: 15px; padding: 2px 10px; cursor: pointer; background: rgba(0, 0, 0, .03); color: #999; border-radius: 4px; font-size: 13px; width: 50px; float: left; } .yith-woocompare-widget a.clear-all { float: left; padding: 6px } .yith-woocompare-widget::after { content: ""; display: block; clear: both; } .yith-woocompare-widget { color: #999; } .woocommerce-widget-layered-nav-list span.count { color: #aaa; font-size: 13px; } .yith-woocompare-widget ul.products-list li:not(.list_empty) { border-bottom: #eee 1px solid; } .yith-woocompare-widget ul.products-list li:last-of-type { border: none; } .yith-woocompare-widget ul.products-list li .remove { font-size: 13px; margin-top: 2.5px; } .yith-wcan:not(.yith-wcan-list) { text-align: center; } .product_list_widget:not(.cart_list) img { width: 50px; height: 50px; border-radius: 100%; background: #eee; position: absolute; right: 0; top: 0; } .product_list_widget:not(.cart_list) li::after { content: ""; display: block; clear: both; } .product_list_widget:not(.cart_list) li { margin-bottom: 10px; display: block; min-height: 50px; padding-right: 60px; position: relative; font-size: 11px; color: #aaa; } .product_list_widget:not(.cart_list) li .product-title { margin-bottom: 2px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; } .product_list_widget:not(.cart_list) li .star-rating { display: none; } .product_list_widget:not(.cart_list) li ins { text-decoration: none; } header.page-header { margin-bottom: 30px; background: #fff; padding: 15px; box-shadow: rgba(0, 0, 0, .1) 0 1px 3px; } header.page-header h1.page-title { font-size: 16px; color: #666; margin-bottom: 0; font-weight: normal; } .rima-card { background: #fff; padding: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px; } .rima-card.page-404 { text-align: center; } .rima-card.page-404 .icon { font-size: 48px; color: #aaa; } .rima-card.page-404 .title { font-size: 16px; color: #666; margin-bottom: 15px; } .rima-card.page-404 .desc { text-align: right; color: #999; font-size: 13px; margin-bottom: 15px; } p.woocommerce-info { color: #999; } .yith-woocompare-widget a.compare { font-weight: normal; } /* header#header .bottom ul li.current_page_item > a { color: #666; cursor: context-menu }*/ li.recentcomments { color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } li.recentcomments::before { content: "\f10d"; font-family: "Font Awesome\ 5 Pro", sans-serif; font-weight: 300; margin-left: 5px; float: right; } .image-banner-parent { position: relative; } .image-banner-parent.removeable button.close-btn { position: absolute; left: 20px; top: 5px; background: #fff; border: none; width: 30px; height: 30px; line-height: 35px; text-align: center; cursor: pointer; color: #666; font-size: 24px; padding: 0; opacity: .6; transition: .2s; } .image-banner-parent.removeable button.close-btn:hover { opacity: 1; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } header#header .middle .search-col input.form-control:focus { box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px; background: #fafafa } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li { border-color: #fff !important; } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a { color: #555 !important; background: #fff !important; border-color: #eee !important; padding: 5px 0 5px 5px !important; } .dokan-dashboard .dokan-dash-sidebar { background: #fff !important; } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a i.pull-right { padding-left: 0 !important; text-align: left !important; margin-left: 0 !important; margin-top: 8px !important; } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active a { background: #00bfa5 !important; color: #fff !important; } .dokan-dashboard .dokan-dash-sidebar { overflow: visible !important; } .dokan-error::before { background: transparent; color: #b81c23; font-size: 16px; padding-top: 12px; } .dokan-message, .dokan-info, .dokan-error { border-radius: 0; } .dokan-settings-content .dokan-settings-area .dokan-banner { width: 100% !important; } .dokan-widget-area #cat-drop-stack ul { padding: 0; margin: 0; list-style: none; } .dokan-widget-area #cat-drop-stack ul li span.caret-icon i { transform: rotate(180deg) translateY(-2.5px); -webkit-transform: rotate(180deg) translateY(-2.5px); } .dokan-widget-area #cat-drop-stack ul li span.caret-icon { float: right; margin-left: 5px; } .dokan-widget-area #cat-drop-stack li ul { padding-right: 30px; margin-bottom: 10px; list-style: square; color: #aaa; } .dokan-single-store .dokan-store-tabs ul li { border-right: none !important; border-left: 1px solid #EDEDED; margin-right: 0 !important; margin-left: -4px; } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a { text-align: center; padding: 0 !important; } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a i { margin-right: 0 !important; padding-right: 0 !important; } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu { background: transparent !important; } .woocommerce-tabs.wc-tabs-wrapper > div.woocommerce-Tabs-panel ul.list-unstyled { padding: 0; margin: 0; color: #666; } .woocommerce-form-register p.user-role label { display: block; width: 100%; } .sort-tabs { margin: 15px 0; } .sort-tabs h6 { display: inline-block; font-size: 13px; color: #999; margin-left: 10px; } .sort-tabs ul { display: inline-block; list-style: none; padding: 0; margin: 0 } .sort-tabs ul li { display: inline-block; } .sort-tabs ul li button { padding: 2px 10px; color: #777 } .sort-tabs ul li button.btn-primary { color: #fff; } .sort-tabs ul li button:not(.btn-primary) { background-color: transparent; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 60px; height: 25px; } /* Hide default HTML checkbox */ .switch input { display: none; } /* The slider */ .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .switch .slider:before { position: absolute; content: ""; height: 17px; width: 17px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } .switch input:checked + .slider { background-color: #00bfa5; } .switch input:focus + .slider { box-shadow: 0 0 1px #999; } .switch input:checked + .slider:before { -webkit-transform: translateX(34px); -ms-transform: translateX(34px); transform: translateX(34px); } .archive .woocommerce-ordering, .archive .woocommerce-result-count { display: none; } .order-by-stock span.title { display: inline-block; height: 25px; line-height: 25px; float: right; padding: 0 0 0 10px; color: #666; font-size: 12px; } .content-widget.products-carousel article.item figure { height: 0; position: relative; padding-top: 100%; overflow: hidden; background: url(assets/images/product-placeholder.png) no-repeat center; } article.product figure.thumb{background: url(assets/images/product-placeholder.png) no-repeat center;} .content-widget.products-carousel article.item figure img { top: 50%; left: 0; right: 0; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .rima-popup-box .modal-content { text-align: center; padding: 15px; background: none; border: none; box-shadow: none; display: block; } .rima-popup-box .modal-content img { width: auto; max-width: 100%; min-width: inherit; height: auto; display: block; margin: auto; } .rima-popup-box .modal-content button#rima-popup-close { display: inline-block; width: 30px; height: 30px; line-height: 35px; position: absolute; border: none; background: #fff; color: #E53935; font-size: 24px; text-align: center; padding: 0; cursor: pointer; border-radius: 100px; transition: background .3s, color .3s; right: 0; top: 0; } .rima-popup-box .modal-content button#rima-popup-close:hover { transform: rotate(360deg); -webkit-transform: rotate(360deg); background: #E53935; transition: transform .6s; color: #fff; } .rima-popup-box .popup-shortcode-content { padding: 15px; background: #fff; } .wide-style .content-widget.blog-posts .blog-posts .owl-nav button.owl-next { margin-left: 0; } .wide-style .content-widget.blog-posts .blog-posts .owl-nav button.owl-prev { margin-right: 0; } header#header.style-digikala .middle .basket-col .site-header-cart { display: inline-block; } header#header.style-digikala .middle .basket-col .site-header-cart > li:first-of-type { display: inline-block; } header#header.style-digikala .middle .basket-col .site-header-cart > li:first-of-type a { background-color: #fff; border: 1px solid #00bfd6; color: #00bfd6; height: 39px; border-radius: 5px; width: 160px; display: inline-block; text-align: right; } header#header.style-digikala .middle .basket-col .site-header-cart > li:first-of-type a span.title { color: #00bfd6; font-size: 1rem; line-height: 30px; } header#header.style-digikala .middle .basket-col .site-header-cart > li:first-of-type a span.amount { display: none; } header#header.style-digikala .middle .basket-col .site-header-cart > li:first-of-type a span.count { background-color: #00bfd6; color: #fff; width: 25px; height: 25px; font-size: 1rem; line-height: 28px; border-radius: 100%; } header#header.style-digikala .middle .basket-col .site-header-cart > li:first-of-type a span.icon { background: none; line-height: 44px } header#header.style-digikala .middle .basket-col .site-header-cart > li:first-of-type a span.icon i { color: #00bfd6 } header#header.style-digikala .middle .search-col input.form-control { background-color: #eceff1 !important; border: 1px solid #d5dadd !important; color: #474747 !important; box-shadow: none !important; padding: 10px 10px 9px !important; border-radius: 7px !important; } header#header.style-digikala .middle .search-col button.search-btn { background-color: #000000 !important; border-radius: 7px 0 0 7px; color: #fff; top: 0; left: 0; bottom: 0; margin: 0 !important; transform: none !important; -webkit-transform: none !important; width: 60px; } #header.style-digikala .header-digikala-user { display: inline-block; list-style: none; padding: 0; margin: 0 0 0 50px; position: relative; height: 41px; line-height: 41px; } #header.style-digikala .header-digikala-user::after { content: ""; display: block; position: absolute; left: -23px; top: 5px; border-right: 1px solid #ccc; height: 30px; } #header.style-digikala .header-digikala-user i { margin-left: 5px; } header#header.style-digikala .middle .header-logo a img { /*margin: 0 0 auto auto;*/ margin-top: -26px; margin-right: 91px; } header#header.style-digikala .bottom ul li.menu-item-has-children > a::after { display: none; } header#header.style-digikala .bottom ul li a::before { height: 2px; background: #00bfa5; } header#header.style-digikala .bottom nav > div > ul > li:hover { box-shadow: rgba(0, 0, 0, .2) 0 0 6px; border-radius: 10px; } header#header.style-digikala .middle .header-logo a { text-align: right; } header#header.style-digikala .middle .basket-col .site-header-cart { position: relative; text-align: right; float: left; } header#header.style-digikala .middle .basket-col .site-header-cart > li:not(:first-of-type) { left: 0; right: auto; } header#header.style-digistyle .middle .search-col input.form-control { box-shadow: none; background: #fff; border: #eee 1px solid !important; height: 33px; } header#header.style-digistyle .middle .search-col { text-align: left; } header#header.style-digistyle .middle .search-col .woocommerce-product-search { width: 320px; display: inline-block; } header#header.style-digistyle .middle .search-col button.search-btn { top: 53%; left: 5px; } header#header.style-digistyle .middle { padding: 10px 0; } header#header.style-digistyle .middle .basket-col .site-header-cart > li:first-of-type a { background: none; color: #666; width: 90px; height: auto; line-height: 26px; } header#header.style-digistyle .middle .basket-col .site-header-cart > li:first-of-type a span { color: #666; display: inline-block; } header#header.style-digistyle .middle .basket-col .site-header-cart > li:first-of-type a span.icon { background: none; opacity: 1; color: #666; width: auto; height: auto; font-size: 24px; line-height: normal; position: static; display: inline-block; float: left; } header#header.style-digistyle .middle .basket-col .site-header-cart > li:first-of-type a span.icon i { color: #666; } header#header.style-digistyle .middle .basket-col .site-header-cart > li:first-of-type a span.amount { display: none; } header#header.style-digistyle .middle .basket-col .site-header-cart > li:first-of-type a span.count { border-radius: 50%; color: #fff; background-color: #ef5a88; width: 18px; line-height: 22px; top: 20px; left: -2px; } header#header.style-digistyle .middle .basket-col .site-header-cart { display: inline-block; margin-right: 20px; } header#header.style-digistyle .middle .basket-col ul { display: inline-block; list-style: none; padding: 0; margin: 0; } header#header.style-digistyle .middle .basket-col .site-header-cart > li:first-of-type a { padding: 0; } header#header.style-digistyle .middle .basket-col > ul.header-digikala-user a { color: #666; font-size: 13px; } header#header.style-digistyle .middle .basket-col > ul.header-digikala-user a i { margin-left: 5px; } header#header.style-bamilo .top { background: #1a365e; height: 30px; line-height: 30px; padding: 0; color: #fff; } header#header.style-bamilo .top a { color: #fff; } header#header.style-bamilo .top a:hover { color: #ccc; } header#header.style-bamilo .middle { padding: 10px 0; } header#header.style-bamilo .middle .search-col input.form-control { height: 32px; border: 1px solid #1e3c5c !important; line-height: 32px; box-shadow: none !important; border-radius: 4px !important; } header#header.style-bamilo .middle .search-col button.search-btn { background: #1e3c5c; transform: none; -webkit-transform: none; top: 0; left: 0; bottom: 0; width: 50px; color: #fff; border-radius: 4px 0 0 4px; line-height: 38px; } header#header.style-bamilo { background: #f5f5f5; box-shadow: none; border-bottom: #eee 1px solid; } header#header.style-bamilo .middle .basket-col .site-header-cart > li:first-of-type { position: relative; } header#header.style-bamilo .middle .basket-col .site-header-cart > li:first-of-type a { background: none !important; padding: 0 !important; width: auto; line-height: 25px; height: auto; display: block; } header#header.style-bamilo .middle .basket-col .site-header-cart > li:first-of-type a::after { content: ""; display: block; clear: both; } header#header.style-bamilo .middle .basket-col .site-header-cart > li:first-of-type a span.amount { display: none !important; } header#header.style-bamilo .middle .basket-col .site-header-cart > li:first-of-type a span.title { color: #1a365e; font-size: 12px; margin-left: 10px; } header#header.style-bamilo .middle .basket-col .site-header-cart > li:first-of-type a span.icon { width: 36px; height: 32px; background-color: #1a365e; line-height: 32px; border-radius: 4px; text-align: center; position: static; float: left; } header#header.style-bamilo .middle .basket-col .site-header-cart > li:first-of-type a span { display: inline-block !important; } header#header.style-bamilo .middle .basket-col .site-header-cart > li:first-of-type a span.icon i { color: #fff; font-size: 16px; opacity: .8; } header#header.style-bamilo .middle .basket-col .site-header-cart > li:first-of-type a span.count { border-radius: 100px; top: 0; left: 25px; box-shadow: rgba(0,0,0,.1) 0 1px 3px 1px; } header#header.style-bamilo .middle .basket-col .site-header-cart > li + li { left: 15px; } header#header.style-digistyle .middle .logo-col { } header#header.style-digistyle .middle .logo-col img { max-height: 40px; } .header-style-rima-light #header .action-btn { background: transparent; color: #666; border: none; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 24px; padding: 0; transition: .2s; cursor: pointer; display: inline-block; } .header-style-rima-light #header .action-btn:hover { color: #333; } .header-style-rima-light #header .actions-col ul { list-style: none; padding: 0; margin: 0; } .header-style-rima-light #header .actions-col li { display: inline-block; } .header-style-rima-light .logo-col .header-logo { display: inline-block; line-height: 40px; } .header-style-rima-light .logo-col button.action-btn { float: right; margin-left: 10px; } header#header.style-rima-light .middle { padding: 15px 0; } header#header.style-rima-light { z-index: 999 } .header-style-rima-light .logo-col button.action-btn { position: relative; } .header-style-rima-light .logo-col button.action-btn i { transform: rotate(45deg); -webkit-transform: rotate(45deg); opacity: 0; visibility: hidden; transition: .2s; overflow: hidden; text-align: center; position: absolute; top: 0; right: 0; left: 0; line-height: 35px; } .header-style-rima-light .logo-col button.action-btn:not(.active) i.fa-bars { transform: rotate(0); -webkit-transform: rotate(0); opacity: 1; visibility: visible; } .header-style-rima-light .logo-col button.action-btn.active i.fa-times { transform: rotate(0); -webkit-transform: rotate(0); opacity: 1; visibility: visible; } .modal-content { border-radius: 0; border: none; } .rima-modal-full .modal-body { align-items: center; display: flex; width: 100%; } .rima-modal-full .modal-body > * { width: 100%; } .rima-modal-full .modal-dialog { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: inherit; margin: 0; } .rima-modal-full .modal-dialog .modal-content { height: 100%; border: none; border-radius: 0; background: rgba(255, 255, 255, .9); padding: 30px; } .rima-modal-full .modal-dialog .modal-header, .rima-modal-full .modal-dialog .modal-footer { border: none; padding: 0; } .rima-modal-full .modal-header .close { margin: 0; font-size: 24px; } .rima-modal-full form.search-form input { padding: 20px; font-size: 18px; } .rima-modal-full form.search-form button.btn { width: 70px; font-size: 26px; } .modal-search-box h6 { font-size: 16px; color: #555; } .modal-search-box > p { font-size: 13px; color: #999; } .rima-modal-full, .modal-backdrop { display: block !important; visibility: hidden; opacity: 0; transition: .3s; transform: scale(.8); } .rima-modal-full.show, .modal-backdrop.show { opacity: 1; visibility: visible; transform: scale(1); } .modal-backdrop.show { opacity: .5; } .header-style-rima-light #header .action-btn { position: relative; } .header-style-rima-light #header .action-btn span.count { position: absolute; background: #00bfa5; font-size: 13px; color: #fff; height: auto; line-height: normal; border-radius: 100px; padding: 0 4px; top: 0; right: 0; width: 20px; } .woocommerce-comments-stars h6 { font-size: 16px; color: #666; margin-bottom: 3px; } .woocommerce-comments-stars span.star-average { font-size: 13px; color: #999; margin-bottom: 15px; display: block; } .woocommerce-comments-stars ul { padding: 0; margin: 0; list-style: none; } .woocommerce-comments-stars ul li { margin-bottom: 10px; } .woocommerce-comments-stars .progress { height: 5px; clear: both; } .woocommerce-comments-stars span.title { font-size: 13px; color: #999; float: left; } .woocommerce-comments-stars ul li .progress-bar { background-color: #ccc; } .prm-brands-widget { width: 100% !important; display: block !important; margin: 0 !important; } .prm-brands-widget > a { padding: 5px; width: 25%; margin: 0; float: right; overflow: hidden; } .prm-brands-widget img { height: 30px; margin: auto; display: block; } .prm-brands-widget > a .prm-brands-widget__title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; } .woocommerce-products-header h1 + .term-description { color: #999; font-size: 13px; } .woocommerce .product .product_meta { font-size: 13px; color: #999; } /*[class*="col-"]{ position: static; }*/ .content-widget.blog-posts .blog-posts article.item figcaption { position: relative; } .content-widget.blog-posts .blog-posts article.item figcaption time { width: 40px; height: 40px; position: absolute; top: 0; left: 10px; background: #00bfa5; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #fff; } .content-widget.blog-posts .blog-posts article.item figcaption time span { display: block; text-align: center; } .content-widget.blog-posts .blog-posts article.item figcaption h3 { padding-left: 60px; } .content-widget.blog-posts .blog-posts article.item figcaption time span.day { height: 25px; font-size: 20px; line-height: 25px; } .content-widget.blog-posts .blog-posts article.item figcaption time span.month { height: 15px; line-height: 12.5px; font-size: 13px; background: rgba(0, 0, 0, .1) } .content-widget.blog-posts .owl-dots { text-align: center; padding-top: 15px; padding-bottom: 30px; } .content-widget.blog-posts .owl-dots button { display: inline-block; width: 7px; height: 7px; background: #fff; margin: 2px; transition: .2s; opacity: .6; } .content-widget.blog-posts .owl-dots button.active { width: 14px; opacity: 1; } .flip-clock-wrapper ul, .flip-clock-wrapper ul .inn, .flip-clock-wrapper ul .shadow { background: none !important; box-shadow: none !important; text-shadow: none !important; } .flip-clock-wrapper ul .inn { color: #777 !important; } .flip-clock-wrapper ul .flip-clock-before { display: none; } .flip-clock-wrapper ul .down { display: none; } .flip-clock-wrapper ul .up { height: 20px; line-height: 20px; } .flip-clock-wrapper ul .up .inn { font-size: 20px; font-weight: 500; height: auto; width: auto; position: static; } .flip-clock-wrapper ul .shadow { width: auto; } .flip-clock-wrapper .flip-clock-divider { font-size: 14px; height: 20px; } .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom { top: 7px; } .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top { top: 14px; } .flip-clock-wrapper .flip-clock-divider * { box-shadow: none !important; border-radius: 100px; background: #777; width: 3px; height: 3px; } .flip-clock-wrapper ul { height: auto; padding: 0; } .content-widget.slider-2.style-2 .product-info .clock-title { color: #999; font-size: 13px; } .header-ajax-search-box, .mobile-ajax-search-box { top: 100%; left: 15px; right: 15px; z-index: 9999; padding: 15px; display: none; overflow-y: auto; background: #fff; max-height: 300px; position: absolute; box-shadow: rgba(0, 0, 0, .1) 0 1px 3px; } .mobile-ajax-search-box { left: 0; right: 0; top: calc(100% - 3px); } li.mobile-search .rima-loading { width: 40px; height: 40px; left: 4rem; top: 1rem; } .header-ajax-search-box .loading { min-height: 70px; } .header-ajax-search-box .rima-loading { padding: 15px; display: none; } .header-ajax-search-box .loading + .rima-loading { display: block; } .header-ajax-search-box .rima-loading .title { font-size: 13px; color: #999; margin-bottom: 10px; } .header-ajax-search-box ul.search-res { list-style: none; padding: 0; margin: 0; color: #666; font-size: 13px; } .header-ajax-search-box ul.search-res li:not(:last-of-type), .mobile-ajax-search-box ul.search-res li:not(:last-of-type) { border-bottom: #eee 1px solid; } .header-ajax-search-box ul.search-res li, .mobile-ajax-search-box ul.search-res li { padding: 5px 0; } .header-ajax-search-box ul.search-res li a, .mobile-ajax-search-box ul.search-res li a { position: relative; display: block; padding-right: 60px; height: 50px; } .header-ajax-search-box ul.search-res li a:hover, .mobile-ajax-search-box ul.search-res li a:hover { background: rgba(0, 0, 0, .01); } .header-ajax-search-box ul.search-res li img, .mobile-ajax-search-box ul.search-res li img { width: 50px; height: 50px; position: absolute; right: 0; top: 0; background: #eee } .header-ajax-search-box ul.search-res li h3, .mobile-ajax-search-box ul.search-res li h3 { font-size: 14px; font-weight: normal; color: #777; margin-bottom: 3px; padding-top: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .header-ajax-search-box ul.search-res li h6, .mobile-ajax-search-box ul.search-res li h6 { font-size: 12px; font-weight: normal; color: #999; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .content-widget.slider-2.style-2 .carousel-indicators li span { display: block; direction: rtl; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .content-widget.slider-2.style-2 .carousel-indicators li span { display: block; direction: rtl; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: right; } .content-widget.slider-2.style-2 .product-quantity { font-size: 13px; color: #666 } .woocommerce #review_form_wrapper { margin-top: 30px; } #footer .to-top { position: fixed; bottom: -20px; right: 15px; z-index: 999; transition: .2s; } #footer .to-top #rima-to-top { display: none; } #footer .to-top:hover { bottom: 0; } #footer .to-top button { border: none; background: #fff; color: #999; width: 60px; box-shadow: rgba(0, 0, 0, .1) 0 0 3px; cursor: pointer; transition: bottom .2s; padding: 0; } #footer .to-top button:hover { color: #666 } #footer .to-top button > * { display: block; text-align: center; } #footer .to-top button i { font-size: 36px; height: auto; margin: 0; padding: 0; } .prm-brands-widget:after { content: ""; display: block; clear: both; } .content-widget.products-carousel.style-2 article.item { margin-bottom: 15px; } .content-widget.products-carousel.style-2 article.item > a { width: 100px; float: right; display: inline-block; } .content-widget.products-carousel.style-2 article.item > a figure { margin: 0; } .content-widget.products-carousel.style-2 article.item > .info { width: calc(100% - 100px); float: right; padding-right: 10px; } .content-widget.products-carousel.style-2 article.item::after { content: ""; display: block; clear: both; } .content-widget.products-carousel.style-2 article.item > .info h3, .content-widget.products-carousel.style-2 article.item > .info .price { text-align: right; overflow: hidden; text-overflow: ellipsis; } .content-widget.products-carousel.style-2 article.item .actions { display: none !important; } .table td.product_weight, .table td.product_dimensions { direction: ltr; } .woocommerce .woocommerce-product-details__short-description::after, section.blog-home article.post-item .content::after, #postDescAccordion .card-body::after { content: ""; display: block; clear: both; } #postDescAccordion { clear: both; } #calc_shipping_state_field > span { width: 100%; } section.blog-home article.post-item .title a { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .woocommerce-page.woocommerce-cart .cart-collaterals .cross-sells > h2 { font-size: 16px; margin: 30px 0; } .woocommerce-page.woocommerce-cart .cart-collaterals .cross-sells { margin-bottom: 30px; } .owl-carousel.wc-product-carousel { position: relative; margin-bottom: 15px; } .owl-carousel.wc-product-carousel .owl-nav { top: 50%; left: 0; right: 0; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); pointer-events: none; } .owl-carousel.wc-product-carousel .owl-nav button { width: 30px; height: 30px; text-align: center; line-height: 30px; background: #fff; font-size: 30px; color: #666; box-shadow: rgba(0, 0, 0, .2) 0 0 3px; pointer-events: all; } .owl-carousel.wc-product-carousel .owl-nav button.owl-prev { float: right; } .owl-carousel.wc-product-carousel-thumbs .owl-item { transition: border .2s; border: #00bfa5 0 solid; } .owl-carousel.wc-product-carousel-thumbs .owl-item.center { border: #00bfa5 2px solid; } .owl-carousel.wc-product-carousel .owl-item div.car-dtag { height: 0; padding-top: 100%; position: relative; overflow: hidden; } .owl-carousel.wc-product-carousel .owl-item div.car-dtag a { display: block; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .img-magnifier-container { position: relative; } .img-magnifier-glass { position: absolute; border: 2px solid #fff; border-radius: 50%; cursor: none; width: 200px; height: 200px; z-index: 9; box-shadow: rgba(0, 0, 0, .2) 0 0 6px; opacity: 0; transition: opacity .2s; } .img-magnifier-container:hover .img-magnifier-glass { opacity: 1; } .button:not(.compare) { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .6rem .75rem; font-size: 1rem; line-height: 1.5; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .woocommerce-table__product-name .comment { background: #f5f5f5; padding: 5px; margin-top: 10px } .woocommerce-table__product-name .comment p { margin: 0 } mark.order-date, time { direction: rtl !important; unicode-bidi: embed; } .style-digistyle .header-ajax-search-box { text-align: right; } .woocommerce .product-section .quantity { display: inline-block; position: relative; margin-left: 15px; margin-right: 50px; float: right; } .woocommerce .product-section .quantity input.input-text { height: 33.5px; border: none; text-align: center; box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px; color: #666; width: 130px; padding: 0 17px 0 0; } .woocommerce .product-section .quantity label.screen-reader-text { position: absolute; right: -40px; top: 5px; } .woocommerce .product-section .quantity span { position: absolute; left: 0; top: 0; bottom: 0; background: #fafafa; width: 33.5px; text-align: center; font-size: 18px; line-height: 34.5px; cursor: pointer; color: #666; border-right: #eee 1px solid; } .woocommerce .product-section .quantity span.m-btn { left: auto; right: 0; border-left: #eee 1px solid; border-right: none; } .actions ul li a.compare.button i { display: none; } .fw-default-row { padding: 5px; } .widget.widget_categories select { display: block; width: 100%; border: #eee 1px solid; } .content-widget.products-carousel article.item .actions ul li a.compare { font-size: 0 } /* header#header .bottom ul li.mega-menu-col p { padding: 0; } */ b, strong { font-weight: bold; } span.post-date { unicode-bidi: embed; } .content-widget.products-grid article.item { background: #fff; box-shadow: rgba(0, 0, 0, .1) 0 1px 3px; padding: 15px; margin-bottom: 30px; } .content-widget.products-grid article.item figure { padding-top: 100%; position: relative; overflow: hidden; } .content-widget.products-grid article.item figure img { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); } /* header#header .bottom ul li.loaded > a::after { content: ""; border-color: transparent transparent #00bfa5 transparent; border-style: solid; border-width: 7px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0; transition: .2s; } header#header .bottom ul li.loaded:hover > a::after { opacity: 1; } header#header .bottom ul li.loaded:hover > a { color: #00bfa5; } */ header#header .middle .search-col select { width: 150px; background: #fafafa; border: none; box-shadow: rgba(0, 0, 0, .2) 0 0 3px; color: #999; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 12px; padding-left: 35px; } header#header .middle .search-col select:focus { outline: none; } header#header .middle .search-col select + i { position: absolute; z-index: 4; font-size: 24px; right: 125px; top: 10px; pointer-events: none; } header#header .middle .search-col input.instuck { width: 45px; display: block; height: 100%; } header#header .middle .search-col input.instuck + label { width: 100%; height: 100%; position: absolute; top: 0; background: #fff; box-shadow: rgba(0, 0, 0, .2) 0 0 3px; line-height: 40px; text-align: center; font-size: 18px; } header#header .middle .search-col input.instuck:checked + label { background: #00bfa5; color: #fff; } header#header .middle .search-col form.woocommerce-product-search > div > div { position: relative; } header#header .middle .search-col form.woocommerce-product-search > div > div select { height: 100%; } header#header .middle .search-col input.instuck + label span { font-size: 14px; } .content-widget.slider-2.style-2 .product-info .feature-daels-price ins { text-decoration: none; } .content-widget.slider-2.style-2 .product-info .feature-daels-price > span > del { width: 50%; float: right; } .content-widget.slider-2.style-2 .product-info .feature-daels-price > span { padding: 0; } .woocommerce-grouped-product-list-item p.stock.in-stock { margin-top: 5px; } .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__price { padding: 5px 0; } .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__price del { color: #aaa; } .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__price ins { text-decoration: none; color: #666 } .c-product__feature-col { display: table-cell; width: 20%; } .c-product__feature { padding-top: 15px; border-top: #eee 1px solid; margin-top: 30px; } .c-product__feature .row2 { display: table; width: 100%; } .c-product__feature .o-grid, .c-product__feature .row2 { width: 100%; } .c-product__feature-item { display: -ms-flexbox; display: flex; position: relative; -ms-flex-direction: column; flex-direction: column; padding: 10px 50px 10px 10px; font-size: 11px; color: #333; line-height: 2; } .c-product__feature-item span { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } .c-product__feature-item--1 { background: 100% 50% no-repeat; background-size: 55px auto; padding-right: 65px } .c-product__feature-item--2 { background: 100% 50% no-repeat; background-size: 40px auto } .c-product__feature-item--3 { background: 100% 50% no-repeat; background-size: 39px auto } .c-product__feature-item--4 { background: 100% 50% no-repeat; background-size: 40px auto } .c-product__feature-item--5 { background: 100% 50% no-repeat; background-size: 40px auto; } .c-product__feature-item--6 { background: 100% 50% no-repeat; background-size: 35px auto; } .product-section .summary.entry-summary { min-height: 335px } .woocommerce .woocommerce-product-details__short-description:not(.show) { max-height: 200px; overflow: hidden; padding-bottom: 0; } .woocommerce .woocommerce-product-details__short-description { position: relative; padding-bottom: 45px; } .woocommerce .woocommerce-product-details__short-description button#product-short-desc-toggle { position: absolute; bottom: 0; left: 0; right: 0; display: block; width: 100%; background: rgba(255,255,255,.95); border: none; box-shadow: #fff 0 -15px 15px; height: 30px; line-height: 30px; color: #666; cursor: pointer; } .woocommerce .woocommerce-product-details__short-description button#product-short-desc-toggle i { transition: .2s; } .woocommerce .woocommerce-product-details__short-description.show button#product-short-desc-toggle i { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .yith-wcan-sort-by ul.orderby li.orderby-wrapper a.active::before, a.yith-wcan-onsale-button.active::before, a.yith-wcan-instock-button.active::before, a.yith-wcan-price-link.active::before, ul.yith-wcan-list li.chosen a::before { content: "x "; } ul li a + div { display: none !important; } img.alignright { float: right; margin: 0 0 1em 1em } img.alignleft { float: left; margin: 0 1em 1em 0 } img.aligncenter { display: block; margin-left: auto; margin-right: auto; border-radius: 20px; margin-top: 20px; margin-bottom: 25px; } a img.alignright { float: right; margin: 0 0 1em 1em } a img.alignleft { float: left; margin: 0 1em 1em 0 } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .footer-copyright { position: relative; } .footer-copyright > a { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #top-right{ height: 21px; } .archive.wide-style .columns-3 > article .w-50{ width: 100% !important; text-align: center; } .archive.wide-style .columns-3 > article .w-50 .star-rating{ display: none !important; } .archive.wide-style .columns-3 > article .w-50 ul{ display: inline-block; } .content-widget.slider-2.style-2 .product-info .feature-daels-price .discount-percent{ background: #999; position: absolute; left: 100%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); height: 40px; width: 40px; line-height: 40px; text-align: center; } .content-widget.slider-2.style-2 .product-info .feature-daels-price .discount-percent i{ font-size: 14px; margin-left: 2px; } .content-widget.slider-2.style-2 .product-info .feature-daels-price span.sale-price{ position: relative; overflow: visible; } article.product .actions-cont{ min-height: 26.75px } .content-widget.slider-2.style-2 .carousel-inner .carousel-item .discount-percent{ float: right; border: #00bfa5 1px solid; padding:2px 20px; border-radius: 3px; color: #00bfa5 } .content-widget.slider-2.style-2 .carousel-inner .carousel-item .discount-percent i{ margin-left: 3px; } header.magical-box{ text-align: center; padding: 30px 0; min-height: 100vh; display: flex; align-items: center; z-index: 99; position: relative; } header.magical-box .box img{ max-width: 100%; cursor: pointer; } header.magical-box .box button{ max-width: 400px; padding: 0; background: transparent; border: none; outline: none; cursor: pointer; transition: .2s; position: relative; } header.magical-box .box button:not(.loading):active{ transform: scale(.9); -webkit-transform: scale(.9); } header.magical-box .box{ position: relative; } #confettiCanvas{ z-index: 0 !important; } .magic-items .product-item{ background: #fff; padding: 15px; color: #999; margin-bottom: 30px; } .magic-items .product-item figure{ height: 0; padding-top: 100%; overflow: hidden; position: relative; background: #fff; } .magic-items .product-item figure img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: .2s; } .magic-items .product-item .title{ height: 25px; line-height: 20px; text-align: center; } .magic-items .product-item .title h2{ margin: 0; font-size: 14px; } .magic-items .product-item .title h2 a{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .magic-items .product-item .price{ text-align: center; color: #999; font-size: 13px; height: 20px; line-height: 20px; margin-bottom: 10px; } .magic-items .product-item .price ins{ text-decoration: none; } .magic-items .product-item .actions{ height: 40px; line-height: 50px; text-align: center; } .magic-items .product-item .actions a{ background: #ffc000; color: #fff; padding: 3px 15px; transition: .2s; font-weight: 500; } .magic-items .product-item .actions a:hover{ opacity: .8; } @-webkit-keyframes fadeInUpMG { from { opacity: 0; -webkit-transform: translate3d(-50%, 100%, 0); transform: translate3d(-50%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } } @keyframes fadeInUpMG { from { opacity: 0; -webkit-transform: translate3d(-50%, 100%, 0); transform: translate3d(-50%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } } header.magical-box .box .help{ background: #ffc000; font-weight: 600; display: inline-block; padding: 5px 15px; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); -webkit-transform: translateX(-50%); pointer-events: none; z-index:4; -webkit-animation-name: fadeInUpMG; animation-name: fadeInUpMG; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } header.magical-box .box .help::before{ content: ""; border-color: transparent transparent #ffc000 transparent; border-width: 10px; border-style: solid; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .magic-items{ padding-top: 30px; background: linear-gradient(to bottom,transparent,rgba(0,0,0,.2)); } .flex-loading{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: .2s; } .loading .flex-loading{ opacity:1; visibility: visible; } #magical-btn.loading img{ filter: brightness(40%); -webkit-filter: brightness(40%); } #magical-btn.loading .spinner{ border-width: 5px; width: 60px; height: 60px; } .magic-items .mg-title{ font-size: 24px; margin-bottom: 15px; opacity: 0.7; text-align: right; } header.magical-box .box .help span.loading, header.magical-box .box button.loading + .help span.normal{ display: none; } header.magical-box .box button.loading + .help span.loading{ display: block; } .content-widget.price-changes .content tbody tr td,.content-widget.price-changes .content tbody tr th{ vertical-align: middle; padding: 5px; } .content-widget.price-changes .content tbody tr .wp-post-image{ width: 50px; } .prices-table .order{ width: 30px; text-align: center; } .prices-table .title{ width: 25%; } .prices-table .thumbnail{ width: 50px; } .prices-table .date{ width: 90px; text-align: center; } .prices-table .past-price{ width: 20%; } .prices-table .changes{ text-align: center; } .prices-table .difference, .prices-table .new-price, .prices-table .past-price{ text-align: center; } .prices-table .title span.attributes{ display: block; font-size: 12px; color: #999; } .prices-table .title span.attributes span{ margin-left: 5px; } .price-changes .table-loading{ display: none; height: 0; padding-top: 20%; position: relative; } .price-changes .table-loading span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0; } .price-changes .loading+.table-loading{ display: block; } .price-changes table.loading{ display: none; } .content-widget.price-changes{ padding: 15px; } .content-widget.price-changes{ padding: 15px; } .content-widget.price-changes .cb-filters select{ height: 30px; line-height: 30px; padding-top: 0; padding-bottom: 0; background-color: #f4f4f4; color: #666; border-radius: 0; border: none; box-shadow: none; font-size: 13px; } .content-widget.price-changes .cb-filters .input-group label,.content-widget.price-changes .cb-filters .input-group span.title{ color: #999; font-size: 13px; width: auto; } .content-widget.price-changes .cb-filters .input-group .switch{ margin: 0 10px 0 0; height: 30px; width: 64px; } .content-widget.price-changes .cb-filters .input-group .switch input:not(:checked)+.slider{ background-color: #eee; } .content-widget.price-changes .cb-filters .input-group .switch .slider::before{ height: 22px; width: 22px; } .content-widget.price-changes .cb-filters .input-group{ direction: rtl; text-align: right; } .prices-table thead{ background: #f5f5f5; } .prices-table thead th{ padding: 5px; color: #666; font-weight: normal; } .prices-table tbody tr{ font-size: 13px; color: #666; line-height: normal; } .prices-table tbody tr:nth-child(even){ background: #fafafa; } .prices-table tbody tr:not(:last-of-type){ border-bottom: #eee 1px solid; } .prices-table i.increase{ color: #00bfa5; } .prices-table i.decrease{ color: #e22; } .content-widget.price-changes .btn{ height: 30px; } .prices-table{width: 100%;} .prices-table i.static{ color: #eee; } .price-changes .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #999; } .woocommerce-store-notice.demo_store{ position: fixed; bottom: 0; left: 0; right: 0; background: #666; margin: 0; padding: 10px; z-index: 999; text-align: center; color: #eee; } .woocommerce-store-notice.demo_store a{ color: #eee; margin: 0 10px; } .highcharts-credits { display: none; } .highcharts-contextmenu .highcharts-menu .highcharts-menu-item { text-align: right; direction: rtl; } .highcharts-axis-labels.highcharts-yaxis-labels tspan{ unicode-bidi: plaintext; } .highcharts-subtitle{ direction: rtl } .highcharts-point+text tspan{ font-weight: normal; fill: #666; } .content-widget.slider-2.style-2 .product-thumb .pt-content,.content-widget.slider-2.style-2 .product-thumb .pt-content .inner{ height: 100%; } .content-widget.slider-2.style-2 .product-thumb .pt-content .thumbnail-fig{ height: calc(100% - 90px); position: relative; overflow: hidden; } .content-widget.slider-2.style-2 .product-thumb .pt-content .thumbnail-fig img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: auto !important; max-height: 100%; } .content-widget.slider-2.style-2 .feature-daels-price, .content-widget.slider-2.style-2 .feature-daels-price *, span.woocommerce-Price-amount, span.woocommerce-Price-amount *{ unicode-bidi: plaintext; } .sidebar .woocommerce-product-search button{ background: #00bfa5; border: none; color: #fff; padding: 0 10px; } .sidebar .woocommerce-product-search .input-group{ direction: rtl; } .enamad-carousel img{ display: block; max-width: 100% !important; height: auto !important; width: auto !important; margin: auto; } .woocommerce p.price span.amount,.woocommerce p.price span.amount *, article.product div.price span{ unicode-bidi: plaintext } .woocommerce-cart .cart-empty{ text-align: center; } .woocommerce-cart .cart-empty .cart-empty-icon i{ width: 167px; height: 167px; text-align: center; line-height: 175px; background: #f4f4f4; color: #a8a8a8; border-radius: 100px; font-size: 100px; } .woocommerce-cart .cart-empty .cart-empty-icon{ margin-bottom: 15px; } .woocommerce-cart .cart-empty p.cart-empty{ font-size: 18px; font-weight: 400; letter-spacing: -1px; } .woocommerce-cart .cart-empty .return-to-shop a{ font-size: 13px; } .woocommerce-cart .cart-empty .return-to-shop{ margin-top: 5px; } .woocommerce-cart .cart-empty a.account-btn{ position: relative; } .woocommerce-cart .cart-empty a.account-btn i{ font-size: 24px; position: absolute; top: 2px; opacity: 0.8 } .woocommerce-cart .cart-empty a.account-btn span{ padding-right: 30px; } .woocommerce-account section.blog-home article.post-item .rima-card{ min-height: 100%; padding: 15px 30px; } .woocommerce-account section.blog-home article.post-item .rima-card h2{ font-size: 24px; margin-bottom: 20px; color: #777; } .pb-widgets-style-4 .content-widget:not(.blog-posts):not(.tabs):not(.exc-header) header.section-header{ padding: 10px; margin-bottom: 15px; background: #f7f9fa; } .pb-widgets-style-4 .content-widget.products-carousel .owl-nav{ top: -23px; } .pb-widgets-style-2 .content-widget:not(.blog-posts):not(.tabs):not(.exc-header) header.section-header h6{ border-bottom: 1px #00bfa5 solid; padding-bottom: 15px; margin-bottom: -1px; box-shadow: white -20px 1px 0 0; padding-left: 15px; color: #666; } .pb-widgets-style-2 .content-widget:not(.blog-posts):not(.tabs):not(.exc-header) header.section-header{ border-bottom: 1px #eee solid; padding-right: 0; padding-bottom: 0; margin-bottom: 15px; margin-left: 15px; margin-right: 15px; } .pb-widgets-style-2 .content-widget:not(.tabs).products-carousel .owl-nav{ top: -25px; } .pb-widgets-style-3 .content-widget:not(.blog-posts):not(.tabs):not(.exc-header) header.section-header h6{ color: #999; position: relative; padding-right: 30px; } .pb-widgets-style-3 .content-widget:not(.blog-posts):not(.tabs):not(.exc-header) header.section-header h6::before,.pb-widgets-style-3 .content-widget:not(.blog-posts):not(.tabs):not(.exc-header) header.section-header h6::after{ content: ""; display: inline-block; width: 4px; height: 4px; background: #666; position: absolute; right: 0; top: 7px; } .pb-widgets-style-3 .content-widget:not(.blog-posts):not(.tabs):not(.exc-header) header.section-header h6::after{ width: 16px; right: 6px; background: #999; } .cb-quick-view-modal-lg .loading { text-align: center; padding: 30px; } .cb-quick-view-modal-lg .loading .spinner{ position: static; display: inline-block; } .cb-quick-view-modal-lg .info h2.title{ font-size: 16px; color: #555; line-height: normal; } .cb-quick-view-modal-lg .info h6.sub-title{ font-size: 14px; color: #999; font-weight: normal; margin-bottom: 15px; } .cb-quick-view-modal-lg .info .desc{ font-size: 13px; line-height: normal; text-align: justify; color: #666; margin-bottom: 30px; } .cb-quick-view-modal-lg .info .price{ text-align: left; margin-bottom: 15px; } .cb-quick-view-modal-lg .info .price *{ unicode-bidi: plaintext; } .cb-quick-view-modal-lg .info .price ins{ text-decoration: none; color: #00bfa5; font-size: 16px; } .cb-quick-view-modal-lg .info .price del{ color: #999; padding: 0 5px; } .carousel.dark .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel.dark .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel.dark .carousel-indicators li{ background-color: rgba(100,100,100,.4) } .carousel.dark .carousel-indicators li.active{ background-color: rgba(100,100,100,.8) } #cbQVModalCarousel .carousel-indicators{ top: calc(100% + 15px); } .cb-quick-view-modal-lg .btn.close-modal{ position: absolute; right: 20px; top: 20px; color: #E53935; font-size: 24px; width: 24px; height: 24px; text-align: center; overflow: hidden; padding: 0; background: transparent; box-shadow: none !important; } .content-widget.products-carousel.car-navs-style-2 { overflow: visible; } .content-widget.products-carousel.car-navs-style-2 .owl-nav{ top: 50% !important; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: -10px; right: -10px; pointer-events: none; } .content-widget.products-carousel.car-navs-style-2 .owl-nav button{ pointer-events: all; background: hsla(0,0%,100%,1) !important; box-shadow: 0 2px 15px 0 rgba(0,0,0,.1); border-radius: 50%; width: 69px; height: 69px; color: #a8a8a8; font-size: 48px; } .content-widget.products-carousel.car-navs-style-2 .owl-nav button.owl-next{ float: left; } .offer-moments .owl-item figure{ position: relative; height: 0; padding-top: 73.5%; overflow: hidden; } .offer-moments.no-title .owl-item figure{ padding-top: 90%; } .offer-moments.style-1:not(.no-title) .owl-item figure{ padding-top: 69.5%; } .offer-moments .owl-item figure img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-height: 100%; width: auto; } .offer-moments .owl-item>.om-item{ padding: 15px 30px; } .offer-moments .owl-item h3.title{ font-size: 13px; height: 50px; line-height: normal; text-align: center; overflow: hidden; font-weight: normal; } .offer-moments .owl-item .price{ height: 45px; text-align: center; } .offer-moments .owl-item .price *{ unicode-bidi: plaintext; } .offer-moments .owl-item .price ins, .offer-moments .owl-item .price span.amount{ font-size: 15px; text-decoration: none; color: #00bfa5 } .offer-moments .owl-item .price>del{ display: block; text-decoration: line-through; font-size: 13px; color: #aaa; } .offer-moments .owl-item .price>del *{ font-size: 13px !important; color: #aaa !important; } @keyframes omBar{ from {width: 0;} to {width: 100%;} } @-webkit-keyframes omBar{ from {width: 0;} to {width: 100%;} } .content-widget.offer-moments{ position: relative; } .content-widget.offer-moments .loader-bar{ display: block; position: absolute; bottom: 0; right:0; width: 0; height: 2px; background: #00bfa5; opacity: .5; } .content-widget.offer-moments .owl-item.active .loader-bar{ animation: omBar 7s infinite cubic-bezier(.17,.67,.71,.99); -webkit-animation: omBar 7s infinite cubic-bezier(.17,.67,.71,.99); } section.blog-home article.post-item .content iframe{border: none; margin-bottom: 15px; display: block;} .h_iframe-aparat_embed_frame{ padding-top: 55%; width: 100%; } article.post .entry-video{ position: relative; width: 100%;margin-top: -20px; padding: 0 !important; } article.post .entry-video iframe, article.post .entry-video .inner{ width:100%; min-height: 450px; border: none; } nav#main-menu{ position: relative; } nav#main-menu ul{ list-style: none; padding: 0; margin: 0; text-align: center; } nav#main-menu>div>ul>li>a{ display: block; padding: 12.25px !important; transition: .2s; font-weight: 400; } nav#main-menu ul li a{ display: block; padding: 12px; transition: .2s; } nav#main-menu>div>ul>li{ display: inline-block; } nav#main-menu li>ul{ opacity:0; visibility: hidden; position: absolute; background: #fff; box-shadow: rgba(0,0,0,.1) 0 0 3px; width: 200px; z-index: 999; padding: 15px; top: 100%; transition: opacity .2s; } nav#main-menu li:hover>ul { opacity: 1; visibility: visible; } nav#main-menu li>ul a{ padding: 5px 10px; } nav#main-menu li:not(.menu-item-has-mega-menu){ position: relative; } nav#main-menu li:not(.menu-item-has-mega-menu)>a{ padding: 5px; } nav#main-menu li.menu-item-has-mega-menu li{ position: static; } nav#main-menu li>ul ul{ top: 0; right: 100%; } nav#main-menu li:hover>ul{display: block;} nav#main-menu li.menu-item-has-mega-menu>ul{ width: 100%; right: 0; padding: 0; } nav#main-menu li.menu-item-has-mega-menu>ul>li>a{ padding:8px; } nav#main-menu li.menu-item-has-mega-menu>ul>li{ display: inline-block; } nav#main-menu li>ul.is-mega-menu-con{ width: 100%; right: 0; top: 100%; padding: 30px 15px; background-repeat: no-repeat; background-position: left 15px bottom 15px; border-top: #555 2px solid; } nav#main-menu li>ul a{ font-size: 13px; padding: 8px; } nav#main-menu li>ul a:not(:hover){ color: #999; } nav#main-menu li>ul.is-mega-menu-con::after{content: "";display: block;clear: both;} nav#main-menu li>ul.is-mega-menu-con>li{ width: 20%; float: right; } nav#main-menu li>ul.is-mega-menu-con ul{ display:none; opacity:1; visibility: visible; position: static; box-shadow: none; background: transparent; width: 100%; margin-top: 5px; padding: 0 20px 0 0; } nav#main-menu li:hover>ul.is-mega-menu-con ul{ display: block; } nav#main-menu li>ul.is-mega-menu-con ul li{ display: block; width: 100%; } nav#main-menu li>ul.is-mega-menu-con a{ padding: 3px 0 !important; font-size: 14px; } nav#main-menu li>ul.is-mega-menu-con ul a:not(:hover){ color: #999 !important; } nav#main-menu li>ul.is-mega-menu-con ul a{ padding: 2px 0 } nav#main-menu li>ul.is-mega-menu-con>li>a::before{ content: ""; border-bottom: #999 2px dotted; width: 6px; display: inline-block; margin-left: 5px; } nav#main-menu li>ul.is-mega-menu-con>li>a:not(:hover){color: #777 !important} nav#main-menu li>ul>li.menu-item-has-children>a::after{ content: '\f104'; font-family: "Font Awesome\ 5 Pro", sans-serif; float: left; font-size: 16px; margin-top: -1px; color: #aaa } nav#main-menu ul.is-mega-menu-con li.menu-item-has-children>a::after{ display: none; } nav#main-menu li.loading>a::after{ content: ""; display: inline-block; border: 2px solid #eee; border-top: 2px solid #00bfa5; border-radius: 50%; width: 15px; height: 15px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; position: absolute; margin-top: 1.5px; margin-right: 5px; } #responsive-items ul{ padding: 0; margin: 0; list-style: none; } nav#main-menu li.loaded>a{ position: relative; } nav#main-menu li.loaded:hover>a::after{ content: ""; border-color: red transparent transparent transparent; border-width: 5px; border-style: solid; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } /* Start Digikala-Menu ---------------------------------------------------------------------------------------------- */ /* Global */ nav.Digikala-Menu { font-size: 13px; } nav.Digikala-Menu ul { list-style: none; padding-right: 0; margin-bottom: 0; } nav.Digikala-Menu li i { font-size: 18px; line-height: 14px; display: inline-block; transform: translateY(3px); margin-left: 3px; } /* Main Level */ nav.Digikala-Menu > ul { position: relative; } nav.Digikala-Menu > ul > li { display: inline-block; width: max-content; margin-left: 1rem; transition: .3s; } nav.Digikala-Menu > ul > li:after { content: ''; display: block; margin: auto; height: 2px; width: 0; background: transparent; transition: width .4s ease, background-color .4s ease; } nav.Digikala-Menu > ul > li:hover:after { background: #00a60a; width: 100%; } nav.Digikala-Menu > ul > li > a { padding: 10px 0; display: block; } /* Multi Level Menu */ /* First Level */ nav.Digikala-Menu > ul > li > ul { box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .15); text-align: right !important; border-radius: 0 0 5px 5px; background-color: #f7f7f7; visibility: hidden; position: absolute; margin-top: 2px; transition: .3s; padding: 10px; z-index: 1000; width: 100%; opacity: 0; top: auto; right: 0; } nav.Digikala-Menu > ul > li:hover > ul { visibility: visible; transition: .3s; opacity: 1; } nav.Digikala-Menu > ul > li > ul > li > a { padding: 12px 5px; transition: .3s; display: block; width: 20%; } nav.Digikala-Menu > ul > li > ul > li.Active { background-color: #fff; border-radius: 5px; transition: .3s; } /* Second Level (MegaMenu) */ nav.Digikala-Menu > ul > li > ul > li > .Mega { border-bottom-left-radius: 5px; display: block !important; background-color: #fff; visibility: hidden; position: absolute; min-height: 100%; transition: .3s; padding: 15px; opacity: 0; width: 80%; left: 0; top: 0; } nav.Digikala-Menu > ul:hover > li > ul > li.Active > .Mega { visibility: visible; height: max-content; transition: .3s; opacity: 1; } /* Third Level */ nav.Digikala-Menu > ul > li > ul > li > .Mega > ul > li { display: inline-block; vertical-align: top; margin-bottom: 1rem; width: 24%; } nav.Digikala-Menu > ul > li > ul > li > .Mega > ul > li > a { margin-bottom: .6rem; font-weight: bold; display: block; } nav.Digikala-Menu > ul > li > ul > li > .Mega > ul > li > a > span:after { font-family: "Font Awesome 5 Pro", sans-serif; display: inline-block; font-variant: normal; text-rendering: auto; font-style: normal; margin-right: 5px; content: "\f053"; font-weight: 900; font-size: 10px; line-height: 1; } nav.Digikala-Menu > ul > li > ul > li > .Mega > ul > li > ul > li { margin-bottom: .6rem; font-size: 12px; } nav.Digikala-Menu > ul > li > ul > li > .Mega > ul > li > ul > li:last-child { margin-bottom: 0; } /* Horizontal Menu */ nav.Digikala-Menu.Horizontal > ul > li > ul { border-radius: 0; height: 50px !important; min-height: 50px !important; } nav.Digikala-Menu.Horizontal > ul > li > ul > li { display: inline-block; width: max-content; } nav.Digikala-Menu.Horizontal > ul > li > ul > li > .Mega { box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .15); border-bottom-right-radius: 5px; transition: .5s; width: 100%; top: 50px; } nav.Digikala-Menu.Horizontal > ul:hover > li > ul > li > .Mega { transition: .5s; } nav.Digikala-Menu.Horizontal > ul > li > ul > li > a { width: max-content; padding: 6px 12px; } /* Horizontal TabStyle Menu */ nav.Digikala-Menu.Horizontal.TabStyle > ul > li > ul > li > .Mega { top: 45px; } nav.Digikala-Menu.Horizontal.TabStyle > ul > li > ul > li > a { padding-bottom: 10px; } nav.Digikala-Menu.Horizontal.TabStyle > ul > li > ul > li { border-radius: 5px 5px 0 0; } nav.Digikala-Menu.Horizontal.TabStyle > ul > li > ul { padding-bottom: 0; } /* End Digikala-Menu ------------------------------------------------------------------------------------------------ */ header.page-title{ text-align: center; padding: 60px 15px; background-color: #FF5252; color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.11'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } header.page-title p.desc{ opacity: .8; margin: 0; padding: 0; } .page-template-amazing-offer .woocommerce-breadcrumb{display: none;} nav#responsive-items li{ position: relative; } nav#responsive-items li>ul{ position: absolute; left: 0; background: #fff; box-shadow: rgba(0,0,0,.1) 0 1px 3px; width: 200px; visibility: hidden; opacity: 0; transition: .2s; } nav#responsive-items li:hover>ul{ opacity: 1; visibility: visible; } nav#responsive-items li>ul li a{ padding: 5px 60px 5px 10px; display: block; } article.product .flip-clock-a{ margin: 3px 0 0 0; } article.product .flip-clock-wrapper ul .up .inn{ font-size: 13px; } article.product .flip-clock-wrapper ul .up{ height: auto; line-height: normal; } article.product .flip-clock-wrapper ul{ width: 10px; } article.product .flip-clock-wrapper .flip-clock-divider *{ width: 2px; height: 2px; } article.product .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom { top: 10px; } article.product .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top { top: 16px; } article.product .ao-percent-rib { position: absolute; top: -50px; left: -50px; background: #EF5350; z-index: 3; width: 100px; height: 100px; text-align:center; transform: rotate(-45deg); padding-top: 65px; line-height: 15px; color: #fff; } article.product .ao-percent-rib span{ display: block; } .show-price *{ unicode-bidi: plaintext } .content-widget.offer-moments.style-2 .loader-bar{ position: relative; height: 3px; margin-bottom: 10px; opacity: 1; border-radius: 10px } .content-widget.offer-moments.style-2 .price,.content-widget.offer-moments.style-2 .more{ text-align: center; } .content-widget.offer-moments.style-2 .price>del, .content-widget.offer-moments.style-2 .om-item.variable .price>span:last-of-type{ display: none; } .content-widget.offer-moments.style-2 .om-item.variable .price{font-size: 0;} .content-widget.offer-moments.style-2 .om-item::after{ content: ""; display: block; clear: both; } .offer-moments.style-2 .owl-item .price{ height: auto; } .offer-moments.style-2 .row.pm{ height: 45px; } .content-widget.offer-moments.style-2 .more .btn-primary{ box-shadow: none !important; color: #fff !important; border: none !important; } .content-widget.offer-moments.style-2 .more .btn-primary:hover{ opacity: .8; } .content-widget.offer-moments.style-2 .section-header{ background: #00bfa5; text-align: center; padding: 10px; } .content-widget.offer-moments.style-2 .section-header h6{color: #fff; text-align: center;} article.product .float-left{ text-align: left; } article.product .float-left .star-rating{ margin-top: 5px; } .content-widget.products-grid-2 .rate{ text-align: center; height: 30px; } .content-widget.products-grid-2 article.product div.price{ margin-bottom: 0 } .content-widget.products-grid-2 .small-products figure.thumb{ width: 100px; height: 100px; padding-top: 0; float: right; margin-right: -115px; margin-bottom: 0 } .content-widget.products-grid-2 .small-products article.product{ position: relative; padding-right: 130px; margin-bottom: 25px } .content-widget.products-grid-2 .large-products article.product{ margin-bottom: 22px; } .content-widget.products-grid-2 .small-products article.product .rate{ position: absolute; left: 15px; bottom: 0; } .content-widget.products-grid-2 .small-products article.product .price{ text-align: right; } .content-widget.products-grid-2 .small-products article.product .title{ white-space: normal; height: auto; text-align: right; width: 100%; max-height: 40px; } .header-style-rima nav#main-menu > div > ul > li:hover > a{ background: #f5f5f5 } figure img{font-size: 0} .content-widget.products-grid-2.pg-rows-2 .large-products article.product figure.thumb{ padding-top: 55%; } .content-widget.products-grid-2.pg-rows-2 .large-products article.product .price, .content-widget.products-grid-2.pg-rows-2 .large-products article.product .rate{ width: 50%; float: left; margin-top: 10px; height: 30px; } .content-widget.products-grid-2.pg-rows-2 .large-products article.product::after{ content: ""; display: block; clear: both; } .header-style-digikala nav#main-menu>div>ul>li>a{ position: relative; } .header-style-digikala nav#main-menu>div>ul>li>a::before{ content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; transform: scaleX(0); -webkit-transform: scaleX(0); transition: .2s; } .header-style-digikala nav#main-menu>div>ul>li:hover>a::before{ transform: scaleX(1); -webkit-transform: scaleX(1); } .header-style-digikala nav#main-menu>div>ul>li.menu-item-has-mega-menu:hover>a::after{display: none;} .content-widget.text-block>p:last-of-type{margin-bottom: 0;} .content-widget.text-block{ padding: 15px; } .content-widget.steps-2 .item{ text-align: center; padding: 15px 30px; } .content-widget.steps-2 .item .desc{ font-size: 12px; line-height: 2; text-align: center; color: #999; } .content-widget.steps-2 .item .title{ margin-bottom: 15px; } .page-template-amazing-offer article.product .actions { text-align: center; } .page-template-amazing-offer article.product .w-100.float-left>div, .page-template-amazing-offer article.product .actions ul{ display: inline-block; width: auto; } .page-template-amazing-offer article.product .w-100.float-left{ text-align: center; } .page-template-amazing-offer article.product .price{ height: 30px; line-height: 30px; } .page-template-amazing-offer article.product .price ins{ font-size: 16px; color: #00bfa5; margin-right: 5px; } .products[class*="columns-"]> article{ float: right; margin: 0 7.5px 15px 7.5px !important; } [class*="columns-"].products::after { content: ""; display: block; clear: both; } #responsive-items ul li.right{ width: calc(100% - 250px); overflow: hidden; } .product-single-ribbons .ribbons{ position: static; margin-top: -5px; margin-bottom: 10px; } .product-single-ribbons .ribbons>div{ display: inline-block; } .content-widget.slider-2.slider-img-auto .carousel-item a, .content-widget.slider-1.slider-img-auto .carousel-item a{ height: auto; padding-top: 0; } .content-widget.slider-2.slider-img-auto .carousel-item a img, .content-widget.slider-1.slider-img-auto .carousel-item a img{ position: static; transform: none; -webkit-transform: none; } .content-widget.banner-wg-2 .banner-item-col{ position:relative; } .content-widget.banner-wg-2 .banner-item-col .image-item{ position: relative; overflow: hidden; } .content-widget.banner-wg-2 .banner-item-col .image-item a{ display: block; height: 100%; width: 100%; } .content-widget.banner-wg-2 .banner-item-col .image-item .banner-entry{ position: absolute; top: 0; right: 0; color: #222; left: 0; bottom: 0; padding: 15px; transition: .2s; } .content-widget.banner-wg-2 .banner-item-col .image-item img{ width: 100%; } .content-widget.banner-wg-2 .banner-item-col .image-item:hover .banner-entry{ box-shadow: rgba(0,0,0,1) 0 0 200px inset; color: #fff; } .content-widget.banner-wg-2 .banner-item-col .image-item.img-height-fill{ height: 100%; overflow: hidden; } .content-widget.banner-wg-2 .banner-item-col .image-item.img-height-fill img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-width: inherit; max-height: 110%; width: auto; } .content-widget.banner-wg-2 .banner-item-col .image-item .banner-entry .banner-title{ font-size: 16px; display: inline-block; border-bottom: rgba(0, 0, 0, 0.3) 2px solid; padding-bottom: 5px; margin-bottom: 5px; transition: .2s; } .content-widget.banner-wg-2 .banner-item-col .image-item:hover .banner-entry .banner-title{ border-bottom: rgba(255, 255, 255, 0.3) 2px solid; } .content-widget.banner-wg-2 .banner-item-col .image-item .banner-entry .banner-desc{ transition: .2s; } .content-widget.banner-wg-2 .banner-item-col .image-item:not(:last-of-type){ margin-bottom: 30px; } .car-type-2-images{ height: 100%; padding: 0 15px 0 0 !important; } .car-type-2-images::after{ content: ""; display: block; height: calc(100% - 15px); width: 1px; background: #eee; position: absolute; left: -22px; top: 0; } .car-type-2-images h3.title{ margin: 0; position: absolute; z-index: 9; bottom: 25px; left: 5px; right: 5px; text-align: center; font-size: 16px; background: rgba(0,0,0,.2); padding: 5px; color: #fff; } .car-type-2-images{ position: relative; } .car-type-2-images .owl-dots{ position: absolute; bottom: 15px; left: 2px; right: 17px; text-align: center; } .car-type-2-images .owl-dots button{ display: inline-block; width: 10px; height: 10px; background: rgba(0,0,0,.3); border-radius: 10px; margin: 2px; } .car-type-2-images .owl-dots button.active{ background: rgba(0,0,0,.5); } .products-carousel.car-type-2{ border-radius: 5px; } .car-type-2-images .ct2-item{ position: relative; overflow: hidden; height: 100%; } .car-type-2-images .ct2-item img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .car-type-2-images .owl-stage-outer,.car-type-2-images .owl-stage,.car-type-2-images .owl-item{ height: 100%; } .car-type-2-images .owl-stage-outer{ height: calc(100% - 15px); } .footer-namad-ex{ text-align: center; } .footer-namad-ex .item{ background: rgba(255,255,255,.1); border-radius: 2px; border: rgba(255,255,255,.1) 1px solid; min-height: 180px; padding: 15px } .blog-widget.tile-posts article.post-item{ position: relative; } .blog-widget.tile-posts article.post-item figure{ height: 345px; margin: 0; overflow: hidden; text-align: center; } .blog-widget.tile-posts article.post-item figure img{ min-height: 100%; min-width: 100%; max-width: 150%; max-height: inherit; width: auto; height: auto; } .blog-widget.tile-posts article.post-item figure figcaption{ position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; color: #fff; background: linear-gradient(to top, rgba(0,0,0,.4), transparent); transition: .2s; text-align: right; } .blog-widget.tile-posts article.post-item:hover figure figcaption{ background: linear-gradient(to top, rgba(0,0,0,.6), transparent); } .blog-widget.tile-posts article.post-item figure figcaption h3{ margin:0; font-size: 24px; text-shadow: rgba(0, 0, 0, 0.18) 1px 1px 1px; } .blog-widget.tile-posts .sm-posts article.post-item figure figcaption h3{ font-size: 14px; } .blog-widget.tile-posts article.post-item figure figcaption time{ font-size: 12px; } .blog-widget.tile-posts .h-2-row article.post-item figure{ height: 165px; } .blog-widget.tile-posts article.post-item:not(:last-of-type){ margin-bottom:15px; } .mb-15px{ margin-bottom: 15px; } section.content-widget header.wg-title{ margin-bottom: 15px; } section.content-widget.wg-carousel{ padding: 40px 0; background: #eeeeee; box-shadow: none; } section.content-widget.wg-carousel>.title{ padding: 0 80px; margin-bottom: 40px; position: relative; } section.content-widget.wg-carousel>.title h6{ margin: 0; padding: 0 30px; color: #666; display: inline-block; } section.content-widget.wg-carousel>.title>*{ position: relative; } section.content-widget.wg-carousel>.title a.link{ font-size: 24px; display: inline-block; padding: 0 15px; height: 38px; line-height: 33px; color: rgba(0,0,0,.5); border-radius: 100px; transition: .3s; margin-top: -3px; border: rgba(0,0,0,.3) 1px solid; } section.content-widget.wg-carousel>.title a.link::before{ content: "مشاهده عناوین بیشتر"; font-size: 14px; display: inline-block; } section.content-widget.wg-carousel .owl-carousel .item{ background: #fff; border-radius: 4px; box-shadow: rgba(0,0,0,.1) 0 0 3px; overflow: hidden; } section.content-widget.wg-carousel .owl-carousel .item h4{ font-size: 14px; overflow: hidden; max-width: 100%; text-align: center; line-height: normal; height: 50px; transition: .3s; } section.content-widget.wg-carousel .owl-carousel .item figure{ width: 100%; margin: 0; } section.content-widget.wg-carousel .owl-carousel .item figure .figure-img{ transition: .3s; } section.content-widget.wg-carousel .owl-carousel .item:hover figure .figure-img{ -webkit-filter: brightness(110%); filter: brightness(110%); } section.content-widget.wg-carousel .owl-carousel .item figure+h4{ padding: 5px 10px; margin-bottom: 15px; margin-top: 5px; color: #555; } section.content-widget.wg-carousel .owl-carousel .item figure+h4::after{ content: ""; background: #eee; display: block; width: 40%; height: 1px; margin: 5px auto auto auto; } section.content-widget.wg-carousel .owl-carousel .item .info{ padding: 0 15px 10px 15px; } section.content-widget.wg-carousel .owl-carousel .item .info ul{ margin: 0; padding: 0; list-style: none; display: table; width: 100%; } section.content-widget.wg-carousel .owl-carousel .item .info ul li{ display: table-cell; font-size: 12px; color: #aaa; vertical-align: middle; } section.content-widget.wg-carousel .owl-carousel .item .info ul li figure{ margin: 0 0 0 10px; width: 25px; height: 25px; display: inline-block; float: right; } section.content-widget.wg-carousel .owl-carousel .item .info ul li figure+span{ display: inline-block; float: right; height: 25px; line-height: 25px; } section.content-widget.wg-carousel .owl-carousel .item .info ul li figure img{ width: 100%; height: 100%; border-radius: 100%; } section.content-widget.wg-carousel .owl-carousel .item .info ul li:last-of-type{ text-align: left; } section.content-widget.wg-carousel .owl-carousel .item .info ul li i{ margin-left: 5px; } section.content-widget.wg-carousel .owl-carousel .item .info ul li a{ font-size: 12px; color: #aaa; transition: .3s; } section.content-widget.wg-carousel .owl-carousel .item .info ul li a:hover{ color: #777; } section.content-widget.wg-carousel .owl-nav{ position: absolute; top: 0; left: 0; right: -1px; height: 100%; overflow: hidden; pointer-events: none; } section.content-widget.wg-carousel .owl-nav>button{ width: 100px; height: 100px; background: #fdfdfd; display: block; border-radius: 100%; font-size: 50px; line-height: 110px; overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); pointer-events: all; box-shadow: rgba(255, 255, 255, 1) 0 0 200px 50px; transition: .3s; } section.content-widget.wg-carousel .owl-nav>button i{ color: #777; } section.content-widget.wg-carousel .owl-nav>button.owl-next.disabled{ left: -100px; opacity: 0; } section.content-widget.wg-carousel .owl-nav>button.owl-prev.disabled{ right: -100px; opacity: 0; } section.content-widget.wg-carousel .owl-nav>button.owl-next{ left: -50px; text-align: right; padding-right: 20px !important; } section.content-widget.wg-carousel .owl-nav>button.owl-prev{ right: -50px; padding-right: 30px !important; } section.content-widget.wg-carousel .owl-nav>button.owl-prev span{ text-align: left; } section.content-widget.wg-carousel .owl-nav>button span{ display: block; padding: 0 20px; color: #888; transition: .3s; } section.content-widget.wg-carousel .owl-nav>button:focus{ outline: none; } section.content-widget.wg-carousel .owl-nav>button:hover i{ color: #555; } section.content-widget.wg-carousel .owl-nav>button.owl-next{ text-align: right; } section.content-widget.wg-carousel .owl-carousel .item>a>figure.figure{ height: 0; padding-top: 70%; position: relative; overflow:hidden; background: #f5f5f5; } section.content-widget.wg-carousel .owl-carousel .item>a>figure.figure img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } section.blog-home article.post-item .info li figure img{ width: 32px; height: 32px; border-radius: 100px; } section.blog-home article.post-item .info li figure{ display: inline-block; margin: 0 0 0 5px; } .pb-blog-sidebar { background: #fff; padding: 15px; box-shadow: rgba(0, 0, 0, .1) 0 1px 3px; } .pb-blog-sidebar section{ background:transparent; padding: 0; box-shadow: none; } .pb-blog-sidebar section header.wg-header{ text-align: center; } .pb-blog-sidebar section header.wg-header h6{ text-align: center; color: #888; font-size: 14px; margin: 0; } .pb-blog-sidebar section header.wg-header::after{ content: ""; display: inline-block; width: 50px; height: 1px; background: red; } .product-carousel-wg .owl-dots{ text-align: center; } .product-carousel-wg .owl-dots button{ display: inline-block; width: 8px; height: 8px; background: #ecebeb; border-radius: 100px; margin: 5px; transition: .2s; } .product-carousel-wg .owl-dots button.active{ background: red; width: 16px; } .product-carousel-wg .product-item h3{ text-align: center; font-size: 14px; margin-bottom: 30px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .header-msg-ads{ display: none; } .header-msg-ads a,.header-msg-ads img{ display: block; width: 100%; } .c-category-card{ background: #fff; border: #eee 1px solid; box-shadow: rgba(0,0,0,.1) 0 2px 3px; margin-bottom: 30px; } .c-category-card__header { background: no-repeat 50% 50%; background-size: contain; margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; font-size: 17px; line-height: 1.294; font-weight: 700; letter-spacing: -.4px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; } .c-category-card__image { width: 100%; } .c-category-card__title { position: absolute; bottom: 0; left: 0; min-height: 48px; right: 0; background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent)); background: linear-gradient(0deg,rgba(0,0,0,.5),transparent); line-height: 48px; padding-right: 10px; } .c-category-card__list { overflow: hidden; padding-top: 8px; padding-bottom: 0; list-style: none; margin-bottom: 0; font-size: 1rem; padding-right: 0; line-height: 1.571; font-weight: 400; letter-spacing: -.7px; } .c-category-card__list li { padding-right: 51px; margin: 10px 0; position: relative; } .c-category-card__list li:first-child { margin-top: 0; } .c-category-card__list li:last-child { margin-bottom: 25px; } .c-category-card__list li a { color: #565656; display: block; } .c-category-card__list li a:hover { color: #1ca2bd; } .c-category-card__list li:before { position: absolute; right: 25px; width: 8px; height: 8px; border-radius: 4px; background: #dbdbdb; content: ""; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .c-category-card__footer { padding: 18px 36px; letter-spacing: -.3px; text-align: left; margin-top: -20px; font-size: .929rem; line-height: 1.692; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .entry-video video{ width: 100%; } .cb-view-mode{ display: none;} header#header.style-bamilo nav #main-menu-ul{ text-align: center; } header#header.style-bamilo nav #main-menu-ul>li:not(:last-of-type)>a::after{ content: "|"; margin-right: 20px; color: #ccc; } header#header.style-bamilo nav #main-menu-ul ul{ text-align: right; } .content-widget.slider-1 h3.title{ position: absolute; top: 50%; left: 50%; display: inline-block; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 10px 15px; max-width: 80%; background: rgba(0,0,0,.3); color: #fff; text-align: center; } body.wide-style #header .header-style-rima .middle .basket-col:not(.temp5):not(.temp2) .site-header-cart > li:not(:first-of-type) { right: auto; left: auto; } .enamad-carousel{ max-width: 200px; margin: auto; } .products li.product-category a h2 { font-size: 1rem; margin-top: 10px; margin-bottom: 0; } .products li.product-category a h2 mark { background-color: unset; color: inherit; } .products li.product-category { float: right; width: 30.4347826087%; margin-left: 4.347826087%; list-style: none; margin-right: 0; margin-bottom: 4.235801032em; text-align: center; position: relative; box-sizing: border-box; background-color: #fff; box-shadow: rgba(0, 0, 0, .1) 0 1px 3px; padding: 10px; } .products li.product-category.first { clear: both; } .products li.product-category.last, .products li.product-category:last-child { margin-left: 0; clear: none; } @media (max-width: 767px) { .products li.product-category { width: 100%; margin-left: 0; } } .produc .actions-cont .actions { max-height: 30px; } .sms-notif-form { margin-top: 25px; text-align: right !important; } .sms-notif-form .sms-notif-mobile { margin-top: 10px; width: 100%; text-align: center !important;; direction: ltr; color: #555555; font-size: 1.1rem; padding: 4px; border: #ccc 1px solid; } .sms-notif-form .sms-notif-submit { cursor: pointer; background-color: #00a60a; color: white; padding: 3px 15px; font-size: 1.1rem; } .sms-notif-form .sms-notif-result-p { margin-bottom: 0; } .digcon { width: 100%; } .dig-custom-field input, #dig_wc_log_otp_container input { display: block; width: 100%; padding: .375rem .75rem .375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; border: #ccc 1px solid; font-size: 13px; border-radius: 0; } .button.otp_reg_dig_wc, .button.dig_wc_mobileLogin, .dig_billing_wc_dv input[type=submit] { background-color: #00a60a; cursor: pointer; width: 100%; border-radius: 3px; color: #ffffff; } .loginViaContainer { margin-top: 2.5rem; } .dig_wc_countrycodecontainer, .dig_wc_logincountrycodecontainer { height: 100%; } .dig_wc_registercountrycode, .dig_wc_logincountrycode { height: calc(100% - 2px); border: none; border-right: 1px solid #ccc; margin: 1px; } .dig_lasele { padding-top: 30px; } .dig_billing_wc_dv input[type=submit] { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; line-height: 1.5; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .woocommerce-shipping-methods, .woocommerce-shipping-methods label { padding-right: 0; margin-bottom: 0; list-style: none; } .single_add_to_cart_button.disabled { /* TODO */ pointer-events: unset; } .content-widget .product-type-variable .price span { font-size: 13px !important; } @media only screen and (max-width: 1199px) and (min-width: 992px) { .header-style-rima-light .wrapper{ padding-top: 69px; } .header-style-rima .wrapper{ padding-top: 170px; } .header-style-rima .wrapper.ht-1{ padding-top: 130px; } .header-style-digikala .wrapper{ padding-top: 149px; } .header-style-digikala .wrapper.ht-1{ padding-top: 108px; } .header-style-digistyle .wrapper{ padding-top: 146px; } .header-style-digistyle .wrapper.ht-1{ padding-top: 105px; } .header-style-bamilo .wrapper{ padding-top: 132px; } .header-style-bamilo .wrapper.ht-1{ padding-top: 102px; } } @media only screen and (min-width: 1200px) { .cb-view-mode{ display: block; } .shop-product-list .products>article{ width: 100% !important; } .shop-product-list .products>article figure.thumb{ width: 200px; height: 200px; padding-top: 0; float: right; } .shop-product-list .products>article .entry-p-content{ float: left; width: calc(100% - 200px); padding:15px; } .shop-product-list .products>article .entry-p-content .content{ display: block !important; } .shop-product-list .products>article .entry-p-content .title, .shop-product-list .products>article .entry-p-content .price{ text-align: right; } .header-msg-ads{ display: block; } .products.columns-1>article{width: calc(100% - 15px);} .products.columns-2>article{width: calc(50% - 15px);} .products.columns-3>article{width: calc(33.33% - 15px);} .products.columns-4>article{width: calc(25% - 15px);} .products.columns-5>article{width: calc(20% - 15px);} .products.columns-6>article{width: calc(16.66% - 15px);} .products.columns-7>article{width: calc(14.28% - 15px);} .products.columns-8>article{width: calc(12.5% - 15px);} .products.columns-9>article{width: calc(11.11% - 15px);} .products.columns-10>article{width: calc(10% - 15px);} .user-shop-link i{ opacity: .5; } .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout2 .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-info li{ display: block !important; margin: 0 0 5px 0 !important; padding: 0 !important; text-align: center !important; } .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout2 .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-info li::after {display: none;} .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout2 .profile-info-summery-wrapper{ height: auto !important; } .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout2 .profile-info-summery-wrapper .profile-info-summery .profile-info{ top: 0 !important; margin-top: -75px !important; } .header-style-rima .wrapper { padding-top: 175px; } .header-style-rima .wrapper.ht-1 { padding-top: 135px; } .page-template-amazing-offer-php.wide-style .columns-3 > article{ width: calc(25% - 15px) !important; } .dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery .profile-info li { padding-bottom: 4px !important; } header#header .middle .logo-col{ height: 53px; } .footer-copyright > a { left: calc(calc(100vw - 1140px) - calc(calc(100vw - 1140px) / 2)); } .wide-style .footer-copyright > a { left: 15px; } .wide-style .content-widget.slider-2.style-2 .carousel-indicators { width: 210px; } .wide-style .content-widget.slider-2.style-2 .carousel-inner { width: calc(100% - 210px); } .header-style-digikala .wrapper { padding-top: 159px; } .header-style-digikala .wrapper.ht-1{ padding-top: 188px; } .header-style-digistyle .wrapper { padding-top: 161px; } .header-style-digistyle .wrapper.ht-1 { padding-top: 120px; } .header-style-rima-light .wrapper { padding-top: 70px; } .header-style-bamilo .wrapper { padding-top: 141px; } .header-style-bamilo .wrapper.ht-1{ padding-top: 111px; } .fw-container { width: 1140px !important; } .wide-style .container:not(.exclude), .wide-style .fw-container { max-width: inherit !important; width: 100% !important; padding-right: 15px !important; padding-left: 15px !important; margin-right: auto !important; margin-left: auto !important; } .rm-widget-menu { margin: -15px -15px -15px -15px; } .rm-widget-menu ul { padding: 0; margin: 0; } .rm-widget-menu ul li.menu-item-has-children > a:after, .rm-widget-menu ul li[data-id] > a:after { content: "\f104"; font-family: "Font Awesome\ 5 Pro", sans-serif; font-weight: 300; float: left; font-size: 16px; color: #999 } .rm-widget-menu ul li a { display: block; padding: 8px 10px; } .rm-widget-menu li ul a { padding: 4px 10px; } .rm-widget-menu > div > ul { position: relative; } .rm-widget-menu > div > ul > li > ul { position: absolute; background: #fafafa; left: 0; top: 0; width: 50%; z-index: 9; min-height: 100%; border-right: #eee 1px solid; padding-right: 5px; } .rm-widget-menu > div > ul > li > ul li { position: relative; } .rm-widget-menu > div > ul > li > ul ul { background: #fff; width: 200px; position: absolute; top: 0; right: 100%; box-shadow: rgba(0, 0, 0, .1) 0 2px 3px; } .rm-widget-menu ul.is-mega-menu-con ul { width: 100%; background: transparent; position: static; box-shadow: none; } .rm-widget-menu ul.is-mega-menu-con { position: absolute; width: 855px; top: 0; right: 100%; background-repeat: no-repeat; background-position: bottom 10px left 10px; background-color: #fff; padding: 10px; box-shadow: rgba(0, 0, 0, .2) 0 2px 3px; border-bottom: #00bfa5 2px solid; max-height: inherit; border-right: none; } .rm-widget-menu ul.is-mega-menu-con > li { float: right; width: 25%; } .rm-widget-menu ul.is-mega-menu-con > li > a { color: #00bfa5; font-weight: bold; } .rm-widget-menu ul.is-mega-menu-con li.menu-item-has-children > a::after { display: none !important; } .rm-widget-menu ul.is-mega-menu-con > li > ul { padding-right: 10px; } .rm-widget-menu ul.is-mega-menu-con::after { content: ""; display: block; clear: both; } .rm-widget-menu li > ul { display: none; } .rm-widget-menu .mega-menu-row>li{ position: static !important; } .rm-widget-menu li:hover > ul { display: block; } .rm-widget-menu li:hover > a { color: #00bfa5; } .rm-widget-menu > div > ul > li > ul ul.is-mega-menu-con a { padding: 5px; } .rm-widget-menu > div > ul > li > ul ul.is-mega-menu-con ul { display: none; opacity: 1 !important; visibility: visible !important; margin-left: 0 !important; } .rm-widget-menu li:hover ul.is-mega-menu-con ul { display: block; } .rm-widget-menu li.loading > a::before { content: ""; display: inline-block; border: 2px solid #eee; /* Light grey */ border-top: 2px solid #00bfa5; /* Blue */ border-radius: 50%; width: 15px; height: 15px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; margin-left: 5px; position: absolute; right: 0; } .rm-widget-menu li.loading > a { padding-right: 20px; transition: .2s } } @media only screen and (min-width: 992px) { section.blog-home.post-items-style-list article.post-item{ padding: 0; border-radius: 4px; overflow: hidden; } section.blog-home.post-items-style-list article.post-item.has-post-thumbnail .entry-header{ width: 260px; height: 180px; overflow: hidden; float: right; padding: 0; } section.blog-home.post-items-style-list article.post-item.has-post-thumbnail .entry-header figure{ width: 100%; } section.blog-home.post-items-style-list article.post-item.has-post-thumbnail .entry-footer{ float: left; width: calc(100% - 260px); } section.blog-home.post-items-style-list article.post-item .entry-footer{ padding: 20px; } section.blog-home.post-items-style-list article.post-item .entry-footer .title{ margin: 0; } section.blog-home.post-items-style-list article.post-item .entry-footer .title::after{ content: ""; display: block; height: 2px; width: 100px; background: red; } section.blog-home.post-items-style-list article.post-item .entry-footer .content{ height: 45px; overflow: hidden; } section.blog-home.post-items-style-list article.post-item.has-post-thumbnail::after{ content: ""; display: block; clear: both; } section.blog-home.post-items-style-list article.post-item .entry-footer .info{ text-align: left; } section.blog-home.post-items-style-grid { margin-left: -15px; margin-right: -15px; } section.blog-home.post-items-style-grid article.post-item{ float: right; width: calc(33.33% - 30px); margin-left: 15px; margin-right: 15px; height: 480px; border-radius: 4px; overflow: hidden; padding: 0; } section.blog-home.post-items-style-grid nav.navigation{ display: block; clear: both; } section.blog-home.post-items-style-grid article.post-item .entry-header{ height: 180px; overflow: hidden; padding: 0; position: relative; background: #f5f5f5; margin: 0; } section.blog-home.post-items-style-grid article.post-item .entry-header figure{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.2); -webkit-transform: translate(-50%, -50%) scale(1.2); } section.blog-home.post-items-style-grid article.post-item .entry-footer .title{ max-height: 105px; text-align: center; overflow: hidden; letter-spacing: .5px; } section.blog-home.post-items-style-grid article.post-item .entry-footer .title a{ display: block; } section.blog-home.post-items-style-grid article.post-item .entry-footer .title::after{ height: 2px; content: ""; width: 60px; background: red; display: inline-block; } section.blog-home.post-items-style-grid article.post-item .entry-footer .content{ height: 110px; overflow: hidden; } section.blog-home.post-items-style-grid article.post-item .entry-footer .entry-content{ height: 230px; } section.blog-home.post-items-style-grid article.post-item .entry-footer .info{ text-align: center; } header#header.style-rima-light .bottom{ display: none;} header.magical-box .box::before, header.magical-box .box::after{ content: ""; display: block; position: absolute; background: url(assets/images/rib-right.png); width: 140px; height: 158px; right: 15%; top: 0; } header.magical-box .box::after{ right: auto; left: 15%; background: url(assets/images/rib-left.png); } header#header.style-bamilo .bottom { background: #fff; box-shadow: none; border-top: rgba(0, 0, 0, .1) 1px solid; } header#header.style-bamilo .bottom nav > div > ul > li > a { padding: 7.5px 30px; color: #666; } header#header.style-bamilo .bottom nav#main-menu>div>ul>li>a{ padding: 8px 10px !important; } header#header.style-bamilo .bottom ul li.menu-item-has-children > a::after { display: none; } header#header.style-digistyle .bottom { background: #fff; box-shadow: none; } header#header.style-digistyle .bottom ul { text-align: center; } header#header.style-digistyle .bottom nav#main-menu ul li:not(:last-of-type)::after { display: none; } header#header.style-digistyle .bottom nav > div > ul > li.menu-item-has-mega-menu > ul li { text-align: right; } header#header.style-rima-light .bottom { box-shadow: none; background: #fff; border-top: #eee 1px solid; opacity: 0; visibility: hidden; margin-bottom: -5px; transition: .2s; height: 0; overflow: hidden; } header#header.style-rima-light .bottom.show { opacity: 1; visibility: visible; margin-bottom: 0; height: auto; overflow: visible; } header#header.style-digikala .bottom { background-color: #fafafa !important; box-shadow: none !important; } header#header.style-digikala .bottom nav > div > ul > li > a, header#header.style-digikala .bottom ul li p, header#header.style-digikala .bottom nav > div > ul > li.current_page_item > a { color: #000000; padding: 12px !important; text-align: center; font-size: 14px; font-weight: 500; margin-top: 10px; } nav#main-menu li.loading>a{ padding-left: 30px !important; } header#header.style-bamilo.fixed { position: fixed; z-index: 999; transition: .3s; } header#header.style-bamilo.fixed.mini:not(:hover) { transform: translateY(calc(-100% + 45.5px)); -webkit-transform: translateY(calc(-100% + 45.5px)); } header#header.style-digikala .bottom nav > div > ul > li::after { display: none; } header#header.style-rima.fixed.mini:not(:hover) { opacity: .95 } header#header.style-digikala.fixed { position: fixed; z-index: 999; transition: .3s; } header#header.style-digikala.fixed.mini:not(:hover) { transform: translateY(calc(-100% + 42px)); -webkit-transform: translateY(calc(-100% + 42px)); } header#header.style-digistyle.fixed { position: fixed; z-index: 999; transition: .3s; } header#header.style-digistyle.fixed.mini:not(:hover) { transform: translateY(calc(-100% + 44px)); -webkit-transform: translateY(calc(-100% + 44px)); } .content-widget.slider-2.style-2 .product-thumb { height: 320px; overflow: hidden; } .content-widget.blog-posts + .free-space { padding-top: 320px } .content-widget.slider-2.style-2 .product-info .footer-sec { height: 202px; } header#header.style-rima-light.fixed { position: fixed; z-index: 999; transition: .3s; } header#header.style-rima-light.fixed.mini.scroll-plus:not(:hover) { transform: translateY(-100%); -webkit-transform: translateY(-100%); } header#header.style-rima.fixed { position: fixed; z-index: 999; transition: .3s; } .wrapper:not(.ht-1) header#header.style-rima.fixed.mini { transform: translateY(calc(-100% + 110px)); -webkit-transform: translateY(calc(-100% + 110px)); } header#header.style-rima.fixed.mini.scroll-plus:not(:hover) { transform: translateY(calc(-100% + 44px)); -webkit-transform: translateY(calc(-100% + 44px)); transition-delay: .5s; } header#header.style-rima.fixed.mini .middle { padding: 10px 0; } header#header.style-rima .header-logo img { transition: .3s; display: block; } header#header.style-rima.fixed.mini .header-logo img { max-height: 45px; } } @media only screen and (max-width: 1199px) { .products[class*="columns-"]> article{ width: calc(50% - 15px); } .footer-copyright > a { position: static; display: block; text-align: center; transform: none; -webkit-transform: none; margin: 15px auto auto; } .c-product__feature .row2 { display: block; flex-wrap: wrap; -ms-flex-wrap: wrap; } .c-product__feature-col { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; display: block; margin-bottom: 10px; } .rm_menu-widget { display: none; } #header.style-digikala .header-digikala-user { border: none; margin: 0 0 0 15px; } .content-widget.products-carousel article.item .info > .price { white-space: normal; } footer#footer .contact-we, footer#footer .contact-we ul.list-icon { text-align: center; } footer#footer .contact-we ul.list-icon { margin-top: 15px; } } @media only screen and (max-width: 991px) { .blog-widget.tile-posts article.post-item figure{ height: auto !important; } .blog-widget.tile-posts article.post-item figure img{ width: 100% !important; height: auto !important; } .products[class*="columns-"]> article{ width: calc(100%); } .products[class*="columns-"] > article { margin: 0 0 15px 0 !important; } .wrapper{ padding-top: 70px; } article.post .entry-video iframe, article.post .entry-video .inner{ min-height: 300px; } .content-widget.price-changes .prices-table ,.content-widget.price-changes .prices-table tbody, .content-widget.price-changes .prices-table tbody tr, .content-widget.price-changes .prices-table tbody td{ display: block; width: 100% !important; text-align: center; } .content-widget.price-changes .prices-table tbody td.past-price::before{ content: "قیمت قبل: "; } .content-widget.price-changes .prices-table tbody td.new-price::before{ content: "قیمت جدید: "; } .content-widget.price-changes .prices-table tbody td.changes::before{ content: "تغییرات: "; } .content-widget.price-changes .prices-table tbody td.difference::before{ content: "مابه التفاوت: "; } .content-widget.price-changes .prices-table thead{ display: none; } .sort-tabs ul { display: block; margin-top: 10px; } .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li { display: block !important; } .dokan-store-sidebar, .dokan-single-store.dokan-w8 { width: 100% !important; float: none !important; } .content-widget.blog-posts + .free-space { padding-top: 350px } header#header .header-logo img { height: auto; } footer#footer::before { display: none; } footer#footer { margin-top: 30px; } button#footer-menu-toggle { display: block !important; } footer#footer .footer-copyright nav.footer-menu ul:not(.show) { display: none; } footer#footer .footer-copyright nav.footer-menu ul li { display: block; width: 100%; } footer#footer .footer-copyright nav.footer-menu ul li span.toggle { display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, .1); height: 28px; width: 28px; text-align: center; line-height: 28px; color: #eee; } footer#footer .footer-copyright nav.footer-menu ul li a { display: block; padding: 5px; color: #aaa; } footer#footer .footer-copyright nav.footer-menu ul li::after { display: none; } footer#footer .footer-copyright nav.footer-menu ul li > ul { visibility: visible; opacity: 1; position: static; padding: 0; margin: 0; right: auto; width: 100%; background: rgba(255, 255, 255, .1); } footer#footer .about-we .footer-about { margin-bottom: 30px; } .content-widget.slider-2.style-2 .carousel-inner, .content-widget.slider-2.style-2 .carousel-indicators { width: 100%; float: none; } .content-widget.slider-2.style-2 .carousel-indicators { white-space: nowrap; overflow-x: auto; overflow-y: hidden; margin-bottom: 15px; direction: rtl; padding: 0; } .content-widget.slider-2.style-2 .carousel-indicators li { display: inline-block; width: auto; } .content-widget.slider-2.style-2 .carousel-indicators li::before { display: none; } .wrapper { padding-top: 60px !important; } header#header .bottom { position: fixed; left: 0; right: 0; z-index: 999; /*box-shadow: rgba(0, 0, 0, .1) 0 2px 3px; background: #fff;*/ } } @media only screen and (max-width: 767px) { .content-widget.slider-2.style-2 .product-thumb .pt-content .thumbnail-fig{ height: auto; } .content-widget.slider-2.style-2 .product-thumb .pt-content .thumbnail-fig img{ position: static; transform: none; -webkit-transform: none; max-height: inherit; } .woocommerce.single-product .sale-timer .left > div { display: inline-block; width: auto; } .woocommerce.single-product .sale-timer .left { text-align: center; } .woocommerce.single-product .sale-timer .flip-clock-a, .woocommerce.single-product .sale-timer .left .discount { float: none; width: 100%; text-align: center; } .woocommerce-page.woocommerce-cart table.shop_table { display: block; } .woocommerce-page.woocommerce-cart table.shop_table > * { display: block; width: 100% } .woocommerce-page.woocommerce-cart table.shop_table thead { display: none; } .woocommerce-page.woocommerce-cart table.shop_table tr, .woocommerce-page.woocommerce-cart table.shop_table td { display: block !important; width: 100%; } .woocommerce-page.woocommerce-cart table.shop_table tr { margin-bottom: 15px; } .woocommerce-page.woocommerce-cart table.shop_table tr td:not(:last-of-type) { border-bottom: none; } .content-widget header.section-header button.wg-tabs-toggle { display: inline-block; } .content-widget header.section-header button.wg-tabs-toggle + .tabs { position: absolute; right: 0; left: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, .97); z-index: 99; overflow-x: hidden; overflow-y: auto; transition: .2s; opacity: 0; visibility: hidden; } .content-widget header.section-header button.wg-tabs-toggle + .tabs.show { opacity: 1; visibility: visible; } .content-widget header.section-header button.wg-tabs-toggle + .tabs li { display: block; } .content-widget header.section-header button.wg-tabs-toggle + .tabs li.close-li { display: block; } .content-widget header.section-header button.wg-tabs-toggle + .tabs li.close-li button { margin: auto; display: block; border: none; background: none; padding: 5px; font-size: 18px; cursor: pointer; color: #666; } .content-widget header.section-header button.wg-tabs-toggle + .tabs li a { display: block; padding: 5px 10px; text-align: center; } .content-widget header.section-header button.wg-tabs-toggle + .tabs li::after { display: none; } .content-widget.blog-posts .blog-posts .owl-nav button.owl-next { margin-left: 0; } .content-widget.blog-posts .blog-posts .owl-nav button.owl-prev { margin-right: 0; } .content-widget.steps .step-icon { float: right; margin-left: 10px; margin-right: 10px; } .content-widget.steps span.title { text-align: right; padding: 7px 15px; } .content-widget.steps > .row > div { margin: 5px 0; } .content-widget.slider-2 .carousel-indicators { max-width: 100% } .content-widget.slider-2 .carousel-indicators { bottom: 0; } .content-widget.slider-2 .carousel { padding-bottom: 39.5px; } .content-widget.slider-2 .carousel-indicators li { overflow: hidden; } footer#footer .contact-we ul.list-icon li { display: block; margin-bottom: 15px; text-align: left; } .content-widget.slider-2.style-2 .product-thumb { border: none; margin-bottom: 15px; } } @media only screen and (max-width: 575px) { .alert{ right: 0 !important; top: auto !important; bottom: 0 !important; border: none !important; border-radius: 0 !important; } .woocommerce h3.product_sub_title.entry-sub-title { float: none; width: 100%; } .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs { height: auto; } .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li { display: block; } .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li a { display: block; border: none; } .content-widget.slider-2 .carousel-indicators { display: none; } .content-widget.slider-2 .carousel { padding-bottom: 0; } } @media only screen and (max-width: 480px) { header.page-title{ text-align: right; padding: 30px 15px; } header.page-title h1.the-title{ font-size: 18px; } header.page-title p.desc{ font-size: 13px; } .content-widget.slider-2.style-2 .product-info .feature-daels-price > *{ width: 100%; } .woocommerce-grouped-product-list, .woocommerce-grouped-product-list > tbody, .woocommerce-grouped-product-list tr, .woocommerce-grouped-product-list td { display: block; } .woocommerce .product-section .quantity { float: none; display: block; margin-left: 0; margin-bottom: 15px; } .woocommerce .product-section .quantity input.input-text { width: 100%; } .sort-tabs ul { overflow: auto; white-space: nowrap; padding: 15px 5px; max-width: 100%; margin-bottom: 10px; } .sort-tabs ul li { width: max-content; display: inline-block; margin-bottom: 5px; } .sort-tabs ul li button { display: block; width: 100% } header.woocommerce-products-header, form.woocommerce-ordering { float: none !important; margin-bottom: 15px; } article.product figure.thumb img { height: auto; } } @media only screen and (max-width: 340px) { header#header .bottom nav#responsive-items > ul > li #res-basket-btn { display: none; } }