﻿:root {
	--flr-bx-w: 75; /* { min: 5, max: 150, step: 1, friendly: 'Flair Box Width Desktop', group: 'Flair' } */
	--flr-bx-w-mbl: 75; /* { min: 5, max: 150, step: 1, friendly: 'Flair Box Width Mobile', group: 'Flair' } */
	
	--flr-mrg-tp: 0rem; /* { min: 0, max: 3, step: .25, friendly: 'Flair Box Margin Top', group: 'Flair' } */
	--flr-mrg-bt: 1.5rem; /* { min: 0, max: 3, step: .25, friendly: 'Flair Box Margin Bottom', group: 'Flair' } */
	
	--flr-bx-w-clc: calc((var(--flr-bx-w-mbl) * 1px) + (var(--flr-bx-w) - var(--flr-bx-w-mbl)) * ((100vw - 320px) / (1920 - 320))); /* { readonly: true } */
}

.flr_hd {
	width: var(--flr-bx-w-clc);
	overflow: hidden;
	line-height: 1;
	margin-top: var(--flr-mrg-tp);
	margin-bottom: var(--flr-mrg-bt);
}

[class*="ta_"] .flr_hd,
.flr_hd[class*="ta_"] {
	margin-left: auto;
	margin-right: auto;
}

.flr_hd > svg {
	font-size: var(--flr-bx-w-clc);
	width: auto;
	height: auto;
}


/* 700px Responsive (min-width) */
@media screen and (min-width:700px) {
	
	.flr_hd.ta_r-700,
	.ta_r-700 .flr_hd {
		margin-left: auto; 
		margin-right: 0;
	}
	
	.flr_hd.ta_l-700,
	.ta_l-700 .flr_hd {
		margin-right: auto; 
		margin-left: 0;
	}
}


/* 1280px Responsive (min-width) */
@media screen and (min-width:1280px) {
	
	.flr_hd.ta_r-1280,
	.ta_r-1280 .flr_hd {
		margin-left: auto; 
		margin-right: 0;
	}
	
	.flr_hd.ta_l-1280,
	.ta_l-1280 .flr_hd {
		margin-right: auto; 
		margin-left: 0;
	}
	
}
