/*
-------------------

	Basekit

	Framework · Core
	Jun . 2022

	© Exactuflow
	http://basekit.exactusensu.pt

	Table of Contents

	· Configs 
		· Configs . Globals
		· Configs . Components . Scale
		· Configs . Components . Spacing
		· Configs . Text . Scale
		· Configs . Text . Size
		· Configs . Colors
		· Configs . Screen Sizes
		· Configs . Body
	· Helpers
	· Loading Animation

*/


/* Configs */

	html, *:before,	*:after {

		/* Configs . Globals */

			--global:                     70;
			--global_scale_extra_small:  0.9;
			--global_scale_small:          1;
			--global_scale_medium:       0.9;
			--global_scale_large:          1;

		/* Configs . Components . Scale */

			--components_scale_tiny:    0.22;
			--components_scale_small:   0.34;
			--components_scale_default: 0.48;
			--components_scale_medium:  0.54;
			--components_scale_large:	0.64;
			--components_scale_huge:	0.86;

		/* Configs . Components . Spacing */

			--components_spacing_h:		   3;

		/* Configs . Borders . Width */

			--border_width_default: 	   1;
			--border_width_medium: 		   2;
			--border_width_thick: 		   3;

		/* Configs . Text . Scale */

			--text_scale:        0.2;
			--text_scale_tiny:   0.5;
			--text_scale_small:  0.7;
			--text_scale_default:  1;
			--text_scale_medium: 1.5;
			--text_scale_large:    2;
			--text_scale_huge:	   3;

		/* Configs . Text . Size */

			--text_size: calc(var(--global) * var(--text_scale));

		/* Configs . Text . Indexes */

			--text_indexes_font_scale: 0.5;
			--text_indexes_margin_scale: 0.2;

		/* Configs . Text . Tags */

			--text_tags_height_scale: 1.8;
			--text_tags_margin_scale_y: 0.3;
			--text_tags_margin_scale_x: 0.8;

		/* Configs . Fonts . Family */

			--font_family: Gotham;

		/* Configs . Colors */

			/* Globals . Colors . Base */

				--color_primary:		#0088ba;
				--color_primary_r:		0;
				--color_primary_g:		136;
				--color_primary_b:		186;

				--color_secondary:		#ffd000;
				--color_secondary_r:	255;
				--color_secondary_g:	208;
				--color_secondary_b:	0;

				--color_text:			#666666;
				--color_text_r:			77;
				--color_text_g:			77;
				--color_text_b:			77;

				--color_links:			#007ee5;
				--color_links_r:		0;
				--color_links_g:		126;
				--color_links_b:		229;

				--color_placeholders:	#b2b2b2;
				--color_placeholders_r:			178;
				--color_placeholders_g:			178;
				--color_placeholders_b:			178;

			/* Globals . Colors . Standard */

				--color_red:			#d45353;
				--color_red_r:			212;
				--color_red_g:			83;
				--color_red_b:			83;

				--color_green:			#39b876;
				--color_green_r:		57;
				--color_green_g:		184;
				--color_green_b:		118;

				--color_blue:			#007ee5;
				--color_blue_r:			0;
				--color_blue_g:			126;
				--color_blue_b:			229;

				--color_orange:			#ffaa54;
				--color_orange_r:		255;
				--color_orange_g:		170;
				--color_orange_b:		84;

				--color_yellow:			#ffea00;
				--color_yellow_r:		255;
				--color_yellow_g:		234;
				--color_yellow_b:		0;

				--color_grey:			#4d4d4d;
				--color_grey_r:			77;
				--color_grey_g:			77;
				--color_grey_b:			77;

				--color_black:			#000000;
				--color_black_r:		0;
				--color_black_g:		0;
				--color_black_b:		0;

				--color_white:			#ffffff;
				--color_white_r:		255;
				--color_white_g:		255;
				--color_white_b:		255;

			/* Globals . Colors . Ultra Light */

				--color_red_ultra_light:		#fbf4f4;
				--color_red_ultra_light_r:		251;
				--color_red_ultra_light_g:		244;
				--color_red_ultra_light_b:		244;

				--color_green_ultra_light:		#f3faf4;
				--color_green_ultra_light_r:	243;
				--color_green_ultra_light_g:	250;
				--color_green_ultra_light_b:	244;

				--color_blue_ultra_light:		#f6fafc;
				--color_blue_ultra_light_r:		246;
				--color_blue_ultra_light_g:		250;
				--color_blue_ultra_light_b:			252;

				--color_orange_ultra_light:		#fff9f2;
				--color_orange_ultra_light_r:	255;
				--color_orange_ultra_light_g:	249;
				--color_orange_ultra_light_b:	242;

				--color_yellow_ultra_light:		#fffdf0;
				--color_yellow_ultra_light_r:	255;
				--color_yellow_ultra_light_g:	253;
				--color_yellow_ultra_light_b:	240;

				--color_grey_ultra_light:		#fafafa;
				--color_grey_ultra_light_r:		250;
				--color_grey_ultra_light_g:		250;
				--color_grey_ultra_light_b:		250;

				--color_black_ultra_light:	rgba(0,0,0,0.125);
				--color_white_ultra_light:	rgba(255,255,255,0.125);

			/* Globals . Colors . Light */

				--color_red_light:		#da9494;
				--color_red_light_r:	218;
				--color_red_light_g:	148;
				--color_red_light_b:	148;

				--color_green_light:	#8bcc95;
				--color_green_light_r:	139;
				--color_green_light_g:	204;
				--color_green_light_b:	149;

				--color_blue_light:		#aec9df;
				--color_blue_light_r:	174;
				--color_blue_light_g:	201;
				--color_blue_light_b:	223;

				--color_orange_light:	#ffe2c4;
				--color_orange_light_r:	255;
				--color_orange_light_g:	226;
				--color_orange_light_b:	196;

				--color_yellow_light:	#fff1c7;
				--color_yellow_light_r:	255;
				--color_yellow_light_g:	241;
				--color_yellow_light_b:	199;

				--color_grey_light:		#e6e7e8;
				--color_grey_light_r:	230;
				--color_grey_light_g:	231;
				--color_grey_light_b:	232;

				--color_black_light:	rgba(0,0,0,0.25);
				--color_white_light:	rgba(255,255,255,0.25);

			/* Globals . Colors . Medium */

				--color_red_medium:		 #c45656;
				--color_red_medium_r:	 196;
				--color_red_medium_g:	 86;
				--color_red_medium_b:	 86;

				--color_green_medium:	 #20a864;
				--color_green_medium_r:	 32;
				--color_green_medium_g:	 168;
				--color_green_medium_b:	 100;

				--color_blue_medium:	 #0075b3;
				--color_blue_medium_r:	 0;
				--color_blue_medium_g:	 117;
				--color_blue_medium_b:	 179;

				--color_orange_medium:	 #eba457;
				--color_orange_medium_r: 235;
				--color_orange_medium_g: 164;
				--color_orange_medium_b: 87;

				--color_yellow_medium:	 #ffd24a;
				--color_yellow_medium_r: 255;
				--color_yellow_medium_g: 210;
				--color_yellow_medium_b: 74;

				--color_grey_medium:	 #939598;
				--color_grey_medium_r:	 147;
				--color_grey_medium_g:	 149;
				--color_grey_medium_b:	 152;

				--color_black_medium:	rgba(0,0,0,0.5);
				--color_white_medium:	rgba(255,255,255,0.5);

			/* Globals . Colors . Dark */

				--color_red_dark:		#801e1e;
				--color_red_dark_r:		128;
				--color_red_dark_g:		30;
				--color_red_dark_b:		30;

				--color_green_dark:		#00735b;
				--color_green_dark_r:	0;
				--color_green_dark_g:	115;
				--color_green_dark_b:	91;

				--color_blue_dark:		#004b73;
				--color_blue_dark_r:	0;
				--color_blue_dark_g:	75;
				--color_blue_dark_b:	115;

				--color_orange_dark:	#bf6100;
				--color_orange_dark_r:	191;
				--color_orange_dark_g:	97;
				--color_orange_dark_b:	0;

				--color_yellow_dark:	#ffbe00;
				--color_yellow_dark_r:	255;
				--color_yellow_dark_g:	190;
				--color_yellow_dark_b:	0;

				--color_grey_dark:		#414042;
				--color_grey_dark_r:	65;
				--color_grey_dark_g:	64;
				--color_grey_dark_b:	66;

				--color_black_dark:		rgba(0,0,0,0.75);
				--color_white_dark:		rgba(255,255,255,0.75);

	}

	/* Configs . Screen sizes */

		/* Global . Extra small screens */

			@media (min-width: 100px) {

				/* Body */
				body, *:before,	*:after {
					--global_scale: var(--global_scale_extra_small);
				}

			}

		/* Global . Small screens */

			@media (min-width: 768px) {

				/* Body */
				body, *:before,	*:after {
					--global_scale: var(--global_scale_small);
				}

			}

		/* Global . Medium screens */

			@media (min-width: 990px) {

				/* Body */
				body, *:before,	*:after {
					--global_scale: var(--global_scale_medium);
				}

			}

		/* Global . Large screens */

			@media (min-width: 1200px) {

				/* Body */
				body, *:before,	*:after {
					--global_scale: var(--global_scale_large);
				}

			}

	/* Configs . Body */

		body, *:before,	*:after {

			/* Configs . Components . Height */
			--components_global_h: calc(var(--global)*var(--global_scale));

			/* Configs . Font Size */
			--font_size: calc(var(--text_size)*var(--global_scale));

		}








/* Helpers ------------------------------ */

	.clear{
		clear: both;
	}

	.clear.small{
		height: 6px;
	}

	.clear.medium{
		height: 10px;
	}

	.clear.large{
		height: 16px;
	}


	.float.left{
		float: left !important;
	}

	.float.right{
		float: right !important;
	}

	.is_block {
		display: block;
	}

/* Loading Animation ----------------------------- */

	.loading-animation{
		display: block;
		height: 18px;
		width: 16px;
		margin: 0px auto 0px auto;
		background: transparent url(images/loading-animation-small.gif) no-repeat center center;
	}

/* Scope . Extra small screens */

	@media (min-width: 100px) {

		

	}

/* Scope . Small screens */

	@media (min-width: 768px) {

		

	}

/* Scope . Medium screens */

	@media (min-width: 990px) {

		

	}

/* Scope . Large screens */

	@media (min-width: 1200px) {

		

	}