/*
  Introduction Header

  Introduction Header Section for Components (includes eyebrow, header/intro text, and paragraphs)

  Styleguide 8
*/
/*
	Variable - Align Left (default), Align Center (option)

	.align-center - {text-align: center !important;}

	Markup:
	<div class="desktop-spacer-40px mobile-spacer-20px"></div>
  <div class="intro-header {{modifier_class}}">
    <div class="container">
      <div class="row">
        <div class="col-xs-12">
          <div class="splunk2-eyebrow">Eyebrow Text Option Ipsum</div>
          <div class="header splunk2-h2">Header - Accordion example for full screen (no sidenav)</div>
          <p>Paragraph text option Lorem Ipsum</p>
        </div>
      </div>
    </div>
  </div>
  <div class="desktop-spacer-40px mobile-spacer-20px"></div>

	Styleguide 8.1
*/
.intro-header h1.splunk2-eyebrow,
.intro-header h2.splunk2-eyebrow,
.intro-header h3.splunk2-eyebrow,
.intro-header h4.splunk2-eyebrow,
.intro-header h5.splunk2-eyebrow,
.intro-header h6.splunk2-eyebrow {
  margin-top: 0px;
  margin-bottom: 0px;
}
.column .intro-header .container {
  width: 100%;
}