@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800&display=swap);.image-component {
  margin: 0;
  width: 100%;
  position: relative; }

.common-image-component {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: var(--focal-point-x) var(--focal-point-y);
     object-position: var(--focal-point-x) var(--focal-point-y); }

.mainbanner-container .image-heading-container {
  max-width: 1300px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%; }
  @media (max-width: 768.98px) {
    .mainbanner-container .image-heading-container {
      max-width: 100vw; } }
  .mainbanner-container .image-heading-container.align-left .text-container {
    left: 1rem;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%); }
  .mainbanner-container .image-heading-container.align-left * {
    text-align: left !important; }
  .mainbanner-container .image-heading-container.align-center * {
    text-align: center !important; }
  .mainbanner-container .image-heading-container.align-right .text-container {
    right: 1rem;
    left: unset;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%); }
  .mainbanner-container .image-heading-container.align-right * {
    text-align: right !important; }
    @media (max-width: 768.98px) {
      .mainbanner-container .image-heading-container.align-right * {
        text-align: left !important; } }
  .mainbanner-container .image-heading-container .text-container {
    max-width: 40vw;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 0;
    left: 50%; }
    @media (max-width: 768.98px) {
      .mainbanner-container .image-heading-container .text-container {
        max-width: 100vw;
        width: 90vw; } }

.mainbanner-container .text-container {
  text-shadow: 1px 1px 1px #000;
  margin: 0 .25rem; }

.text-container .subtext h1,
.text-container .subtext h2,
.text-container .subtext h3,
.text-container .subtext h4,
.text-container .subtext p {
  font-size: 20px; }

.text-container h1,
.text-container h2,
.text-container h3,
.text-container h4,
.text-container p {
  text-align: center;
  font-weight: 400;
  color: #fff; }

.text-container h1 {
  font-family: 'Playfair Display', serif;
  font-size: 50px; }

.mainbanner-image {
  min-height: 350px; }
  @media (min-width: 544px) {
    .mainbanner-image {
      max-height: 380px; } }

.mainbanner-figure .common-image-filter {
  -webkit-filter: brightness(80%);
          filter: brightness(80%); }

.image-heading-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "Open Sans", arial, sans-serif;
  padding-left: 0px !important;
  /*over ride some styles*/
  width: 90%; }

.btn-invert {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-item-align: center;
      align-self: center;
  border: 2px solid white;
  background-color: unset;
  color: white;
  font-size: 18px; }

.btn-invert:hover {
  background-color: rgba(255, 255, 255, 0.7);
  border: 2px solid #e66d1c;
  color: #e66d1c; }

/*# sourceMappingURL=articleMainBanner.css.map*/