/*
    Mobile Menu Core Style
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/* Element Styles */
.yellow_bg {
  background-color: #d6cf7c; }

.lightblue_bg {
  background-color: #6ea4c4; }

.darkblue_bg {
  background-color: #002157; }

.darkerblue_bg {
  background-color: #131c38; }

.gray_bg {
  background-color: #d2d2d9; }

.brick_bg {
  background-color: #ba583f; }

/******************************************************************
Stylesheet: Typography
******************************************************************/
/*********************
FONT FACE
*********************/
/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
/*
typographical defaults
*/
p {
  -ms-word-break: break-all;
  -ms-word-wrap: break-all;
  word-break: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: left;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }

.slicknav_menu {
  background-color: #6ea4c4 !important; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left;
    text-shadow: none !important;
    color: #002157 !important; }
  .slicknav_menu .slicknav_icon-bar {
    box-shadow: none !important;
    background-color: #002157 !important; }
  .slicknav_menu .slicknav_btn {
    background-color: #6ea4c4 !important; }
  .slicknav_menu .slicknav_icon {
    float: left;
    margin: 0.188em 0 0 0.438em; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
    .slicknav_menu .slicknav_icon-bar + .slicknav_icon-bar {
      margin-top: 0.188em; }
  .slicknav_menu:after {
    clear: both; }

.slicknav_nav {
  clear: both;
  background-color: #6ea4c4; }
  .slicknav_nav ul, .slicknav_nav li {
    display: block; }
  .slicknav_nav li {
    background-color: #6ea4c4 !important; }
    .slicknav_nav li a {
      color: #002157 !important; }
      .slicknav_nav li a:hover {
        background-color: #6ea4c4 !important; }
    .slicknav_nav li .sub-menu {
      display: block;
      border-width: 0 !important;
      border-style: none !important;
      border-color: none !important;
      -moz-border-top-colors: none;
      -moz-border-right-colors: none;
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      border-image: none;
      padding: 0px;
      margin: 0px;
      background: #E6E6E6 none repeat scroll 0% 0%;
      box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2) inset; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em;
    color: #002157 !important; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_item a,
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }
  .slicknav_nav:before, .slicknav_nav:after {
    content: " ";
    display: table; }

/* IE6/7 support */
.slicknav_menu {
  *zoom: 1; }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/
/* Button */
.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); }

.slicknav_menu {
  font-size: 16px;
  padding: 5px; }
  .slicknav_menu .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #f5f5f5; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  font-size: 0.875em;
  padding-top: 10px; }
  .slicknav_nav li {
    background: #fff;
    margin: 0;
    padding: 0; }
    .slicknav_nav li a, .slicknav_nav li a.slicknav_row {
      color: #7dd667;
      padding: 5px 10px;
      text-decoration: none; }
      .slicknav_nav li a:active, .slicknav_nav li a:hover, .slicknav_nav li a.slicknav_row:active, .slicknav_nav li a.slicknav_row:hover {
        /*hover is not necessary, but I kept it in here for testing purposes */
        color: #000;
        background: #f2f2f2; }
    .slicknav_nav li .sub-menu {
      display: block;
      border: 1px solid #cccccc;
      border-left: 0;
      border-right: 0;
      padding: 0;
      margin: 0;
      background: #e6e6e6;
      -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.2); }
      .slicknav_nav li .sub-menu li {
        background: none; }
        .slicknav_nav li .sub-menu li a {
          background: none; }
  .slicknav_nav .slicknav_item a,
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }