// Grid
// Variables used by Bootstrap Grid (v4)
// =========================================
$grid-breakpoints: (
	xs: 0,
	sm: 576px,
	md: 768px,
	lg: 992px,
	xl: 1250px
) !default;

$container-max-widths: (
	sm: 540px,
	md: 720px,
	lg: 940px,
	xl: 1220px
) !default;

$grid-columns: 12 !default;
$grid-gutter-width-base: 30px !default;
$grid-gutter-widths: (
	xs: $grid-gutter-width-base,
	sm: $grid-gutter-width-base,
	md: $grid-gutter-width-base,
	lg: $grid-gutter-width-base,
	xl: $grid-gutter-width-base
) !default;

// WordPress Galleries gutter widths
$grid-gutter-widths-galleries: (
	xs: $grid-gutter-width-base / 3,
	sm: $grid-gutter-width-base / 3,
	md: $grid-gutter-width-base / 3,
	lg: $grid-gutter-width-base / 3,
	xl: $grid-gutter-width-base / 3
) !default;

// Base Generic
// =========================================
$font-size-base: 14px !default;
$line-height-base: 1.7142 !default;
$letter-spacing-default: -.04em;

// Content
// =========================================
$content-spacing-lg: 80px !default;
$content-spacing-md: 70px !default;
$content-spacing-sm: 45px !default;

// Header
// =========================================
$head-item-spacing: 15px !default;

// Footer
// =========================================
$footer-item-spacing: 15px !default;

// Hero
// =========================================
$hero-home-height-lg: 850px !default;
$hero-home-height-md: 650px !default;
$hero-home-height-sm: 500px !default;

$hero-height-default-lg: 200px !default;
$hero-height-default-md: 200px !default;
$hero-height-default-sm: auto !default;

// Sections & Spacing
// =========================================
$section-padding-lg: 80px !default;
$section-padding-md: 70px !default;
$section-padding-sm: 50px !default;

$widget-margin-lg: 60px !default;
$widget-margin-md: 50px !default;
$widget-margin-sm: 40px !default;

// Colors
// =========================================
$white: #fff !default;
$black: #000 !default;
$grey: #f1f1f1 !default;
$grey-light: #f8f8f8 !default;
$green: #62d102 !default;
$red: #ff0201 !default;
$yellow: #ffa500 !default;;

$body-bg: $white !default;
$accent-color: #173052 !default;
$accent-color-alt: #e3002a !default;
$text-color: #212121 !default;
$text-color-light: #444444 !default;
$text-on-accent: $white !default;
$border-color: #DDDDDD !default;
$border-color-dark: #7E7E7E !default;

$button-bg-color: $accent-color !default;
$button-text-color: $white !default;
$button-border-color: $accent-color !default;

$input-border-color: $border-color-dark !default;

$border-radius-base: 3px !default;

// Fonts
// =========================================
$primary-font: "Open Sans", sans-serif !default;
$secondary-font: "Montserrat", serif !default;
$default-primary-font: "Helvetica Neue", "Helvetica", "Arial", sans-serif !default;

$font-awesome: "Font Awesome 5 Free" !default;
$font-awesome-brands: "Font Awesome 5 Brands" !default;

$font-weight-normal: 400 !default;
$font-weight-bold: 500 !default;
$font-weight-extra-bold: 700 !default;