@import "_config/variables";

@import "bower_components/bootstrap-sass/assets/stylesheets/_bootstrap";

@import "_config/utils";

@import "_blocks/rm-pricing";
@import "_blocks/rm-preview";
@import "_blocks/rm-sso";
@import "_blocks/_pricing";

img {
  max-width: 100%;
}

hr {
  border-top: 1px solid $neutral;
}

a.darklinks:link, a.darklinks:visited {
  color: #666;
  text-decoration: none;
}

a.darklinks:hover, a.darklinks:active {
  color: #444;
}

.posrel {
  position: relative;
}

.bumper_box {
  border: 2px solid;
  border-color: #e9e9e9;
  padding-right: 14px;
  width: 25%;
  margin: 0 auto 20px auto;
}

.no-right-border {
  border-right: none;
}

.no-top-margin {
  margin-top: 0px !important;
}

.no-bottom-margin {
  margin-bottom: 0px !important;
}

// Spacing Utilities
@for $i from 1 through 10 {
  .m#{$i} {
    margin-left:  #{$i}rem;
    margin-right:  #{$i}rem;
    margin-top: #{$i}rem;
    margin-bottom: #{$i}rem;
  }

  .mt#{$i} { margin-top: #{$i}rem; }
  .mr#{$i} { margin-right: #{$i}rem; }
  .mb#{$i} { margin-bottom: #{$i}rem; }
  .ml#{$i} { margin-left: #{$i}rem; }

  .mx#{$i} {
    margin-left:  #{$i}rem;
    margin-right:  #{$i}rem;
  }

  .my#{$i} {
    margin-top: #{$i}rem;
    margin-bottom: #{$i}rem;
  }

  .p#{$i} { padding: #{$i}rem; }

  .pt#{$i} { padding-top: #{$i}rem; }
  .pr#{$i} { padding-right: #{$i}rem; }
  .pb#{$i} { padding-bottom: #{$i}rem; }
  .pl#{$i} { padding-left: #{$i}rem; }

  .px#{$i} {
    padding-left:  #{$i}rem;
    padding-right:  #{$i}rem;
  }

  .py#{$i} {
    padding-top: #{$i}rem;
    padding-bottom: #{$i}rem;
  }
}