/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/bootstrap/_variables.scss
 */
.paragraph--type--background-image.blogVariant2 .fullwidth-paragraph {
  position: relative;
}
.paragraph--type--background-image.blogVariant2 .fullwidth-paragraph-color {
  min-height: 410px;
}
@media all and (min-width: 1068px) {
  .paragraph--type--background-image.blogVariant2 .fullwidth-paragraph-color {
    min-height: 480px;
  }
}
@media all and (min-width: 1339px) {
  .paragraph--type--background-image.blogVariant2 .fullwidth-paragraph-color {
    min-height: 670px;
  }
}
@media all and (min-width: 1900px) {
  .paragraph--type--background-image.blogVariant2 .fullwidth-paragraph-color {
    min-height: 730px;
  }
}
@media all and (min-width: 2800px) {
  .paragraph--type--background-image.blogVariant2 .fullwidth-paragraph-color {
    min-height: 1260px;
  }
}
@media (min-width: 1025px) {
  .paragraph--type--background-image.blogVariant2 .fullwidth-paragraph-color {
    background-image: none !important;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.paragraph--type--background-image.blogVariant2 .outter-pg-wrapper {
  position: relative;
}
@media all and (min-width: 1023px) {
  .paragraph--type--background-image.blogVariant2 .inner-pg-wrapper {
    min-height: 480px;
  }
}
@media all and (min-width: 1339px) {
  .paragraph--type--background-image.blogVariant2 .inner-pg-wrapper {
    min-height: 670px;
  }
}
@media all and (min-width: 1900px) {
  .paragraph--type--background-image.blogVariant2 .inner-pg-wrapper {
    min-height: 730px;
  }
}
@media all and (min-width: 2800px) {
  .paragraph--type--background-image.blogVariant2 .inner-pg-wrapper {
    min-height: 1260px;
  }
}
@media all and (max-width: 767px) {
  .paragraph--type--background-image.blogVariant2 .content-wrapper {
    padding: 20px 20px 0;
    width: 90%;
  }
}
.paragraph--type--background-image.blogVariant2 .content-box {
  margin: 16px auto 0;
}
@media (min-width: 992px) {
  .paragraph--type--background-image.blogVariant2 .content-box {
    margin: 15% 0;
    padding: 0;
    width: 613px;
  }
}
.paragraph--type--background-image.fullWidthNormal.withOverlay .fullwidth-paragraph {
  margin-top: 50px;
  position: relative;
}
.paragraph--type--background-image.fullWidthNormal.withOverlay .outter-pg-wrapper {
  min-height: 587px !important;
}
.paragraph--type--background-image.fullWidthNormal.withOverlay .inner-pg-wrapper {
  /* align-items: flex-start !important; */
  min-height: 587px !important;
}
.paragraph--type--background-image.fullWidthNormal.withOverlay .main-title-wrapper {
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
  margin: 26px auto;
  /* text-align: center; */
}
@media (min-width: 768px) {
  .paragraph--type--background-image.fullWidthNormal.withOverlay .main-title-wrapper {
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 22px;
    margin-top: 25px;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--background-image.fullWidthNormal.withOverlay .main-title-wrapper {
    font-size: 52px;
    line-height: 60px;
    margin-bottom: 30px;
    margin-top: 35px;
    width: 509px;
  }
}