@mixin img-fluid {
  // Part 1: Set a maximum relative to the parent
  max-width: 100%;
  // Part 2: Override the height to auto, otherwise images will be stretched
  // when setting a width and height attribute on the img element.
  height: auto;
}

// Responsive images (ensure images don't scale beyond their parents)
.img-fluid {
  @include img-fluid;
}

// Unstyled keeps list items block level, just removes default browser padding and list-style
@mixin list-unstyled {
  padding-left: 0;
  list-style: none;
}

$base-font-size: 16px;

// Px TO Rem
@function rem($target, $context: $base-font-size) {
  @return ($target / $context) * 1rem;
}

@mixin pseudo() {
  content: '';
  display: block;
}

// Style the html5 input placeholder in browsers that support it.
@mixin input-placeholder {
  &.placeholder { @content; }
  &:-moz-placeholder { @content; }
  &::-moz-placeholder { @content; }
  &:-ms-input-placeholder { @content; }
  &::-webkit-input-placeholder { @content; }
}

// Studiare Button
@mixin studiare-button {
  text-align: center;
  border: 0;
  border-radius: 50px;
  padding: 9px 22px;
  vertical-align: bottom;
  //box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.10);
  text-shadow: none;
  line-height: 27px;
  display: inline-block;
  transition: all 0.2s ease-in-out;

  i {
    margin-right: 6px;
  }
}


.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}