/*!
 * Start Bootstrap - 4 Col Portfolio (https://startbootstrap.com/template-overviews/4-col-portfolio)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-4-col-portfolio/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.portfolio-item {
  margin-bottom: 30px;
}

.pagination {
  margin-bottom: 30px;
}
.card-image-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* padding-bottom: 62.5%;  */
}
.card-image {
	width: 100%;
	height: 100%;
	position: absolute;
}
.abs-left-top {
    position: absolute;
    left: 0.5rem;
    top: 0.25rem;
}
.abs-right-top {
    position: absolute;
    right: 0.5rem;
    top: 0.25rem;
}
.abs-left-bottom {
    position: absolute;
    left: 0.5rem;
    bottom: 0.25rem;
}
.abs-right-bottom {
    position: absolute;
    right: 0.5rem;
    bottom: 0.25rem;
}
.text-teaser {
    margin-bottom: 2rem;
}
.badge-video-box {
	font-weight: 600;
	color: #fff;
	background-color: #336fa2;
}
.badge-video-box-red {
    font-weight: 500;
    color: #fff;
    background-color: var(--red);
}
.bottom-0100-em {
	bottom: 1em;
}
.bottom-0075-em {
	bottom: 0.75em;
}
.bottom-0050-em {
	bottom: 0.5em;
}
.bottom-0025-em {
	bottom: 0.25em;
}
.bottom-0010s-em {
	bottom: 0.1em;
}

.top-0100-em {
    top: 1em;
}
.top-0075-em {
    top: 0.75em;
}
.top-0050-em {
    top: 0.5em;
}
.top-0025-em {
    top: 0.25em;
}
.top-0010s-em {
    top: 0.1em;
}

.left-0100-em {
    left: 1em;
}
.left-0075-em {
    left: 0.75em;
}
.left-0050-em {
    left: 0.5em;
}
.left-0025-em {
    left: 0.25em;
}
.left-0010s-em {
    left: 0.1em;
}
.right-0100-em {
    right: 1em;
}
.right-0075-em {
    right: 0.75em;
}
.right-0050-em {
    right: 0.5em;
}
.right-0025-em {
    right: 0.25em;
}
.right-0010s-em {
    right: 0.1em;
}