/**
 * @file
 * CSS for Saga Builder.
 */
/* div.form-item table .form-type-textfield, 
div.form-item table .form-type-textfield * {
  display: inline-block;
} */

.grid-container {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  width: 100%;
  max-width: 1200px; 
}
.grid-col {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  word-break: break-word;
}
.grid-row {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.9375em;
  width: calc(100% + 1.875em);
}
.grid-row .grid-row {
  margin: 0 -0.9375em;
  padding: 0;
}

.grid-row--background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.grid-col {
  flex-direction: column;
  margin: 0 0.9375em 1.875em;
}

.grid-col--inner {
  width: 100%;
}

.grid-row--no-gutter {
  /* margin: 0 !important; */
  /* width: 100% !important; */
}

.grid-row--no-gutter .grid-col {
  margin: 0;
}

.grid-col.xs12 {
  width: calc(100% - 1.875em);
}
.grid-col.xs11 {
  width: calc(91.666666666% - 1.875em);
}
.grid-col.xs10 {
  width: calc(83.333333333% - 1.875em);
}
.grid-col.xs9 {
  width: calc(75% - 1.875em);
}
.grid-col.xs8 {
  width: calc(66.666666666% - 1.875em);
}
.grid-col.xs7 {
  width: calc(58.333333333% - 1.875em);
}
.grid-col.xs6 {
  width: calc(50% - 1.875em);
}
.grid-col.xs5 {
  width: calc(41.666666666% - 1.875em);
}
.grid-col.xs4 {
  width: calc(33.333333333% - 1.875em);
}
.grid-col.xs3 {
  width: calc(25% - 1.875em);
}
.grid-col.xs2 {
  width: calc(16.666666666% - 1.875em);
}
.grid-col.xs1 {
  width: calc(8.3333333333% - 1.875em);
}

.grid-col.xs20 {
  width: calc(20% - 1.875em);   
}


.grid-row--no-gutter .grid-col.xs12 {
  width: calc(100%);
}
.grid-row--no-gutter .grid-col.xs11 {
  width: calc(91.666666666%);
}
.grid-row--no-gutter .grid-col.xs10 {
  width: calc(83.333333333%);
}
.grid-row--no-gutter .grid-col.xs9 {
  width: calc(75%);
}
.grid-row--no-gutter .grid-col.xs8 {
  width: calc(66.666666666%);
}
.grid-row--no-gutter .grid-col.xs7 {
  width: calc(58.333333333%);
}
.grid-row--no-gutter .grid-col.xs6 {
  width: calc(50%);
}
.grid-row--no-gutter .grid-col.xs5 {
  width: calc(41.666666666%);
}
.grid-row--no-gutter .grid-col.xs4 {
  width: calc(33.333333333%);
}
.grid-row--no-gutter .grid-col.xs3 {
  width: calc(25%);
}
.grid-row--no-gutter .grid-col.xs2 {
  width: calc(16.666666666%);
}
.grid-row--no-gutter .grid-col.xs1 {
  width: calc(8.3333333333%);
}
.grid-row--no-gutter .grid-col.xs20 {
  width: calc(20%);   
}


@media (min-width: 35.9375em) {
  .grid-col.sm12 {
    width: calc(100% - 1.875em);
  }
  .grid-col.sm11 {
    width: calc(91.666666666% - 1.875em);
  }
  .grid-col.sm10 {
    width: calc(83.333333333% - 1.875em);
  }
  .grid-col.sm9 {
    width: calc(75% - 1.875em);
  }
  .grid-col.sm8 {
    width: calc(66.666666666% - 1.875em);
  }
  .grid-col.sm7 {
    width: calc(58.333333333% - 1.875em);
  }
  .grid-col.sm6 {
    width: calc(50% - 1.875em);
  }
  .grid-col.sm5 {
    width: calc(41.666666666% - 1.875em);
  }
  .grid-col.sm4 {
    width: calc(33.333333333% - 1.875em);
  }
  .grid-col.sm3 {
    width: calc(25% - 1.875em);
  }
  .grid-col.sm2 {
    width: calc(16.666666666% - 1.875em);
  }
  .grid-col.sm1 {
    width: calc(8.3333333333% - 1.875em);
  }
  .grid-col.sm20 {
    width: calc(20% - 1.875em);   
  }
}

@media (min-width: 48em) {
  .grid-col.md12 {
    width: calc(100% - 1.875em);
  }
  .grid-col.md11 {
    width: calc(91.666666666% - 1.875em);
  }
  .grid-col.md10 {
    width: calc(83.333333333% - 1.875em);
  }
  .grid-col.md9 {
    width: calc(75% - 1.875em);
  }
  .grid-col.md8 {
    width: calc(66.666666666% - 1.875em);
  }
  .grid-col.md7 {
    width: calc(58.333333333% - 1.875em);
  }
  .grid-col.md6 {
    width: calc(50% - 1.875em);
  }
  .grid-col.md5 {
    width: calc(41.666666666% - 1.875em);
  }
  .grid-col.md4 {
    width: calc(33.333333333% - 1.875em);
  }
  .grid-col.md3 {
    width: calc(25% - 1.875em);
  }
  .grid-col.md2 {
    width: calc(16.666666666% - 1.875em);
  }
  .grid-col.md1 {
    width: calc(8.3333333333% - 1.875em);
  }
  .grid-col.md20 {
    width: calc(20% - 1.875em);   
  }

  .grid-row--no-gutter .grid-col.md12 {
    width: calc(100%);
  }
  .grid-row--no-gutter .grid-col.md11 {
    width: calc(91.666666666%);
  }
  .grid-row--no-gutter .grid-col.md10 {
    width: calc(83.333333333%);
  }
  .grid-row--no-gutter .grid-col.md9 {
    width: calc(75%);
  }
  .grid-row--no-gutter .grid-col.md8 {
    width: calc(66.666666666%);
  }
  .grid-row--no-gutter .grid-col.md7 {
    width: calc(58.333333333%);
  }
  .grid-row--no-gutter .grid-col.md6 {
    width: calc(50%);
  }
  .grid-row--no-gutter .grid-col.md5 {
    width: calc(41.666666666%);
  }
  .grid-row--no-gutter .grid-col.md4 {
    width: calc(33.333333333%);
  }
  .grid-row--no-gutter .grid-col.md3 {
    width: calc(25%);
  }
  .grid-row--no-gutter .grid-col.md2 {
    width: calc(16.666666666%);
  }
  .grid-row--no-gutter .grid-col.md1 {
    width: calc(8.3333333333%);
  }
  .grid-row--no-gutter .grid-col.md20 {
    width: calc(20%);   
  }
}



@media (min-width: 62em) {
  .grid-col.lg12 {
    width: calc(100% - 1.875em);
  }
  .grid-col.lg11 {
    width: calc(91.666666666% - 1.875em);
  }
  .grid-col.lg10 {
    width: calc(83.333333333% - 1.875em);
  }
  .grid-col.lg9 {
    width: calc(75% - 1.875em);
  }
  .grid-col.lg8 {
    width: calc(66.666666666% - 1.875em);
  }
  .grid-col.lg7 {
    width: calc(58.333333333% - 1.875em);
  }
  .grid-col.lg6 {
    width: calc(50% - 1.875em);
  }
  .grid-col.lg5 {
    width: calc(41.666666666% - 1.875em);
  }
  .grid-col.lg4 {
    width: calc(33.333333333% - 1.875em);
  }
  .grid-col.lg3 {
    width: calc(25% - 1.875em);
  }
  .grid-col.lg2 {
    width: calc(16.666666666% - 1.875em);
  }
  .grid-col.lg1 {
    width: calc(8.3333333333% - 1.875em);
  }
  .grid-col.lg20 {
    width: calc(20% - 1.875em);   
  }

  .grid-row--no-gutter .grid-col.lg12 {
    width: calc(100%);
  }
  .grid-row--no-gutter .grid-col.lg11 {
    width: calc(91.666666666%);
  }
  .grid-row--no-gutter .grid-col.lg10 {
    width: calc(83.333333333%);
  }
  .grid-row--no-gutter .grid-col.lg9 {
    width: calc(75%);
  }
  .grid-row--no-gutter .grid-col.lg8 {
    width: calc(66.666666666%);
  }
  .grid-row--no-gutter .grid-col.lg7 {
    width: calc(58.333333333%);
  }
  .grid-row--no-gutter .grid-col.lg6 {
    width: calc(50%);
  }
  .grid-row--no-gutter .grid-col.lg5 {
    width: calc(41.666666666%);
  }
  .grid-row--no-gutter .grid-col.lg4 {
    width: calc(33.333333333%);
  }
  .grid-row--no-gutter .grid-col.lg3 {
    width: calc(25%);
  }
  .grid-row--no-gutter .grid-col.lg2 {
    width: calc(16.666666666%);
  }
  .grid-row--no-gutter .grid-col.lg1 {
    width: calc(8.3333333333%);
  }
  .grid-row--no-gutter .grid-col.lg20 {
    width: calc(20%);   
  }
}



@media (min-width: 75em) {
  .grid-col.xl12 {
    width: calc(100% - 1.875em);
  }
  .grid-col.xl11 {
    width: calc(91.666666666% - 1.875em);
  }
  .grid-col.xl10 {
    width: calc(83.333333333% - 1.875em);
  }
  .grid-col.xl9 {
    width: calc(75% - 1.875em);
  }
  .grid-col.xl8 {
    width: calc(66.666666666% - 1.875em);
  }
  .grid-col.xl7 {
    width: calc(58.333333333% - 1.875em);
  }
  .grid-col.xl6 {
    width: calc(50% - 1.875em);
  }
  .grid-col.xl5 {
    width: calc(41.666666666% - 1.875em);
  }
  .grid-col.xl4 {
    width: calc(33.333333333% - 1.875em);
  }
  .grid-col.xl3 {
    width: calc(25% - 1.875em);
  }
  .grid-col.xl2 {
    width: calc(16.666666666% - 1.875em);
  }
  .grid-col.xl1 {
    width: calc(8.3333333333% - 1.875em);
  }
  .grid-col.xl20 {
    width: calc(20% - 1.875em);   
  }
}