// Component settings: Callout bar
// ------------------------------------------

$o-callout-bar: (
	'color':  		palette(text),
	'bgcolor':  	palette(neutral),
);

// ------------------------------------------


.o-callout-bar {
	@include hyphenate;
	color: map-get($o-callout-bar, 'color');
	background-color: map-get($o-callout-bar, 'bgcolor');
  text-align: center;
}

.o-callout-bar__main {
	@include contain;
  @include vspacing(
    'padding-top' 1,
    'padding-bottom' 1
  );

	// Vertical spacing for elements that proceed another element
	& > * + * {
		@include vspacing(
				'margin-top' 0.5
		);
	}
}

.o-callout-bar__heading {
	@include font-size(xl);
}