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

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

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


.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__body {
	display: inline-block;
}


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