/* 
Global override
--------------------------- 
*/
.logo__main {
  display: none;
}

.footer__logo .logo__main {
  display: block;
}

@media (width < 64em) {
  .footer__top {
    gap: unset;
  }
}

@media (max-width: 449px) {
  .hero-marketing-logo {
    visibility: hidden;
  }
}

.padding-area-mark {
  margin-top: 2rem;
  padding-top: unset;
}
@media (max-width: 450px) {
  .padding-area-mark {
    margin-top: 1rem;
  }
}
@media (max-width: 48em) {
  .padding-area-mark { /* 64em */
    padding-top: unset;
  }
}
@media (max-width: 48em) {
  .padding-area-mark .feature-alt-marketing .title-center {
    margin-top: 2px !important;
  }
}

.hero-marketing--full .hero-marketing__content {
  padding-left: 1rem !important; /* added from above */
}
@media (width < 64em) {
  .hero-marketing--full .hero-marketing__content { /* max-width: 64em */
    justify-content: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
    width: 100% !important;
  }
}

/* 
This overrides umass-extra-css.css
--------------------------- 
*/
.marketing-new-layout .title-center, .feature-alt-marketing .title-center {
  font-family: var(--sans-serif) !important; /* var(--serif) !important; */
  padding-left: 0;
  /* 
  @media (width = 844px) {
      margin-top: 4em !important;
  } 
  */
}
@media (width > 48em) {
  .marketing-new-layout .title-center, .feature-alt-marketing .title-center {
    margin-top: 0 !important;
  }
}
@media (min-width: 64em) {
  .marketing-new-layout .title-center, .feature-alt-marketing .title-center {
    font-family: var(--sans-serif) !important; /* var(--serif) !important; */
  }
}
@media (width < 64em) {
  .marketing-new-layout .title-center, .feature-alt-marketing .title-center {
    display: block;
    font-size: var(--size-step-1);
    font-weight: 600;
    margin-bottom: 1em;
  }
}

.marketing-new-layout {
  /* 
  .hero-marketing__content {
      .hero-marketing__title {
          @media (width < 64em) {
              margin-left: unset;
          }
      }
  } 
  */
}
.marketing-new-layout.feature-alt-marketing > :nth-child(1) > :nth-child(1) {
  order: 0;
}
.marketing-new-layout.feature-alt-marketing > :nth-child(1) > :nth-child(2) {
  order: -1;
  padding-bottom: 0; /* 1em */
}

.feature-alt-marketing > .flow {
  /* 
  .facts-new-updated-wrapper {
      @media (max-width: 64em) {
          order: 2;
      }
  } 
  */
}
@media (max-width: 64em) {
  .feature-alt-marketing > .flow {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 64em) {
  .feature-alt-marketing > .flow .js-form {
    order: 2 !important;
  }
}
@media (max-width: 64em) {
  .feature-alt-marketing > .flow > #section-id-marketing {
    order: 2;
    padding-bottom: 1em;
  }
}
@media (width > 64em) {
  .feature-alt-marketing > .flow > .title-center { /* max-width:  */
    display: block !important;
    font-family: var(--sans-serif) !important;
    font-weight: 600;
    order: 1;
    /* padding-bottom: 1em; */
    text-align: left;
  }
}
@media (max-width: 64em) {
  .feature-alt-marketing > .flow > p, .feature-alt-marketing > .flow > h3, .feature-alt-marketing > .flow > ul {
    order: 3;
  }
}
@media (width < 64em) {
  .feature-alt-marketing > .flow .padding-flow {
    margin-top: unset !important;
    margin-bottom: 2em;
  }
}

/* 
MKT: Overview and Form - Short content layout
--------------------------- 
*/
.hero-marketing__title {
  max-width: 100vw !important;
  text-align: center;
}

.js-form {
  /* .js-form:has(.button ~ .button) .button */
}
@media (min-width: 530px) and (max-width: 64em) {
  .js-form { /* 501/1023 */
    display: inline-flex;
  }
}
@media (min-width: 530px) and (max-width: 64em) {
  .js-form .button { /* 501/1023 */
    width: 60%; /* 275px */
  }
}
@media (min-width: 530px) and (max-width: 64em) {
  .js-form:has(.button ~ .button) .button { /* 501/1023 */
    width: 40%;
  }
}
@media (min-width: 530px) and (max-width: 64em) {
  .js-form p:first-of-type { /* 501/1023 */
    padding-right: 1em;
  }
}

@media (max-width: 64em) {
  .js-form-mobile .js-form div.form div form {
    padding: clamp(2rem, 1.8rem + 0.98vw, 2.5rem);
  }
}

/* 
custom css
--------------------------- 
*/
@media (max-width: 64em) {
  .relative-form-area.invert.bg-blue.border-radius.p-l { /* 1023ox */
    padding: unset;
    margin-bottom: -25px;
  }
}

/* 
UMB logo with blue U
--------------------------- 
*/
.umb-tag {
  --umb-blue: #006491;
  /*
  * Overall component size.
  */
  width: min(100%, 180px);
  height: 96px;
  position: absolute;
  top: 5px; /* 15px */
  left: 0;
  z-index: 100;
  /*
  * The important change:
  * actual padding around the SVG.
  */
  padding: 10px; /* 18px */
  padding-right: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: var(--umb-blue);
  /*
  * Square left side,
  * rounded right side.
  */
  border-radius: 0 999px 999px 0;
  overflow: hidden;
}
@media (max-width: 449px) {
  .umb-tag {
    width: 138px !important; /*  changed from 141 */
    height: 70px; /* 80px */
    padding: 10px;
    padding-right: 15px; /* 20px */
    /* border: 1px solid red !important;  */
  }
}

.umb-tag__logo {
  /*
  * Fill the available height INSIDE
  * the 4px container padding.
  */
  display: block;
  width: auto;
  height: 100%;
  max-width: 100%;
  /*
  * The SVG paths use currentColor.
  */
  color: #fff;
}


.slide-cta-marketing p {
  max-width: unset;
}