body {
font-family: 'Open Sans', arial, sans-serif; background-color: #f9f9fb; color: $text-color; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
html, body {
height: 100%;
}
.page-wrapper {
min-height: 100%; margin-bottom: -50px; &:after { content: ""; display: block; height: 50px; }
}
p {
line-height: 1.5;
}
a {
color: darken($color-primary, 5%); @include transition (all 0.4s ease-in-out); &:hover { text-decoration: underline; color: darken($color-primary, 10%); } &:focus { text-decoration: none; }
}
code {
background: #222; color: #fff; font-size: 14px; font-weight: bold; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; padding:2px 8px; padding-top: 4px; display: inline-block;
}
.form-control {
@include box-shadow(none); height: 40px; border-color: $divider; @include placeholder(lighten($grey, 5%)); &:focus { border-color: darken($divider, 5%); @include box-shadow(none); }
}
input, input, input, input, input, textarea, select {
appearance: none; /* for mobile safari */ -webkit-appearance: none;
}
topcontrol {
background: $color-primary; color: #fff; text-align: center; display: inline-block; width: 35px; height: 35px; border: none; @include border-radius(4px); @include transition (all 0.4s ease-in-out); z-index: 30; &:hover { background: lighten($color-primary, 5%); } .fa { position: relative; top: 3px; font-size: 25px; }
}
.video-container iframe {
max-width: 100%;
}
.vertical-align {
display: flex; align-items: center;
}
.fourofour {
margin: 50px auto;
}