/* 1. Background Color Override */
.header_6_icon_text .background {
    /* Hides the div containing the large background image URL */
    display: none !important; 
}

.header_6_icon_text {
    /* Sets the desired solid background color on the main section */
    background-color: #DFF5C0;
}

/* 2. Image Spacing and Sizing */
.header-symbol {
    /* FIX CUTOFF: Pushes the image container down */
    margin-top: 50px; /* Adjust this value (e.g., 20px, 100px) until the logo is no longer cut off */
    /* Adds space BELOW the logo to separate it from the text */
    margin-bottom: 20px;
/* NEW: PULL THE BLOCK TO THE LEFT */
    /* -1ch is roughly equivalent to one character width in the current font. */
    margin-left: -1.5ch;}

.header-symbol img {
    /* Responsive sizing: 30% of the container width, up to 300px max */
    width: 57%; 
    max-width: 400px; /* Limits the size on large screens */
    height: auto; 
}

/* 3. Text & Heading Cleanup */
/* Hides the empty H1 element */
.col-xs-12.text-left h1 {
    display: none;
}
/* Ensure the H2 (your date/location text) has proper spacing */
.col-xs-12.text-left h2 {
    margin-top: 0;
    margin-bottom: 30px; /* Add space below the date text */
}
/* 4. Cleanup (Hiding the empty H1) */
.col-xs-12.text-left h1 {
    display: none;
}
/* SEO swap for H1/H2 */
.header_6_icon_text h1.xxsm {
    font-size: 2.6rem;
    line-height: 1.307693;
    margin: 2rem 0;
}
.header_6_icon_text h2.xxlg {
  font-size: 4rem;
  line-height: 1.05;
  margin: 2rem 0;
}
@media(max-width: 991px) {
  .header_6_icon_text h1.xxsm {
    font-size: 1.7rem;
    line-height: 1.307693;
    margin: 2rem 0;
  }
  .header_6_icon_text h2.xxlg {
    font-size: 2.6rem;
    line-height: 1.307693;
    margin: 2rem 0;
  }
  .header_6_icon_text h2.xxsm {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
}
/* SEO swap for H1/H2 */

.header_6_icon_text {
  padding: 40px 0 60px;
  min-height: 300px;
}
.header_6_icon_text .font-weight-300 {
  font-weight: 300 !important;
}
.header_6_icon_text.header-only {
  height: 300px;
}
.header_6_icon_text.header-only .container {
  top: 50%;
  transform: translateY(-50%);
}
.header_6_icon_text .header-symbol img{
  max-width: 100%;
  margin-top: 20px;
}
.header_6_icon_text .pre-header {
  display: block;
  line-height: 25px;
  padding: 5px 0 10px;
  font-weight: 600;
  font-size: 40%;
}
.header_6_icon_text .header-buttons > .btn,
.header_6_icon_text .header-buttons > .btn-ghost{
  margin: 15px 5px 15px 5px;
}

@media(max-width: 767px) {
  .header_6_icon_text.header-only {
    height: auto;
  }
  .header_6_icon_text.header-only .container {
    top: 0;
    transform: translateY(0);
  }
  .header_6_icon_text {
    padding: 20px 0 40px;
    min-height: 0;
  }
  .header_6_icon_text .header-symbol,
  .header_6_icon_text.contact-height .header-symbol {
    margin-top: 0;
  }
  .header_6_icon_text.verticals {
    height: auto;
    padding: 90px 0;
  }
}

@media(max-width: 576px) {
	.header_6_icon_text h1.xxlg{
    font-size: 27px; /* I know I shouldn't be using hardcoded px but we need to make some adjustments so we can be more precise with EMs/REMs */
  }
  .header_6_icon_text h2{
    font-size: 16px; /* I know I shouldn't be using hardcoded px but we need to make some adjustments so we can be more precise with EMs/REMs */
  }
  .header_6_icon_text .btn,
  .header_6_icon_text .btn-ghost{
    width: 80%;
    margin: 20px auto 0;
  }
}