/*******************************
         Site Variables
*******************************/
@resetTheme: "default";
@siteTheme: "default";
@buttonTheme: "default";
@containerTheme: "default";
@dividerTheme: "default";
@flagTheme: "default";
@headerTheme: "default";
@iconTheme: "fontawesome5";
@imageTheme: "default";
@inputTheme: "default";
@labelTheme: "default";
@listTheme: "default";
@loaderTheme: "default";
@railTheme: "default";
@revealTheme: "default";
@segmentTheme: "default";
@sliderTheme: "default";
@stepTheme: "default";
@breadcrumbTheme: "default";
@formTheme: "default";
@gridTheme: "default";
@menuTheme: "default";
@messageTheme: "default";
@tableTheme: "default";
@adTheme: "default";
@cardTheme: "default";
@commentTheme: "default";
@feedTheme: "default";
@itemTheme: "default";
@statisticTheme: "default";
@accordionTheme: "default";
@checkboxTheme: "default";
@dimmerTheme: "default";
@dropdownTheme: "default";
@embedTheme: "default";
@modalTheme: "default";
@nagTheme: "default";
@popupTheme: "default";
@progressTheme: "default";
@ratingTheme: "default";
@searchTheme: "default";
@shapeTheme: "default";
@sidebarTheme: "default";
@stickyTheme: "default";
@tabTheme: "default";
@transitionTheme: "default";


/*-------------------
       Fonts
--------------------*/
@fontName: 'Lato';

@headerFont: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;


/*-------------------
      Base Sizes
--------------------*/

/* This is the single variable that controls them all */
@emSize: 14px;

/* The size of page text  */
@fontSize: 16px;

/* Default font weight, called in site.overrides  */
@chapFontWeight: normal;

/*-------------------
    Brand Colors
--------------------*/

@primaryColor        : #3b639d;
@secondaryColor      : #c0d0e9;

@lightPrimaryColor   : lighten(@primaryColor, 10);
@lightSecondaryColor : lighten(@secondaryColor, 10);

/*-------------------
        Colors
--------------------*/

@red: #DB2828;
@orange: #F2711C;
@yellow: #FBBD08;
@olive: #B5CC18;
@green: #21BA45;
@teal: #00B5AD;
@blue: #3b639d;
@violet: #96b3e8;
@purple: #A333C8;
@pink: #E03997;
@brown: #A5673F;
@grey: #767676;
@black: #1B1C1D;

@lightRed: #FF695E;
@lightOrange: #FF851B;
@lightYellow: #FFE21F;
@lightOlive: #D9E778;
@lightGreen: #2ECC40;
@lightTeal: #6DFFFF;
@lightBlue: lighten(@blue, 10);
@lightViolet: lighten(@violet, 10);
@lightPurple: #DC73FF;
@lightPink: #FF8EDF;
@lightBrown: #D67C1C;
@lightGrey: #DCDDDE;
@lightBlack: #545454;

/*--------------
  Page Heading
---------------*/

@headerFontWeight      : 700;
@headerFontStyle       : normal;

/*--------------
   Form Input
---------------*/

/* This adjusts the default form input across all elements */
@inputBackground        : #ffffff;
@inputVerticalPadding   : @relative11px;
@inputHorizontalPadding : @relative14px;

/* Input Text Color */
@inputColor: rgba(0, 0, 0, 0.87);

/*-------------------
    Focused Input
--------------------*/

/* Used on inputs, textarea etc */
@focusedFormBorderColor: #3b639d;

/* Used on dropdowns, other larger blocks */
@focusedFormMutedBorderColor: lighten(@primaryColor, 10);

/*-------------------
        Page
--------------------*/

@pageBackground      : #ffffff;
@textColor           : rgba(0, 0, 0, 0.87);
@invertedTextColor   : rgba(255, 255, 255, 0.9);
@paragraphMargin     : 0em 0em 1em;

/*-------------------
       Links
--------------------*/

@linkColor           : #3b639d;
@linkUnderline       : none;
@linkHoverUnderline  : none;

/*-------------------
  Highlighted Text
--------------------*/

@highlightBackground : #cce2ff;
@highlightColor      : rgba(0, 0, 0, 0.87);

/*-------------------
    Border Radius
--------------------*/

@relativeBorderRadius: @relative4px;
@absoluteBorderRadius: @4px;