////////////// Settings //////////////

// Font Awesome //

.fontawesome {
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
}

.fontawesome-brands {
    .fontawesome;
    font-family: "Font Awesome 5 Brands";
}

.fontawesome-solid {
    .fontawesome;
    font-weight: 900;
}

// Fonts //

@font-family-1: 'Open Sans', sans-serif;
@font-family-2: 'Roboto', sans-serif;


// Colors //

@indigo: #3A53A3;
@ltindigo: saturate(lighten(@indigo, 15%), 10%);
@yellow: #FDCA01;
@red: rgb(159, 38, 24);
@gray: #47423c;
@ltgray: #DBDBDB;
@white: #ffffff;
@black: #222222;

@primary-color: @indigo;
@secondary-color: @ltgray;
@ternary-color: @yellow;

// Text Color //

@text-color: @black;
@headline-color: @primary-color;

@link-color: @primary-color;
@link-color-hover: @gray;


// Text Size //

@font-size: 18px;
@font-mobile-size: 16px;

@h0-size: 3.05rem; // 55px

@h1-size: 2.222rem; // 40px

@h2-size: 1.666rem; // 30px

@h3-size: 1.222rem; // 22px

@h4-size: 1rem; // 18px

@h5-size: 0.85rem; // 15.3px


// Font Weights //

@bold: 900;
@semibold: 700;
@normal: 400;
@light: 300;


// Spacing //

@pad0: 180px;
@pad1: 100px;
@pad2: 80px;
@pad3: 60px;
@pad4: 45px;
@pad5: 20px;
@gutter: @pad5;


// Line Height //

@line-height: 1.45;


// Wrap/Container Settings //

@wrap-width: 1594px;
@wrap-width-sm: 1090px;
@wrap-padding: 0 25px;


// Paragraph Settings //

@para-padding: @pad1;
@para-padding-sm: @pad3;

// Media Queries //

@xxl-min: 	1440px;
@xl-min: 	1024px;
@lg-min: 	800px;
@md-min: 	640px;
@sm-min: 	320px;

@xl-max: 	(@xxl-min - 1);
@lg-max: 	(@xl-min - 1);
@md-max: 	(@lg-min - 1);
@sm-max: 	(@md-min - 1);
@xsm-max: 	(@sm-min - 1);


@xxlarge-up:	~"only screen and (min-width: @{xxl-min})";
@xxlarge:		~"only screen and (max-width: @{xxl-min})";

@xlarge-up:		~"only screen and (min-width: @{xl-min})";
@xlarge-only:	~"only screen and (min-width: @{xl-min}) and (max-width: @{xl-max})";
@xlarge:		~"only screen and (max-width: @{xl-max})";

@large-up:		~"only screen and (min-width: @{lg-min})";
@large-only:	~"only screen and (min-width: @{lg-min}) and (max-width: @{lg-max})";
@large:			~"only screen and (max-width: @{lg-max})";

@medium-up:		~"only screen and (min-width: @{md-min})";
@medium-only:	~"only screen and (min-width: @{md-min}) and (max-width: @{md-max})";
@medium:		~"only screen and (max-width: @{md-max})";

@small-up: 		~"only screen and (min-width: @{sm-min})";
@small-only:	~"only screen and (min-width: @{sm-min}) and (max-width: @{sm-max})";
@small: 		~"only screen and (max-width: @{sm-max})";

@xsmall-up: 	~"only screen and (min-width: @{xsm-max})";
@xsmall:		~"only screen and (max-width: @{xsm-max})";


// Transitions //

@transition-delay: .33s ease;