// Colors
$black:								#000000;
$primary:							#8BC832;
$secondary:							#0075C9;
$gray-dark:							#444;
$gray:								#666666;
$gray-lighter:						#888888;
$gray-light:						#DCDFE0;
$gray-lightest:						#F0F3F5;
$red:								#D22630;
$gray-border:						#eee;
$border:							#EEEEEE;
$text-search:                       #AAAAAA;
$info-section:						#cbcbcb;


$border:							#eee;
$text-search:                       #aaa;

$grid-gutter-width:					2rem;

// Bootstrap
$body-bg:							$gray-lightest;
$body-color:						$black;

$headings-color:					$black;
$headings-font-weight:				normal;

$font-family-base:					'Montserrat';
$font-size-base:					1rem;
$small-font-size:					.875rem;
$font-weight-base:					300;

$h1-font-size:						2.25rem;
$h2-font-size:						1.75rem;
$h3-font-size:						1.5rem;
$h4-font-size:						1.25rem;
$h5-font-size:						1.125rem;
$h6-font-size:						1rem;

$link-color:						$secondary;
$link-hover-decoration:				none;

$border-radius:						.25rem;
$font-weight-normal:				300;

$yiq-contrasted-threshold:			200;

$grid-breakpoints: (
		xs: 0,
		sm: 576px,
		md: 768px,
		lg: 992px,
		xl: 1200px,
		xxl: 1400px
);
$container-max-widths: (
		sm: 540px,
		md: 720px,
		lg: 960px,
		xl: 1140px
);

$theme-colors: (
		'primary':		$primary,
		'secondary':	$secondary,

		'success':		$primary,
		'danger':		$red
);

$spacer:							1rem;
$spacers: (
		0: 0,
		1: ($spacer * .5),
		2: ($spacer * 1),
		3: ($spacer * 1.5),
		4: ($spacer * 2),
		5: ($spacer * 2.5),
		6: ($spacer * 3),
);

// Navbar
$navbar-padding-y:					0;
$navbar-padding-x:					0;
$navbar-brand-padding-y:			0;
$navbar-brand-padding-x:			0;


// Buttons
$btn-border-width:					1px;
$btn-border-radius:					.25rem;

$btn-padding-x:						1.5rem;
$btn-padding-y:						1rem;
$btn-border-radius:					2px;
$btn-line-height:					1;
$btn-font-weight:					600;

$btn-padding-x-sm:					1.5rem;
$btn-padding-y-sm:					.5rem;
$btn-border-radius-sm:				2px;


// Tables
$table-cell-padding:				1rem .5rem;

// Badges
$badge-padding-x:					.5rem;
$badge-padding-y:					.375rem;
$badge-font-size:					.75rem;
$badge-font-weight:					normal;


// Forms
$input-padding-x:					1.5rem;
$input-padding-y:					1rem;
$input-height:						4rem;
$input-border-width:				1px;
$input-border-color:				$gray-light;
$input-border-radius:				2px;
$input-color:						#11151C;
$input-bg:							white;
$input-height-sm:					3rem;
$input-disabled-bg:					$gray-lightest;
$form-text-margin-top:				.5rem;


// Carousel
$carousel-control-width:			4rem;
$carousel-control-color:			$black;
$carousel-indicator-width:			.75rem;
$carousel-indicator-height:			.75rem;
$carousel-indicator-spacer:			.25rem;


// Modal
$modal-content-border-width:		0;
$modal-content-border-radius:		$border-radius;
$modal-dialog-margin:				0;
$modal-backdrop-bg:					rgba(0, 0, 0, 0.6);
$modal-backdrop-opacity:			1;


// Pagination
$pagination-bg:						transparent;
$pagination-border-width:			0;
$pagination-hover-bg:				transparent;
$pagination-active-bg:				transparent;
$pagination-active-color:			inherit;
$pagination-color:					$gray;


// HR
$hr-margin-y:						3rem;
$hr-border-width:					1px;
$hr-border-color:					$gray-light;


// Checkboxes
$custom-control-indicator-size: 	1.5rem;
$custom-control-gutter: 			.8rem;

$custom-select-bg:					$input-bg;
$custom-select-border-width:		$input-border-width;
$custom-select-padding-x:			$input-padding-x;
$custom-select-padding-y:			$input-padding-y;
$custom-select-height:				3.5rem;
$custom-select-height-sm:			3rem;
$custom-select-border-radius:		2px;

$custom-select-font-size-sm:		.875rem;


// Checkboxes
$custom-control-indicator-bg:		white;
$custom-checkbox-indicator-icon-checked:	url("data:image/svg+xml;utf8,<svg width='13' height='10' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><use xlink:href='%23path0_fill' transform='translate(.95 .7)' fill='%23FFF'/><defs><path id='path0_fill' fill-rule='evenodd' d='M11.385.254a.8.8 0 0 1-.04 1.13l-7.5 7a.8.8 0 0 1-1.11-.018l-2.5-2.5a.8.8 0 1 1 1.13-1.132L3.32 6.688 10.254.215a.8.8 0 0 1 1.13.04z'/></defs></svg>");
$custom-control-indicator-bg-size:			50%;
$custom-checkbox-indicator-border-radius:	2px;

// Radios
$custom-radio-indicator-border-radius:		50%;


// Custom select
$custom-select-indicator:			url("data:image/svg+xml;utf8,<svg width='12' height='6' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><use xlink:href='%23path0_fill' transform='rotate(90 6 6)' fill='%23A1A4A7'/><defs><path id='path0_fill' d='M.176 1.084A.654.654 0 0 1 0 .635C0 .285.268 0 .6 0c.161 0 .313.068.424.186l4.8 5.365A.654.654 0 0 1 6 6c0 .17-.064.331-.17.442l-4.805 5.371A.582.582 0 0 1 .6 12c-.332 0-.6-.284-.6-.635 0-.17.064-.33.17-.443L4.573 6 .176 1.084z'/></defs></svg>");
$custom-select-bg-size:				auto;
$custom-select-height:				$input-height;