/*css/blocks/bento_grid/css/index.scss*/
.bento_grid--section {
 row-gap: var(--space_between, 1.5rem);
 padding-block: var(--section_padding, 3rem);
 position: relative;
}
.bento_grid--section[space-between=mini] {
 row-gap: var(--space_between-mini);
}
.bento_grid--section[space-between=xsmall] {
 row-gap: var(--space_between-xsmall);
}
.bento_grid--section[space-between=small] {
 row-gap: var(--space_between-small);
}
.bento_grid--section[space-between=medium] {
 row-gap: var(--space_between-medium);
}
.bento_grid--section[space-between=large] {
 row-gap: var(--space_between-large);
}
.bento_grid--section[space-between=xlarge] {
 row-gap: var(--space_between-xlarge);
}
.bento_grid--section[space-between=jumbo] {
 row-gap: var(--space_between-jumbo);
}
.bento_grid--row {
 --columns: 12;
 display: grid;
 grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
 gap: var(--gutter);
 /*Basic Bento Layouts*/
 /*Inset Layouts*/
 /*columns Skip Bento Layouts*/
}
.bento_grid--row[space-between=mini] {
 gap: var(--space_between-mini);
}
.bento_grid--row[space-between=xsmall] {
 gap: var(--space_between-xsmall);
}
.bento_grid--row[space-between=small] {
 gap: var(--space_between-small);
}
.bento_grid--row[space-between=medium] {
 gap: var(--space_between-medium);
}
.bento_grid--row[space-between=large] {
 gap: var(--space_between-large);
}
.bento_grid--row[space-between=xlarge] {
 gap: var(--space_between-xlarge);
}
.bento_grid--row[space-between=jumbo] {
 gap: var(--space_between-jumbo);
}
.bento_grid--row[bento-layout="1"] {
 grid-template-columns: 1fr;
}
.bento_grid--row[bento-layout="6-6"] > div:first-child {
 grid-column: 1/span 6;
}
.bento_grid--row[bento-layout="6-6"] > div:last-child {
 grid-column: span 6/-1;
}
@media (max-width: 991px) {
 .bento_grid--row[bento-layout="6-6"] > div:first-child {
  grid-column: 1/span 6;
 }
 .bento_grid--row[bento-layout="6-6"] > div:last-child {
  grid-column: span 6/-1;
 }
}
@media (max-width: 767px) {
 .bento_grid--row[bento-layout="6-6"] > div:first-child {
  grid-column: 1/-1;
 }
 .bento_grid--row[bento-layout="6-6"] > div:last-child {
  grid-column: 1/-1;
 }
}
.bento_grid--row[bento-layout="5-7"] > div:first-child {
 grid-column: 1/span 5;
}
.bento_grid--row[bento-layout="5-7"] > div:last-child {
 grid-column: span 7/-1;
}
@media (max-width: 991px) {
 .bento_grid--row[bento-layout="5-7"] > div:first-child {
  grid-column: 1/span 6;
 }
 .bento_grid--row[bento-layout="5-7"] > div:last-child {
  grid-column: span 6/-1;
 }
}
@media (max-width: 767px) {
 .bento_grid--row[bento-layout="5-7"] > div:first-child {
  grid-column: 1/-1;
 }
 .bento_grid--row[bento-layout="5-7"] > div:last-child {
  grid-column: 1/-1;
 }
}
.bento_grid--row[bento-layout="7-5"] > div:first-child {
 grid-column: 1/span 7;
}
.bento_grid--row[bento-layout="7-5"] > div:last-child {
 grid-column: span 5/-1;
}
@media (max-width: 991px) {
 .bento_grid--row[bento-layout="7-5"] > div:first-child {
  grid-column: 1/span 6;
 }
 .bento_grid--row[bento-layout="7-5"] > div:last-child {
  grid-column: span 6/-1;
 }
}
@media (max-width: 767px) {
 .bento_grid--row[bento-layout="7-5"] > div:first-child {
  grid-column: 1/-1;
 }
 .bento_grid--row[bento-layout="7-5"] > div:last-child {
  grid-column: 1/-1;
 }
}
.bento_grid--row[bento-layout="4-8"] > div:first-child {
 grid-column: 1/span 7;
}
.bento_grid--row[bento-layout="4-8"] > div:last-child {
 grid-column: span 5/-1;
}
@media (min-width: 1280px) {
 .bento_grid--row[bento-layout="4-8"] > div:first-child {
  grid-column: 1/span 4;
 }
 .bento_grid--row[bento-layout="4-8"] > div:last-child {
  grid-column: span -8;
 }
}
@media (max-width: 991px) {
 .bento_grid--row[bento-layout="4-8"] > div:first-child {
  grid-column: 1/span 6;
 }
 .bento_grid--row[bento-layout="4-8"] > div:last-child {
  grid-column: span -6;
 }
}
@media (max-width: 767px) {
 .bento_grid--row[bento-layout="4-8"] > div:first-child {
  grid-column: 1/-1;
 }
 .bento_grid--row[bento-layout="4-8"] > div:last-child {
  grid-column: 1/-1;
 }
}
.bento_grid--row[bento-layout="8-4"] > div:first-child {
 grid-column: 1/span 5;
}
.bento_grid--row[bento-layout="8-4"] > div:last-child {
 grid-column: span 7/-1;
}
@media (min-width: 1280px) {
 .bento_grid--row[bento-layout="8-4"] > div:first-child {
  grid-column: 1/span 8;
 }
 .bento_grid--row[bento-layout="8-4"] > div:last-child {
  grid-column: span -4;
 }
}
@media (max-width: 991px) {
 .bento_grid--row[bento-layout="8-4"] > div:first-child {
  grid-column: 1/span 6;
 }
 .bento_grid--row[bento-layout="8-4"] > div:last-child {
  grid-column: span -6;
 }
}
@media (max-width: 767px) {
 .bento_grid--row[bento-layout="8-4"] > div:first-child {
  grid-column: 1/-1;
 }
 .bento_grid--row[bento-layout="8-4"] > div:last-child {
  grid-column: 1/-1;
 }
}
.bento_grid--row[bento-layout="5-5"], .bento_grid--row[bento-layout="4-6"], .bento_grid--row[bento-layout="6-4"] {
 --columns: 10;
 display: grid;
 grid-column: 2/-2;
 grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
 gap: var(--gutter);
 grid-column: 3/-3;
}
@media (max-width: 991px) {
 .bento_grid--row[bento-layout="5-5"], .bento_grid--row[bento-layout="4-6"], .bento_grid--row[bento-layout="6-4"] {
  --columns: 12;
  display: grid;
  grid-column: 2/-2;
  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
  gap: var(--gutter);
 }
}
.bento_grid--row[bento-layout="5-5"] > div:first-child {
 grid-column: 1/span 5;
}
.bento_grid--row[bento-layout="5-5"] > div:last-child {
 grid-column: span 5/-1;
}
@media (max-width: 991px) {
 .bento_grid--row[bento-layout="5-5"] > div:first-child {
  grid-column: 1/span 6;
 }
 .bento_grid--row[bento-layout="5-5"] > div:last-child {
  grid-column: span 6/-1;
 }
}
@media (max-width: 767px) {
 .bento_grid--row[bento-layout="5-5"] > div:first-child {
  grid-column: 1/-1;
 }
 .bento_grid--row[bento-layout="5-5"] > div:last-child {
  grid-column: 1/-1;
 }
}
.bento_grid--row[bento-layout="4-6"] > div:first-child {
 grid-column: 1/span 4;
}
.bento_grid--row[bento-layout="4-6"] > div:last-child {
 grid-column: span 6/-1;
}
@media (max-width: 991px) {
 .bento_grid--row[bento-layout="4-6"] > div:first-child {
  grid-column: 1/span 6;
 }
 .bento_grid--row[bento-layout="4-6"] > div:last-child {
  grid-column: span 6/-1;
 }
}
@media (max-width: 767px) {
 .bento_grid--row[bento-layout="4-6"] > div:first-child {
  grid-column: 1/-1;
 }
 .bento_grid--row[bento-layout="4-6"] > div:last-child {
  grid-column: 1/-1;
 }
}
.bento_grid--row[bento-layout="6-4"] > div:first-child {
 grid-column: 1/span 6;
}
.bento_grid--row[bento-layout="6-4"] > div:last-child {
 grid-column: span 4/-1;
}
@media (max-width: 991px) {
 .bento_grid--row[bento-layout="6-4"] > div:first-child {
  grid-column: 1/span 6;
 }
 .bento_grid--row[bento-layout="6-4"] > div:last-child {
  grid-column: span 6/-1;
 }
}
@media (max-width: 767px) {
 .bento_grid--row[bento-layout="6-4"] > div:first-child {
  grid-column: 1/-1;
 }
 .bento_grid--row[bento-layout="6-4"] > div:last-child {
  grid-column: 1/-1;
 }
}
.bento_grid--row[bento-layout="5-6"] > div:first-child {
 grid-column: 1/span 5;
}
.bento_grid--row[bento-layout="5-6"] > div:last-child {
 grid-column: span 6/-1;
}
@media (max-width: 991px) {
 .bento_grid--row[bento-layout="5-6"] > div:first-child {
  grid-column: 1/span 6;
 }
 .bento_grid--row[bento-layout="5-6"] > div:last-child {
  grid-column: span 6/-1;
 }
}
@media (max-width: 767px) {
 .bento_grid--row[bento-layout="5-6"] > div:first-child {
  grid-column: 1/-1;
 }
 .bento_grid--row[bento-layout="5-6"] > div:last-child {
  grid-column: 1/-1;
 }
}
.bento_grid--row[bento-layout="6-5"] > div:first-child {
 grid-column: 1/span 6;
}
.bento_grid--row[bento-layout="6-5"] > div:last-child {
 grid-column: span 5/-1;
}
@media (max-width: 991px) {
 .bento_grid--row[bento-layout="6-5"] > div:first-child {
  grid-column: 1/span 6;
 }
 .bento_grid--row[bento-layout="6-5"] > div:last-child {
  grid-column: span 6/-1;
 }
}
@media (max-width: 767px) {
 .bento_grid--row[bento-layout="6-5"] > div:first-child {
  grid-column: 1/-1;
 }
 .bento_grid--row[bento-layout="6-5"] > div:last-child {
  grid-column: 1/-1;
 }
}
.bento_grid--row[bento-layout="4-7"] > div:first-child {
 grid-column: 1/span 5;
}
.bento_grid--row[bento-layout="4-7"] > div:last-child {
 grid-column: span 7/-1;
}
@media (min-width: 1280px) {
 .bento_grid--row[bento-layout="4-7"] > div:first-child {
  grid-column: 1/span 4;
 }
 .bento_grid--row[bento-layout="4-7"] > div:last-child {
  grid-column: span -7;
 }
}
@media (max-width: 991px) {
 .bento_grid--row[bento-layout="4-7"] > div:first-child {
  grid-column: 1/span 6;
 }
 .bento_grid--row[bento-layout="4-7"] > div:last-child {
  grid-column: span -6;
 }
}
@media (max-width: 767px) {
 .bento_grid--row[bento-layout="4-7"] > div:first-child {
  grid-column: 1/-1;
 }
 .bento_grid--row[bento-layout="4-7"] > div:last-child {
  grid-column: 1/-1;
 }
}
.bento_grid--row[bento-layout="7-4"] > div:first-child {
 grid-column: 1/span 7;
}
.bento_grid--row[bento-layout="7-4"] > div:last-child {
 grid-column: span 5/-1;
}
@media (min-width: 1280px) {
 .bento_grid--row[bento-layout="7-4"] > div:first-child {
  grid-column: 1/span 7;
 }
 .bento_grid--row[bento-layout="7-4"] > div:last-child {
  grid-column: span -4;
 }
}
@media (max-width: 991px) {
 .bento_grid--row[bento-layout="7-4"] > div:first-child {
  grid-column: 1/span 6;
 }
 .bento_grid--row[bento-layout="7-4"] > div:last-child {
  grid-column: span -6;
 }
}
@media (max-width: 767px) {
 .bento_grid--row[bento-layout="7-4"] > div:first-child {
  grid-column: 1/-1;
 }
 .bento_grid--row[bento-layout="7-4"] > div:last-child {
  grid-column: 1/-1;
 }
}

.bento_grid--row[bento-layout="13-1"] {
 grid-column: 1/span 13;
}
.bento_grid--row[bento-layout="13-1"] > div {
 grid-column: 1/-1;
}

.bento_grid--row[bento-layout="1-13"] {
 grid-column: span 13/-1;
}
.bento_grid--row[bento-layout="1-13"] > div {
 grid-column: 1/-1;
}

.bento_grid--row[bento-layout="4-5"] > div:nth-child(odd) {
 grid-column: 2/span 4;
}
@media (max-width: 991px) {
 .bento_grid--row[bento-layout="4-5"] > div:nth-child(odd) {
  grid-column: 1/span 5;
 }
}
.bento_grid--row[bento-layout="4-5"] > div:nth-child(even) {
 grid-column: span 5/-2;
}
@media (max-width: 991px) {
 .bento_grid--row[bento-layout="4-5"] > div:nth-child(even) {
  grid-column: span 6/-1;
 }
}