/*==================================
Theme Color All Codes Variable
==================================*/
:root {
	 --theme-general-color: var(--color-alternative-1-base);  /* theme gray color */
}
:root {
	 --theme-primary-color: var(--primary-color);  /* theme primary color */
}
:root {
	 --theme-secondary-color: var(--secondary-color);  /* theme secondary color */
}
:root {
	 --theme-white-color: var(--color-alternative-4-base);  /* theme white font color */
}
:root {
	 --theme-light-color: #f8f9fa;  /* theme light gray color */
}
:root {
	 --theme-gray-color: #efefef;  /* theme gray color */
}
:root {
	 --theme-dark-color: #12171f;  /* theme dark color ok*/
}
:root {
	 --theme-extra-color: #1d2a40;  /* theme extra color */
}
:root {
	 --theme-footer-color: var(--color-alternative-3-base);  /* theme dark color ok*/
}
:root {
	 --theme-primary-opacity-color: rgba(83, 177, 65, .8);  /* theme secondary color */
}
:root {
	 --theme-secondary-opacity-color: rgba(36, 50, 74, .8);  /* theme secondary color */
}
:root {
	 --theme-dark-opacity-color: rgba(24, 26, 29, .8);  /* theme dark opacity color */
}
:root {
	 --theme-white-opacity-color: rgba(255, 255, 255, 0.5);  /* theme light color */
}
:root {
	 --text-light-color: #8a99b3;  /* text light color */
}
:root {
	 --text-gray-color: #c3c3c3; /* theme text gray color */
}
:root {
	 --theme-primary-color-rgba: 83, 177, 65;  /* theme secondary color */
}

/*==================================
Font Variable
==================================*/
:root {
	 --theme-general-font: 'Roboto', sans-serif; /* Font use for normal text and general text */
}
:root {
	 --theme-hiperlink-font: 'Quicksand', sans-serif; /* Font use for normal text and general text */
}
:root {
	 --theme-highlight-font: 'Quicksand', sans-serif;  /* Font used in title or special area */
}
.dropdown-item {
    font-weight: 600;
    font-size: 14px;
}
.navbar-expand-lg .navbar-nav .nav-link  {
	font-size: 14px;
	font-weight: 600;
}
/* Added alpha seperately */
.select-custom li input[type="radio"]:checked + label {
	background-color: rgba(var(--theme-primary-color-rgba), 0.1)
}
.sub-title {
	font-size: 17px;
}
h1, .h1{
	font-size: 42px;
}
h2, .h2{
	font-size: 34px;
}
h3, .h3{
	font-size: 28px;
}
h4, .h4{
	font-size: 24px;
}
h5, .h5 {
	font-size: 20px;
}
h6, .h6 {
	font-size: 17px;
}

h1, .h1, h1 a, .h1 a,
h2, .h2, h2 a, .h2 a,
h3, .h3, h3 a, .h3 a,
h4, .h4, h4 a, .h4 a,
h5, .h5, h5 a, .h5 a,
h6, .h6, h6 a, .h6 a {
	font-weight: 700
}