html, body { height:100%; }
body {
  font: 14px/1.4 $font-family;
  background: $background-color;
  color: $font-color;
  width:100%;
}

h1, h2, h3 {
  font-family: $font-family;
  margin:0 0 15px;
  line-height:1.2;
}
h4, h5 { margin:0 0 10px; }

a, .btn-link {
  outline: 0 !important;
  color: $link-color;
  text-shadow:none;
  &:hover {
    color: $link-color;
    text-decoration:underline;
    i { text-decoration:none; }
  }
}
.btn {
  &.btn-default {
    color: $white;
    background: $link-color;
  }
}

hr {
  height:10px;
  margin:20px 0;
  border:0;
  border-bottom:1px ridge rgba(0,0,0,0.1);
}

::-moz-selection{ background: $link-color; color: $white; text-shadow: none;}
::selection { background: $link-color; color: $white; text-shadow: none;} 
a:link {-webkit-tap-highlight-color: $link-color;} 

ins {background-color: $link-color; color: $white; text-decoration: none;}
mark {background-color: $link-color; color: $white; font-style: italic; font-weight: bold;}

.w_auto { width:auto !important; }

.padd { padding:20px 25px; }
.padd-s { padding:15px; }
.padd-n { padding:0 !important; }

.block { display:block !important; }
.inline-block { display:inline-block !important; }
.inline { display:inline !important; }
.relative { position:relative; }
.mb { margin-bottom: $gutter !important; }
.mc { margin:0 !important; }
.ma { margin:0 auto; }

.font-mini { font-size:12px !important; }
.font-small { font-size:13px !important; }
.font-medium { font-size:15px !important; }
.font-large { font-size:16px !important; }
.font-xlarge { font-size:18px !important; }
.font-xxlarge { font-size:20px !important; }
.font-xxxlarge { font-size:22px !important; }
.caps { text-transform:uppercase; }


#main {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom:-30px;
  & > .main-content {
    padding: 20px;
  }
}

@import 'style.responsive';
@import 'pages/*';