New updates.

web/themes/custom/dchadwick/components/heading/heading.component.yml

@@ -0,0 +1,16 @@
+name: Heading
+props:
+  type: object
+  required:
+    - level
+  properties:
+    level:
+      type: integer
+      title: Level
+      description: "The type of button to render"
+      # The enum directive restricts the possible values in the element to our list.
+      enum: [1, 2, 3, 4, 5, 6]
+slots:
+  text:
+    title: Heading Text
+    description: The text for the heading.

web/themes/custom/dchadwick/components/heading/heading.css

@@ -0,0 +1,34 @@
+.ib-premier-banner {
+  width: 100%;
+  height: auto;
+  display: block;
+  position: relative;
+  height: 350px;
+  overflow: hidden;
+  background: var(--site-platinum);
+}
+
+.ib-premier-banner img {
+  width: 100%;
+  display: block;
+  position: absolute;
+  bottom: 0px;
+  object-fit: cover;
+}
+
+
+.ib-premier-banner .heading-wrapper {
+  position: absolute;
+  top: 25%;
+  left: 5%;
+  background: var(--site-primary);
+  padding: 0 20px;
+  color: var(--site-white);
+}
+
+@media screen and (min-width: 1153px) {
+  .ib-premier-banner .heading-wrapper {
+    /* left: calc((100vw - 1152px) / 2); */
+    /* left: 10px; */
+  }
+}

web/themes/custom/dchadwick/components/heading/heading.twig

@@ -0,0 +1,5 @@
+<h{{ level }}>
+  {%- apply spaceless %}
+    {% block text %}{% endblock %}
+  {% endapply %}
+</h{{ level }}>