/* Variables by file */
/**
*  Header Variables
*/
/*
$font-family-sans-serif: 'Open Sans', Roboto,
'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol' !default;
*/
/*
$display1-size: 6rem !default;
$display2-size: 5.5rem !default;
$display3-size: 4.5rem !default;
$display4-size: 3.5rem !default;

$display1-weight: 300 !default;
$display2-weight: 300 !default;
$display3-weight: 300 !default;
$display4-weight: 300 !default;
$display-line-height: $headings-line-height !default;

$lead-font-size: ($font-size-base * 1.25) !default;
$lead-font-weight: 300 !default;



$text-muted: $gray-700 !default;

$blockquote-small-color: $gray-600 !default;
$blockquote-font-size: ($font-size-base * 1.25) !default;

$hr-border-color: rgba($black, 0.1) !default;
$hr-border-width: $border-width !default;

$mark-padding: 0.2em !default;
*/
/*
$kbd-box-shadow: inset 0 -0.1rem 0 rgba($black, 0.25) !default;
$nested-kbd-font-weight: $font-weight-bold !default;

$list-inline-padding: 0.5rem !default;

$mark-bg: #fcf8e3 !default;

$hr-margin-y: $spacer !default;
*/
/*
@import 'variables/nav';
@import 'variables/forms';
*/
/*
@import 'variables/breadcrumbs';
@import 'variables/close';
@import 'variables/alerts';
@import 'variables/card';
@import 'variables/list-group'; 
@import 'variables/badge';
@import 'variables/icons';
@import 'variables/som-components';
*/
/* CONTAINER QUERIES */
.som-icon {
  display: inline-block;
}
.som-icon svg {
  display: block;
  fill: currentColor;
  height: 1em;
  width: 1em;
}
.som-icon.som-icon-size-sm svg {
  font-size: 1rem;
}
.som-icon.som-icon-size-md svg {
  font-size: 1.5rem;
}
.som-icon.som-icon-size-lg svg {
  font-size: 2rem;
}
.som-icon.som-icon-size-xl svg {
  font-size: 2.5rem;
}
.som-icon.som-icon-display-inline {
  display: inline;
}
.som-icon.som-icon-display-block {
  display: block;
}
.som-icon.som-icon-display-inline-block {
  display: inline-block;
}

.som-icon-color-primary svg {
  fill: #277c78 !important;
}

.som-icon-color-secondary svg {
  fill: #142d3e !important;
}

.som-icon-color-success svg {
  fill: #0d8252 !important;
}

.som-icon-color-danger svg {
  fill: #b30518 !important;
}

.som-icon-color-warning svg {
  fill: #e5a612 !important;
}

.som-icon-color-light svg {
  fill: #f7f7f7 !important;
}

.som-icon-color-dark svg {
  fill: #161618 !important;
}

.som-icon-color-black svg {
  fill: #000000 !important;
}

.som-icon-color-white svg {
  fill: #ffffff !important;
}

.som-icon-color-dark-gray svg {
  fill: #161618 !important;
}

.som-icon-color-light-gray svg {
  fill: #f7f7f7 !important;
}

.som-icon-color-body-copy svg {
  fill: #353535 !important;
}

.som-icon-color-caption svg {
  fill: #707070 !important;
}