/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/* ------------------------------------------------------------ *\
	Variables
\* ------------------------------------------------------------ */
.wp-block-cgb-block-acta-basic-hero {
  background-color: #F8F7F5;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 450px;
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: -50vw;
  padding-left: 50vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: center;
      justify-content: center; }
  .wp-block-cgb-block-acta-basic-hero h2 {
    font: 700 58px Quattrocento, "Times New Roman", serif;
    color: #1F1C1C;
    margin-bottom: 24px; }
  .wp-block-cgb-block-acta-basic-hero p {
    font: 18px/1.55 Inter, Helvetica, sans-serif;
    color: #131415;
    max-width: calc(100% - 650px - 150px); }
    .wp-block-cgb-block-acta-basic-hero p:first-child {
      font: 24px/1.3 Quattrocento, "Times New Roman", serif; }

@media (max-width: 1440px) {
  .wp-block-cgb-block-acta-basic-hero {
    background-size: 350px;
    padding-top: 50px;
    padding-bottom: 50px; }
    .wp-block-cgb-block-acta-basic-hero p {
      max-width: calc(100% - 350px - 50px); } }

@media (max-width: 992px) {
  .wp-block-cgb-block-acta-basic-hero {
    background-image: unset !important;
    margin-right: -50vw;
    padding-right: 50vw; }
    .wp-block-cgb-block-acta-basic-hero p {
      max-width: unset; } }