///////////////////
//theme variables//
///////////////////

//Colors

//Monochrome colors

//text color in light section (.ls)
$fontColor: #585149;
//background color for light section (.ls) and font color in dark section (.ds)
$lightColor: #ffffff;
//text color for headings in light section (.ls) and background color for dark section (.ds)
$darkgreyColor: #3a3630;
//background color for light grey background light section (grey - .ls.ms)
$greyColor: #f0f0f0;
//background color for dark muted section (.ds.ms)
$darkColor: #0a0d1b;
//border colors for elements in light section (.ls) (and .bordered elements)
$borderColor: #d5d3cf;
//rgba variant for bordered elements
$borderColorRGBA: rgba(#000, 0.1);
//background color for hero background elements in light section (.hero-bg)
$backgroundColor: #f0f0f0;

$boxShadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
//section specific variables

// dark section - .ds

//font color in dark section (.ds)
$darkFontColor: #3a3630;
//border colors in dark section (.ds)
$darkBorderColor: #3f4455;
//background color for elements with background (.hero-bg etc.)
$darkBackgroundColor: #222739;

//color section - .cs

//border colors in color section (.cs)
$colorBorderColor: rgba(#fff, 0.15);
$colorBackgroundColor: rgba(#fff, 0.1);

//dark grey background dark blue section - (.ds.bs)
$darkBlueColor: #0a0d1b;
$darkBlueColorLighter: #2f3e47;

//Accent Color schemes

//this variables is used in development process
//in production color variables are overridden in 'color_schemes' folder

//theme accent colors
$styleNumber: '' !default;
$colorMain: #dbac6d !default;
$colorMain2: #fccc7c !default;
$colorMain3: #fdae28 !default;
$colorMain4: #8a8a3d !default;

//////bootstrap colors
//orange - warning
$colorPrimary: $colorMain !default;
//green
$colorSuccess: #4db19e !default;
//blue
$colorInfo: #007ebd !default;
//orange
$colorWarning: #eeb269 !default;
//red
$colorDanger: #dc5753 !default;

//universal muted background color
$universalBackgroundColor: rgba(150, 150, 150, 0.05) !default;
$universalBorderColor: rgba(200, 200, 200, 0.35) !default;

//Layout
//////side header
$sideHeaderWidth: 310px;
//inner side header padding
$sideHeaderLeftRightPadding: 30px;
//header transition
$headerTransition: 0.5s ease-in-out;

$grid-breakpoints: (
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
) !default;

//_horizontal spacers
//reverse for smaller gutters has priority
$columns-horizontal-gutters-sum: 100 80 60 50 40 30 35 25 20 15 10 5 2 1 0;
$container-horizontal-padding: 0 1 2 5 10 20 30 60 80;

//_vertical spacers - vertical margins and padding for sections and columns
$section-vertical-padding: 0 1 2 3 5 10 12 13 14 15 20 25 30 35 40 45 50 55 57 60 65 70 75 80 85 90 95 100 105 110 115 120 130 135 140 145 150 155 160 175 195;
$columns-vertical-margins: 0 1 2 5 10 15 20 25 30 35 40 50 55 60 90;

//top and bottom borders height for sections with borders - 1px by default
$section-borders-height: 2 3 5;

//font size helpers - fs-xx
$font-size-helpers: 12 14 16 18 20 24 28 32 36 40 56;

$dividers-height: 0 10 15 20 25 30 35 40 45 50 55 60 70 75 77 80 85 90 95 100 110 120 160;

@mixin small-text() {
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

@mixin cover() {
  content: '';
  position: absolute;
  display: block;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;
}

@mixin widget-title() {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 27px;
  line-height: 1;
  text-align: left;
}

@mixin widget-a-before() {
  color: $colorMain3;
  font-family: 'FontAwesome';
  font-size: 14px;
  content: "\f00c";
  position: absolute;
  left: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}