/*
    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/
*/
/******************************************************************

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;
  }
*/
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
 i imported this one in the functions file so bones would look sweet.
 don't forget to remove it for your site.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-break: break-all;
  -ms-word-wrap: break-all;
  word-break: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: none;
  -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 .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left; }
.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; }
  .slicknav_nav ul, .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .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: #29421d;
      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: #000000;
        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; }