@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//behsazansaba.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.2.4") format("woff2");
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

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

.footer-container{
	background-color:#0f0f0f;
	background-image: none;
}

:root{
--wd-text-font:"IRANSansWeb_FaNum", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"IRANSansWeb_FaNum", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"IRANSansWeb_FaNum", 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:"IRANSansWeb_FaNum", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"IRANSansWeb_FaNum", 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:"IRANSansWeb_FaNum", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:15px;
}
html .wd-nav-mobile > li > a{
	font-family: "IRANSansWeb_FaNum", Arial, Helvetica, sans-serif;font-weight: 300;
}

html .wd-nav-mobile > li > a:hover, html .wd-nav-mobile > li.current-menu-item > a{
	color: #bf9a4b;
}

:root{
--wd-primary-color:#83b735;
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
.single-post .main-page-wrapper{
	background-color:rgb(255,255,255);
	background-image: none;
}

:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:#83b735;
}
:root{
--btn-accented-bgcolor-hover:#dd3333;
}
: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: #333;
		
		
					--btn-accented-color: #333;
		
					--btn-accented-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-accented-bottom-active: -1px;
				--btn-accented-brd-radius: 0px;
				--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
							
					--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-w: 1222px;
		}
	
			@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;
		}
	
	
@media (max-width: 1024px){
.cart-widget-side, .login-form-side, .mobile-nav {
    width: 100%;
}
}
.wd-nav-mobile.wd-active {
		display: contents;
	    top: 70%;
    right: 70%;
    width: 70%;
    z-index: 203;
    position: fixed;
    text-align: center;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
}
.wd-side-hidden.wd-opened {
    transform: none;
    background: url(https://behsazansaba.com/wp-content/uploads/2023/09/menu-bg-m.png) no-repeat center right -80% black;
}
.wd-nav[class*="wd-style-underline"] .nav-link-text:after{
background-color:#bf9a4b;
}
.wd-fs-menu.wd-opened {
    visibility: visible;
    opacity: 1;
    transition: visibility .3s ease, opacity .3s ease;
    background: url(https://behsazansaba.com/wp-content/uploads/2023/07/menu-bg.png) no-repeat center left black;
}
rs-layer:not(.rs-wtbindex), .rs-layer:not(.rs-wtbindex), rs-alyer *:not(.rs-wtbindex), .rs-layer *:not(.rs-wtbindex) {
    text-align: justify !important;
}


@media (min-width: 1025px) {
	.blog-posts-wrapper .content-area {
    margin: 0 auto; 
    padding: 40px 20px; 
    max-width: 800px; 
}


.blog-posts-wrapper #commentform textarea#comment {
    width: 100% !important;
    max-width: 100% !important;
    height: 150px !important; 
	  color: #000000 !important;
}

/* Submit button specific to blog posts */
.blog-posts-wrapper #commentform #submit.submit,
.blog-posts-wrapper #commentform #submit {
    background-color: #6c757d !important; /* Grey background */
    color: #ffffff !important; /* White text color */
    padding: 15px 20px !important; /* Adjust padding */
    border-radius: 5px !important; /* Rounded corners */
    font-size: 16px !important; /* Font size */
    cursor: pointer !important; /* Pointer cursor on hover */
    transition: background-color 0.3s ease !important; /* Smooth transition */
}

/* Hover effect for mobile */
.blog-posts-wrapper #commentform #submit.submit:hover,
.blog-posts-wrapper #commentform #submit:hover {
    background-color: #adb5bd !important; /* Lighter grey on hover */
}



/* Specific styles for the comment box */
#commentform textarea#comment {
    width: 100% !important;
    max-width: 100% !important; /* Ensure it adjusts to the screen size */
    height: 150px !important; /* Adjust the height for mobile */
    padding: 10px !important; /* Adjust padding inside the comment box */
}

#commentform #submit.submit,
#commentform #submit {
    background-color: #6c757d !important; /* Grey background for mobile */
    color: #ffffff !important; /* White text color */
    border: none !important; /* Remove border */
    padding: 15px 20px !important; /* Adjust padding for better touch target */
    border-radius: 5px !important; /* Rounded corners */
    font-size: 16px !important; /* Font size */
    cursor: pointer !important; /* Pointer cursor on hover */
    transition: background-color 0.3s ease !important; /* Smooth transition */
    width: 100% !important; /* Full width on mobile */
}

/* Hover effect for mobile */
#commentform #submit.submit:hover,
#commentform #submit:hover {
    background-color: #adb5bd !important; /* Lighter grey on hover for mobile */
    color: #ffffff !important; /* Keep text white on hover */
}

.page-wrapper, 
.site-content, 
.content-area, 
.footer, 
.footer-container {
    margin: 0 !important;
    padding: 0 !important;
}

}

@media (min-width: 577px) and (max-width: 767px) {
	.whb-general-header {
    border-color: rgba(129, 129, 129, 0.2);
    border-bottom-width: 0px;
    border-bottom-style: solid;
    background-color: #fff !important;
}
.wd-tools-element>a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    color: #000;
    line-height: 1;
    padding-right: 10px;
    padding-left: 10px;
}
.wd-nav-mobile li a {
    justify-content: center;
}
.elementor-template-full-width .row>[data-elementor-type] {
    flex: 1 1 100%;
    margin-bottom: 0px !important;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
    width: 100%;
}
.elementor-widget-wrap>.elementor-element {
	height:auto !important;
}


}

@media (max-width: 576px) {
	.whb-general-header {
    border-color: rgba(129, 129, 129, 0.2);
    border-bottom-width: 0px;
    border-bottom-style: solid;
    background-color: #fff !important;
}
.wd-tools-element>a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    color: #000;
    line-height: 1;
    padding-right: 10px;
    padding-left: 10px;
}
.wd-nav-mobile li a {
    justify-content: center;
}
.elementor-template-full-width .row>[data-elementor-type] {
    flex: 1 1 100%;
    margin-bottom: 0px !important;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
    width: 100%;
}
.elementor-widget-wrap>.elementor-element {
	height:auto !important;
}

/* Mobile-specific adjustments for the submit button */
#commentform #submit.submit,
#commentform #submit {
    background-color: #6c757d !important; /* Grey background for mobile */
    color: #ffffff !important; /* White text color */
    border: none !important; /* Remove border */
    padding: 15px 20px !important; /* Adjust padding for better touch target */
    border-radius: 5px !important; /* Rounded corners */
    font-size: 16px !important; /* Font size */
    cursor: pointer !important; /* Pointer cursor on hover */
    transition: background-color 0.3s ease !important; /* Smooth transition */
    width: 100% !important; /* Full width on mobile */
}

/* Hover effect for mobile */
#commentform #submit.submit:hover,
#commentform #submit:hover {
    background-color: #adb5bd !important; /* Lighter grey on hover for mobile */
    color: #ffffff !important; /* Keep text white on hover */
}

/* Mobile-specific adjustments for the comment box */
#commentform textarea#comment {
    width: 100% !important;
    max-width: 100% !important; /* Ensure it adjusts to the screen size */
    height: 150px !important; /* Adjust the height for mobile */
    padding: 10px !important; /* Adjust padding inside the comment box */
}
}