/*
	Theme Name: Sitify
	Version: 1.0.1
	Requires at least: 4.7
	Tested up to: 5.9
	Requires PHP: 5.6
  Author: RTLTheme
*/
/**
 * DO NOT CHANGE THIS FILE!
 * To override any of the settings in this section, add your styling code in the custom directory.
 * Loading first in the style.scss & classic-editor.scss
 */
/*
 * Inspired by Normalize.css, HTML5 Boilerplate & Bootstrap Reboot Projects under MIT License
*/
/**
 * Document basic styling
 * DO NOT CHANGE THIS FILE!
 * To override any of the settings in this section, add your styling code in the custom directory.
 */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
 */

@font-face {
  font-family: 'yekanBlack';
  src: url('assets/fonts/IRANYekanXFaNum-Black.ttf') format('truetype'),
  src: url('assets/fonts/IRANYekanXFaNum-Black.woff') format('woff');
  src: url('assets/fonts/IRANYekanXFaNum-Black.woff') format('woff2');
}

@font-face {
  font-family: 'yekanBold';
  src: url('assets/fonts/IRANYekanXFaNum-Bold.ttf') format('truetype'),
  src: url('assets/fonts/IRANYekanXFaNum-Bold.woff') format('woff');
  src: url('assets/fonts/IRANYekanXFaNum-Bold.woff') format('woff2');
}

@font-face {
  font-family: 'yekanDemiBold';
  src: url('assets/fonts/IRANYekanXFaNum-DemiBold.ttf') format('truetype'),
  src: url('assets/fonts/IRANYekanXFaNum-DemiBold.woff') format('woff');
  src: url('assets/fonts/IRANYekanXFaNum-DemiBold.woff') format('woff2');
}

@font-face {
  font-family: 'yekanExtraBlack';
  src: url('assets/fonts/IRANYekanXFaNum-ExtraBlack.ttf') format('truetype'),
  src: url('assets/fonts/IRANYekanXFaNum-ExtraBlack.woff') format('woff');
  src: url('assets/fonts/IRANYekanXFaNum-ExtraBlack.woff') format('woff2');
}

@font-face {
  font-family: 'yekanExtraBold';
  src: url('assets/fonts/IRANYekanXFaNum-ExtraBold.ttf') format('truetype'),
  src: url('assets/fonts/IRANYekanXFaNum-ExtraBold.woff') format('woff');
  src: url('assets/fonts/IRANYekanXFaNum-ExtraBold.woff') format('woff2');
}

@font-face {
  font-family: 'yekanHeavy';
  src: url('assets/fonts/IRANYekanXFaNum-Heavy.ttf') format('truetype'),
  src: url('assets/fonts/IRANYekanXFaNum-Heavy.woff') format('woff');
  src: url('assets/fonts/IRANYekanXFaNum-Heavy.woff') format('woff2');
}

@font-face {
  font-family: 'yekanLight';
  src: url('assets/fonts/IRANYekanXFaNum-Light.ttf') format('truetype'),
  src: url('assets/fonts/IRANYekanXFaNum-Light.woff') format('woff');
  src: url('assets/fonts/IRANYekanXFaNum-Light.woff') format('woff2');
}

@font-face {
  font-family: 'yekanMedium';
  src: url('assets/fonts/IRANYekanXFaNum-Medium.ttf') format('truetype'),
  src: url('assets/fonts/IRANYekanXFaNum-Medium.woff') format('woff');
  src: url('assets/fonts/IRANYekanXFaNum-Medium.woff') format('woff2');
}

@font-face {
  font-family: 'yekanRegular';
  src: url('assets/fonts/IRANYekanXFaNum-Regular.ttf') format('truetype'),
  src: url('assets/fonts/IRANYekanXFaNum-Regular.woff') format('woff');
  src: url('assets/fonts/IRANYekanXFaNum-Regular.woff') format('woff2');
}

@font-face {
  font-family: 'yekanThin';
  src: url('assets/fonts/IRANYekanXFaNum-Thin.ttf') format('truetype'),
  src: url('assets/fonts/IRANYekanXFaNum-Thin.woff') format('woff');
  src: url('assets/fonts/IRANYekanXFaNum-Thin.woff') format('woff2');
}

@font-face {
  font-family: 'yekanUltraLight';
  src: url('assets/fonts/IRANYekanXFaNum-UltraLight.ttf') format('truetype'),
  src: url('assets/fonts/IRANYekanXFaNum-UltraLight.woff') format('woff');
  src: url('assets/fonts/IRANYekanXFaNum-UltraLight.woff') format('woff2');
}

@font-face {
  font-family: 'morabbaRegular';
  src: url('assets/fonts/Morabba-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'morabbaBlack';
  src: url('assets/fonts/Morabba-Black.ttf') format('truetype');
}

@font-face {
  font-family: 'morabbaBold';
  src: url('assets/fonts/Morabba-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'morabbaExtraBold';
  src: url('assets/fonts/Morabba-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'morabbaHeavy';
  src: url('assets/fonts/Morabba-Heavy.ttf') format('truetype');
}

@font-face {
  font-family: 'morabbaLight';
  src: url('assets/fonts/Morabba-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'morabbaMedium';
  src: url('assets/fonts/Morabba-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'morabbaSemiBold';
  src: url('assets/fonts/Morabba-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'morabbaUltraLight';
  src: url('assets/fonts/Morabba-UltraLight.ttf') format('truetype');
}

:root {
  --primary-100: #074e50;
  --primary-200: #093537;
  --primary-hover: #042123;
  --secondary-100: #cff2f2;
  --secondary-200: #00baba;
  --tertiary: #f43e88;
  --gray-100: #f8f8f8;
  --gray-200: #cfcfcf;
  --gray-300: #858585;
  --gray-400: #4d4e50;
  --gray-500: #28282a;
  --white: #ffffff;
}

.color-primary-100 {
  color: var(--primary-100);
}
.bg-primary-100 {
  background-color: var(--primary-100);
}
.color-primary-200 {
  color: var(--primary-200);
}
.bg-primary-200 {
  background-color: var(--primary-200);
}
.color-primary-hover {
  color: var(--primary-hover);
}
.bg-primary-hover {
  background-color: var(--primary-hover);
}
.color-secondary-100 {
  color: var(--secondary-100);
}
.bg-secondary-100 {
  background-color: var(--secondary-100);
}
.color-secondary-200 {
  color: var(--secondary-200);
}
.bg-secondary-200 {
  background-color: var(--secondary-200);
}
.color-tertiary {
  color: var(--tertiary);
}
.bg-tertiary {
  background-color: var(--tertiary);
}
.color-gray-100 {
  color: var(--gray-100);
}
.bg-gray-100 {
  background-color: var(--gray-100);
}
.color-gray-200 {
  color: var(--gray-200);
}
.bg-gray-200 {
  background-color: var(--gray-200);
}
.color-gray-300 {
  color: var(--gray-300);
}
.bg-gray-300 {
  background-color: var(--gray-300);
}
.color-gray-400 {
  color: var(--gray-400);
}
.bg-gray-400 {
  background-color: var(--gray-400);
}
.color-gray-500 {
  color: var(--gray-500);
}
.bg-gray-500 {
  background-color: var(--gray-500);
}
.color-white {
  color: var(--white);
}
.bg-white {
  background-color: var(--white);
}

.fw-600 {
  font-weight: 600
}