//
// Scaffolding
// --------------------------------------------------


// Reset the box-sizing
//
// Heads up! This reset may cause conflicts with some third-party widgets.
// For recommendations on resolving such conflicts, see
// http://getbootstrap.com/getting-started/#third-box-sizing
* {
    @include box-sizing(border-box);
}
*:before,
*:after {
    @include box-sizing(border-box);
}

// Reset outline
*:focus,
button:focus,
input:focus,
.btn:focus {
    outline: none !important;
}

// Body reset
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    // font-family: $font-family-base;
    font-size: $font-size-base;
    line-height: $line-height-base;
    color: $text-color;
}

//Title reset
h1,
h2,
h3,
h4,
h5 {
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: $font-family-base;
}

h1{font-size:$font-size-h1;font-weight:500;}
h2{font-size:$font-size-h2;font-weight:500;}
h3{font-size:$font-size-h3;font-weight:500;}
h4{font-size:$font-size-h4;font-weight:500;}
h5{font-size:$font-size-h5;font-weight:500;}

p {
    margin-top: 0;
    margin-bottom: 10px;
}
a:focus {
    text-decoration: none;
}

select {
    // background-image: url($base64-select-bg) !important;
    padding-right: 20px !important;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}