/*=================================*/
/* WYSIWYG CTA - CSS file */
/*=================================*/


/*
* To be added in to the theme styles
*/
:root {
  --rw-grid-gap: 50px;
  --rw-grid-template-areas: ". . . .";
}
/*///
*/

.rw-grid[items="1"] .rw-grid--row {
  grid-template-areas: ".";
}
.rw-grid[items="2"] .rw-grid--row {
  grid-template-areas: ". .";
}
.rw-grid[items="3"] .rw-grid--row {
  grid-template-areas: ". . .";
}
.rw-grid[items="4"] .rw-grid--row {
  grid-template-areas: ". . . .";
}
.rw-grid[items="5"] .rw-grid--row {
  grid-template-areas: ". . . . .";
}
.rw-grid[items="6"] .rw-grid--row {
  grid-template-areas: ". . . . . .";
}
.rw-grid[items="7"] .rw-grid--row {
  grid-template-areas: ". . . . . . .";
}
.rw-grid[items="8"] .rw-grid--row {
  grid-template-areas: ". . . . . . . .";
}
.rw-grid[items="9"] .rw-grid--row {
  grid-template-areas: ". . . . . . . . .";
}
.rw-grid[items="10"] .rw-grid--row {
  grid-template-areas: ". . . . . . . . . .";
}
.rw-grid[items="11"] .rw-grid--row {
  grid-template-areas: ". . . . . . . . . . .";
}
.rw-grid[items="12"] .rw-grid--row {
  grid-template-areas: ". . . . . . . . . . . .";
}
.rw-grid--row {
  padding: calc(var(--gutter) / 4);
}

@media only screen and (min-width: 768px) {
  .rw-grid--row {
    /* max-width: 75vw;
    margin: auto; */
    display: grid;
    gap: var(--rw-grid-gap);

    /* grid-template-columns: repeat(2, 1fr); */
    /* grid-template-rows: repeat(2, 1fr);
    
    /* grid-template-areas: var(--rw-grid-template-areas); */
    /* grid-template-columns: auto; */
    /* grid-template-rows: 1fr; */
  }
  .rw-grid.rw-grid--no-gutters .rw-grid--row {
    gap: 0;
  }
  .rw-grid.container--fluid  .rw-grid--row {
    max-width: none;
  }


  .rw-grid-column[span="1"] {
    grid-column: span 1;
  }
  .rw-grid-column[span="2"] {
    grid-column: span 2;
  }
  .rw-grid-column[span="3"] {
    grid-column: span 3;
  }
}
@media only screen and (min-width: 1024px) {
  .rw-grid--row {
    padding: 0 var(--gutter);
  }
}
@media only screen and (min-width: 1280px) {
  .rw-grid--row {
    padding: 0 7.5rem;
  }
}

.rw-grid-column img {
  display: block;
  height: auto;
}

.rw-grid-column.align-top {
  align-self: start;
  justify-self: center;
}
.rw-grid-column.align-top-left {
  align-self: start;
  justify-self: start;
}
.rw-grid-column.align-top-right {
  align-self: start;
  justify-self: end;
}
.rw-grid-column.align-center {
  align-self: center;
  justify-self: center;
}
.rw-grid-column.align-center-left {
  align-self: center;
  justify-self: start;
}
.rw-grid-column.align-center-right {
  align-self: center;
  justify-self: end;
}
.rw-grid-column.align-bottom {
  align-self: end;
  justify-self: center;
}
.rw-grid-column.align-bottom-left {
  align-self: end;
  justify-self: start;
}
.rw-grid-column.align-bottom-right {
  align-self: end;
  justify-self: end;
}