// =========
// Variables
// =========

//
// Color variables
//

// @moca-gray: #808284;
// @moca-gray-highlight: lighten(@moca-black, 14%);

@moca-light-gray: #b4b4b7; // slideshow buttons
@moca-vlight-gray: #e6e5e5; // borders on calandar
@moca-medium-gray: #a9a9a9;
@moca-dark-gray: #666666;

@moca-orangeish-gray: #d6d1cb; // highlight state on white links (menus)

@moca-black: #020202;
@moca-black-highlight: lighten(@moca-black, 14%);

// @moca-blue: #0067ab
// @moca-blue-highlight: #02b7de

@moca-vlight-blue: #e5f0f6;
// @moca-light-blue: #95e7f9;
@moca-electric-blue: #04b7de;

@moca-green: #1ca421;
@moca-green-highlight: darken(@moca-green, 10%);
@moca-light-green: lighten(@moca-green, 40%);

@moca-brown: #a39061;
@moca-brown-highlight: lighten(@moca-brown, 8%);

// @overlay-color-1: rgba(0, 78, 146, 0.7); // header background
@overlay-color-1: rgba(28, 164, 33, 0.7); // header background
// @overlay-color-2: rgba(11, 125, 168, 0.8); // tile caption background
@overlay-color-2: rgba(28, 164, 33, 0.8); // tile caption background

//
// Color assignments
//

@primary-text-color: @moca-dark-gray; // body text
@secondary-text-color: @moca-green; // headings

// highlight state on white links (menus)
@menu-highlight: @moca-orangeish-gray;

@link-color: @moca-green;
@link-color-visited: @moca-green;
@link-color-hover: @moca-green-highlight;

@select-color: @moca-electric-blue;
@select-text-color: #fff;

@dashed-line: 1px dashed @moca-medium-gray;
@thick-gray-border: 4px solid @moca-vlight-gray; // borders on calandar



// =================
// typography mixins
// =================

// normal
.fontSiteSans() {
  /* available weights:
      - normal
      - bold
     available styles:
      - normal
      - italic      */
  font-family: FontSiteSans, sans-serif;
}

// narrow
.fontSiteSansCd() {
  /* available weights:
      - normal
      - bold
     available styles:
      - normal     */
  font-family: FontSiteSansCd, sans-serif;
}

// wide
.fontSiteSansEx() {
  /* available weights:
      - 200 (light)
      - normal
      - bold
     available styles:
      - normal     */
  font-family: FontSiteSansEx, sans-serif;
}

// MOCA Beta Regular custom font
.fontSiteMoca() {
  font-family: moca_betaregular, FontSiteSans, sans-serif;
}



// ====================
// Imported Stylesheets
// ====================

// clearfix, image replacement, and mixins
@import "_helpers.less";

// Typography and reset (includes most of HTML Boilerplate)
@import "_base.less";

// Admin Elements
@import "_admin.less";

// layout
@import "_layout.less";

// fields, in node pages and views
@import "_fields.less";
// if a field's display needs to be overridden, it should be done at the node or block level

// general styles for pages, according to content type or other categorization
@import "_pages-general.less";
@import "_pages-unique.less"; // overrides for specific pages

// general & reusables styles for blocks
@import "_blocks-general.less";
@import "_blocks-unique.less"; // overrides for specific blocks

// homepage tiles and overlays
@import "_homepage.less";
@import "_overlays.less";

// mobile footer
@import "_mobile-footer.less";

// print styles
@import "_print.less";



// =====
// Fonts
// =====

// Font Site Sans Regular
@font-face {
    font-family: 'FontSiteSans';
    src: url('fonts/fontsitesans-roman-webfont.eot');
    src: url('fonts/fontsitesans-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontsitesans-roman-webfont.woff') format('woff'),
         url('fonts/fontsitesans-roman-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontSiteSans';
    src: url('fonts/fontsitesans-bold-webfont.eot');
    src: url('fonts/fontsitesans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontsitesans-bold-webfont.woff') format('woff'),
         url('fonts/fontsitesans-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'FontSiteSans';
    src: url('fonts/fontsitesans-italic-webfont.eot');
    src: url('fonts/fontsitesans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontsitesans-italic-webfont.woff') format('woff'),
         url('fonts/fontsitesans-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'FontSiteSans';
    src: url('fonts/fontsitesans-bolditalic-webfont.eot');
    src: url('fonts/fontsitesans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontsitesans-bolditalic-webfont.woff') format('woff'),
         url('fonts/fontsitesans-bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}


// Font Site Sans Condensed
@font-face {
    font-family: 'FontSiteSansCd';
    src: url('fonts/fontsitesans-cond-webfont.eot');
    src: url('fonts/fontsitesans-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontsitesans-cond-webfont.woff') format('woff'),
         url('fonts/fontsitesans-cond-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontSiteSansCd';
    src: url('fonts/fontsitesans-boldcd-webfont.eot');
    src: url('fonts/fontsitesans-boldcd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontsitesans-boldcd-webfont.woff') format('woff'),
         url('fonts/fontsitesans-boldcd-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


// Font Site Sans Extended
@font-face {
    font-family: 'FontSiteSansEx';
    src: url('fonts/fontsitesans-extended-webfont.eot');
    src: url('fonts/fontsitesans-extended-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontsitesans-extended-webfont.woff') format('woff'),
         url('fonts/fontsitesans-extended-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontSiteSansEx';
    src: url('fonts/fontsitesans-lightex-webfont.eot');
    src: url('fonts/fontsitesans-lightex-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontsitesans-lightex-webfont.woff') format('woff'),
         url('fonts/fontsitesans-lightex-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'FontSiteSansEx';
    src: url('fonts/fontsitesans-boldex-webfont.eot');
    src: url('fonts/fontsitesans-boldex-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontsitesans-boldex-webfont.woff') format('woff'),
         url('fonts/fontsitesans-boldex-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

// MOCA Beta Regular custom font
// Generated by Font Squirrel (https://www.fontsquirrel.com) on August 29, 2019
@font-face {
    font-family: 'moca_betaregular';
    src: url('fonts/mocabeta-regular/180803_mocabeta-regular-webfont.woff2') format('woff2'),
         url('fonts/mocabeta-regular/180803_mocabeta-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}