/* important font files */
@font-face {
	font-family: 'koodak-b';
	src: url(/assets/fonts/KoodakB.ttf);
}

@font-face {
	font-family: 'vazir';
	font-weight: 300;
	src: url(/assets/fonts/vazir/Vazir-Thin.eot);
	src: url(/assets/fonts/vazir/Vazir-Thin.ttf),
		url(/assets/fonts/vazir/Vazir-Thin.woff),
		url(/assets/fonts/vazir/Vazir-Thin.woff2);
}

@font-face {
	font-family: 'vazir';
	font-weight: 400;
	src: url(/assets/fonts/vazir/Vazir-Light.eot);
	src: url(/assets/fonts/vazir/Vazir-Light.ttf),
		url(/assets/fonts/vazir/Vazir-Light.woff),
		url(/assets/fonts/vazir/Vazir-Light.woff2);
}

@font-face {
	font-family: 'vazir';
	font-weight: 500;
	src: url(/assets/fonts/vazir/Vazir-Regular.eot);
	src: url(/assets/fonts/vazir/Vazir-Regular.ttf),
		url(/assets/fonts/vazir/Vazir-Regular.woff),
		url(/assets/fonts/vazir/Vazir-Regular.woff2);
}

@font-face {
	font-family: 'vazir';
	font-weight: 600;
	src: url(/assets/fonts/vazir/Vazir-Medium.eot);
	src: url(/assets/fonts/vazir/Vazir-Medium.ttf),
		url(/assets/fonts/vazir/Vazir-Medium.woff),
		url(/assets/fonts/vazir/Vazir-Medium.woff2);
}

@font-face {
	font-family: 'vazir';
	font-weight: 700;
	src: url(/assets/fonts/vazir/Vazir-Bold.eot);
	src: url(/assets/fonts/vazir/Vazir-Bold.ttf),
		url(/assets/fonts/vazir/Vazir-Bold.woff),
		url(/assets/fonts/vazir/Vazir-Bold.woff2);
}

@font-face {
	font-family: 'vazir';
	font-weight: 800;
	src: url(/assets/fonts/vazir/Vazir-Black.eot);
	src: url(/assets/fonts/vazir/Vazir-Black.ttf),
		url(/assets/fonts/vazir/Vazir-Black.woff),
		url(/assets/fonts/vazir/Vazir-Black.woff2);
}




/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 
 * -=-=-=-=-=-=- all font-family set
 * -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
**************************************************** */
body,
input,
select,
button,
textarea,
.tooltip,
.popover,
.introjs-tooltip {
	font-family: 'vazir', tahoma;
}


body {
	background: linear-gradient(135deg, rgb(56, 35, 14) 0%, rgb(44, 27, 7) 100%);
	background-image: url('/assets/images/background.jpg');
	background-size: auto;
	/* background-repeat: no-repeat; */
	background-attachment: fixed;
	background-position: center center;
}

section,
.bg-white,
.bg-opacity-90 {
	background: rgba(44, 27, 7, 0.90) !important;
}

.text-gray-800,
.text-gray-600 {
	color: rgb(206, 163, 95) !important;
}

h1,
.text-3xl,
.font-bold:not(.no) {
	color: rgb(197, 116, 9) !important;
}

h2,
h3,
h4,
h5,
h6,
.subtitle,
p,
div:not(.no),
td {
	color: rgb(206, 163, 95) !important;
}

.bg-main {
	background: linear-gradient(135deg, rgb(56, 35, 14) 0%, rgb(44, 27, 7) 100%) !important;
}

.bg-card {
	background: rgba(44, 27, 7, 0.90) !important;
}

.bg-card-solid {
	background: rgb(44, 27, 7) !important;
}

.bg-card-dark {
	background: rgb(56, 35, 14) !important;
}

.text-card {
	color: rgb(190, 120, 17) !important;
}

.text-subtitle {
	color: rgb(206, 163, 95) !important;
}

.text-title {
	color: rgb(197, 116, 9) !important;
}

.text-h {
	color: rgb(206, 163, 95) !important;
}

.bg-title {
	background: rgb(197, 116, 9) !important;
}

.bg-subtitle {
	background: rgb(206, 163, 95) !important;
}

input.bg-card-dark,
textarea.bg-card-dark,
select.bg-card-dark {
	/* color: rgb(56, 35, 14) !important; */
	background: rgb(56, 35, 14) !important;
	color: rgb(190, 120, 17) !important;
	font-weight: 600;
}

input:not(.bg-card-dark),
textarea:not(.bg-card-dark),
select:not(.bg-card-dark),
.previous-answer
 {
	background: rgba(108, 73, 33, 0.9) !important;
	color: rgb(190, 120, 17) !important;
	font-weight: 600;
}

input:focus.bg-card-dark,
textarea.bg-card-dark,
select.bg-card-dark {
	/* color: rgb(56, 35, 14) !important; */
	color: rgb(56, 35, 14) !important;
	background: rgb(190, 120, 17) !important;
	font-weight: bold;
}

button.bg-title {
	background: rgb(197, 116, 9) !important;
	color: #fff !important;
}

.toast-main {
	background: rgb(100, 59, 5) !important;
	color: #fff !important;
}