/*global block styles*/

.f {
  display: flex;
  flex-direction: row;
}
.f-sb {
  justify-content: space-between;
}
/*80 styles */

.mission {
  padding: calc(var(--gap)*2) var(--gap);
  background-image: url(/content/themes/loveinc/assets/img/logos/mark-white.svg), linear-gradient(to right, var(--accent-color) 20%, var(--accent-color-alt-2) 50%);
  background-repeat: no-repeat, no-repeat;
  background-position: center left, bottom left;
  color: white;
  display: flex;
  align-items: center;
  flex-direction: column;
  min-height: 360px;
  background-blend-mode: overlay;
  justify-content: center;
  background-size: 35%, 100%;
}
.mission .block-inner {
  display: flex;
  flex-direction: row;
  gap: var(--gap);
  align-items: center;
  justify-content: center;
}
.mission .block-inner h1 {
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}
.mission .block-inner > div {
  width: calc(100%/3);
}
@media screen and (min-width:768px) and (max-width:1024px) {
  
}
@media screen and (max-width:767px) {
  .mission {
    padding: 0;
    background-image: url(/content/themes/loveinc/assets/img/logos/mark-white.svg), linear-gradient(to bottom, var(--accent-color) 20%, var(--accent-color-alt-2) 50%);
    background-size: 85%, 100%;
    background-position: -160% -10%;
    min-height: auto;
  }
  .mission .block-inner {
    flex-direction: column;
    padding: 2rem;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.65), transparent);
    background-position: 0;
  }
  .mission .block-inner > div {
    width: 100%;
    text-align: center;
  }
  .mission .block-inner > div h1,
  .mission .block-inner > div h2 {
    margin: 0;
  }
}
/*checking for variables*/

/* PATTERN= \/\*(?<var>[a-zA-Z0-9\\_]+)\=(?<styles>.*)\*\/ */

/* MATCHES FOUND=1*/