/*
Theme Name:  نام سایت -زانکو وردپرس
Description: طراحی اختصاصی زانکو وردپرس
Author:      فخرالدین شادآور
Author URI:  https://zankowp.com
Template:    dinakala
Version:     2.0.2
Text Domain: dina-kala
*/


@media (max-width: 451px){

	.dina-header{
      border-bottom: 1px solid #F7F7F8  !important;  
}


.container-fluid.dina-header.header {
    border-radius: 0px 0px 25px 25px;
}
  	
}

.search-input{
    border-bottom: 2px solid #609966  !important;
	width: 30px !important;
}


.btn-search{
     border-bottom: 2px solid #609966  !important;
	 background-color: #609966 ;
    color: #ffff;
}
.btn-search:hover{
    color: #000 !important;
}

.product_cat{
   border-bottom: 1px solid #F7F7F8  !important;  
}

.di-socialbtn-one{
        background: linear-gradient(45deg, #40513B, #609966)  !important;
    color: #E9EFEC !important;
    -webkit-backdrop-filter: blur(1.5px) !important;
            backdrop-filter: blur(1.5px) !important;
    border-radius: 8px 33px 33px 33px !important;
    font-size: 38px !important;
    width: 55px !important;
    height: 55px !important;
     
}
.di-socialbtn-two{
        background: linear-gradient(45deg, #40513B, #609966)  !important;
    color: #E9EFEC !important;
    -webkit-backdrop-filter: blur(1.5px) !important;
            backdrop-filter: blur(1.5px) !important;
    border-radius: 8px 33px 33px 33px !important;
    font-size: 38px !important;
    width: 55px !important;
    height: 55px !important;
     
}
.di-socialbtn-three{
         background: linear-gradient(45deg, #40513B, #609966)  !important;
    color: #E9EFEC !important;
    -webkit-backdrop-filter: blur(1.5px) !important;
            backdrop-filter: blur(1.5px) !important;
    border-radius: 8px 33px 33px 33px !important;
    font-size: 38px !important;
    width: 55px !important;
    height: 55px !important;
     
}
.dina-social-first-style.social-left{
    bottom:70px !important;
}

.di-socialbtn-title {
          background: linear-gradient(45deg, #40513B, #609966)  !important;
    color: #E9EFEC !important;
    -webkit-backdrop-filter: blur(1.5px) !important;
            backdrop-filter: blur(1.5px) !important;  
   -webkit-box-shadow: inset 0px 0px 11px 3px #609966, 0px 0px 11px 3px #609966;  
           box-shadow: inset 0px 0px 11px 3px #609966, 0px 0px 11px 3px #609966;
  
}

.di-socialbtn-title:before{
				display: none!important;
}

.onsale{
     text-shadow: -2px 4px 8px #353535;
     
}
.onsale:before {
  position: absolute;
  top: 0;
  right: -45%;
  z-index: 1;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.8) 100%);
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.8) 100%);
  -webkit-transform: skewX(10deg);
      -ms-transform: skewX(10deg);
          transform: skewX(10deg);

}


.cart-mobile-search > .fa-shopping-bag{
	color: #000000 !important;;
}

.btn-cart i.dina-cart-amount, .btn-compare i.compare-amount, .btn-wish i.wish-amount, .dina-cart-amount {
	   color: #EDF1D6!important; 
	   background-color: #40513B !important;
 
}

.shadow-box{
	border-radius: 25px !important;
}

.dina-woo-flash-con{
	border-radius: 25px!important;
}

.dina-cart-amount{
    -webkit-box-shadow: 0px 0px 0px 0px #609966 ;
            box-shadow: 0px 0px 0px 0px #609966 ;
   -webkit-animation: htospots ease-in-out 1s infinite;
           animation: htospots ease-in-out 1s infinite; 
	  
}

@-webkit-keyframes htospots {
  0%{
  -webkit-box-shadow: 0px 0px 0px 0px #609966 ;
          box-shadow: 0px 0px 0px 0px #609966 ;
  }

  100%{
      -webkit-box-shadow: 0px 0px 0px 7px #fff8e300 ;
              box-shadow: 0px 0px 0px 7px #fff8e300 ;
  }
  
}

@keyframes htospots {
  0%{
  -webkit-box-shadow: 0px 0px 0px 0px #609966 ;
          box-shadow: 0px 0px 0px 0px #609966 ;
  }

  100%{
      -webkit-box-shadow: 0px 0px 0px 7px #fff8e300;
              box-shadow: 0px 0px 0px 7px #fff8e300;
  }
  
}

.menu-hover-bottom li{
    -webkit-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
	border-bottom: none !important;
}
.yamm-s.menu-hover-bottom>li:hover, .yamm.menu-hover-bottom>li:hover {
	border-bottom: 2px solid #609966 !important;

}

.menu-hover-bottom > li:hover {
border: none !important;
-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1);
}

.fa-moon:before {
    color: #ffff;
    text-shadow: 2px 0px 6px #609966, 2px 0px 12px #609966, 2px 0px 0px #609966;
}

.navbar{
  -webkit-backdrop-filter: blur(1.3px);
          backdrop-filter: blur(1.3px); 
   border-bottom: 1.5px solid #609966 !important;
   border-radius: 0 0 50px 50px;
   padding-bottom: 3px!important;
  


}
.navbar-nav li{
    border-bottom: none !important;
}

 ul.b-ul{
     margin-top: 11px !important;
 }
  ul.b-ul{
     margin-bottom: 11px !important;
 }				

.product-dis{
  border-radius: 0px 42px 40px 63px !important;
}

.dev-link{
    padding-inline: 5px;
}	

.mobile-footer-title li:nth-child(3) .mf-title{
    display: none !important;
}

.mobile-footer .fa-home,.go-to-add span{
    font-size: 25px;
    background-color: #76ff9a24;
    padding: 13px;
    border-radius: 50%;
    color: #353535;
    border: 0.9px solid #EDF1D6a8;    
}
.mobile-footer{
	border-radius: 20px 20px 0 0 !important;
	background-color: rgba(255, 255, 255, 0.479);
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-top: 1.8px solid #EDF1D678;
	backdrop-filter: blur(5px) !important;
  background-size: 200% 200% !important;
}	


.block-title-con{
     margin-bottom: 5px !important;
}	
.dina-quantity-con .plus,.minus{
color: #609966 !important; 
background-color: #f7f7f8!important;
border: 1px solid #609966  !important;
}
.dina-quantity-con .plus:hover,.minus:hover{
  color: #EDF1D6 !important;
  background-color: #609966  !important;
  border: 1px solid #609966  !important;
}				

.copy-text{
	display: block !important;
	font-size: 14px!important;
}
@media (max-width: 451px) {
.copy-text{
    text-align: center !important;
	padding: 0 30px !important;
}
.btn-buy-fixed{
	font-size: 12px!important;
}
}
.product-discount-left .product_type_simple{
	border: none !important;	
}

.namad-con{
	padding-top: 0px !important;
}
.single-product .product_type_simple {
	display: none !important;
}

bdi , .woocommerce-Price-currencySymbol{
	font-weight: bold;
}

.entry-summary > .product-features > ul > li::before{
	display: none !important;
}

.dina-features-limited > ul > li::before, .dina-features-unlimited > ul > li::before {
	display: none !important;
}

.product-features ul .ftitle{
	font-size:14px !important;
	text-shadow:rgba(0, 0, 0, 0.3) 0px 1px 1px;
	margin-bottom: 5px;
	
}

.product-features ul .fdesc{
	font-size:13px !important;
	
}

.product-features .dina-features-ul li {
	flex-wrap: wrap !important;
}

.product .active .btn-success{
	-webkit-transform:translatex(0px) translatey(0px) !important;
	    -ms-transform:translatex(0px) translatey(0px) !important;
	        transform:translatex(0px) translatey(0px) !important;
	display:none !important;
	
}


.pview-all {
	background-color: transparent !important;
	color: #609966 !important;
}
.fa-chevron-left {
	color: #609966 !important;
	 left: -2px !important;
    top: 8px;
	position: absolute;
	-webkit-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
	transition: all 0.5s ease !important;
}
.pview-all:hover .fa-chevron-left {
	position: absolute;
    left: -10px !important;
    top: 8px;
}

#main nav{
	background-color: transparent!important;
	
}



.product_meta .sku_wrapper span{
	color: #609966 !important;
}


.product_meta .posted_in a{
	color: #609966 !important;
}


.dina-related-product .block-title span{
	color: #eee !important;
}

.fwidget-title {
	display: inline-block!important;
	padding-bottom: 5px!important;
	border-bottom: 2px solid #f7f7f8 !important;	
}


a.breadcrumb-link {
    color: #609966 !important;
	
}

button.btn.btn-warning.btn-md.add-prod-btn.add-btn-first.add-prod-btn-popup {
	color: #40513B !important ;
	border: 1px solid #40513B;
    background-color: #efefef!important;
}
.price-con {
	border-radius: 25px!important;
}

.login-separator {
	color: #F7F7F8!important ;
}

/* *--------------------checkout form & comment style------------------------ */
#dinaSideCart .woocommerce-mini-cart__buttons .wc-forward:nth-child(2) , .cart_totals .wc-proceed-to-checkout a{
	background: #40513B !important;	
	color: #EDF1D6 !important;
	border: 1px solid #609966!important;
}
#progressbar .step.active:before {
	color: #EDF1D6 !important;
}
.button#place_order {
	color: #EDF1D6 !important;	
}
.input {
	border: 1px solid #F7F7F8 !important;
}
.woocommerce-additional-fields{
	display: none!important;
}
#billing_first_name , #billing_last_name , #billing_address_1 , #billing_phone , #billing_postcode , #billing_email, input#author, input#email, textarea#comment  {
border: 1px solid #609966 !important;	
}
.comment-form-cookies-consent{
	display: none!important;
}
span.optional {
    background-color: #f1eb3b61;
	padding: 1px 2px 1px 2px;
	font-weight: bold;
}

.vpn-warning {
  background-color: #fff3cd;
  color: #856404;
  padding: 16px 20px;
  border: 1px solid #ffeeba;
  border-radius: 8px;
  font-family: 'Vazir', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin: 20px 0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  direction: rtl;
  animation: fadeInUp 0.7s ease-out both;
}

.infinite-shake {
  animation: springShake 2.5s ease-in-out infinite;;
}

@keyframes springShake {
  0%   { transform: translateX(0); }
  10%  { transform: translateX(-4px); }
  20%  { transform: translateX(4px); }
  30%  { transform: translateX(-3px); }
  40%  { transform: translateX(3px); }
  50%  { transform: translateX(-2px); }
  60%  { transform: translateX(2px); }
  70%  { transform: translateX(-1px); }
  80%  { transform: translateX(1px); }
  100% { transform: translateX(0); }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}



/* *--------------------login form style------------------------ */
#dinaSideLogin {
	padding-top: 25px!important;
background-color: #F7F7F8 !important ;
color: #609966  !important ;
border-radius: 25px 0 0 25px !important;
border-left: 1px solid #609966 !important ;
}
.btn-success {
	background-color: #609966 !important ;
	color:  #EDF1D6 !important;
	border: none!important;
}
.dina-login-links > .lost-password {  
display: none!important;
}
.dina-show-register-form , .dina-show-login-form{
	color: #609966 !important;
}

.side-title{
	padding-bottom: 5px!important;
	border-bottom: 3px solid #609966 !important;
}
.side-icon{
	display: none!important;
}

/* *--------------------nav menu style------------------------ */
.dina-side-cart, .dina-user-menu{
	border-radius: 0 25px 25px 0;
border-right: 1px solid #609966 !important ;

}
.dina-side-cart > .side-head > .side-title{
border-bottom: 3px solid #609966 !important;	
}
.logo.dina-logo {
    padding: 0 !important;
} 

span.btn.btn-light.mmenu , .btn.btn-light.musermenu , a.btn.btn-light.mlogin.mergedbtn {
	background-color: #609966!important;
	color: #f7f7f8;
}

div#dinaNav {
    background-color: #f7f7f8 ;
	border-radius: 25px 0 0 25px;
	border-left: 1px solid #609966 !important ;
}

.fa-file-search {
	display: none!important;
}

#dinaNav > nav#cssmenu {
    background-color: #f7f7f8 !important;
}
nav.col-12.shadow-box.breadcrumbs {
    border: 1px solid #609966;
}
nav#cssmenu > ul {
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-pack: center!important;
	    -ms-flex-pack: center!important;
	        justify-content: center!important;
	-ms-flex-wrap: wrap!important;
	    flex-wrap: wrap!important;
}

nav#cssmenu > ul > li {
	width: 70%!important;
	border: 1px solid #F7F7F8 !important;
    border-radius: 15px;
	background-color: #609966 !important;
}

nav#cssmenu > ul > li > span {
	
	text-align: center!important;
	padding: 15px 25px!important ;
	background-color: transparent !important;


}

nav#cssmenu > ul > li {
margin-bottom: 15px!important;

}

nav#cssmenu > ul > li > ul > li {
	background-color: #40513B !important ;
}

nav#cssmenu > ul > li > ul > li > ul > li {
	background-color: #3EDBF0 !important ;
	color: #000 !important;
}

nav#cssmenu > ul > li > ul > li > span {

	
	padding: 15px 25px!important ;
	text-align: right!important;
	
}
nav#cssmenu > ul > li > ul > li > span > a{
color: #F7F7F8 !important;

}
nav#cssmenu > ul > li > span > a{
color: #F7F7F8 !important;

}

nav#cssmenu > ul > li > ul > li > ul > li {

	text-align: right!important;
	
}

nav#cssmenu > ul > li > ul > li > ul > li > span {
	padding: 15px 25px!important ;	
}

nav#cssmenu > ul > li > ul > li > ul > li > span > a {
	color: #F7F7F8 !important;
}

.dina-related-product .block-title span{
		color: #609966 !important;
}

/* *--------------------footer style------------------------ */
.sfooter{
    border-radius: 50px 50px 0 0;
    border-top: 1.5px solid #EDF1D6a3 !important; 
    -webkit-box-shadow: 0 0 7px #609966, 0 0 60px -20px #609966 !important; 
            box-shadow: 0 0 7px #609966, 0 0 60px -20px #609966 !important;
    -webkit-backdrop-filter: blur(1.2px);
            backdrop-filter: blur(1.2px); 
			
    
}
.sfooter .return-top{
	background-color: #F7F7F8 !important;
	color: #40513B;
	-webkit-transition:  all 0.5s ease;
	-o-transition:  all 0.5s ease;
	transition:  all 0.5s ease;
	border: none!important;
}
.return-top-two:hover{
background-color: #40513B !important;
color: #F7F7F8 !important;	
}

.sfooter li a:hover{
color: #FFF8E3 !important;
}

.sfooter>.container>div {
border-bottom: none!important;
}



.namad-con > a{
	background: -o-linear-gradient(135deg, #40513B, #F7F7F8, #40513B, #F7F7F8);
	background: linear-gradient(-45deg, #40513B, #F7F7F8, #40513B, #F7F7F8);
	background-size: 400% 400%;
	padding: 4px!important;
	width: 100px!important; 
	border-radius: 15px!important; 
}

.namad-con > a > img {
	-webkit-transition: all 0.5s ease!important;
	-o-transition: all 0.5s ease!important;
	transition: all 0.5s ease!important;
	width: 100px!important; 
    border-radius: 15px!important;
	background-color: #fff!important;
	
}

.namad-con > a > img:hover {
    -webkit-filter: drop-shadow(0px 0px 25px #609966);
            filter: drop-shadow(0px 0px 25px #609966);

}
.namad-con > #zarinpal > a > img {
	-webkit-transition: all 0.5s ease!important;
	-o-transition: all 0.5s ease!important;
	transition: all 0.5s ease!important;
}
.namad-con > #zarinpal > a > img:hover {
    -webkit-filter: drop-shadow(0px 0px 25px #609966);
            filter: drop-shadow(0px 0px 25px #609966);

}

p.text-footer-title {
    width: 78%;
    text-align: center !important;
	font-size: 13px !important;
}

.di-box-blur {
     background-color: transparent !important;
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
}
.di-box-blur  ul  li  span {
color: #000000 !important;
}
.di-box-blur  ul  li  span .compare-amount , .di-box-blur  ul  li  span .wish-amount {
color: #EDF1D6 !important;
}
.sfooter bdi{
	color: #353535!important ;
}

.latest-posts li a:hover {
color: #000!important
}


/*------------------------FAQ css--------------------------------------------------*/

div#wpdone_faq_header_nav {
    margin-top: 25px;
} 

header#wpdone_faq_header {
    border-radius: 25px 25px 0 0 !important;
}
div#wpdone_faq {
    border-radius: 25px 25px 25px 25px !important;
}
div#wpdone_faq_header_nav_link {
    display: none !important;
}
input#wpdone_faq_searchbox {
    border-radius: 25px !important;
}
.questions-faq{
	-webkit-box-shadow: 0 0 15px #609966;
	        box-shadow: 0 0 15px #609966;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 10px!important;
}
.questions-faq:hover{
	-webkit-box-shadow: 0 0 40px #609966;
	        box-shadow: 0 0 40px #609966;
}




/*------------------------order tracking css--------------------------------------------------*/

#dina-form-track-order p:nth-child(1){
	display:none !important;
	
}
#dina-form-track-order label{
	text-align:center;
	font-size: 22px!important;
	text-shadow:#B0CB1F  0 3px 0, #B0CB1Fd0 -1px -5px 9px, #B0CB1F  8px -9px 20px, #B0CB1Fd7 0px 3px 8px, #B0CB1Fc4 -1px 2px 0px, #B0CB1F  -1px 1px 20px;
	padding-bottom:10px;
	color:#1f1d1d;

}
#orderid{
	width:45% !important;
	margin-bottom:7px;
	text-align:center;
	color:#2d2d2d;
	font-size:13px;
	border: 1px solid #B0CB1F !important;
	-webkit-box-shadow:-20px 7px 21px -5px #82828280;
	        box-shadow:-20px 7px 21px -5px #82828280;
	-webkit-transform:translatex(0px) translatey(0px);
	    -ms-transform:translatex(0px) translatey(0px);
	        transform:translatex(0px) translatey(0px);
	
}

@media (max-width: 451px){
#orderid{
	width:100% !important;	
}	
}
#dina-form-track-order .form-row{
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-transform:translatex(0px) translatey(0px);
	    -ms-transform:translatex(0px) translatey(0px);
	        transform:translatex(0px) translatey(0px);
}