/* 
rem-based font sizes with pixel fallbacks
set base size so that pixel and rem values will be same digits (ex: 15px, 1.5rem) 
 */
html {
  font-size: 62.5%; }

/* example usage: @include smart-fontsize(15); */
/*
round corners
*/
/* Google Fonts examples
@import url(http://fonts.googleapis.com/css?family=Goudy+Bookletter+1911':400);
@import url(http://fonts.googleapis.com/css?family=EB+Garamond:400);
@import url(http://fonts.googleapis.com/css?family=Raleway:500);
@import url(http://fonts.googleapis.com/css?family=Abel:400);
*/
/* Font Awesome example
@import url("//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css");
*/
/* 
rem-based font sizes with pixel fallbacks
set base size so that pixel and rem values will be same digits (ex: 15px, 1.5rem) 
 */
html {
  font-size: 62.5%; }

/* example usage: @include smart-fontsize(15); */
/*
round corners
*/
/* styles to support basic _s + bootstrap integration */
/* less colors */
/* less variables */
/* development mode ----------------------------------- */
#bootstrap-debug-size-display {
  background-color: #eee;
  text-align: center; }

.smart-debug-outline {
  border: 1px solid red; }

/* mobile menu  ----------------------------------- */
#mobile-nav.navbar {
  min-height: 45px;
  position: relative;
  margin: 0; }

#mobile-nav a:hover {
  background-color: black;
  color: pink; }

.navbar-header {
  height: 45px; }

a.navbar-brand {
  padding: 0;
  margin: 0;
  height: 45px; }

.mobile-logo {
  height: 29px;
  margin: 8px 0 8px 10px; }

#smart-mobile-nav-button.navbar-default,
#smart-mobile-nav-button.navbar-toggle:hover,
#smart-mobile-nav-button.navbar-default,
#smart-mobile-nav-button.navbar-toggle:focus {
  background-color: black; }

/* note: padding top an bottom are auto-derived from height setting */
#smart-mobile-nav-button.navbar-toggle {
  height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: blue; }

.navbar-toggle .icon-bar {
  width: 18px;
  height: 3px;
  padding: 0;
  margin: 0;
  background-color: white; }

@media (max-width: 768px) {
  .navbar-collapse {
    max-height: none !important;
    overflow-x: auto !important; } }
.navbar-collapse.in {
  overflow-y: visible !important;
  overflow-x: visible !important; }

.navbar-ex1-collapse {
  background-color: #446a87;
  background-color: #a4b0b7;
  background-color: #6c8889;
  padding: 0;
  margin: 0;
  border: none; }

#mobile-nav .nav > li > a {
  color: pink; }

#mobile-nav.mobile-nav-row {
  height: 45px;
  margin: 0; }

/* desktop menu  ----------------------------------- */
/* desktop bootstrap menu */
.main-navigation ul ul {
  top: 100%; }

/* header ------------------------------------------- */
/* content ----------------------------------------- */
article,
.entry-content {
  margin: 0 !important; }

/* footer ------------------------------------------ */
/* 
rem-based font sizes with pixel fallbacks
set base size so that pixel and rem values will be same digits (ex: 15px, 1.5rem) 
 */
html {
  font-size: 62.5%; }

/* example usage: @include smart-fontsize(15); */
/*
round corners
*/
/* set font sizes ==================================== */
h2 {
  font-size: 15px;
  font-size: 1.5rem; }

a:hover {
  outline: none; }