@font-face {
    font-family: 'aurablueboldregular';
    src: url('fonts/aurablueboldregular-webfont.woff2') format('woff2'),
         url('fonts/aurablueboldregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.article-box .actions .link:after {
	-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.article-box .actions .link:hover:after {
	-webkit-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    transform: translate(5px, 0);
}

.owl-next,
.owl-prev {
	-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.owl-dots {
	display: table;
}

.owl-dot,
.relative .owl-dot {
	background: #e5e5e5;
	display: table-cell;
	width: auto;
	float: none;
}

.owl-dot.active {
	display: block;
}

.owl-next:hover {
	-webkit-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    transform: translate(5px, 0);
}

.owl-prev:hover {
	-webkit-transform: translate(-5px, 0);
    -ms-transform: translate(-5px, 0);
    transform: translate(-5px, 0);
}

.come-in {
  -webkit-transform: translateY(250px);
  -ms-transform: translateY(250px);
  transform: translateY(250px);
  animation: come-in 1s ease forwards;
}

.come-in:nth-child(odd) {
  animation-duration: 1s; /* So they look staggered */
}

.already-visible {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  animation: none;
}

@keyframes come-in {
  to { transform: translateY(0); }
}

.flowers {
	position: relative;
}

.ibg-bg {
	position: absolute;
}

.trending .col:first-child h4 {
	font-family: 'aurablueboldregular';
}

@media (min-width: 768px) {
	.trending .col:first-child h4 {
		padding-right: 27px;
		font-size: 430%;
	}
}