.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: url(https://dragonix.ir/wp-content/uploads/2021/08/promo-popup-2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-color:#0a0a0a;
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgb(26,26,26);
	background-image: none;
}

:root{
--wd-text-font:"Vazirmatn", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Vazirmatn", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Vazirmatn", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Vazirmatn", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Vazirmatn", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Vazirmatn", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(203,149,0);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:rgb(0,0,0);
}
:root{
--btn-default-bgcolor-hover:rgb(6,6,6);
}
:root{
--btn-shop-bgcolor:rgb(203,149,0);
}
:root{
--btn-shop-bgcolor-hover:rgb(195,143,0);
}
:root{
--btn-accent-bgcolor:rgb(203,149,0);
}
:root{
--btn-accent-bgcolor-hover:rgb(195,143,0);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #fff;
		
					--btn-default-color-hover: #fff;
		
					--btn-shop-color: #fff;
		
					--btn-shop-color-hover: #fff;
		
					--btn-accent-color: #fff;
		
					--btn-accent-color-hover: #fff;
		
									--btn-default-brd-radius: 0px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
				--btn-default-box-shadow-active: none;
				--btn-default-bottom: 0px;
			
			
			
					
					
							--btn-shop-bottom-active: -1px;
				--btn-shop-brd-radius: 0.001px;
				--btn-shop-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-shop-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
									--btn-accent-brd-radius: 0px;
				--btn-accent-box-shadow: none;
				--btn-accent-box-shadow-hover: none;
				--btn-accent-box-shadow-active: none;
				--btn-accent-bottom: 0px;
			
			
			
					
							
					--wd-brd-radius: 0px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1192px;
			}
		}

		.container {
			max-width: 1222px;
		}

		:root{
			--wd-container-width: 1222px;
		}
	
			.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1192px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1202px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1212px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1222px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1232px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1252px;
		}
		@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//dragonix.ir/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=7.0.3") format("woff2");
}

.searchform input[type="text"] {
    padding-left: 50px;
    height: 46px;
    font-size: 15px;
    border-radius: 10px;
}
.searchform.wd-style-with-bg .searchsubmit {
    left: 0;
    width: 52px;
    border-top-left-radius: var(--wd-form-brd-radius);
    border-bottom-left-radius: var(--wd-form-brd-radius);
    color: #fff;
    background-color: var(--wd-primary-color);
    border-radius: 10px;
}
/* =========================================
   DRAGONIX LOGIN BUTTON
   Scoped CSS - WoodMart Safe
   Always Running Neon Animation
========================================= */

.dragonix-login-button {
  font-family: Vazirmatn, sans-serif;
  position: relative;
  display: inline-block;
}


/* =========================================
   CONTAINER
========================================= */

.dragonix-login-button
.dragonix-login-button__container {
  position: relative;
  margin: 0 2em;
}


/* =========================================
   BORDER
========================================= */

.dragonix-login-button
.dragonix-login-button__border {
  position: relative;

  padding: 3px;

  inset: 0;

  background: #13035a;

  border-radius: inherit;

  clip-path: path(
    "M 90 0 C 121 0 126 5 126 33 C 126 61 121 66 90 66 L 33 66 C 5 66 0 61 0 33 C 0 5 5 0 33 0 Z"
  );
}


/* =========================================
   MAIN BUTTON
========================================= */

.dragonix-login-button
.dragonix-login-button__text {

  display: flex;

  justify-content: center;
  align-items: center;

  flex-direction: column;

  width: 120px;
  height: 60px;

  border: none;

  border-radius: 0.875em;

  clip-path: path(
    "M 90 0 C 115 0 120 5 120 30 C 120 55 115 60 90 60 L 30 60 C 5 60 0 55 0 30 C 0 5 5 0 30 0 Z"
  );

  background: #111215;

  color: #ffffff;

  overflow: hidden;

  position: relative;

  z-index: 2;
}


/* =========================================
   REAL CLICKABLE LINK
========================================= */

.dragonix-login-button
.dragonix-login-button__real-button {

  position: absolute;

  width: 120px;
  height: 60px;

  top: 3px;
  left: 50%;

  transform: translateX(-50%);

  z-index: 20;

  display: block;

  outline: none;

  border: none;

  border-radius: 17px;

  cursor: pointer;

  opacity: 0;

  text-decoration: none;
}


/* =========================================
   BACKDROP
========================================= */

.dragonix-login-button
.dragonix-login-button__backdrop {

  position: absolute !important;

  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 100% !important;

  background: transparent !important;

  background-size: auto !important;

  z-index: -1 !important;

  pointer-events: none !important;
}


/* =========================================
   SPIN BASE
========================================= */

.dragonix-login-button
.dragonix-login-button__spin {

  position: absolute;

  inset: 0;

  z-index: -2;

  opacity: 0.65;

  overflow: hidden;

  transition:
    opacity 0.3s ease,
    filter 0.3s ease;
}


/* =========================================
   BLUR SPIN
========================================= */

.dragonix-login-button
.dragonix-login-button__spin-blur {

  filter:
    blur(2em)
    url(#dragonix-unopaq);
}


/* =========================================
   INTENSE SPIN
========================================= */

.dragonix-login-button
.dragonix-login-button__spin-intense {

  inset: -0.125em;

  filter:
    blur(0.25em)
    url(#dragonix-unopaq2);

  border-radius: 0.75em;
}


/* =========================================
   INSIDE SPIN
========================================= */

.dragonix-login-button
.dragonix-login-button__spin-inside {

  inset: -2px;

  border-radius: inherit;

  filter:
    blur(2px)
    url(#dragonix-unopaq3);

  z-index: 0;
}


/* =========================================
   ALWAYS RUNNING ANIMATION
========================================= */

.dragonix-login-button
.dragonix-login-button__spin::before {

  content: "";

  position: absolute;

  inset: -150%;

  animation:
    dragonix-speen
    6s linear infinite,

    dragonix-woah
    4s ease-in-out infinite;

  animation-play-state: running;
}


/* =========================================
   BLUR GLOW
========================================= */

.dragonix-login-button
.dragonix-login-button__spin-blur::before {

  background:
    linear-gradient(
      90deg,
      #7a3cff 30%,
      #5f048a00 50%,
      #10c6de 70%
    );
}


/* =========================================
   INTENSE GLOW
========================================= */

.dragonix-login-button
.dragonix-login-button__spin-intense::before {

  background:
    linear-gradient(
      90deg,
      #7a3cff 20%,
      #0000 45% 55%,
      #10c6de 80%
    );
}


/* =========================================
   INSIDE GLOW
========================================= */

.dragonix-login-button
.dragonix-login-button__spin-inside::before {

  background:
    linear-gradient(
      90deg,
      #7a3cff 30%,
      #0000 45% 55%,
      #10c6de 70%
    );
}


/* =========================================
   HOVER
   Animation is already running.
   Hover only increases glow slightly.
========================================= */

.dragonix-login-button:hover
.dragonix-login-button__spin {

  opacity: 1;
}


/* =========================================
   ROTATION
========================================= */

@keyframes dragonix-speen {

  0% {
    rotate: 0deg;
  }

  50% {
    rotate: 180deg;
  }

  100% {
    rotate: 360deg;
  }
}


/* =========================================
   GLOW BREATHING
========================================= */

@keyframes dragonix-woah {

  0%,
  100% {
    scale: 1;
  }

  50% {
    scale: 0.75;
  }
}


/* =========================================
   ACCESSIBILITY
========================================= */

@media (prefers-reduced-motion: reduce) {

  .dragonix-login-button
  .dragonix-login-button__spin::before {

    animation-duration: 12s;
  }
}