/** OVERLAY CASE CLASSES **/
.overlay-case {
  position: relative;
  display: flex;
  width: 100%;
  margin-bottom: 5rem; }
  .overlay-case picture {
    z-index: 0;
    width: 100%; }
  @media (max-width: 991.98px) {
    .overlay-case {
      width: 100%;
      margin-bottom: 5rem;
      margin-top: -1.5rem;
      height: auto !important; }
      .overlay-case picture {
        width: -moz-fit-content;
        width: fit-content; } }

@media (max-width: 991.98px) {
  .overlay-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center !important;
    width: 100%; } }

.mainTextContainer-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25rem;
  padding: 3rem 2rem 2rem;
  margin-top: -2rem; }
  @media (max-width: 991.98px) {
    .mainTextContainer-overlay {
      display: flex;
      flex-direction: column;
      position: relative;
      align-items: center;
      width: 100% !important;
      padding: 2rem 1rem; }
      .mainTextContainer-overlay h2 {
        margin: 0;
        color: #fff; } }

.heading-overlay {
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding: 0.5rem 2rem; }
  .heading-overlay h2 {
    margin: 0;
    font-size: 2.3rem;
    color: #fff; }
  @media (max-width: 991.98px) {
    .heading-overlay {
      height: -moz-fit-content !important;
      height: fit-content !important;
      width: -moz-fit-content !important;
      width: fit-content !important;
      max-width: unset;
      padding: 0.5rem 1rem;
      background: #444;
      text-align: center;
      margin-bottom: 0.5rem;
      z-index: 2; }
      .heading-overlay h2 {
        margin: 0;
        font-size: 1.25rem;
        color: #fff; } }

.textBody-overlay p span {
  background-color: unset; }

.overlayBg {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 8rem 0; }
  @media (max-width: 991.98px) {
    .overlayBg {
      background-image: none !important;
      padding: unset; } }

@media (max-width: 991.98px) {
  .overlayBgMobile {
    display: block;
    width: 100%;
    height: 18rem;
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat; } }

@media (max-width: 543.98px) {
  .overlayBgMobile {
    height: 14rem; } }

@media (min-width: 821px) {
  .overlayBgMobile {
    display: none; } }

@media (min-width: 821px) and (max-width: 990px) {
  .overlayBgMobile {
    display: block !important;
    width: 100%;
    height: 20rem;
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat; } }

/** BELOW CASE CLASSES **/
.below-case {
  width: 100%;
  margin-bottom: 5rem; }
  .below-case.border-case {
    border: solid 3px #f9f9f9; }
  .below-case picture {
    width: -moz-fit-content;
    width: fit-content; }

.mainTextContainer-below {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  width: 100%;
  padding: 2rem;
  min-height: 15rem;
  height: -moz-fit-content;
  height: fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content; }
  .mainTextContainer-below h2 {
    background-color: unset;
    padding-left: 0.75rem;
    font-size: 2.3rem;
    margin: 0;
    color: #fff; }

.heading-below {
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  transform: translateY(-50%);
  top: 0;
  padding: 0.5rem 1rem;
  background: #444;
  text-align: center;
  margin-bottom: 1rem; }
  .heading-below h2,
  .heading-below p {
    margin: 0;
    font-size: 1.25rem;
    color: #fff; }

.bgImage {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 10rem; }

.textBody-below {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 1.5rem; }
  .textBody-below h4 {
    background-color: unset;
    font-size: 1.375rem; }
  .textBody-below p {
    background-color: unset;
    font-size: 1rem; }
  .textBody-below ul {
    background-color: unset;
    padding-left: 0.75rem;
    font-size: 1rem; }

/** CLASSES THAT APPLY TO BOTH CASES **/
.shopNowBtn {
  border: none;
  padding: 0.25rem 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 1.5px;
  font-size: 0.75rem;
  margin-top: 1rem;
  transition: 0.3s; }

.shopNowBtnRed {
  background-color: #c00;
  color: #fff;
  border: solid 0.5px #000; }

.shopNowBtnRed:hover {
  background-color: #444; }

.shopNowBtnOutline {
  background-color: transparent;
  color: #444;
  border: 1px solid #444; }

.shopNowBtnOutline:hover {
  background-color: #444;
  color: #fff; }

.bodyBackground {
  background: rgba(255, 255, 255, 0.85); }
  @media (max-width: 991.98px) {
    .bodyBackground {
      z-index: 0; } }

.noBodyBackground {
  color: #333 !important;
  margin-top: 0.25rem; }
  .noBodyBackground :is(h1, h2, h3, h4, h5, h6) {
    color: #333 !important; }
  .noBodyBackground p {
    color: #333 !important; }
  .noBodyBackground ul {
    padding-left: 0.75rem; }
  @media (max-width: 991.98px) {
    .noBodyBackground :is(h1, h2, h3) {
      font-size: 2.25rem !important; } }

.headingBackground {
  background: #444; }

@media (min-width: 992px) {
  .noHeadingBackground :is(h1, h2, h3, h4, h5, h6) {
    color: #444; } }

.no-heading-case {
  border-top: 1px solid #ccc;
  text-align: left;
  padding: unset !important; }

.boxAlignment {
  display: flex;
  flex-direction: column; }

.experience-customImageAndText a:hover {
  text-decoration: none; }

.experience-customImageAndText ul {
  padding-left: 1rem;
  font-size: 1.125rem;
  list-style-position: outside; }

.experience-customImageAndText p {
  font-size: 1.125rem; }

@media (max-width: 991.98px) {
  .unsetWidths {
    width: -moz-fit-content !important;
    width: fit-content !important;
    max-width: unset !important; } }

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