/*
Copyright 2008-2013 Concur Technologies, Inc.

Licensed under the Apache License, Version 2.0 (the "License"); you may
not use this file except in compliance with the License. You may obtain
a copy of the License at

  http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
License for the specific language governing permissions and limitations
under the License.
*/


////////////////////////////////////////////////////////////////////////////////
// CUSTOMIZE SLATE
////////////////////////////////////////////////////////////////////////////////
// Use these settings to help adjust the appearance of Slate


// BACKGROUND COLORS
////////////////////
$examples-bg: #27313e; /* 294773 20385b 3e4956 292929 1c1c1c 3e4956 393939 5c6167 */
$code-bg: #27313e; /* 294773 20385b 3e4956 292929 1c1c1c 27313e 292929 393939 */
$code-annotation-bg: #3e4956; /* 20385b 27313e 393939 344B56 393939 1c1c1c 292929 */
$nav-bg: #f5f5f5; /* f5f5f5 222 3e4956 2A3A5C 27313e 393939 2467af */
$nav-subitem-bg: #f5f5f5; /* f5f5f5 27313e 2A3A5C 3e4956 262626 518eb3 */
$nav-active-bg: #2467af; 
$lang-select-border: #000;
$lang-select-bg: $examples-bg;
$lang-select-active-bg: #38719a; 
$lang-select-pressed-bg: #111; // color of language tab bg when mouse is pressed
$main-bg: #fbfbfb; /* #f5f5f5 eaf2f6 */
$search-notice-bg: #c97a7e;
$aside-notice-bg: #e3edf2;
$aside-warning-bg: #FFF5F5;
$aside-success-bg: #E8FAEE; 
$aside-notice-border: #5bc0de; 
$aside-warning-border: #d9534f; 
$aside-success-border: #50af51; 
$banner-bg: #393939; 
$table-odd-bg: #fff;
$table-even-bg: #f8f8f8;

// TEXT COLORS
////////////////////
$main-text: #000; // main content text color
$nav-text: #000; 
$nav-active-text: #fff;
$lang-select-text: #fff; // color of unselected language tab text
$lang-select-active-text: #fff; // color of selected language tab text
$lang-select-pressed-text: #fff; // color of language tab text when mouse is pressed
$nav-hover-text: #4c555a;
$content-link-text: #2467af;

// SIZES
////////////////////
$nav-width: 250px; // width of the navbar
$examples-width: 0px; // portion of the screen taken up by code examples
$logo-margin: 20px; // margin between nav items and logo, ignored if search is active
$main-padding: 28px; // padding to left and right of content & examples
$nav-padding: 15px; // padding to left and right of navbar
$nav-v-padding: 10px; // padding used vertically around search boxes and results
$nav-indent: 10px; // extra padding for ToC subitems
$code-annotation-padding: 5px; // 13px; padding inside code annotations 
$h1-margin-bottom: 14px; // padding under the largest header tags
$tablet-width: 930px; // min width before reverting to tablet size
$phone-width: $tablet-width - $nav-width; // min width before reverting to mobile size


// FONTS
////////////////////
%default-font {
  font-family: proxima_nova_reg, Helvetica, Arial, sans-serif;
  font-size: 13px;
}

%header-font {
  @extend %default-font;
  font-weight: bold;
}

%code-font {
  font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif;
  font-size: 12px;
  line-height: 1.5;
}


// OTHER
////////////////////
$nav-active-shadow: #000;
$nav-footer-border-color: #666;
$nav-embossed-border-top: #000;
$nav-embossed-border-bottom: #939393; 
$main-embossed-text-shadow: 0px 0px 0px #fff; 
$search-box-border-color: #666;


////////////////////////////////////////////////////////////////////////////////
// INTERNAL
////////////////////////////////////////////////////////////////////////////////
// These settings are probably best left alone.

%break-words {
 -ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
