/*This contains the variables, functions and mixins of the v2 style that can be used on the block and page css.*/
/*$input-height-inner: add($btn-line-height * 1, $input-btn-padding-y * 2);
$input-height-inner-half: add($btn-line-height * .5, $input-btn-padding-y);
$input-height-inner-quarter: add($btn-line-height * .25, $input-btn-padding-y * .5);

$input-height: add($btn-line-height * 1, add($input-btn-padding-y * 2, 1, false));
$input-height-sm: add($btn-line-height * 1, add($input-btn-padding-y-sm * 2, 1, false));
$input-height-lg: add($btn-line-height * 1, add($input-btn-padding-y-lg * 2, 1, false));*/
.image-grid figure {
  margin: 0; }

.image-grid .caption-container {
  position: relative;
  padding: 6px 6px; }
  .image-grid .caption-container .caption-top-left {
    top: 8px;
    left: 16px;
    position: absolute; }
  .image-grid .caption-container .caption-top-right {
    top: 8px;
    right: 16px;
    position: absolute;
    position: absolute; }
  .image-grid .caption-container .caption-bottom-left {
    bottom: 8px;
    left: 16px;
    position: absolute; }
  .image-grid .caption-container .caption-bottom-right {
    bottom: 8px;
    right: 16px;
    position: absolute; }
  .image-grid .caption-container figcaption {
    font-weight: 500;
    line-height: 1rem;
    color: #fff;
    text-shadow: 2px 2px 5px #000;
    user-select: none;
    font-size: 1rem; }
  @media (min-width: 576px) {
    .image-grid .caption-container .heading-size-1 {
      font-size: 1.5rem; } }
  @media (min-width: 768px) {
    .image-grid .caption-container .heading-size-1 {
      font-size: 2.25rem; } }
  @media (min-width: 992px) {
    .image-grid .caption-container .heading-size-1 {
      font-size: 3rem; } }
  @media (min-width: 768px) {
    .image-grid .caption-container .heading-size-2 {
      font-size: 1.5rem; } }
  @media (min-width: 992px) {
    .image-grid .caption-container .heading-size-2 {
      font-size: 2rem; } }
  @media (min-width: 768px) {
    .image-grid .caption-container .heading-size-3 {
      font-size: 1.125rem; } }
  @media (min-width: 992px) {
    .image-grid .caption-container .heading-size-3 {
      font-size: 1.5rem; } }
  @media (min-width: 576px) {
    .image-grid .caption-container .heading-size-4 {
      font-size: 0.5rem; } }
  @media (min-width: 768px) {
    .image-grid .caption-container .heading-size-4 {
      font-size: 0.75rem; } }
  @media (min-width: 992px) {
    .image-grid .caption-container .heading-size-4 {
      font-size: 1rem; } }
  @media (min-width: 576px) {
    .image-grid .caption-container .heading-size-5 {
      font-size: 0.375rem; } }
  @media (min-width: 768px) {
    .image-grid .caption-container .heading-size-5 {
      font-size: 0.5625rem; } }
  @media (min-width: 992px) {
    .image-grid .caption-container .heading-size-5 {
      font-size: 0.75rem; } }