/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/fullwidth-text-block/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.fullwidth-text-block {
  overflow-x: hidden;
  padding-left: 7%;
  padding-right: 7%;
}
.fullwidth-text-block .container {
  padding-top: 45px;
}
@media (min-width: 800px) {
  .fullwidth-text-block .container {
    padding-top: 95px;
  }
}
@media (min-width: 1196px) {
  .fullwidth-text-block .container {
    max-width: 1074px;
  }
}
.fullwidth-text-block .container h2 {
  display: block;
}
@media (min-width: 800px) {
  .fullwidth-text-block .container h2 {
    margin-bottom: 40px;
  }
}
.fullwidth-text-block .container h2 a {
  font-family: "IBM Plex Sans";
  color: #0021a5;
  text-decoration: none;
}
.fullwidth-text-block .container h2 a:hover, .fullwidth-text-block .container h2 a:focus {
  text-decoration: underline;
  color: #000;
}
.fullwidth-text-block .container .intro {
  display: block;
  font-size: 22px;
  line-height: 32px;
  color: #343741;
  font-family: "IBM Plex Sans";
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .fullwidth-text-block .container .intro {
    margin-bottom: 40px;
    font-size: 26px;
    line-height: 38px;
  }
}
.fullwidth-text-block .container p {
  display: block;
}

.fullwidth-text-block img.alignleft {
  float: left;
  margin-right: 10px;
}

.fullwidth-text-block img.alignright {
  float: right;
  margin-left: 10px;
}

.fullwidth-text-block iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: unset;
}

/*# sourceMappingURL=style-index.css.map*/