// Box styles
.block {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  &.bg {
    background-size: cover;
    background-position: center center;
  }
}

.shadow {
  box-shadow: rgba(99, 99, 99, .25) 0px 2px 7px 0px;
  -moz-box-shadow: rgba(99, 99, 99, .25) 0px 2px 7px 0px;
  -webkit-box-shadow: rgba(99, 99, 99, .25) 0px 2px 7px 0px;
}

.rounded {
  @include border-radius('10px');
}

.overlay {
  text-align: left;
  position: absolute;
  left: $gutter * 2;
  &.top {
    top: $gutter * 2;
  }
  &.bottom {
    bottom: $gutter * 2;
  }
}

.inner {
  padding: $gutter;
}

.section-title {
  @extend .col-12;
  border: 1px dotted $theme-colour-lightest;
  border-left: 0;
  border-right: 0;
  margin: $gutter 0;
}

.border {
  border: 1px solid $theme-colour-lightest;
  &.horizontal {
    border-left: 0;
    border-right: 0;
  }
}