/*----------------------------------------------
1. Color
----------------------------------------------*/

/* #region Color */

:root {
	/* Primary */

	--primary-color: #0e5da8;
	--primary-color-hover: #004280;
	--primary-bg-color: #F1F5FB;
	--primary-color-30: rgba(14, 93, 168, 0.30);
	
	/* Secondary */

	--secondary-color: #6fb31a;
	--secondary-color-hover: #a4c500;
	
	/* Auxiliary */

	--accent-color: #fedc00;
	--success-color: #007a4d;
	--info-color: #023e8a;
	--warning-color: #ff9800;
	--danger-color: #e63946;
	
	/* White */

	--white-color: #fff;
	--white-10-color: rgba(255, 255, 255, 0.1);
	--white-25-color: rgba(255, 255, 255, 0.25);
	--white-50-color: rgba(255, 255, 255, 0.50);
	--white-65-color: rgba(255, 255, 255, 0.65);
	--white-75-color: rgba(255, 255, 255, 0.75);
	--white-85-color: rgba(255, 255, 255, 0.85);
	
	/* Gray */

	--gray-color: #4b4950;
	--gray-10-color: rgba(75, 73, 80, 0.1);
	--gray-25-color: rgba(75, 73, 80, 0.25);
	--gray-50-color: rgba(75, 73, 80, 0.50);
	--gray-65-color: rgba(75, 73, 80, 0.65);
	--gray-75-color: rgba(75, 73, 80, 0.75);
	--gray-85-color: rgba(75, 73, 80, 0.85);
	
	/* Black */

	--black-color: #000;
	--black-10-color: rgba(0, 0, 0, 0.1);
	--black-25-color: rgba(0, 0, 0, 0.25);
	--black-50-color: rgba(0, 0, 0, 0.50);
	--black-65-color: rgba(0, 0, 0, 0.65);
	--black-75-color: rgba(0, 0, 0, 0.75);
	--black-85-color: rgba(0, 0, 0, 0.85);
}


/* #endregion Color */

/*----------------------------------------------
2. Typography
----------------------------------------------*/

/* #region Typography */

:root {
	--primary-font: 'AinslieSansNormBook';
	--medium-font: 'AinslieSansNormMedium';
	--bold-font: 'AinslieSansNormDemi';
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 1.5rem;
	font-family: var(--bold-font);
	line-height: 1.5;
}

.text-content-section.text-white-section h1, .text-content-section.text-white-section h2, .text-content-section.text-white-section h3 {
	color: var(--white-color);
}

.text-style-1, .text-style-2, .text-style-4, .text-style-5, .text-style-7, .text-style-9, .text-style-9-1, .text-style-3, .text-style-6, .text-style-8, .text-style-10, .text-style-12 {
	line-height: 1.2;
}

.text-style-1 {
	font-size: 6.2rem;
}

.text-style-2 {
	font-size: 5.2rem;
}

.text-style-3 {
	font-size: 4.2rem;
	font-family: var(--primary-font)!important;
}

.text-style-4 {
	font-size: 4.2rem;
}

.text-style-5 {
	font-size: 3.2rem;
}

.text-style-6 {
	font-size: 3.2rem;
	font-family: var(--primary-font)!important;
}

.text-style-7 {
	font-size: 2.2rem;
}

.text-style-8 {
	font-size: 2.2rem;
	font-family: var(--primary-font)!important;
}

.text-style-9 {
	font-size: 1.75rem;
}

.text-style-9-1 {
	font-size: 1.5rem;
}

.text-style-10 {
	font-size: 1.75rem;
	font-family: var(--primary-font)!important;
}

.text-style-11 {
	font-size: 1.2rem;
}

.text-style-12 {
	font-size: 1.2rem;
	font-family: var(--primary-font)!important;
}

@media (max-width: 1024px) {
	.text-style-1 {
		font-size: 3rem;
	}

	.text-style-2 {
		font-size: 3rem;
	}

	.text-style-3 {
		font-size: 3rem;
	}

	.text-style-4 {
		font-size: 3rem;
	}

	.text-style-5 {
		font-size: 2.2rem;
	}

	.text-style-6 {
		font-size: 2.2rem;
	}

	.text-style-7 {
		font-size: 1.75rem;
	}

	.text-style-8 {
		font-size: 1.75rem;
	}

	.text-style-9 {
		font-size: 1.5rem;
	}

	.text-style-9-1 {
		font-size: 1.5rem;
	}

	.text-style-10 {
		font-size: 1.5rem;
	}

	.text-style-11 {
		font-size: 1.2rem;
	}

	.text-style-12 {
		font-size: 1rem;
	}

}

@media (max-width: 767px) {
	.text-style-1 {
		font-size: 3rem;
	}

	.text-style-2 {
		font-size: 3rem;
	}

	.text-style-3 {
		font-size: 3rem;
	}

	.text-style-4 {
		font-size: 3rem;
	}

	.text-style-5 {
		font-size: 2.2rem;
	}

	.text-style-6 {
		font-size: 2.2rem;
	}

	.text-style-7 {
		font-size: 1.75rem;
	}

	.text-style-8 {
		font-size: 1.75rem;
	}

	.text-style-9 {
		font-size: 1.5rem;
	}

	.text-style-9-1 {
		font-size: 1.5rem;
	}

	.text-style-10 {
		font-size: 1.5rem;
	}

	.text-style-11 {
		font-size: 1.2rem;
	}

	.text-style-12 {
		font-size: 1rem;
	}

}

@media (max-width: 575px) {
	.text-style-1 {
		font-size: 2.5rem;
	}

	.text-style-2 {
		font-size: 2.5rem;
	}

	.text-style-3 {
		font-size: 2.5rem;
	}

	.text-style-4 {
		font-size: 2.5rem;
	}

	.text-style-5 {
		font-size: 2rem;
	}

	.text-style-6 {
		font-size: 2rem;
	}

	.text-style-7 {
		font-size: 1.5rem;
	}

	.text-style-8 {
		font-size: 1.5rem;
	}

	.text-style-9 {
		font-size: 1.25rem;
	}

	.text-style-9-1 {
		font-size: 1.25rem;
	}

	.text-style-10 {
		font-size: 1.25rem;
	}

	.text-style-11 {
		font-size: 1rem;
	}

	.text-style-12 {
		font-size: 1rem;
	}

}

@media (max-width: 400px) {
	.text-style-1 {
		font-size: 2rem;
	}

	.text-style-2 {
		font-size: 2rem;
	}

	.text-style-3 {
		font-size: 2rem;
	}

	.text-style-4 {
		font-size: 2rem;
	}

	.text-style-5 {
		font-size: 1.8rem;
	}

	.text-style-6 {
		font-size: 1.8rem;
	}

	.text-style-7 {
		font-size: 1.5rem;
	}

	.text-style-8 {
		font-size: 1.5rem;
	}

	.text-style-9 {
		font-size: 1.25rem;
	}

	.text-style-9-1 {
		font-size: 1.25rem;
	}

	.text-style-10 {
		font-size: 1.25rem;
	}

	.text-style-11 {
		font-size: 1rem;
	}

	.text-style-12 {
		font-size: 1rem;
	}

}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

p:last-child {
	margin-bottom: 0;
}

b, strong {
	font-family: var(--bold-font);
	font-weight: normal;
}

small, .small {
	font-size: 0.85rem;
}

/* #endregion Typography */