$o-references-bp1: 500;
$o-references-bp2: 884;
$o-references-bp3: 1100;
$o-references-gap: column(0.5,12);

.o-references {
	@include vspacing('margin-top' 1);
	@include vspacing('margin-bottom' 1);
}

.o-references__main {
	@include contain;
}


.o-references__grid {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: halve(-$o-references-gap);
}

.o-references__item {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 100%;

	@include mq($max: $o-references-bp1) {
		@include owl(space(4));
	}

	@include mq($o-references-bp1) {
		flex-basis: calc(#{column(6,12)} - #{$o-references-gap});
		margin: halve($o-references-gap);
	}

	@include mq($o-references-bp2) {
		flex-basis: calc(#{column(4,12)} - #{$o-references-gap});
		margin: halve($o-references-gap);
	}

	@include mq($o-references-bp3) {
		flex-basis: calc(#{column(3,12)} - #{$o-references-gap});
	}
}

.o-references__link {
	// If link has target set it is a real link
	&:not([target]){
		pointer-events: none;
	}
}