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

	Basekit

	Framework · Appearance
	Fev . 2022

	© Exactuflow
	http://basekit.exactusensu.pt

	Table of Contents

	· Backgrounds
		· Colors
		· Patterns
		· Positioning
		· Sizing
	· Outline
		· Thickness
		· Styles
		· Colors
	· Styling
		· Round
	· Visibility
	· Opacity

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

/* Global */

	* {
		-webkit-tap-highlight-color: transparent;
	}

/* Backgrounds */

	/* Backgrounds . Colors */

		/* Background colors . Base */

			.bg_primary   { background-color: var(--color_primary);   }
			.bg_secondary { background-color: var(--color_secondary); }

		/* Background colors . Default */

			.bg_red    { background-color: var(--color_red);    }
			.bg_green  { background-color: var(--color_green);  }
			.bg_blue   { background-color: var(--color_blue);   }
			.bg_orange { background-color: var(--color_orange); }
			.bg_yellow { background-color: var(--color_yellow); }
			.bg_grey,
			.bg_gray   { background-color: var(--color_grey);   }
			.bg_black  { background-color: var(--color_black);  }
			.bg_white  { background-color: var(--color_white);  }

		/* Background colors . Light */

			.bg_red.bg_light    { background-color: var(--color_red_light);    }
			.bg_green.bg_light  { background-color: var(--color_green_light);  }
			.bg_blue.bg_light   { background-color: var(--color_blue_light);   }
			.bg_orange.bg_light { background-color: var(--color_orange_light); }
			.bg_yellow.bg_light { background-color: var(--color_yellow_light); }
			.bg_grey.bg_light,
			.bg_gray.bg_light   { background-color: var(--color_grey_light);   }
			.bg_black.bg_light  { background-color: var(--color_black_light);  }
			.bg_white.bg_light  { background-color: var(--color_white_light);  }

		/* Background colors . Medium */

			.bg_red.bg_medium    { background-color: var(--color_red_medium);    }
			.bg_green.bg_medium  { background-color: var(--color_green_medium);  }
			.bg_blue.bg_medium   { background-color: var(--color_blue_medium);   }
			.bg_orange.bg_medium { background-color: var(--color_orange_medium); }
			.bg_yellow.bg_medium { background-color: var(--color_yellow_medium); }
			.bg_grey.bg_medium,
			.bg_gray.bg_medium   { background-color: var(--color_grey_medium);   }
			.bg_black.bg_medium  { background-color: var(--color_black_medium);  }
			.bg_white.bg_medium  { background-color: var(--color_white_medium);  }

		/* Background colors . Dark */

			.bg_red.bg_dark    { background-color: var(--color_red_dark);    }
			.bg_green.bg_dark  { background-color: var(--color_green_dark);  }
			.bg_blue.bg_dark   { background-color: var(--color_blue_dark);   }
			.bg_orange.bg_dark { background-color: var(--color_orange_dark); }
			.bg_yellow.bg_dark { background-color: var(--color_yellow_dark); }
			.bg_grey.bg_dark,
			.bg_gray.bg_dark   { background-color: var(--color_grey_dark);   }
			.bg_black.bg_dark  { background-color: var(--color_black_dark);  }
			.bg_white.bg_dark  { background-color: var(--color_white_dark);  }


		/* Background colors . Light */

			.bg_red.bg_ultra_light    { background-color: var(--color_red_ultra_light);    }
			.bg_green.bg_ultra_light  { background-color: var(--color_green_ultra_light);  }
			.bg_blue.bg_ultra_light   { background-color: var(--color_blue_ultra_light);   }
			.bg_orange.bg_ultra_light { background-color: var(--color_orange_ultra_light); }
			.bg_yellow.bg_ultra_light { background-color: var(--color_yellow_ultra_light); }
			.bg_grey.bg_ultra_light,
			.bg_gray.bg_ultra_light   { background-color: var(--color_grey_ultra_light);   }
			.bg_black.bg_ultra_light  { background-color: var(--color_black_ultra_light);  }
			.bg_white.bg_ultra_light  { background-color: var(--color_white_ultra_light);  }

	/* Backgrounds . Patterns */

		/* Backgrounds . Patterns . Default */
			.bg_gravel,
			.bg_scratch,
			.bg_tools {
				background-repeat: repeat;
				background-position: top left;
			}

		/* Backgrounds . Patterns . Gravel */

			.bg_gravel {
				background-size: 260px 260px;
				background-image: url(assets/media/bg.pattern.gravel.png);
			}

			.bg_gravel.bg_dark {
				background-image: url(assets/media/bg.pattern.gravel.dark.png);
			}

			.bg_gravel.bg_medium {
				background-image: url(assets/media/bg.pattern.gravel.dark.png);
			}

			.bg_gravel.bg_light {
				background-image: url(assets/media/bg.pattern.gravel.light.png);
			}

		/* Backgrounds . Patterns . Scratch */

			.bg_scratch {
				background-size: 260px 260px;
				background-image: url(assets/media/bg.pattern.scratch.png);
			}

			.bg_scratch.bg_dark {
				background-image: url(assets/media/bg.pattern.scratch.dark.png);
			}

			.bg_scratch.bg_medium {
				background-image: url(assets/media/bg.pattern.scratch.medium.png);
			}

			.bg_scratch.bg_light {
				background-image: url(assets/media/bg.pattern.scratch.light.png);
			}

		/* Backgrounds . Patterns . Tools */

			.bg_tools {
				background-size: 260px 260px;
				background-image: url(assets/media/bg.pattern.tools.png);
			}

			.bg_tools.bg_dark {
				background-image: url(assets/media/bg.pattern.tools.dark.png);
			}

			.bg_tools.bg_medium {
				background-image: url(assets/media/bg.pattern.tools.medium.png);
			}

			.bg_tools.bg_light {
				background-image: url(assets/media/bg.pattern.tools.light.png);
			}

			/* Scope . Extra small screens */

				@media (min-width: 100px) {

					.bg_learning {
						background-size: 240px 290px;
					}

				}

			/* Scope . Small screens */

				@media (min-width: 768px) {

					.bg_learning {
						background-size: 465px 560px;
					}

				}

			/* Scope . Medium screens */

				@media (min-width: 990px) {

					.bg_learning {
						background-size: 465px 560px;
					}

				}

			/* Scope . Large screens */

				@media (min-width: 1200px) {

					.bg_learning {
						background-size: 540px 650px;
					}

				}

	/* Backgrounds . Positioning */

		/* Backgrounds . Positioning . Default */

			.bg_bottom_left,
			.bg_bottom_center,
			.bg_bottom_right {
				background-repeat: no-repeat;
			}

			.bg_top_left		{ background-position: top left; }
			.bg_top_center		{ background-position: top center; }
			.bg_top_right		{ background-position: top right; }

			.bg_center_left		{ background-position: center left; }
			.bg_center_center	{ background-position: center center; }
			.bg_center_right	{ background-position: center right; }

			.bg_bottom_left		{ background-position: bottom left; }
			.bg_bottom_center	{ background-position: bottom center; }
			.bg_bottom_right	{ background-position: bottom right; }

		/* Backgrounds . Positioning . Extra small screens */

			@media (min-width: 0px) {

				.xs-bg_top_left			{ background-position: top left !important; }
				.xs-bg_top_center		{ background-position: top center !important; }
				.xs-bg_top_right		{ background-position: top right !important; }

				.xs-bg_center_left		{ background-position: center left; }
				.xs-bg_center_center	{ background-position: center center; }
				.xs-bg_center_right		{ background-position: center right; }

				.xs-bg_bottom_left		{ background-position: bottom left !important; }
				.xs-bg_bottom_center	{ background-position: bottom center !important; }
				.xs-bg_bottom_right		{ background-position: bottom right !important; }

			}

		/* Backgrounds . Positioning . Small screens */

			@media (min-width: 768px) {

				/* Default */
				.bg_top_left		{ background-position: top left !important; }
				.bg_top_center		{ background-position: top center !important; }
				.bg_top_right		{ background-position: top right !important; }

				.bg_center_left		{ background-position: center left !important; }
				.bg_center_center	{ background-position: center center !important; }
				.bg_center_right	{ background-position: center right !important; }

				.bg_bottom_left		{ background-position: bottom left !important; }
				.bg_bottom_center	{ background-position: bottom center !important; }
				.bg_bottom_right	{ background-position: bottom right !important; }


				.sm-bg_top_left			{ background-position: top left !important; }
				.sm-bg_top_center		{ background-position: top center !important; }
				.sm-bg_top_right		{ background-position: top right !important; }

				.sm-bg_center_left		{ background-position: center left; }
				.sm-bg_center_center	{ background-position: center center; }
				.sm-bg_center_right		{ background-position: center right; }

				.sm-bg_bottom_left		{ background-position: bottom left !important; }
				.sm-bg_bottom_center	{ background-position: bottom center !important; }
				.sm-bg_bottom_right		{ background-position: bottom right !important; }

			}

		/* Backgrounds . Positioning . Medium screens */
			@media (min-width: 992px) {

				/* Default */
				.bg_top_left		{ background-position: top left !important; }
				.bg_top_center		{ background-position: top center !important; }
				.bg_top_right		{ background-position: top right !important; }

				.bg_center_left		{ background-position: center left !important; }
				.bg_center_center	{ background-position: center center !important; }
				.bg_center_right	{ background-position: center right !important; }

				.bg_bottom_left		{ background-position: bottom left !important; }
				.bg_bottom_center	{ background-position: bottom center !important; }
				.bg_bottom_right	{ background-position: bottom right !important; }


				.md-bg_top_left			{ background-position: top left !important; }
				.md-bg_top_center		{ background-position: top center !important; }
				.md-bg_top_right		{ background-position: top right !important; }

				.md-bg_center_left		{ background-position: center left; }
				.md-bg_center_center	{ background-position: center center; }
				.md-bg_center_right		{ background-position: center right; }

				.md-bg_bottom_left		{ background-position: bottom left !important; }
				.md-bg_bottom_center	{ background-position: bottom center !important; }
				.md-bg_bottom_right		{ background-position: bottom right !important; }

			}

		/* Backgrounds . Positioning . Medium screens */
			@media (min-width: 1200px) {

				/* Default */
				.bg_top_left		{ background-position: top left !important; }
				.bg_top_center		{ background-position: top center !important; }
				.bg_top_right		{ background-position: top right !important; }

				.bg_center_left		{ background-position: center left !important; }
				.bg_center_center	{ background-position: center center !important; }
				.bg_center_right	{ background-position: center right !important; }

				.bg_bottom_left		{ background-position: bottom left !important; }
				.bg_bottom_center	{ background-position: bottom center !important; }
				.bg_bottom_right	{ background-position: bottom right !important; }


				.lg-bg_top_left			{ background-position: top left !important; }
				.lg-bg_top_center		{ background-position: top center !important; }
				.lg-bg_top_right		{ background-position: top right !important; }

				.lg-bg_center_left		{ background-position: center left; }
				.lg-bg_center_center	{ background-position: center center; }
				.lg-bg_center_right		{ background-position: center right; }

				.lg-bg_bottom_left		{ background-position: bottom left !important; }
				.lg-bg_bottom_center	{ background-position: bottom center !important; }
				.lg-bg_bottom_right		{ background-position: bottom right !important; }

			}

	/* Backgrounds . Sizing */

		/* Backgrounds . Sizing . Default */

			.bg_size_10		{ background-size: 10%; }
			.bg_size_20		{ background-size: 20%; }
			.bg_size_30		{ background-size: 30%; }
			.bg_size_40		{ background-size: 40%; }
			.bg_size_50		{ background-size: 50%; }
			.bg_size_60		{ background-size: 60%; }
			.bg_size_70		{ background-size: 70%; }
			.bg_size_80		{ background-size: 80%; }
			.bg_size_90		{ background-size: 90%; }
			.bg_size_100	{ background-size: 100%; }

		/* Backgrounds . Sizing . Horizontal */

			.bg_size_h_10	{ background-size: 10% auto; }
			.bg_size_h_20	{ background-size: 20% auto; }
			.bg_size_h_30	{ background-size: 30% auto; }
			.bg_size_h_40	{ background-size: 40% auto; }
			.bg_size_h_50	{ background-size: 50% auto; }
			.bg_size_h_60	{ background-size: 60% auto; }
			.bg_size_h_70	{ background-size: 70% auto; }
			.bg_size_h_80	{ background-size: 80% auto; }
			.bg_size_h_90	{ background-size: 90% auto; }
			.bg_size_h_100	{ background-size: 100% auto; }

		/* Backgrounds . Sizing . Vertical */

			.bg_size_v_10	{ background-size: auto 10%; }
			.bg_size_v_20	{ background-size: auto 20%; }
			.bg_size_v_30	{ background-size: auto 30%; }
			.bg_size_v_40	{ background-size: auto 40%; }
			.bg_size_v_50	{ background-size: auto 50%; }
			.bg_size_v_60	{ background-size: auto 60%; }
			.bg_size_v_70	{ background-size: auto 70%; }
			.bg_size_v_80	{ background-size: auto 80%; }
			.bg_size_v_90	{ background-size: auto 90%; }
			.bg_size_v_100	{ background-size: auto 100%; }

		/* Backgrounds . Sizing . Modes */

			.bg_cover { background-size: cover; }
			.bg_contain { background-size: contain; }

		/* Backgrounds . Sizing . Extra small screens */
			@media (min-width: 100px) {

				.xs-bg_size_10	{ background-size: 10% !important; }
				.xs-bg_size_20	{ background-size: 20% !important; }
				.xs-bg_size_30	{ background-size: 30% !important; }
				.xs-bg_size_40	{ background-size: 40% !important; }
				.xs-bg_size_50	{ background-size: 50% !important; }
				.xs-bg_size_60	{ background-size: 60% !important; }
				.xs-bg_size_70	{ background-size: 70% !important; }
				.xs-bg_size_80	{ background-size: 80% !important; }
				.xs-bg_size_90	{ background-size: 90% !important; }
				.xs-bg_size_100	{ background-size: 100% !important; }

				.xs-bg_size_h_10	{ background-size: 10% auto !important; }
				.xs-bg_size_h_20	{ background-size: 20% auto !important; }
				.xs-bg_size_h_30	{ background-size: 30% auto !important; }
				.xs-bg_size_h_40	{ background-size: 40% auto !important; }
				.xs-bg_size_h_50	{ background-size: 50% auto !important; }
				.xs-bg_size_h_60	{ background-size: 60% auto !important; }
				.xs-bg_size_h_70	{ background-size: 70% auto !important; }
				.xs-bg_size_h_80	{ background-size: 80% auto !important; }
				.xs-bg_size_h_90	{ background-size: 90% auto !important; }
				.xs-bg_size_h_100	{ background-size: 100% auto !important; }

				.xs-bg_size_v_10	{ background-size: auto 10% !important; }
				.xs-bg_size_v_20	{ background-size: auto 20% !important; }
				.xs-bg_size_v_30	{ background-size: auto 30% !important; }
				.xs-bg_size_v_40	{ background-size: auto 40% !important; }
				.xs-bg_size_v_50	{ background-size: auto 50% !important; }
				.xs-bg_size_v_60	{ background-size: auto 60% !important; }
				.xs-bg_size_v_70	{ background-size: auto 70% !important; }
				.xs-bg_size_v_80	{ background-size: auto 80% !important; }
				.xs-bg_size_v_90	{ background-size: auto 90% !important; }
				.xs-bg_size_v_100	{ background-size: auto 100% !important; }

				.xs-bg_cover		{ background-size: cover !important; }
				.xs-bg_contain		{ background-size: contain !important; }

			}

		/* Backgrounds . Sizing . Small screens */

			@media (min-width: 768px) {

				/* Backgrounds . Sizing . Default */

					.bg_size_10		{ background-size: 10% !important; }
					.bg_size_20		{ background-size: 20% !important; }
					.bg_size_30		{ background-size: 30% !important; }
					.bg_size_40		{ background-size: 40% !important; }
					.bg_size_50		{ background-size: 50% !important; }
					.bg_size_60		{ background-size: 60% !important; }
					.bg_size_70		{ background-size: 70% !important; }
					.bg_size_80		{ background-size: 80% !important; }
					.bg_size_90		{ background-size: 90% !important; }
					.bg_size_100	{ background-size: 100% !important; }

				/* Backgrounds . Sizing . Horizontal */

					.bg_size_h_10	{ background-size: 10% auto !important; }
					.bg_size_h_20	{ background-size: 20% auto !important; }
					.bg_size_h_30	{ background-size: 30% auto !important; }
					.bg_size_h_40	{ background-size: 40% auto !important; }
					.bg_size_h_50	{ background-size: 50% auto !important; }
					.bg_size_h_60	{ background-size: 60% auto !important; }
					.bg_size_h_70	{ background-size: 70% auto !important; }
					.bg_size_h_80	{ background-size: 80% auto !important; }
					.bg_size_h_90	{ background-size: 90% auto !important; }
					.bg_size_h_100	{ background-size: 100% auto !important; }

				/* Backgrounds . Sizing . Vertical */

					.bg_size_v_10	{ background-size: auto 10% !important; }
					.bg_size_v_20	{ background-size: auto 20% !important; }
					.bg_size_v_30	{ background-size: auto 30% !important; }
					.bg_size_v_40	{ background-size: auto 40% !important; }
					.bg_size_v_50	{ background-size: auto 50% !important; }
					.bg_size_v_60	{ background-size: auto 60% !important; }
					.bg_size_v_70	{ background-size: auto 70% !important; }
					.bg_size_v_80	{ background-size: auto 80% !important; }
					.bg_size_v_90	{ background-size: auto 90% !important; }
					.bg_size_v_100	{ background-size: auto 100% !important; }




				.sm-bg_size_10	{ background-size: 10% !important; }
				.sm-bg_size_20	{ background-size: 20% !important; }
				.sm-bg_size_30	{ background-size: 30% !important; }
				.sm-bg_size_40	{ background-size: 40% !important; }
				.sm-bg_size_50	{ background-size: 50% !important; }
				.sm-bg_size_60	{ background-size: 60% !important; }
				.sm-bg_size_70	{ background-size: 70% !important; }
				.sm-bg_size_80	{ background-size: 80% !important; }
				.sm-bg_size_90	{ background-size: 90% !important; }
				.sm-bg_size_100	{ background-size: 100% !important; }

				.sm-bg_size_h_10	{ background-size: 10% auto !important; }
				.sm-bg_size_h_20	{ background-size: 20% auto !important; }
				.sm-bg_size_h_30	{ background-size: 30% auto !important; }
				.sm-bg_size_h_40	{ background-size: 40% auto !important; }
				.sm-bg_size_h_50	{ background-size: 50% auto !important; }
				.sm-bg_size_h_60	{ background-size: 60% auto !important; }
				.sm-bg_size_h_70	{ background-size: 70% auto !important; }
				.sm-bg_size_h_80	{ background-size: 80% auto !important; }
				.sm-bg_size_h_90	{ background-size: 90% auto !important; }
				.sm-bg_size_h_100	{ background-size: 100% auto !important; }

				.sm-bg_size_v_10	{ background-size: auto 10% !important; }
				.sm-bg_size_v_20	{ background-size: auto 20% !important; }
				.sm-bg_size_v_30	{ background-size: auto 30% !important; }
				.sm-bg_size_v_40	{ background-size: auto 40% !important; }
				.sm-bg_size_v_50	{ background-size: auto 50% !important; }
				.sm-bg_size_v_60	{ background-size: auto 60% !important; }
				.sm-bg_size_v_70	{ background-size: auto 70% !important; }
				.sm-bg_size_v_80	{ background-size: auto 80% !important; }
				.sm-bg_size_v_90	{ background-size: auto 90% !important; }
				.sm-bg_size_v_100	{ background-size: auto 100% !important; }

				.sm-bg_cover		{ background-size: cover !important; }
				.sm-bg_contain		{ background-size: contain !important; }

			}

		/* Backgrounds . Sizing . Medium screens */

			@media (min-width: 990px) {


				/* Backgrounds . Sizing . Default */

					.bg_size_10		{ background-size: 10% !important; }
					.bg_size_20		{ background-size: 20% !important; }
					.bg_size_30		{ background-size: 30% !important; }
					.bg_size_40		{ background-size: 40% !important; }
					.bg_size_50		{ background-size: 50% !important; }
					.bg_size_60		{ background-size: 60% !important; }
					.bg_size_70		{ background-size: 70% !important; }
					.bg_size_80		{ background-size: 80% !important; }
					.bg_size_90		{ background-size: 90% !important; }
					.bg_size_100	{ background-size: 100% !important; }

				/* Backgrounds . Sizing . Horizontal */

					.bg_size_h_10	{ background-size: 10% auto !important; }
					.bg_size_h_20	{ background-size: 20% auto !important; }
					.bg_size_h_30	{ background-size: 30% auto !important; }
					.bg_size_h_40	{ background-size: 40% auto !important; }
					.bg_size_h_50	{ background-size: 50% auto !important; }
					.bg_size_h_60	{ background-size: 60% auto !important; }
					.bg_size_h_70	{ background-size: 70% auto !important; }
					.bg_size_h_80	{ background-size: 80% auto !important; }
					.bg_size_h_90	{ background-size: 90% auto !important; }
					.bg_size_h_100	{ background-size: 100% auto !important; }

				/* Backgrounds . Sizing . Vertical */

					.bg_size_v_10	{ background-size: auto 10% !important; }
					.bg_size_v_20	{ background-size: auto 20% !important; }
					.bg_size_v_30	{ background-size: auto 30% !important; }
					.bg_size_v_40	{ background-size: auto 40% !important; }
					.bg_size_v_50	{ background-size: auto 50% !important; }
					.bg_size_v_60	{ background-size: auto 60% !important; }
					.bg_size_v_70	{ background-size: auto 70% !important; }
					.bg_size_v_80	{ background-size: auto 80% !important; }
					.bg_size_v_90	{ background-size: auto 90% !important; }
					.bg_size_v_100	{ background-size: auto 100% !important; }

				.md-bg_size_10	{ background-size: 10% !important; }
				.md-bg_size_20	{ background-size: 20% !important; }
				.md-bg_size_30	{ background-size: 30% !important; }
				.md-bg_size_40	{ background-size: 40% !important; }
				.md-bg_size_50	{ background-size: 50% !important; }
				.md-bg_size_60	{ background-size: 60% !important; }
				.md-bg_size_70	{ background-size: 70% !important; }
				.md-bg_size_80	{ background-size: 80% !important; }
				.md-bg_size_90	{ background-size: 90% !important; }
				.md-bg_size_100	{ background-size: 100% !important; }

				.md-bg_size_h_10	{ background-size: 10% auto !important; }
				.md-bg_size_h_20	{ background-size: 20% auto !important; }
				.md-bg_size_h_30	{ background-size: 30% auto !important; }
				.md-bg_size_h_40	{ background-size: 40% auto !important; }
				.md-bg_size_h_50	{ background-size: 50% auto !important; }
				.md-bg_size_h_60	{ background-size: 60% auto !important; }
				.md-bg_size_h_70	{ background-size: 70% auto !important; }
				.md-bg_size_h_80	{ background-size: 80% auto !important; }
				.md-bg_size_h_90	{ background-size: 90% auto !important; }
				.md-bg_size_h_100	{ background-size: 100% auto !important; }

				.md-bg_size_v_10	{ background-size: auto 10% !important; }
				.md-bg_size_v_20	{ background-size: auto 20% !important; }
				.md-bg_size_v_30	{ background-size: auto 30% !important; }
				.md-bg_size_v_40	{ background-size: auto 40% !important; }
				.md-bg_size_v_50	{ background-size: auto 50% !important; }
				.md-bg_size_v_60	{ background-size: auto 60% !important; }
				.md-bg_size_v_70	{ background-size: auto 70% !important; }
				.md-bg_size_v_80	{ background-size: auto 80% !important; }
				.md-bg_size_v_90	{ background-size: auto 90% !important; }
				.md-bg_size_v_100	{ background-size: auto 100% !important; }

				.md-bg_cover		{ background-size: cover !important; }
				.md-bg_contain		{ background-size: contain !important; }

			}

		/* Backgrounds . Sizing . Large screens */

		@media (min-width: 1200px) {


			/* Backgrounds . Sizing . Default */

					.bg_size_10		{ background-size: 10% !important; }
					.bg_size_20		{ background-size: 20% !important; }
					.bg_size_30		{ background-size: 30% !important; }
					.bg_size_40		{ background-size: 40% !important; }
					.bg_size_50		{ background-size: 50% !important; }
					.bg_size_60		{ background-size: 60% !important; }
					.bg_size_70		{ background-size: 70% !important; }
					.bg_size_80		{ background-size: 80% !important; }
					.bg_size_90		{ background-size: 90% !important; }
					.bg_size_100	{ background-size: 100% !important; }

				/* Backgrounds . Sizing . Horizontal */

					.bg_size_h_10	{ background-size: 10% auto !important; }
					.bg_size_h_20	{ background-size: 20% auto !important; }
					.bg_size_h_30	{ background-size: 30% auto !important; }
					.bg_size_h_40	{ background-size: 40% auto !important; }
					.bg_size_h_50	{ background-size: 50% auto !important; }
					.bg_size_h_60	{ background-size: 60% auto !important; }
					.bg_size_h_70	{ background-size: 70% auto !important; }
					.bg_size_h_80	{ background-size: 80% auto !important; }
					.bg_size_h_90	{ background-size: 90% auto !important; }
					.bg_size_h_100	{ background-size: 100% auto !important; }

				/* Backgrounds . Sizing . Vertical */

					.bg_size_v_10	{ background-size: auto 10% !important; }
					.bg_size_v_20	{ background-size: auto 20% !important; }
					.bg_size_v_30	{ background-size: auto 30% !important; }
					.bg_size_v_40	{ background-size: auto 40% !important; }
					.bg_size_v_50	{ background-size: auto 50% !important; }
					.bg_size_v_60	{ background-size: auto 60% !important; }
					.bg_size_v_70	{ background-size: auto 70% !important; }
					.bg_size_v_80	{ background-size: auto 80% !important; }
					.bg_size_v_90	{ background-size: auto 90% !important; }
					.bg_size_v_100	{ background-size: auto 100% !important; }

			.lg-bg_size_10	{ background-size: 10% !important; }
			.lg-bg_size_20	{ background-size: 20% !important; }
			.lg-bg_size_30	{ background-size: 30% !important; }
			.lg-bg_size_40	{ background-size: 40% !important; }
			.lg-bg_size_50	{ background-size: 50% !important; }
			.lg-bg_size_60	{ background-size: 60% !important; }
			.lg-bg_size_70	{ background-size: 70% !important; }
			.lg-bg_size_80	{ background-size: 80% !important; }
			.lg-bg_size_90	{ background-size: 90% !important; }
			.lg-bg_size_100	{ background-size: 100% !important; }

			.lg-bg_size_h_10	{ background-size: 10% auto !important; }
			.lg-bg_size_h_20	{ background-size: 20% auto !important; }
			.lg-bg_size_h_30	{ background-size: 30% auto !important; }
			.lg-bg_size_h_40	{ background-size: 40% auto !important; }
			.lg-bg_size_h_50	{ background-size: 50% auto !important; }
			.lg-bg_size_h_60	{ background-size: 60% auto !important; }
			.lg-bg_size_h_70	{ background-size: 70% auto !important; }
			.lg-bg_size_h_80	{ background-size: 80% auto !important; }
			.lg-bg_size_h_90	{ background-size: 90% auto !important; }
			.lg-bg_size_h_100	{ background-size: 100% auto !important; }

			.lg-bg_size_v_10	{ background-size: auto 10% !important; }
			.lg-bg_size_v_20	{ background-size: auto 20% !important; }
			.lg-bg_size_v_30	{ background-size: auto 30% !important; }
			.lg-bg_size_v_40	{ background-size: auto 40% !important; }
			.lg-bg_size_v_50	{ background-size: auto 50% !important; }
			.lg-bg_size_v_60	{ background-size: auto 60% !important; }
			.lg-bg_size_v_70	{ background-size: auto 70% !important; }
			.lg-bg_size_v_80	{ background-size: auto 80% !important; }
			.lg-bg_size_v_90	{ background-size: auto 90% !important; }
			.lg-bg_size_v_100	{ background-size: auto 100% !important; }

			.lg-bg_cover		{ background-size: cover !important; }
			.lg-bg_contain		{ background-size: contain !important; }

		}

		/* Backgrounds . Repeatability . Default */

		.bg_repeat_x {
			background-repeat: repeat-x !important;
		}

		.bg_repeat_y {
			background-repeat: repeat-y !important;
		}

		.bg_repeat {
			background-repeat: repeat !important;
		}

/* Outline */
	



	/* Outline . Styles */
		.ol, 
		.ol_top, 
		.ol_right, 
		.ol_bottom, 
		.ol_left, 
		.ol_solid  { border-style: solid !important;  }
		.ol_dashed { border-style: dashed !important; }
		.ol_dotted { border-style: dotted !important; }

	/* Outline . Thickness */

		.ol, 
		.ol_default,
		.ol_thin				{ border-width: calc(1px * var(--border_width_default)) !important; }
		.ol_medium				{ border-width: calc(1px * var(--border_width_medium)) !important; }
		.ol_thick				{ border-width: calc(1px * var(--border_width_thick)) !important; }

		.ol_top, 
		.ol_top.ol_default 		{ border-width: 0px !important; border-top-width:		calc(1px * var(--border_width_default))!important;}
		.ol_top.ol_medium 		{ border-width: 0px !important; border-top-width:		calc(1px * var(--border_width_medium))!important; }
		.ol_top.ol_thick 		{ border-width: 0px !important; border-top-width:		calc(1px * var(--border_width_thick))!important; }

		.ol_right, 
		.ol_right.ol_default 	{ border-width: 0px !important; border-right-width:	calc(1px * var(--border_width_default))!important; }
		.ol_right.ol_medium 	{ border-width: 0px !important; border-right-width:	calc(1px * var(--border_width_medium))!important; }
		.ol_right.ol_thick 		{ border-width: 0px !important; border-right-width:	calc(1px * var(--border_width_thick))!important; }

		.ol_bottom, 
		.ol_bottom.ol_default 	{ border-width: 0px !important; border-bottom-width:	calc(1px * var(--border_width_default))!important; }
		.ol_bottom.ol_medium 	{ border-width: 0px !important; border-bottom-width:	calc(1px * var(--border_width_medium))!important;}
		.ol_bottom.ol_thick 	{ border-width: 0px !important; border-bottom-width:	calc(1px * var(--border_width_thick))!important; }

		.ol_left, 
		.ol_left.ol_default 	{ border-width: 0px !important; border-left-width:		calc(1px * var(--border_width_default))!important; }
		.ol_left.ol_medium 		{ border-width: 0px !important; border-left-width:		calc(1px * var(--border_width_medium))!important; }
		.ol_left.ol_thick 		{ border-width: 0px !important; border-left-width: 	calc(1px * var(--border_width_thick))!important; }

	/* Outline colors */

		/* Outline colors . Base */

			.ol_primary     { border-color: var(--color_primary);   }
			.ol_secondary   { border-color: var(--color_secondary); }
			.ol_transparent { border-color: transparent;  			}

		/* Outline colors . Default */

			.ol_red    { border-color: var(--color_red);    }
			.ol_green  { border-color: var(--color_green);  }
			.ol_blue   { border-color: var(--color_blue);   }
			.ol_orange { border-color: var(--color_orange); }
			.ol_yellow { border-color: var(--color_yellow); }
			.ol_grey,
			.ol_gray   { border-color: var(--color_grey);   }
			.ol_black  { border-color: var(--color_black);  }
			.ol_white  { border-color: var(--color_white);  }

		/* Outline colors . Light */

			.ol_red_light    { border-color: var(--color_red_light);    }
			.ol_green_light  { border-color: var(--color_green_light);  }
			.ol_blue_light   { border-color: var(--color_blue_light);   }
			.ol_orange_light { border-color: var(--color_orange_light); }
			.ol_yellow_light { border-color: var(--color_yellow_light); }
			.ol_grey_light,
			.ol_gray_light   { border-color: var(--color_grey_light);   }
			.ol_black_light  { border-color: var(--color_black_light);  }
			.ol_white_light  { border-color: var(--color_white_light);  }

		/* Outline colors . Medium */

			.ol_red_medium    { border-color: var(--color_red_medium);    }
			.ol_green_medium  { border-color: var(--color_green_medium);  }
			.ol_blue_medium   { border-color: var(--color_blue_medium);   }
			.ol_orange_medium { border-color: var(--color_orange_medium); }
			.ol_yellow_medium { border-color: var(--color_yellow_medium); }
			.ol_grey_medium,
			.ol_gray_medium   { border-color: var(--color_grey_medium);   }
			.ol_black_medium  { border-color: var(--color_black_medium);  }
			.ol_white_medium  { border-color: var(--color_white_medium);  }

		/* Outline colors . Dark */

			.ol_red_dark    { border-color: var(--color_red_dark);    }
			.ol_green_dark  { border-color: var(--color_green_dark);  }
			.ol_blue_dark   { border-color: var(--color_blue_dark);   }
			.ol_orange_dark { border-color: var(--color_orange_dark); }
			.ol_yellow_dark { border-color: var(--color_yellow_dark); }
			.ol_grey_dark,
			.ol_gray_dark   { border-color: var(--color_grey_dark);   }
			.ol_black_dark  { border-color: var(--color_black_dark);  }
			.ol_white_dark  { border-color: var(--color_white_dark);  }


/* Styling */

	.round {
		border-radius: 50%;
	}


	/* Scope . Extra small screens */

		@media (min-width: 100px) {

			.xs-round {
				border-radius: 50% !important;
			}

		}

	/* Scope . Small screens */

		@media (min-width: 768px) {


			.xs-round {
				border-radius: 0px !important;
			}

			.round {
				border-radius: 50% !important;
			}

			.sm-round {
				border-radius: 50% !important;
			}

		}

	/* Scope . Medium screens */

		@media (min-width: 990px) {

			.xs-round, .sm-round {
				border-radius: 0px !important;
			}

			.round {
				border-radius: 50% !important;
			}

			.md-round {
				border-radius: 50% !important;
			}

		}

	/* Scope . Large screens */

		@media (min-width: 1200px) {

			.xs-round, .sm-round, .md-round {
				border-radius: 0px !important;
			}

			.round {
				border-radius: 50% !important;
			}

			.lg-round {
				border-radius: 50% !important;
			}

		}

/* Visibility */

	/* Visibility . Default */

		.visible	{ display: initial; }
		.hidden		{ display: none;}

	/* Visibility . Extra small screens */

		@media (min-width: 100px) {

			/* Visible */
			.xs-visible	{ display: initial !important; }

			/* Hidden */
			.xs-hidden	{ display: none !important;}

		}

	/* Visibility . Small screens */

		@media (min-width: 768px) {

			/* Visible */
			.xs-hidden,
			.sm-visible	{ display: initial !important; }

			/* Hidden */
			.xs-visible,
			.sm-hidden	{ display: none !important;}

		}

	/* Visibility . Medium screens */

		@media (min-width: 990px) {

			/* Visible */
			.xs-hidden,
			.sm-hidden,
			.md-visible	{ display: initial !important; }

			/* Hidden */
			.xs-visible,
			.sm-visible,
			.md-hidden	{ display: none !important;}
			
		}

	/* Visibility . Large screens */

		@media (min-width: 1200px) {

			/* Visible */
			.xs-hidden,
			.sm-hidden,
			.md-hidden,
			.lg-visible	{ display: initial !important; }

			/* Hidden */
			.xs-visible,
			.sm-visible,
			.md-visible,
			.lg-hidden 	{ display: none !important;}

		}


/* Opacity */

	/* Opacity . Default */
	.op_0 	{ opacity: 0; }
	.op_10 	{ opacity: 0.1; }
	.op_20 	{ opacity: 0.2; }
	.op_30 	{ opacity: 0.3; }
	.op_40 	{ opacity: 0.4; }
	.op_50 	{ opacity: 0.5; }
	.op_60 	{ opacity: 0.6; }
	.op_70 	{ opacity: 0.7; }
	.op_80 	{ opacity: 0.8; }
	.op_90 	{ opacity: 0.9; }
	.op_100 { opacity: 1; }

	/* Opacity . Extra small screens */

		@media (min-width: 100px) {

			.xs-op_0 	{ opacity: 0; }
			.xs-op_10 	{ opacity: 0.1; }
			.xs-op_20 	{ opacity: 0.2; }
			.xs-op_30 	{ opacity: 0.3; }
			.xs-op_40 	{ opacity: 0.4; }
			.xs-op_50 	{ opacity: 0.5; }
			.xs-op_60 	{ opacity: 0.6; }
			.xs-op_70 	{ opacity: 0.7; }
			.xs-op_80 	{ opacity: 0.8; }
			.xs-op_90 	{ opacity: 0.9; }
			.xs-op_100 	{ opacity: 1; }

		}

	/* Opacity . Small screens */

		@media (min-width: 768px) {

			.xs-op_0, .xs-op_10, .xs-op_20, .xs-op_30, .xs-op_40, .xs-op_50,
			.xs-op_60, .xs-op_70, .xs-op_80, .xs-op_90, .xs-op_100 { 
				opacity: initial; 
			}

			.sm-op_0 	{ opacity: 0; }
			.sm-op_10 	{ opacity: 0.1; }
			.sm-op_20 	{ opacity: 0.2; }
			.sm-op_30 	{ opacity: 0.3; }
			.sm-op_40 	{ opacity: 0.4; }
			.sm-op_50 	{ opacity: 0.5; }
			.sm-op_60 	{ opacity: 0.6; }
			.sm-op_70 	{ opacity: 0.7; }
			.sm-op_80 	{ opacity: 0.8; }
			.sm-op_90 	{ opacity: 0.9; }
			.sm-op_100 	{ opacity: 1; }

		}

	/* Opacity . Medium screens */

		@media (min-width: 990px) {

			.xs-op_0, .xs-op_10, .xs-op_20, .xs-op_30, .xs-op_40, .xs-op_50,
			.xs-op_60, .xs-op_70, .xs-op_80, .xs-op_90, .xs-op_100,
			.sm-op_0, .sm-op_10, .sm-op_20, .sm-op_30, .sm-op_40, .sm-op_50,
			.sm-op_60, .sm-op_70, .sm-op_80, .sm-op_90, .sm-op_100 { 
				opacity: initial; 
			}

			.md-op_0 	{ opacity: 0; }
			.md-op_10 	{ opacity: 0.1; }
			.md-op_20 	{ opacity: 0.2; }
			.md-op_30 	{ opacity: 0.3; }
			.md-op_40 	{ opacity: 0.4; }
			.md-op_50 	{ opacity: 0.5; }
			.md-op_60 	{ opacity: 0.6; }
			.md-op_70 	{ opacity: 0.7; }
			.md-op_80 	{ opacity: 0.8; }
			.md-op_90 	{ opacity: 0.9; }
			.md-op_100 	{ opacity: 1; }

		}

	/* Opacity . Large screens */

		@media (min-width: 1200px) {

			.xs-op_0, .xs-op_10, .xs-op_20, .xs-op_30, .xs-op_40, .xs-op_50,
			.xs-op_60, .xs-op_70, .xs-op_80, .xs-op_90, .xs-op_100,
			.sm-op_0, .sm-op_10, .sm-op_20, .sm-op_30, .sm-op_40, .sm-op_50,
			.sm-op_60, .sm-op_70, .sm-op_80, .sm-op_90, .sm-op_100,
			.md-op_0, .md-op_10, .md-op_20, .md-op_30, .md-op_40, .md-op_50,
			.md-op_60, .md-op_70, .md-op_80, .md-op_90, .md-op_100 { 
				opacity: initial; 
			}

			.lg-op_0 	{ opacity: 0; }
			.lg-op_10 	{ opacity: 0.1; }
			.lg-op_20 	{ opacity: 0.2; }
			.lg-op_30 	{ opacity: 0.3; }
			.lg-op_40 	{ opacity: 0.4; }
			.lg-op_50 	{ opacity: 0.5; }
			.lg-op_60 	{ opacity: 0.6; }
			.lg-op_70 	{ opacity: 0.7; }
			.lg-op_80 	{ opacity: 0.8; }
			.lg-op_90 	{ opacity: 0.9; }
			.lg-op_100 	{ opacity: 1; }

		}