@font-face {
font-family: IranYekan;
src: url(//tiaris.ir/wp-content/themes/wikiteach_spc/assets/font/IRANYekanWebLight.woff) format('woff');
font-weight: lighter;
}
@font-face {
font-family: IranYekan;
src: url(//tiaris.ir/wp-content/themes/wikiteach_spc/assets/font/IRANYekanWebBold.woff) format('woff');
font-weight: bold;
} 
@font-face {
font-family: IranYekan;
src: url(//tiaris.ir/wp-content/themes/wikiteach_spc/assets/font/IRANYekanWebRegular.woff) format('woff');
font-weight: normal;
}
@font-face {
font-family: myFirstFont2;
src: url(//tiaris.ir/wp-content/themes/wikiteach_spc/assets/font/IRANSansWebLight.woff) format('woff');	
font-display : swap;
unicode-range:U+30-39;
}  *::-webkit-scrollbar {
width: 15px;
height : 10px;
} *::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #ccc; 
border-radius: 5px;
} *::-webkit-scrollbar-thumb {
background: #B5DACE; 
border-radius: 10px;
} *::-webkit-scrollbar-thumb:hover {
background: #67af97; 
}
.message-box.errorMes{
background: #bf0b0beb;
}
.message-box.succesMes{
background: #11962ceb;
}
.fade-animate{
opacity: 1;
animation: hiding 5s;
}
.message-box {
z-index: 10000;
position: fixed;
left: 20px;
bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
min-width: 270px;
min-height: 90px;
border-radius: 10px;
color: white;
box-shadow: 0 0 5px #222222b8;
pointer-events:none;
transition : 0.3s all;
opacity: 0;
}
@keyframes hiding {
0% {opacity: 1;}
70%{opacity: 1;}
100% {opacity: 0;}
}
.loader {
position: fixed;
background-image: linear-gradient(to right, #b4b4b4, #000000b0);
backdrop-filter: blur(7px);
z-index: 10000;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
pointer-events: none;
opacity: 0;
}
.loader.show-loader{
opacity: 1;
pointer-events : all;
}
.loader img{
max-width:100px;
animation: rotation 0.8s infinite linear;
}
@keyframes rotation {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
.loaderBox {
position: fixed;
background: #0d0d0db3;
color: white;
z-index:1000;
width : 100%;
height : 100%;
top : 0;
left : 0;
display:flex;
justify-content:center;
align-items:center;
display:none;
} body,
html
{
overflow-x: hidden !important;
padding:0;
margin:0;
scroll-behavior: smooth;
}
a{
text-decoration : none;
}
*{
font-family:'myFirstFont2','IranYekan' ,  Tahoma , Arial, sans-serif;
outline : none;
box-sizing: border-box !important;
}
ul,
li {
list-style: none !important;
padding:0;
margin:0;
}
img{
max-width:100%;
height:auto;
}
.container {
max-width:1100px;
width: 92%;
margin:auto;
}
p{
text-align : justify;
} a.header-link-with-image img {
filter: invert(59%) sepia(3%) saturate(13%) hue-rotate(333deg) brightness(100%) contrast(85%);
width: 24px;
margin-left: 8px;
}
a.header-link-with-image:hover img {
filter: invert(82%) sepia(9%) saturate(7417%) hue-rotate(345deg) brightness(84%) contrast(73%);
}
.desktop-header-first-line {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.desktop-header-second-line {
display: flex;
align-items: center;
}
.header-nav-menu-box {
position: absolute;
display: none;
min-width: 307px;
box-shadow: 2px 10px 20px #22222236;
background: white;
padding: 20px;
top: 42px;
border-radius: 15px;
z-index: 20;
}
.header-logo-desktop {
margin-left: 50px;
}
input#search-pro {
background: #E4E4E4;
border: none;
padding: 10px 45px 10px 10px;
min-width: 330px;
font-size: 16px;
border-radius: 15px;
z-index: 901;
position: relative;
}
.header-search-box {
position: relative;
margin-left: auto;
z-index: 901;
}
.header-search-box svg {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 12px;
z-index: 902;
}
button.header-cart-btn-desktop {
background: none;
border: none;
cursor: pointer;
}
.sigin-header-link a {
border: 1px #E4E4E4 solid;
color: #222;
display: flex;
align-items: center;
justify-content: center;
padding: 7px 30px;
border-radius: 15px;
margin: 0 15px;
}
.sigin-header-link a svg {
margin-left: 10px;
}
div#header {
padding: 10px 30px 0;
box-shadow: 0 3px 10px #0000000d;
}
button.header-menu-btn-mobile {
display: none;
}
button.header-menu-btn-desktop {
background: none;
border: none;
display: flex;
align-items: center;
color: #949494;
cursor: pointer;
margin-left: 30px;
padding: 10px;
border-bottom: 4px solid #fff;
}
button.header-menu-btn-desktop svg {
margin-left: 10px;
}
button.header-menu-btn-desktop svg path {
fill: #949494 !important;
}
.header-nav-menu-section:hover button.header-menu-btn-desktop {
color: #BF9130;
border-bottom: 4px solid;
}
button.header-menu-btn-desktop:hover svg path {
fill: #bc9130 !important;
}
.extra-links-header-mobile-sticky > a svg:first-child * ,.extra-links-header-mobile-sticky-sepi > a svg:first-child * ,.chat-link >  svg:first-child *{
stroke: #949494;
}
.extra-links-header-mobile-sticky > a svg:first-child , .extra-links-header-mobile-sticky-sepi > a svg:first-child ,.chat-link > svg:first-child{
width: 27px;
height: 35px;
margin-left: 10px;
padding: 3px 8px 7px 2px;
}
.extra-links-header-mobile-sticky > a ,.extra-links-header-mobile-sticky-sepi > a,.chat-link {
display: flex;
align-items: center;
color: #949494;
margin-left: 30px;
padding: 10px 0;
cursor: pointer;
border-bottom : 4px solid #fff;
}
.extra-links-header-mobile-sticky > a svg:nth-child(2) ,.extra-links-header-mobile-sticky-sepi > a svg:nth-child(2) ,.chat-link > svg:nth-child(2){
width: 37px;
height: 35px;
display: none;
}
@media only screen and (min-width: 600px) {
.extra-links-header-mobile-sticky > a.active-link svg:first-child , .extra-links-header-mobile-sticky > a:hover svg:first-child , .chat-link.active-link > svg:first-child , .chat-link:hover > svg:first-child{
display: none;
}
.extra-links-header-mobile-sticky > a.active-link svg:nth-child(2) ,.extra-links-header-mobile-sticky > a:hover svg:nth-child(2) ,.chat-link.active-link > svg:nth-child(2) ,.chat-link:hover > svg:nth-child(2) {
display: block;
}
.extra-links-header-mobile-sticky > a.active-link , .extra-links-header-mobile-sticky > a:hover ,.chat-link.active-link , .chat-link:hover{
color:#BF9130;
border-bottom : 4px solid #BF9130 !important;
}
}
.chat-box {
position: absolute;
background: white;
border: 1px solid #B5DACE;
z-index: 1112;
top: 44px;
width: 650px;
padding: 20px;
border-radius: 20px;
box-shadow: 2px 10px 20px #22222278;
transition: 0.3s all;
display: flex;
justify-content: space-between;
cursor: default;
left: -150px;
pointer-events: none;
opacity: 0;
}
.chat-box.active-box{
pointer-events:initial;
opacity: 1;
}
.chat-link {
position: relative;
}
.header-logo-mobile {
display: none;
}
.header-left-btns {
display: none;
}
p.extra-links-header-mobile-sticky-link-title {
margin: 0;
text-align: center;
}
.header-nav-menu-section {
position: relative;
}
.header-nav-menu-section:hover .header-nav-menu-box {
display: block;
}
button.back-nav-menu-btn {
display: none;
}
.header-nav-menu-box ul.header-nav-ul li a {
display: flex;
align-items: center;
border: 1px solid #E0E0E0;
margin-bottom: 15px;
padding: 0px 15px;
border-radius: 10px;
}
.header-nav-menu-box ul.header-nav-ul li a svg * {
stroke: #6e272b;
}
.header-nav-menu-box ul.header-nav-ul li a p {
flex: 1;
color: #707070;
padding-right: 20px;
font-size: 14px;
}
.extra-links-header-mobile-sticky {
display: flex;
}
.white-spacer{
height: 30px;
}
.chat-box-right {
border: 1px solid #B5DACE;
padding: 20px;
border-radius: 20px;
}
.chat-box-right a {
color: #426a53;
}
.chat-box-right ul li:before {
content: '•';
color: #bf9131;
margin: 0 10px;
}
.chat-box-right ul li {
line-height: 2;
}
.chat-box-icons {
display: flex;
margin: 20px auto;
justify-content: center;
}
.chat-box-icons svg {
margin: 0 10px;
}
.chat-box-left {
flex: 1;
padding: 20px;
}
.chat-box-left a {
display: flex;
align-items: center;
justify-content: space-between;
margin: 20px 0;
color: #828282;
border: 1px solid #B5DACE;
padding: 20px;
border-radius: 20px;
}
.chat-box-left a div {
display: flex;
align-items: center;
}
.chat-box-left a div svg {
margin-left: 15px;
}
.chat-box-box {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #262626b5;
z-index: 1111;
pointer-events: none;
opacity: 0;
}
.chat-box-box.active-box {
opacity: 1;
pointer-events: all;
}
.extra-links-header-mobile-sticky-sepi{
display: none;
}
.desktop-header-first-line .auth-btns {
display: flex;
align-items: center;
}
.desktop-header-first-line .auth-btns a {
background: #B5DACE;
box-shadow: 4px 4px 10px rgb(0 0 0 / 25%);
border-radius: 15px;
display: flex;
color: #222;
padding: 8px 9px;
justify-content: center;
align-items: center;
margin-left: 5px;
font-size: 14px;
}
.diffrent-svg{
width: 30px !important ;
}
.diffrent-active-svg{
width: 30px !important;
margin-left: 10px !important;
padding: 3px 8px 7px 2px !important;
}
.auth-login-box {
display: flex;
align-items: center;
position: relative;
}
.auth-login-box-user-data {
display: flex;
align-items: center;
cursor: pointer;
margin-left: 10px;
}
.auth-login-box-user-data>p {
font-weight : bold;
color: #222;
margin: 0 20px;
}
.auth-login-box-user-data img {
filter: drop-shadow(4px 4px 10px rgba(0,0,0,0.25));
border-radius: 25px;
width: 40px;
}
ul.auth-login-box-shortlinks {
position: absolute;
top: 45px;
background: rgb(0 0 0 / 28%);
backdrop-filter: blur(10px);
border-radius: 20px;
min-width: 230px;
left: 0;
padding: 20px 15px 10px;
opacity: 0;
pointer-events: none;
transition: .2s;
border: 1px solid var(--second-color);
z-index: 100;
}
ul.auth-login-box-shortlinks li a {
display: flex;
align-items: center;
margin-bottom: 15px;
color: #fff;
}
ul.auth-login-box-shortlinks.active-box {
opacity: 1;
pointer-events: all;
}
.only-in-mobile{
display: none;
}
@media only screen and (max-width: 600px) {
.only-in-mobile{
display: block;
}
.auth-login-box {
display: flex;
align-items: center;
position: relative;
}
.auth-login-box-user-data {
display: flex;
align-items: center;
cursor: pointer;
margin-left: 10px;
}
.auth-login-box-user-data>p {
font-weight : bold;
color: #222;
margin: 0 20px;
}
.auth-login-box-user-data img {
filter: drop-shadow(4px 4px 10px rgba(0,0,0,0.25));
border-radius: 25px;
width: 40px;
}
ul.auth-login-box-shortlinks {
position: absolute;
top: 45px;
background: rgb(0 0 0 / 28%);
backdrop-filter: blur(10px);
border-radius: 20px;
min-width: 230px;
left: 0;
padding: 20px 15px 10px;
opacity: 0;
pointer-events: none;
transition: .2s;
border: 1px solid var(--second-color);
z-index: 100;
}
ul.auth-login-box-shortlinks li a {
display: flex;
align-items: center;
margin-bottom: 15px;
color: #fff;
}
ul.auth-login-box-shortlinks.active-box {
opacity: 1;
pointer-events: all;
}
.auth-login-box-user-data>p {
display: none;
}
.auth-login-box-user-data>svg {
display: none;
}
.auth-login-box-user-data {
margin: 0;
}
.auth-login-box-user-data img {
width: 35px;
}
.header-left-btns button svg {
width: 22px;
}
.desktop-header-second-line {
order: 1;
}
.header-left-btns {
order: 3;
}
.desktop-header-first-line {
order: 4;
margin-bottom: 0;
}
.desktop-header-first-line .auth-btns {
display: none;
}
.extra-links-header-mobile-sticky-sepi{
position: fixed;
bottom: -200px !important;
width: 100%;
height: 265px;
background: #6E282D;
right: 0;
z-index: 20;
transition: 0.1s;
display: flex;
}
.extra-links-header-mobile-sticky-sepi > a ,.chat-link {
margin: 0;
width: 25%;
display: block;
text-align: center;
padding: 10px 0 205px;
background: #6e282d;
}
.extra-links-header-mobile-sticky-sepi > a p ,.chat-link p {
font-size: 9px;
color: white;
}
a.header-link-with-image-nav img {
width: 45px;
height: 34px;
filter: invert(15%) sepia(61%) saturate(1348%) hue-rotate(321deg) brightness(101%) contrast(89%);
}
.extra-links-header-mobile-sticky-sepi > a svg:first-child {
width: 22px;
height: 22px;
margin: 0;
padding: 0 !important;
}
.extra-links-header-mobile-sticky-sepi > a svg:first-child * {
stroke: white;
}
a.header-link-with-image-mobile img {
width: 23px;
height: 22px;
filter: invert(92%) sepia(100%) saturate(10%) hue-rotate(209deg) brightness(102%) contrast(101%);
} .white-spacer{
height: 90px;
}
.extra-links-header-mobile-sticky {
position: fixed;
bottom: -200px !important;
width: 100%;
height: 265px;
background: #6E282D;
right: 0;
z-index: 20;
transition : 0.1s;
display: none;
}
.extra-links-header-mobile-sticky > a ,.chat-link {
margin: 0;
width: 25%;
display: block;
text-align: center;
padding: 10px 0 205px;
background: #6e282d;
}
.extra-links-header-mobile-sticky > a p ,.chat-link p {
font-size: 9px;
color: white;
}
.extra-links-header-mobile-sticky > a svg:first-child , .chat-link > svg:first-child{
width: 22px;
height: 22px;
margin: 0;
padding: 0 !important;
}
.extra-links-header-mobile-sticky > a svg:first-child * ,.chat-link > svg:first-child *{
stroke: white;
}
.header-logo-desktop {
display: none;
}
.header-search-box {
position: fixed;
width: 100%;
height: 100%;
background: #0000008a;
top: 0;
right: 0;
z-index: 20;
display: flex;
align-items: center;
justify-content: center;
display: none;
}
.header-search-box svg {
right: 32px;
}
input#search-pro {
width: 90%;
margin: auto;
display: block;
min-width: 280px;
}
.search-inner-div {
width: 100%;
}
.sigin-header-link {
display: none;
}
button.header-cart-btn-desktop {
display: none;
}
button.header-menu-btn-desktop {
display: none;
}
button.header-menu-btn-mobile {
display: block;
border: none;
background: none;
margin-left: 10px;
}
.header-logo-mobile {
display: block;
order: 2;
flex: unset;
}
.header-left-btns {
display: block;
}
div#header {
display: flex;
padding: 20px 10px 15px;
align-items: center;
position: fixed;
width: 100%;
top: 0;
right: 0;
z-index: 20 !important;
background: white;
justify-content: space-between;
}
.header-logo-mobile svg {
width: 130px;
}
.header-left-btns button:first-child{
margin-left: 5px;
}
.header-left-btns button {
background: none;
border: none;
padding: 0;
}
.header-nav-menu-box {
position: fixed;
display: block;
top: 0;
opacity: 0;
right: -260px;
border-radius: 0;
height: 100%;
z-index: 25;
overflow-y: scroll;
min-width: unset;
width: 260px;
transition: 0.3s;
padding-bottom: 70px;
}
.header-nav-menu-box.active-menu{
right: 0;
opacity: 1;
}
.header-nav-menu-box-back {
position: fixed;
z-index: 24;
left: 0;
top: 0;
background: #000000b8;
width: 100%;
height: 100%;
display: none;
}
.header-nav-menu-box-back.active-back {
display: block;
}
button.back-nav-menu-btn {
display: block;
background: none;
border: 1px solid #B5DACE;
width: 50px;
height: 50px;
border-radius: 20px;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
transform: rotate(-180deg);
}
.chat-box {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0;
z-index: -1;
flex-direction: column;
overflow: auto;
padding-bottom: 65px;
}
.chat-box-right {
padding: 10px;
}
.chat-box-right ul {
text-align: right;
}
.chat-box-icons {
margin: 10px auto 0;
}
.chat-box-right p {
color: #222 !important;
font-size: 18px;
}
.chat-box-left {
padding: 0;
}    
} .telegram-svg-s *{
stroke: #426a53 !important;
}
div#footer {
box-shadow: 0 -5px 10px #00000017;
margin-top: 30px;
padding: 35px 0 15px;
border-radius: 30px 30px 0 0;
}
.top-footer {
display: flex;
}
.top-footer > div {
width: 48%;
margin: 0 1%;
}
.top-footer div:first-child {
display: flex;
align-items: center;
}
.footer-social-icons {
margin: 0 30px;
}
.footer-social-icons a {
margin: 0 15px;
}
a.call-to-us-footer-link {
background: #426A53;
color: white;
display: flex;
align-items: center;
padding: 12px 20px;
text-align: center;
justify-content: center;
border-radius: 14px;
}
a.call-to-us-footer-link svg {
margin-left: 15px;
}
.bottom-footer {
display: flex;
border-top: 1px solid #B5DACE;
margin-top: 30px;
padding-top: 25px;
}
.btm-footer-right {
width: 48%;
margin-left: 2%;
text-align: center;
}
.btm-footer-left {
width: 48%;
margin-right: 2%;
}
.btm-footer-right p {
text-align: justify;
line-height: 1.7;
}
ul.footer-links-list {
display: flex;
flex-wrap: wrap;
}
ul.footer-links-list li {
width: 50%;
margin: 10px 0 20px;
}
ul.footer-links-list li a {
display: block;
line-height: 1.8;
color: #7d7d7d;
}
ul.footer-links-list li p {
font-weight: bold;
text-align: initial;
}
.footer-copyright {
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #B5DACE;
text-align: center;
color: #535353;
}
@media only screen and (max-width: 600px) {
div#footer {
padding-bottom: 90px;
}
.top-footer {
flex-wrap: wrap;
flex-direction: column-reverse;
}
.top-footer > div {
width: 100%;
margin: 10px 0;
}
.footer-social-icons a {
margin: 0 5px;
}
.footer-social-icons {
margin: 0 20px;
}
.top-footer div:first-child {
justify-content: center;
}
.bottom-footer {
padding-top: 15px;
margin-top: 20px;
flex-wrap: wrap;
}
.btm-footer-right {
width: 100%;
margin: 0;
}
.btm-footer-right p {
font-size: 14px;
line-height: 1.8;
}
.btm-footer-left {
width: 100%;
margin: 0;
}
} ul.products li.product a img {
margin-bottom: 8px !important;
}
ul.products.columns-5 {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
ul.products.columns-5 li {
width: 18% !important;
}
ul.products li {
margin: 10px 0 20px 2% !important;
border: 1px solid #B5DACE;
padding: 0 0 5px !important;
border-radius: 10px;
text-align: center;
overflow: hidden;
}
ul.products a.add_to_cart_button {
display: none;
}
ul.products h2.woocommerce-loop-product__title {
display: none;
}
ul.products li.product .price span.woocommerce-Price-currencySymbol {
color: #6f2a2f;
font-size: 11px;
}
ul.products li.product .price {
font-weight: bold;
font-size: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 1;
color: #6f2a2f;
}
span.woocommerce-Price-amount.amount {
font-size: 13px;
}
span.price span.woocommerce-Price-amount.amount:nth-child(2) { }
ul.products .star-rating {
display: none;
} ul.products li button.more-btn-shop-item {
background: none;
border: none;
position: absolute;
top: 10px;
right: 5px;
width: 30px;
height: 30px;
cursor: pointer;
}
ul.products li .more-shop-item-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: white;
padding: 5px;
border-radius: 28px 28px 23px 23px;
box-shadow: 0 3px 6px #00000059;
border: 1px solid #B5DACE;
border-top: 0;
display: flex;
align-items: center;
opacity: 0;
pointer-events: none;
transition: 0.3s all;
}
ul.products li .more-shop-item-box.show-more {
opacity: 1;
pointer-events: all;
}
ul.products li .more-shop-item-box button.close-more-btn-shop-item {
background: none;
border: none;
cursor: pointer;
display: flex;
align-items: center;
}
ul.products li .more-shop-item-box .favorite-more-btn-shop-item {
border: none;
background: none;
display: flex;
align-items: center;
cursor: pointer;
}
ul.products li .more-shop-item-box .favorite-more-btn-shop-item .shop_item_star_box {
display:flex;
align-items: center;
}
ul.products li .more-shop-item-box .favorite-more-btn-shop-item .shop_item_star_box svg.enable-star {
display: none;
}
ul.products li .more-shop-item-box .favorite-more-btn-shop-item .shop_item_star_box.is_favorite svg.enable-star {
display: block;
}
ul.products li .more-shop-item-box .favorite-more-btn-shop-item .shop_item_star_box.is_favorite svg.disable-star {
display: none;
}
ul.products li .more-shop-item-box button {
height: 30px;
}
.sale-perc {
position: absolute;
top: 30px;
left: -5px;
background: #477a67;
font-size: 13px;
padding: 2px 7px;
border-radius: 7px;
color: white;
font-weight: bold;
z-index: 1;
}
.in-stock-ready {
width: max-content;
position: absolute;
top: 7px;
right: 0px;
font-size: 10px;
background-color: #218556;
color: #fff;
padding: 3px 7px;
border-radius: 4px 0 0 4px;
}
.preparation-time {
margin-bottom: 0;
margin-top: 40px;
color: #d35400;
font-weight: bold;
}
span.onsale {
display: none;
}
ul.products li.product > a:first-child {
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
}
li.product a.button.product_type_variable {
display: none;
} 
p.out-of-stock-in-prod {
position: absolute;
top: 30px;
margin: 0;
left: -5px;
background: #6e282d;
color: white;
padding: 2px 6px;
border-radius: 5px;
font-weight: bold;
font-size: 11px;
z-index: 1;
}
p.is_charged_badge {
position: absolute;
top: 58px;
margin: 0;
left: -5px;
background: #477a67;
color: white;
padding: 2px 4px;
border-radius: 6px;
font-weight: bold;
font-size: 11px;
width: max-content;
z-index: 1;
}
ul.products li.product .price del {
font-size: .7em !important;
display: block;
}
ul.products li.product .price del span.woocommerce-Price-currencySymbol {
font-size: 0.8em;
}
ul.products li.product .price ins {
text-decoration: none !important;
}
ul.products li.product .price del {
text-decoration: none !important;
position: relative;
}
ul.products li.product .price del:after {
content: '';
width: 100%;
border-bottom: 1px solid #000000c4;
top: 50%;
height: 3px;
position: absolute;
right: 0;
transform: translateY(-90%);
z-index: 11;
}
ul.products li.product .star-rating {
display: none !important;
}
@media only screen and (max-width: 600px) {
ul.products.columns-5 li {
width: 40vw !important;
}
} button.single_add_to_cart_button.button.alt.disabled.wc-variation-is-unavailable {
background: #222 !important;
pointer-events: none;
}
.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:before {
content: 'افزودن کد تخفیف';
display: inline-block;
margin: 0 8px;
color: #222;
font-size: 15px;
font-weight: bold;
padding: 0;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
font-size: 0;
padding: 10px;
} 
.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
font-size: 0;
}
form.checkout_coupon.woocommerce-form-coupon p:first-child {
display: none;
}
.shop_table.shop_table_responsive tr.cart-subtotal {
display: none;
}
table.shop_table.woocommerce-checkout-review-order-table tr.cart-subtotal {
display: none;
}
.rtl .woocommerce .woocommerce-checkout .col2-set .col-1, .rtl .woocommerce-page .woocommerce-checkout .col2-set .col-1 {
float: right;
}
.woocommerce-billing-fields__field-wrapper span.optional {
display: none;
}
.related-product h2:before {
content: 'محصولات پیشنهادی';
display: inline-block;
font-size: 24px;
}
.related-product h2 {
font-size: 0;
}
p.comment-notes span.required-field-message {
font-size: 0;
}
p.comment-form-author label , p.comment-form-email label {
min-width: 60px !important;
display: inline-block;
}
p.comment-form-author input, p.comment-form-email input {
padding: 5px;
border-radius: 5px;
border: 1px solid #8f8d8d;
max-width: 75% !important;
}
p.comment-form-author , p.comment-form-email {
display: flex;
align-items: center;
}
p.comment-form-url {
display: none;
}
p.comment-notes span.required-field-message {
font-size: 0;
}
.woocommerce-message {
border-top-color: #426a53;
}
.woocommerce-message a {
color: white;
background: #BF9130;
padding: 3px 8px;
border-radius: 5px;
box-shadow: 0 0 10px #22222236;
margin: 0 6px;
}
p.comment-form-cookies-consent label:before {
content: 'ذخیره نام و ایمیل';
font-size: 16px;
display: inline-block;
}
p.comment-form-cookies-consent label {
font-size: 0;
}
.woocommerce-message::before {
color: #426a53;
}
a.woocommerce-privacy-policy-link:after {
content: 'قوانین و مقررات ';
font-size: 16px;
display: inline-block;
font-weight: bold;
}
a.woocommerce-privacy-policy-link {font-size: 0;}
.return-to-shop a.button.wc-backward {
background: #426a53;
color: white;
border-radius: 10px;
display: block;
width: fit-content;
margin-right: auto;
}
.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward {
background: #426a53;
border-radius: 10px;
color: white;
}
button#place_order {
background: #426a53;
color: white;
border-radius: 10px;
} 
.woocommerce-billing-fields__field-wrapper input[type=text] , .woocommerce-billing-fields__field-wrapper input[type=tel] , .woocommerce-billing-fields__field-wrapper input[type=email]
,form.checkout_coupon.woocommerce-form-coupon input[type=text] , #billing_description{
background : #F5F5F5;
color : #949494;
padding : 9px 12px;
border-radius : 12px;
border: 1px solid #2220 !important;
}
.woocommerce-billing-fields__field-wrapper input[type=text]:focus , .woocommerce-billing-fields__field-wrapper input[type=tel]:focus , .woocommerce-billing-fields__field-wrapper input[type=email]:focus
,form.checkout_coupon.woocommerce-form-coupon input[type=text]:focus{
border : 1px solid #B5DACE !important;
}
.woocommerce-additional-fields__field-wrapper textarea#order_comments {
background : #F5F5F5;
color : #949494;
padding : 9px 12px;
border-radius : 12px;
border: 1px solid #2220 !important;
min-height : 100px;
}
.woocommerce-additional-fields__field-wrapper textarea#order_comments:focus{
border : 1px solid #B5DACE !important;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents a 
, .woocommerce-form-coupon-toggle a 
,.woocommerce-privacy-policy-text a{
color: #426a53;
}
form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last button.button:before {
content: 'اعمال کد تخفیف ';
display: block;
font-size: 16px !important;
padding: 10px 20px;
}
form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last {
font-size: 0 !important;
}
.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward {
font-size: 0;
}
.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:after {
content: 'ادامه فرآیند خرید';
font-size: 18px;
display: block;
padding: 20px;
} nav.woocommerce-MyAccount-navigation ul {
border: 1px solid #CCC;
padding: 20px;
border-radius: 20px;
box-shadow: 0 0 5px #ccc;
}
nav.woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 10px 5px;
color: #222;
}
nav.woocommerce-MyAccount-navigation ul li:not(:last-child) a {
border-bottom : 1px solid #ccc
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
background:#426a53;
color:white;
}
.woocommerce-MyAccount-content {
border: 1px solid #CCC;
padding: 20px;
border-radius: 20px;
box-shadow: 0 0 5px #ccc;
}
.woocommerce-MyAccount-content .woocommerce-Message.woocommerce-Message--info.woocommerce-info {
border-radius: 10px;
box-shadow: 0 0 5px #ccc;
} .my-acount-maintab-links {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.my-acount-maintab-links a {
margin: 10px;
padding: 20px;
color: white;
background: #426a53;
border-radius: 10px;
box-shadow: 0 0 5px #ccc;
}
.u-columns.woocommerce-Addresses.col2-set.addresses a {
background: #426a53;
color: white;
padding: 5px 20px;
border-radius: 10px;
box-shadow: 0 0 5px #ccc;
}
.woocommerce form .form-row input#account_display_name + span {
display: none;
}
label[for=password_current]:after {
content: 'گذرواژه قبلی';
font-size: 15px !important;
}
label[for=password_current] {
font-size: 0 !important;
}
label[for=password_1]:after {
content: 'گذرواژه جدید';
font-size: 15px !important;
}
label[for=password_1] {
font-size: 0 !important;
}
form.woocommerce-EditAccountForm.edit-account input#password_current
, form.woocommerce-EditAccountForm.edit-account input#password_1
, form.woocommerce-EditAccountForm.edit-account input#password_2
, form.woocommerce-EditAccountForm.edit-account input#account_first_name
, form.woocommerce-EditAccountForm.edit-account input#account_last_name
, form.woocommerce-EditAccountForm.edit-account input#account_display_name
, form.woocommerce-EditAccountForm.edit-account input#account_email
{
background: #F5F5F5;    
color : #949494;
padding : 9px 12px;
border-radius : 12px;
border: 1px solid #2220 !important;
}
form.woocommerce-EditAccountForm.edit-account input#password_current:focus
, form.woocommerce-EditAccountForm.edit-account input#password_1:focus
, form.woocommerce-EditAccountForm.edit-account input#password_2:focus
, form.woocommerce-EditAccountForm.edit-account input#account_first_name:focus
, form.woocommerce-EditAccountForm.edit-account input#account_last_name:focus
, form.woocommerce-EditAccountForm.edit-account input#account_display_name:focus
, form.woocommerce-EditAccountForm.edit-account input#account_email:focus {
border : 1px solid #B5DACE !important;
} table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents input#coupon_code {
background: #F5F5F5;    
color : #949494;
padding : 9px 12px;
border-radius : 12px;
border: 1px solid #2220 !important;
min-width: 140px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents input#coupon_code:focus {
border : 1px solid #B5DACE !important;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .coupon button.button {
background: #426a53 !important;
color: white !important;
border-radius: 10px;
box-shadow: 0 0 5px #ccc;
margin: 0 5px;
} nav.woocommerce-pagination ul.page-numbers {
box-shadow: 0 0 5px #ccc;
overflow: hidden;
border: none;
border-radius: 24px;
}
nav.woocommerce-pagination ul.page-numbers li {
min-width: 35px;
}
nav.woocommerce-pagination ul.page-numbers li:last-child {
border: none !important;
}
nav.woocommerce-pagination ul.page-numbers li a {
color: #222;
}
nav.woocommerce-pagination ul.page-numbers li .current {
background: #426a53 !important;
color:white !important;
} form.woocommerce-form.woocommerce-form-login.login input#username
, form.woocommerce-form.woocommerce-form-login.login input#password
, form.woocommerce-form.woocommerce-form-register.register input#reg_username
, form.woocommerce-form.woocommerce-form-register.register input#reg_email
, form.woocommerce-form.woocommerce-form-register.register input#reg_password
,input#reg_billing_first_name{
background: #F5F5F5;    
color : #949494;
padding : 9px 12px;
border-radius : 12px;
border: 1px solid #2220 !important;
min-width: 140px;
}
form.woocommerce-form.woocommerce-form-login.login input#username:focus
, form.woocommerce-form.woocommerce-form-login.login input#password:focus 
, form.woocommerce-form.woocommerce-form-register.register input#reg_username:focus
, form.woocommerce-form.woocommerce-form-register.register input#reg_email:focus
, form.woocommerce-form.woocommerce-form-register.register input#reg_password:focus{
border : 1px solid #B5DACE !important;
}
form.woocommerce-form.woocommerce-form-login.login button.woocommerce-button.button.woocommerce-form-login__submit
,form.woocommerce-form.woocommerce-form-register.register button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit
,input.woocommerce-Button.button.otp_reg_dig_wc
,button.woocommerce-Button.button.digits_login_via_otp.dig_wc_mobileLogin{
background: #426a53 !important;
color: white !important;
border-radius: 10px;
box-shadow: 0 0 5px #ccc;
margin: 0 5px;
}
input#user_login {
background: #F5F5F5;
color: #949494;
padding: 9px 12px;
border-radius: 12px;
border: 1px solid #2220 !important;
min-width: 140px;
}
input#user_login:focus {
border: 1px solid #B5DACE !important;
}
form.woocommerce-ResetPassword.lost_reset_password button.woocommerce-Button.button {background: #426a53 !important;
color: white !important;
border-radius: 10px;
box-shadow: 0 0 5px #ccc;
margin: 0 5px;
}
p.woocommerce-LostPassword.lost_password a{
color: #426a53 !important;
}
form.woocommerce-form.woocommerce-form-login.login ,form.woocommerce-form.woocommerce-form-register.register{
border-radius: 15px;
box-shadow: 0 0 5px #ccc;
} .search-result {
position: absolute;
width: 100%;
min-height: 50px;
top: 50px;
background: #e4e4e4;
box-shadow: 0px 4px 10px #2222224a;
border-radius: 10px;
padding: 10px;
display: none;
animation: fade;
animation: fadeInAnimation ease 0.5s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
z-index: 1000;
max-height: 350px;
overflow-y: scroll;
}
.back-search {
position: fixed;
width: 100%;
height: 100%;
background: #121212cc;
top: 0;
left: 0;
z-index: 900;
display: none;
animation: fade;
animation: fadeInAnimation ease 0.5s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
.search-result.show-search , .back-search.show-search{
display: block;
}
.search-result > a {
display: flex;
align-items: center;
margin:  0;
border-bottom: 1px solid #eee;
padding: 5px 0;
color: #222;
}
.search-result > a > img {
max-width: 50px;
margin-left: 15px;
border-radius: 10px;
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
button#close-search {
display: none;
}
@media only screen and (max-width: 600px) {
.search-result {
position: relative;
top: 5px;
width: 90%;
margin: auto;
}
.show-search svg{
display: none;
}
.header-search-box.open-search {
display: flex;
}
button#close-search {
display: flex;
position: absolute;
top: 10px;
left: 10px;
font-size: 70px;
width: 50px;
height: 50px;
align-items: center;
justify-content: center;
line-height: 50px;
padding: 0;
color: #fff;
background: none;
border: none;
text-shadow: 0 0 20px black;
}
} .general-cart-box {
position: fixed;
z-index: 1050;
top: 0;
left: -300px;
width: 300px;
background: white;
box-shadow: 20px 0 50px #2223;
padding: 46px 20px;
height: 100%;
overflow-y: auto;
opacity: 0;
transition: 0.4s all;
}
.general-cart-back {
position: fixed;
background: #00000017;
width: 100%;
height: 100%;
top: 0;
left: 0;
backdrop-filter: blur(7px) saturate(141%);
-webkit-backdrop-filter: blur(7px) saturate(141%);
z-index: 1000;
pointer-events: none;
opacity: 0;
transition: 0.4s;
}
.general-cart-back.open-cart{
pointer-events:all;
opacity: 1;
}
.general-cart-box.open-cart{
opacity: 1;
left: 0;
}
button.close-general-cart {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #B5DACE;
border-radius: 10px;
background: white;
cursor: pointer;margin-bottom: 10px;
}
ul#cart-det-table li {
display: flex;
align-items: center;
justify-content: space-between;
}
ul#cart-det-table li div:first-child {
display: flex;
overflow: hidden;
border-radius: 15px;
}
ul#cart-det-table li a {
color: #222;
}
.total-cart {
text-align: center;
margin: 20px auto;
}
.general-cart-link a {
display: block;
background: rgb(191, 145, 48);
text-align: center;
width: fit-content;
margin: 10px auto;
color: white;
padding: 5px 10px;
border-radius: 10px;
}
@media only screen and (max-width: 600px) {
.general-cart-box{
width: 100%;
left: -100%;
}
} .shop-rightbar .prdctfltr_sale {
display: none !important;
}
.shop-rightbar span.prdctfltr_instock {
display: none !important;
}
.shop-rightbar span.prdctfltr_filter_title {
display: none !important;
}
a.button.prdctfltr_woocommerce_filter_submit {
background: #6e282d;
color: white;
}
.prdctfltr_wc a.button.prdctfltr_woocommerce_filter_submit:before {
content: 'اعمال فیلتر';
display: block;
font-size: 16px;
padding: 10px 15px;
}
.prdctfltr_wc a.button.prdctfltr_woocommerce_filter_submit {
font-size: 0;
}.auth-page {
max-width: 470px;
margin: auto;
width: 94%;
}
.auth-page > img {
border-radius: 20px;
}
h1 {
font-family: 'IranYekanBlack';
text-align: center;
color: #fff;
font-size: 36px;
margin-bottom: 10px;
}
.auth-form-box {
background: #efefef;
box-shadow: 0 0 14px #22222242;
border-radius: 20px;
padding: 35px;
margin: 30px 0;
}
.auth-tab {
display: flex;
justify-content: center;
border: 1px solid rgb(5 5 5 / 70%);
border-radius: 15px;
width: fit-content;
margin: 0 auto 40px;
background: #b3b3b3;
}
.active-auth-tab {
background: #6e282d;
border: 1px solid #6e282d;
box-shadow: 0px 0px 20px #6e282dba;
border-radius: 15px;
color: #fff;
display: flex;
align-items: center;
min-width: 140px;
justify-content: center;
padding: 13px;
margin: -1px;
}
.active-auth-tab span {
margin-right: 5px;
}
.auth-tab > a {
display: flex;
align-items: center;
justify-content: center;
min-width: 130px;
color: #fff;
}
.auth-tab > a span {
margin-right: 5px;
}
.form-row p {
margin: 0 0 4px 0;
line-height: 25px;
font-size: 15px;
color: #222;
}
.form-row > input[type=text] {
background: #171E20 !important;
border: 1px solid rgba(255, 255, 255, 0.7) !important;
border-radius: 15px !important;
width: 100%;
padding: 10px !important;
color: #fff !important;
font-size: 16px;
}
.form-row {
margin-bottom: 25px;
}
input#username {
direction: ltr;
}
.mobile-row-form {
background: #171E20;
border: 1px solid rgba(255, 255, 255, 0.7);
border-radius: 15px;
padding: 10px;
display: flex;
align-items: center;
}
.mobile-row-form span {
margin: 0 10px;
font-weight: bold;
color: #fff;
border-right: 1px solid #ffffff85;
padding-right: 5px;
direction: ltr;
}
.mobile-row-form input#mobile {
direction: ltr;
background: none;
border: none;
flex: 1;
color: #fff;
font-size: 16px;
}
.password-row-form svg {
cursor: pointer;
padding-right: 5px;
margin-right: 5px;
border-right: 1px solid #ffffffa8;
}
.password-row-form input {
direction: ltr;
flex: 1;
border: none;
background: none;
color: #fff;
font-size: 16px;
}
.password-row-form {
background: #171E20;
border: 1px solid rgba(255, 255, 255, 0.7);
border-radius: 15px;
display: flex;
padding: 10px;
align-items: center;
}
.password-row-form svg.hide-pass-link {
display: none;
}
.password-row-form.show-pass svg.hide-pass-link {
display: block;
}
.password-row-form.show-pass svg.show-pass-link {
display: none;
}
.auth-btn-row button {
background: #426A53;
box-shadow: 0px 0px 20px #426a5391;
border-radius: 15px;
border: none;
width: 100%;
padding: 12px;
display: flex;
align-items: center;
justify-content: center;
color: white;
cursor: pointer;
}
.auth-btn-row button span {
margin-right: 5px;
font-size: 16px;
}
.caption-row p {
color: #222;
text-align: center;
line-height: 1.7;
max-width: 90%;
margin: auto;
}
p.desc-text {
background: #B5DACE;
margin: 7px 0;
padding: 8px;
border-radius: 10px;
box-shadow: 0 0 10px #22222242;
font-size: 15px;
line-height: 1.7;
}
.caption-row p a {
color: var(--first-color);
font-weight: bold;
}
.auth-btn-row {
margin: 40px 0 30px;
}
button#send-otp-login-code {
background: #426A53;
box-shadow: 0px 0px 20px #426a5391;
border-radius: 15px;
border: none;
width: 100%;
padding: 12px;
display: flex;
align-items: center;
justify-content: center;
color: white;
cursor: pointer;
} button#resend-btn {
display: flex;
width: 100%;
border-radius: 15px;
border: none;
align-items: center;
padding: 12px 15px;
cursor: pointer;
font-size: 16px;
background: #426A53;
box-shadow: 0px 0px 20px #426a5391;
color: #fff;
}
button#resend-btn span {
flex: 1;
}
button#resend-btn p {
margin: 0;
}
button#resend-btn:disabled {
background: rgb(124 124 124 / 31%);
box-shadow: none;
cursor: default;
}
.auth-form-title {
color: #6e282d;
text-align: center;
font-size: 24px;
margin-bottom: 25px;
font-weight: bold;
}
.verify-login-row a {
display: flex;
align-items: center;
justify-content: left;
margin-top: 10px;
font-weight: bold;
color: var(--first-color);
}
span.detials-row {
display: block;
font-size: 12px;
color: var(--first-color);
font-weight: bold;
text-align: left;
margin-top: 3px;
margin-bottom: -12px;
}
@media only screen and (max-width: 600px) {
.auth-form-box {
padding: 30px 15px;
}
.auth-tab > a {
min-width: 110px;
}
.active-auth-tab {
min-width: 120px;
}
.mobile-row-form svg {
flex-shrink: 0;
}
.mobile-row-form input#mobile {
min-width: 0px;
}
.password-row-form svg {
flex-shrink: 0;
}
.caption-row p{
max-width: 100%;
}
}