:root {
	--link-blue-25: #EBFAFF;
	--link-blue-50: #D6F5FF;
	--link-blue-100: #C2F0FF;
	--link-blue-200: #ADEBFF;
	--link-blue-300: #84E0FE;
	--link-blue-400: #5BD6FE;
	--link-blue-500: #32CCFE;
	--link-blue-600: #28A4CD;
	--link-blue-700: #1E7D9C;
	--link-blue-800: #14556A;
	--link-blue-900: #0F4152;

	--brand-blue-25: #F3FDFE;
	--brand-blue-50: #E6FAFC;
	--brand-blue-100: #D9F8FC;
	--brand-blue-200: #CCF5FA;
	--brand-blue-300: #B3F0F7;
	--brand-blue-400: #99EBF5;
	--brand-blue-500: #80E6F2;
	--brand-blue-600: #69D3E0;
	--brand-blue-700: #53C0CE;
	--brand-blue-800: #3CAEBB;
	--brand-blue-900: #269BA9;

	--gray-25: #F8F8F8;
	--gray-50: #F2F2F2;
	--gray-100: #E0E0E0;
	--gray-200: #D3D3D3;
	--gray-300: #BDBDBD;
	--gray-400: #A7A7A7;
	--gray-500: #898989;
	--gray-600: #6C6C6C;
	--gray-700: #565656;
	--gray-800: #333333;
	--gray-900: #202020;
}

.btn.btn-primary,
.btn.more-link,
.btn.alt {
	color: var(--gray-800, #333); 
	font-size: 14px; 
	font-weight: 500; 
	border-radius: 8px;
	border-width: 0px;
	background: var(--brand-blue-500, #80E6F2);
}

.btn.btn-primary:hover,
.btn.more-link:hover,
.btn.alt:hover{
	color: var(--gray-800, #333); 
	background: var(--brand-blue-300, #B3F0F7); 
}

.btn.btn-primary:active,
.btn.more-link:active,
.btn.alt:active{
	color: var(--gray-800, #333); 
	background: var(--brand-blue-600, #69D3E0); 
	outline: none;
}


.btn.btn-primary:disabled,
.btn.btn-primary[disabled] {
	color: #FFF;
	background: var(--gray-300, #BDBDBD); 
}

.btn.btn-secondary {
	font-size: 14px; 
	font-weight: 500; 
	color: var(--gray-800, #333); 
	border-radius: 8px;
	border-color: var(--brand-blue-500, #80E6F2);
	background: #FFF; 
}

.btn.btn-secondary:hover {
	color: var(--gray-800, #333); 
	border-color: var(--brand-blue-500, #80E6F2);
	background: var(--brand-blue-50, #E6FAFC); 
}

.btn.btn-secondary:active {
	color: var(--gray-800, #333); 
	border-color: var(--brand-blue-500, #80E6F2);
	background: var(--brand-blue-200, #CCF5FA); 
}

.btn.btn-secondary:disabled,
.btn.btn-secondary[disabled] {
	color: var(--gray-300, #BDBDBD); 
	border-color: var(--gray-300, #BDBDBD);
	background: var(--white, #FFF); 
}

a.gray-text-link {
	color: var(--gray-800);
}

a.gray-text-link:hover {
	color: var(--link-blue-500);
}

a.gray-text-link:active {
	color: var(--link-blue-600);
}

a.blue-text-link {
	color: var(--link-blue-500);
}

a.blue-text-link:hover {
	color: var(--link-blue-400);
}

a.blue-text-link:active {
	color: var(--link-blue-600);
}

a.disabled {
	color: var(--gray-300);
}

.reg {
    font-weight: 400;
}

.med {
    font-weight: 500;
}

.bold {
    font-weight: 700;
}

.display-2xl {
    font-size: 72px;
    line-height: 90px;
}

.display-xl {
    font-size: 60px;
    line-height: 72px;
}

.display-lg {
    font-size: 48px;
    line-height: 60px;
}

.display-md {
    font-size: 36px;
    line-height: 44px;
}

.display-sm {
    font-size: 28px;
    line-height: 36px;
}

.display-xs {
    font-size: 24px;
    line-height: 32px;
}

.text-xl {
    font-size: 20px;
    line-height: 30px;
}

.text-lg {
    font-size: 18px;
    line-height: 28px;
}

.text-md {
    font-size: 16px;
    line-height: 24px;
}

.text-sm {
    font-size: 14px;
    line-height: 20px;
}

.text-xs {
    font-size: 12px;
    line-height: 16px;
}


input.button,
a.btn, .btn, .btn:focus, .more-link,
.author-bio strong, .author-bio h5,
.blog-post .post-info, 
.blog-post .post-info-date,
.blog-post .post-categories,
.blog-post .tags a,
.blog-post-related.blog-post-related-loop .blog-post-related-item .blog-post-related-date,
.page-item-title-single .post-date,
.page-item-title-single .post-categories,
.blog-post-related-single .post-categories,
.blog-post-related-single .blog-post-related-date,
.blog-post-related-item .blog-post-related-title,
.blog-post-related-item .blog-post-related-date,
.navigation-post .nav-post-name,
.navigation-post .nav-post-title,
.single-post .blog-post-related h5 {
	/* font-family: "Tahoma"; */
}

/* Language Switcher in Header */
.header-menu .col-md-6 {
	display: flex;
	align-items: center;
	gap: 15px;
}

.header-menu .col-md-6:first-child {
	justify-content: flex-start;
}

.header-menu .col-md-6:last-child {
	justify-content: flex-end;
}