// Body Font Family
@font-face {
    font-family: 'Catamaran';
    font-weight: 900;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    src: url(../fonts/Catamaran/Catamaran-Black.ttf) format("truetype");
}

@font-face {
    font-family: 'Catamaran';
    font-weight: 800;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    src: url(../fonts/Catamaran/Catamaran-ExtraBold.ttf) format("truetype");
}

@font-face {
    font-family: 'Catamaran';
    font-weight: 700;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    src: url(../fonts/Catamaran/Catamaran-Bold.ttf) format("truetype");
}

@font-face {
    font-family: 'Catamaran';
    font-weight: 600;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    src: url(../fonts/Catamaran/Catamaran-SemiBold.ttf) format("truetype");
}

@font-face {
    font-family: 'Catamaran';
    font-weight: 500;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    src: url(../fonts/Catamaran/Catamaran-Medium.ttf) format("truetype");
}

@font-face {
    font-family: 'Catamaran';
    font-weight: 400;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    src: url(../fonts/Catamaran/Catamaran-Regular.ttf) format("truetype");
}

@font-face {
    font-family: 'Catamaran';
    font-weight: 300;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    src: url(../fonts/Catamaran/Catamaran-Light.ttf) format("truetype");
}

@font-face {
    font-family: 'Catamaran';
    font-weight: 100;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    src: url(../fonts/Catamaran/Catamaran-ExtraLight.ttf) format("truetype");
}

// Heading Font Family
@font-face {
    font-family: 'Merriweather';
    font-weight: 900;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    src: url(../fonts/Merriweather/Merriweather-Black.ttf) format("truetype");
}

@font-face {
    font-family: 'Merriweather';
    font-weight: 900;
    /* stylelint-disable-line font-weight-notation */
    font-style: italic;
    src: url(../fonts/Merriweather/Merriweather-BlackItalic.ttf) format("truetype");
}

@font-face {
    font-family: 'Merriweather';
    font-weight: 700;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    src: url(../fonts/Merriweather/Merriweather-Bold.ttf) format("truetype");
}

@font-face {
    font-family: 'Merriweather';
    font-weight: 700;
    /* stylelint-disable-line font-weight-notation */
    font-style: italic;
    src: url(../fonts/Merriweather/Merriweather-BoldItalic.ttf) format("truetype");
}

@font-face {
    font-family: 'Merriweather';
    font-weight: 400;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    src: url(../fonts/Merriweather/Merriweather-Regular.ttf) format("truetype");
}

@font-face {
    font-family: 'Merriweather';
    font-weight: 400;
    /* stylelint-disable-line font-weight-notation */
    font-style: italic;
    src: url(../fonts/Merriweather/Merriweather-Italic.ttf) format("truetype");
}

@font-face {
    font-family: 'Merriweather';
    font-weight: 300;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    src: url(../fonts/Merriweather/Merriweather-Light.ttf) format("truetype");
}

@font-face {
    font-family: 'Merriweather';
    font-weight: 300;
    /* stylelint-disable-line font-weight-notation */
    font-style: italic;
    src: url(../fonts/Merriweather/Merriweather-LightItalic.ttf) format("truetype");
}

// DECLARE SOME LESS VARIABLES TO USE
@white: #fff;
@black: #000;
@gray-base: #000;
@gray-darker: lighten(@gray-base, 13.5%); // #222
@gray-dark: lighten(@gray-base, 20%); // #333
@gray: lighten(@gray-base, 33.5%); // #555
@gray-light: lighten(@gray-base, 66%); // #777
@gray-lighter: lighten(@gray-base, 93.5%); // #eee
@gray-lightest: lighten(@gray-base, 97.5%);
@gray-white: lighten(@gray-base, 90%);

@bg_color: #f6f6f6;

@bg_border_color: #d5d5d5;
@gray_bg_color: #d5d5d5;

@box_shadow_color: rgba(0, 0, 0, 0.05);

@border_color: #dedede;


@background_color-1: #edf0f2;
@background-menu: #e8e8e8;
//** Deprecated `@screen-xs` as of v3.0.1
@screen-xs: 480px;

//** Deprecated `@screen-small-mobile` as of v3.0.1
@screen-mobile: 320px;
//** Deprecated `@screen-xs-min` as of v3.2.0
@screen-xs-min: @screen-xs;
//** Deprecated `@screen-phone` as of v3.0.1
@screen-phone: @screen-xs-min;

// Small screen / tablet
//** Deprecated `@screen-sm` as of v3.0.1
@screen-sm: 768px;
@screen-sm-min: @screen-sm;
//** Deprecated `@screen-tablet` as of v3.0.1
@screen-tablet: @screen-sm-min;

// Medium screen / desktop
//** Deprecated `@screen-md` as of v3.0.1
@screen-md: 992px;
@screen-md-min: @screen-md;
//** Deprecated `@screen-desktop` as of v3.0.1
@screen-desktop: @screen-md-min;

// Large screen / wide desktop
//** Deprecated `@screen-lg` as of v3.0.1
@screen-lg: 1200px;
@screen-lg-min: @screen-lg;
//** Deprecated `@screen-lg-desktop` as of v3.0.1
@screen-lg-desktop: @screen-lg-min;

// So media queries don't overlap when required, provide a maximum
@screen-xs-max: (@screen-sm-min - 1);
@screen-sm-max: (@screen-md-min - 1);
@screen-md-max: (@screen-lg-min - 1);