/*
	Theme Name:     	dakeTheme
	Theme URI:      	https://daketarah.ir
	Description:   		این قالب اختصاصی گروه طراحی سایت و بهینه سازی سئو دکه طراح می باشد و همه حقوق آن برای اعضای فعال آن از جمله L.payam می باشد.
	Author:        		daketarah
	Author URI:     	https://daketarah.ir
	Version:       		v7.6
	License:       		dake
	License URI:    	https://daketarah.ir
	Text Domain:   		https://daketarah.ir
*/

@font-face {
	font-family:IRANSans-Ulight;
	font-style:normal;
	font-weight:400;
	src:url(/wp-content/themes/dakeTheme-v7/fonts/IranSansX/IRANSansX-UltraLight.woff2) format('woff2'),url(/wp-content/themes/dakeTheme-v7/fonts/IranSansX/IRANSansX-UltraLight.woff) format('woff');
}
@font-face {
	font-family:IRANSans-light;
	font-style:normal;
	font-weight:400;
	src:url(/wp-content/themes/dakeTheme-v7/fonts/IranSansX/IRANSansX-Light.woff2) format('woff2'),url(/wp-content/themes/dakeTheme-v7/fonts/IranSansX/IRANSansX-Light.woff) format('woff');
}
@font-face {
	font-family:IRANSans-reg;
	font-style:normal;
	font-weight:400;
	src:url(/wp-content/themes/dakeTheme-v7/fonts/IranSansX/IRANSansX-Regular.woff2) format('woff2'),url(/wp-content/themes/dakeTheme-v7/fonts/IranSansX/IRANSansX-Regular.woff) format('woff');
}
@font-face {
	font-family:IRANSans-medium;
	font-style:normal;
	font-weight:400;
	src:url(/wp-content/themes/dakeTheme-v7/fonts/IranSansX/IRANSansX-Medium.woff2) format('woff2'),url(/wp-content/themes/dakeTheme-v7/fonts/IranSansX/IRANSansX-Medium.woff) format('woff');
}
@font-face {
	font-family:IRANSans-bold;
	font-style:normal;
	font-weight:400;
	src:url(/wp-content/themes/dakeTheme-v7/fonts/IranSansX/IRANSansX-Bold.woff2) format('woff2'),url(/wp-content/themes/dakeTheme-v7/fonts/IranSansX/IRANSansX-Bold.woff) format('woff');
}
@font-face {
	font-family:IRANSans-extrabold;
	font-style:normal;
	font-weight:400;
	src:url(/wp-content/themes/dakeTheme-v7/fonts/IranSansX/IRANSansX-ExtraBold.woff2) format('woff2'),url(/wp-content/themes/dakeTheme-v7/fonts/IranSansX/IRANSansX-ExtraBold.woff) format('woff');
}
#post-description p{font-family: 'IRANSans-Ulight' !important;line-height: 1.6 !important;}
p,pre,footer a,#header-nav-menu>ul>li>ul>li>a{font-family: 'IRANSans-light' !important;}
html,body,div,img,form,.twostate-twocolumn a,.dropdownmenu a,article,aside,footer,header,menu,nav,section,select,input,button,td,a,span{font-family: 'IRANSans-reg' !important;}
strong,h6,label,.label-style div, .gfield_label{font-family: 'IRANSans-medium' !important;}
h3,h4,h5,th,tr{font-family: 'IRANSans-bold' !important;}
h1,h2{font-family: 'IRANSans-extrabold' !important;}




:root{
	--whiteflat: #ecf0f1;	/* clouds */
	--flatwhite: #ecf0f1;	/* clouds */
	--flatblack: #020100; 	/* dracula orchid */
	--blackflat: #020100; 	/* dracula orchid */

	--white: #ffffff;
	--black: #000;

	--lightwhite1:rgba(255,255,255,0.1);
	--lightwhite2:rgba(255,255,255,0.2);
	--lightwhite3:rgba(255,255,255,0.3);
	--lightwhite4:rgba(255,255,255,0.4);
	--lightwhite5:rgba(255,255,255,0.5);
	--lightwhite6:rgba(255,255,255,0.6);
	--lightwhite7:rgba(255,255,255,0.7);
	--lightwhite8:rgba(255,255,255,0.8);
	--lightwhite9:rgba(255,255,255,0.9);
	--lightwhite: #fef6ee;

	--lightblack1:rgba(0,0,0,0.1);
	--lightblack2:rgba(0,0,0,0.2);
	--lightblack3:rgba(0,0,0,0.3);
	--lightblack4:rgba(0,0,0,0.4);
	--lightblack5:rgba(0,0,0,0.5);
	--lightblack6:rgba(0,0,0,0.6);
	--lightblack7:rgba(0,0,0,0.7);
	--lightblack8:rgba(0,0,0,0.8);
	--lightblack9:rgba(0,0,0,0.9);

	--btns-silver: #bdc3c7;	/* silver */
	--btns-gray: #d1d8e0;	/*twinkle blue */

	--dark-oranje: #c16008;
	--btns-oranje: #f6861f;
	--light-oranje: #f9ae69;

	--dark-yellow: #bd9003;
	--btns-yellow: #FBC212;
	--light-yellow: #fcd55d;
	
	--dark-purple: #6008c1;
	--btns-purple: #861ff6;
	--light-purple: #f6eefe;


	--shadow-purple: 0px 5px 7px #ae69f9;
	--shadow-oranje: 0px 5px 7px #f6861f;
	--shadow-yellow: 0px 5px 7px #FBC212;
	


	--radiussizesmall: 		6px;
	--radiussizemedium: 	16px;
	--radiussizelarge: 		32px;
	--radiussizeVlarge: 	50px;

	--margin-small: 6px;
	--margin-medium: 16px;
	--margin-large: 32px;

	--trans5: 0.5s all ease-in-out;
	--trans1: 1s all ease-in-out;
}

@media screen and (max-width: 360px){
	h1{font-size:15.2px !important;}
    h2 strong{font-size:14.5px !important;}
    h2{font-size:14.2px !important;}
    h3 strong{font-size:13.7px !important;}
    h3,th,nav{font-size:13.3px !important;}
    strong,h4 strong{font-size:13px !important;}
    h4,a,span,input,label,li,.label-style div, .gfield_label{font-size:12.7px !important;}
    p,button,h5,td{font-size:12px !important;}
    h6{font-size:11px !important;}
    
	#breadcrumbs-row{grid-template-columns: 1fr;}

    .no-phone{display:none;}
}
@media screen and (max-width: 468px) and (min-width: 361px){
	h1{font-size:19px !important;}
    h2 strong{font-size:18px !important;}
    h2{font-size:17.5px !important;}
    h3 strong{font-size:16.8px !important;}
    h3,th,nav{font-size:16.2px !important;}
    strong,h4 strong{font-size:15.5px !important;}
    h4,a,span,input,label,li,.label-style div, .gfield_label{font-size:14.8px !important;}
    p,button,h5,td{font-size:13.8px !important;}
    h6{font-size:12.8px !important;}
    
	#breadcrumbs-row{grid-template-columns: 1fr;padding: 4% 5%;}

    .no-phone{display:none;}
}
@media screen and (max-width: 640px) and (min-width: 469px){
    h1{font-size:20px !important;}
    h2 strong{font-size:19.5px !important;}
    h2{font-size:18.8px !important;}
    h3 strong{font-size:18px !important;}
    h3,th,nav{font-size:17.2px !important;}
    strong,h4 strong{font-size:16.5px !important;}
    h4,a,span,input,label,li,.label-style div, .gfield_label{font-size:16px !important;}
    p,button,h5,td{font-size:15.5px !important;}
    h6{font-size:14.2px !important;}
    
	#breadcrumbs-row{grid-template-columns: 1fr;padding: 3.3% 5%;}

    .no-phone{display:none;}
}
@media screen and (max-width: 768px) and (min-width: 640px){
    h1{font-size:22px !important;}
    h2 strong{font-size:21px !important;}
    h2{font-size:20px !important;}
    h3 strong{font-size:19.5px !important;}
    h3,th,nav{font-size:18.5px !important;}
    strong,h4 strong{font-size:17px !important;}
    h4,a,span,input,label,li,.label-style div, .gfield_label{font-size:16px !important;}
    p,button,h5,td{font-size:15px !important;}
    h6{font-size:14px !important;}
    
	#breadcrumbs-row{grid-template-columns: 1fr;padding: 2.6% 5%;}

    .no-tablet{display:none;}
}
@media screen and (max-width: 992px) and (min-width: 769px){
    h1{font-size:26px !important;}
    h2 strong{font-size:22px !important;}
    h2{font-size:21px !important;}
    h3 strong{font-size:20.5px !important;}
    h3,th,nav{font-size:20px !important;}
    strong,h4 strong{font-size:19px !important;}
    h4,a,span,input,label,li,.label-style div, .gfield_label{font-size:18px !important;}
    p,button,h5,td{font-size:17.5px !important;}
    h6{font-size:14px !important;}
    
	#breadcrumbs-row{grid-template-columns: 1fr 1fr;padding: 2% 5%;}

}
@media screen and (max-width: 1199px) and (min-width: 993px){
    h1{font-size:28px !important;}
    h2 strong{font-size:24px !important;}
    h2{font-size:23px !important;}
    h3 strong{font-size:22px !important;}
    h3,th,nav{font-size:21px !important;}
    strong,h4 strong{font-size:20px !important;}
    h4,a,span,input,label,li,.label-style div, .gfield_label{font-size:18px !important;}
    p,button,h5,td{font-size:17px !important;}
    h6{font-size:15px !important;}
    
	#breadcrumbs-row{grid-template-columns: 1fr 1fr;padding: 1.6% 5%;}
}
@media screen and (max-width: 1496px) and (min-width: 1200px){
	h1{font-size:30px !important;}
    h2 strong{font-size:28px !important;}
    h2{font-size:25px !important;}
    h3 strong{font-size:23px !important;}
    h3,th,nav{font-size:22px !important;}
    strong,h4 strong{font-size:21px !important;}
    h4,a,span,input,label,li,.label-style div, .gfield_label{font-size:19px !important;}
    p,button,h5,td{font-size:18px !important;}
    h6{font-size:16px !important;}
    
	#breadcrumbs-row{grid-template-columns: 1fr 1fr;padding: 1.3% 5%;}
}
@media screen and (max-width: 1920px) and (min-width: 1497px){
    h1{font-size:38px !important;}
    h2 strong{font-size:33px !important;}
    h2{font-size:30px !important;}
    h3 strong{font-size:28px !important;}
    h3,th,nav{font-size:26px !important;}
    strong,h4 strong{font-size:23px !important;}
    h4,a,span,input,label,li,.label-style div, .gfield_label{font-size:20px !important;}
    p,button,h5,td{font-size:19px !important;}
    h6{font-size:16px !important;}
	
	#breadcrumbs-row{grid-template-columns: 1fr 1fr;padding: 0.8% 5%;}
}
@media screen and (min-width: 1921px){
   	h1{font-size:40px !important;}
    h2 strong{font-size:36px !important;}
    h2{font-size:31px !important;}
    h3 strong{font-size:28px !important;}
    h3,th,nav{font-size:26px !important;}
    strong,h4 strong{font-size:24px !important;}
    h4,a,span,input,label,li,.label-style div, .gfield_label{font-size:22px !important;}
    p,button,h5,td{font-size:21px !important;}
    h6{font-size:16px !important;}
    
	#breadcrumbs-row{grid-template-columns: 1fr 1fr;padding: 0.3% 5%;}
}
@media screen and (max-width: 767px){
	.mob-hide{display: none !important;}	
	#desktop-banner{display: none;}
	.first-section{width: 98%;margin: 0.4% 1%;}
	.slider-desktop{display: none;}
}
@media screen and (min-width: 768px){
	.des-hide{display: none !important;}
	#mobile-banner{display: none;}
	.first-section{width: 94%;margin: 0.2% 3%;}
	.slider-mobile{display: none;}
}

/************** set default ***************/
*, :before, :after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
html,body{overflow-x:hidden;margin:0;width:100%;}
body{min-height: 100vh;}
#index-body{background-color: var(--flatwhite);}
ul{list-style-type: none;padding-right: 3%;}
a {text-decoration: none !important;color: var(--dark-blue);transition: 0.5s all ease-in-out;}
a:hover {color: var(--dark-green);}
p{text-align: justify;line-height:2.4;hyphens: auto; /* برای خط تیره گذاری خودکار */  -webkit-hyphens: auto; /* برای مرورگرهای WebKit (مثل Chrome, Safari) */   -moz-hyphens: auto; /* برای مرورگرهای Mozilla (مثل Firefox) */word-spacing: -2px;}
li{text-align: justify;line-height:1.6;}
img{max-width: 100%;height:auto;}
video{max-width: 100%;height:auto;}


/************** private class ***************/
.f-left{float:left;position: relative;}
.f-right{float:right;position: relative;}
.f-left-row{width:100%;float:left;position: relative;}
.hidehover{display:none;}
.center{text-align: center;}
.first-section{float:left;position: relative;}
.bwhite{background-color: var(--flatwhite);}
.section-title{min-width: 30%;text-align: center;width: fit-content;margin:1% auto;}
.section-title h2{margin-top: 0.5%;}
.section-title-only{min-width: 30%;text-align: center;width: fit-content;margin:1% auto;}
.section-title-only h2{margin-top: 0.5%;}
.display-flex-two{transition: var(--trans5);}
.display-flex-two:hover{filter: invert(100%);}
.display-flex-two>a{display: flex;gap: 6px;}

.floating-buttons img{width: 1.5rem !important;}

/************** pagination ***************/
.btn-other-pages{width:100%;grid-column: 1 / -1}
.pagination{width:100%;list-style:none;box-sizing:border-box;text-align:center;}
.pagination li,.pagination li span{display:inline-block;margin: 0 1px;}
.pagination li a,.pagination li span{padding:3px 10px;background:#fff;color:#444;margin: 5px 0;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.pagination li a:hover,.pagination .current{background: #3380d2;color: #fff;}
.pagination .current{padding:3px 10px;}


/************** nav menu ***************/


/************** breadcrumbs ***************/
#breadcrumbs-row{
	width:100%;
	display:grid;
	align-items: center;
	grid-gap: 5%;
	background-color: var(--lightwhite9);
	margin-bottom: 1%;
	border-radius: var(--radiussizesmall) var(--radiussizesmall) 0 0;
}
#breadcrumbs-row>div{
	width:100%;

}
#breadcrumbs{
	margin: 0;
	padding: 0;
}
#kk-star-box{
    direction: rtl;
}

/************** singles ***************/
#single-page{
	border-radius: var(--radiussizesmall);
}
blockquote {
  max-width: 960px; /* Maximálna šírka citátu */
  width:90%;
  padding: 30px; /* Odsadenie obsahu citátu */
  border-right: 5px solid var(--dark-green); /* Ľavá čiara pre citát */
  background-color: #fff; /* Biela farba pozadia pre citát */
  text-align: center; /* Zarovnanie textu na stred */
  border-radius: var(--radiussizelarge) var(--radiussizemedium) var(--radiussizemedium) var(--radiussizelarge);
  margin: 3% auto 3% 5%;
  box-shadow: -0.5rem -0.5rem #c9e7e7;
}
#single-post-body ul{
	list-style-type: disclosure-closed;
}
#single-post-body h5{
	display: block;
	text-align: center;
	margin-top: 0;
}

/*********** ant animation **********/
.section-title>span {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 55px;
	margin: 0 auto;
	overflow: hidden; /* برای اینکه انیمیشن از صفحه بیرون نزنه */
	width: 100%; /* یا هر عرضی که مناسب سایت شماست */
	min-width: 200px;
	height: 50px; /* ارتفاع متناسب با تصویر مورچه ها */
	background-image: url('/wp-content/uploads/2025/05/1-KB.png'); /* اسم فایل تصویر مورچه ها */
	background-repeat: repeat-x; /* برای تکرار تصویر به صورت افقی */
	background-position: 0 0; /* موقعیت اولیه پس زمینه */
	animation: moveAnts 8s linear infinite; /* اسم انیمیشن، مدت زمان، نوع حرکت، تکرار بی نهایت */
}

/* تعریف کی‌فریم‌های انیمیشن */
@keyframes moveAnts {
	from {
		background-position: 0 0; /* شروع انیمیشن: پس زمینه در موقعیت اولیه */
	}
	to {
		background-position: -100% 0; /* پایان انیمیشن: پس زمینه به اندازه عرض خودش به سمت چپ حرکت کرده */
		/* میتونید از -100px 0; هم استفاده کنید اگر نخواستید به صورت درصد باشه.
			مقدار منفی باعث میشه تصویر به سمت چپ حرکت کنه (انگار مورچه ها به سمت راست میرن) */
	}
}

/******** more btn **********/
.paper-more-btn {
  position: relative;
  margin: 3%;
}
.paper-more-btn > .button {
    width: 100%;
    border: none;
    color: var(--white);
    background-color: var(--dark-oranje);
    padding: 0.75rem 1.5rem;
    border-radius: 15px;
    font-size: 1rem;
    font-weight: 500;
    transform: translateY(0);
    -moz-transition: transform 250ms ease-in-out;
    -webkit-transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    z-index: 0;
}

.paper-more-btn .button__bottom {
    width: 100%;
    height: 2.5rem;
    background-color: var(--btns-oranje);
    border-radius: var(--radiussizemedium);
    position: absolute;
    top: 16px;
    z-index: -1;
}

.paper-more-btn > .button:active,
.paper-more-btn > .button:focus-visible {
    transform: translateY(6px); 
}
/******** sliders **********/
#index-slider .swiper-slide{
    position:relative;
}

/************** singles ***************/
.post-content h5{
	text-align: center;
	display: block;
}
blockquote{
  display:block;
  background: #fff;
  padding: 9px 5% 12px 10%;
  margin: 10px auto 20px auto;
  position: relative;
  width: fit-content;
  max-width: 90%;
  /*Font*/
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid var(--btns-oranje);
  border-right: 2px solid var(--darkb-oranje);
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

/************** header wave  ************/
.header {
    background: linear-gradient(60deg, var(--btns-yellow), var(--btns-oranje) 100%);
}
.inner-header {
    min-height:85vh;
    width:100%;
    margin: 0;
    padding: 0;
}
.waves {
    position:relative;
    width: 100%;
    height:15vh;
    margin-bottom:-14px; /*Fix for safari gap*/
    min-height:100px;
    max-height:150px;
}
/* Animation */
.parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}
.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}
.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}
.parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}
@keyframes move-forever {
    0%      {transform: translate3d(-90px,0,0);}
    100%    {transform: translate3d(85px,0,0);}
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
    .waves {height:40px;min-height:40px;}
}