/* picnic css grid | picnicss.com | MIT License */

:root {
    --gutter: 2em;
    --gutter-l: 3em;
    --gutter-xl: 4em;
    --block-spacing: 2em;
    --container-width: 75rem;
}

section.sg-panel {
  margin: 0;
  padding-bottom: var(--block-spacing);
  padding-top: var(--block-spacing);
}

.sg-container {
	margin: 0 auto;
	width: 100%;
	max-width: var(--container-width);
	padding-right: 15px;
	padding-left: 15px;
}

@media screen and (min-width: 1470px) {
  .sg-container {
		padding-right: 0;
		padding-left: 0;
	}
}
  
.sg-flex {
    display: flex;
    margin-left: calc(var(--gutter) * -1);
    width: calc(100% + var(--gutter));
    flex-wrap: wrap;
    row-gap: 1em;
    transition: all 0.3s ease;
}

.sg-flex > * {
    box-sizing: border-box;
    flex: 0 1 auto !important;
    padding-left: var(--gutter);
    padding-bottom: 0;
}

.sg-gutters-large .sg-flex {
    margin-left: calc(var(--gutter-l) * -1);
    width: calc(100% + var(--gutter-l));
    row-gap: var(--gutter);
}

.sg-gutters-large .sg-flex > * {
    padding-left: var(--gutter-l);
}

.sg-gutters-xlarge .sg-flex {
    margin-left: calc(var(--gutter-xl) * -1);
    width: calc(100% + var(--gutter-xl));
    row-gap: var(--gutter);
}

.sg-gutters-xlarge .sg-flex > * {
    padding-left: var(--gutter-xl);
}

.sg-flex[class*=one] > *, .sg-flex[class*=two] > *, .sg-flex[class*=three] > *, .sg-flex[class*=four] > *, .sg-flex[class*=five] > *, .sg-flex[class*=six] > *, .sg-flex[class*=seven] > *, .sg-flex[class*=eight] > *, .sg-flex[class*=nine] > *, .sg-flex[class*=ten] > *, .sg-flex[class*=eleven] > *, .sg-flex[class*=twelve] > * {
  flex-grow: 0;
}

.sg-flex.grow > * {
  flex-grow: 1;
}

.center { justify-content: center; }
.align-middle .sg-flex { align-items: center; }
.align-top    .sg-flex { align-items: flex-start; }
.align-bottom .sg-flex { align-items: flex-end; }
.space-between .sg-flex { justify-content: space-between !important; }
.space-around .sg-flex  { justify-content: space-around !important; }
.space-evenly .sg-flex  { justify-content: space-evenly !important; }

.container-block .container-block {
  padding-left: 0;
  padding-right: 0;
}

.container-block > section {
  margin: 0 0 var(--spacing-l) 0;
  width: 100%;
}

.cell + .full-800 {
  margin: var(--spacing-l) 0 0 0;
}

.one > * {
  width: 100%;
}

.two > * {
  width: 50%;
}

.three > * {
  width: 33.33333%;
}

.four > * {
  width: 25%;
}

.five > * {
  width: 20%;
}

.six > * {
  width: 16.66666%;
}

.seven > * {
  width: 14.28571%;
}

.eight > * {
  width: 12.5%;
}

.nine > * {
  width: 11.11111%;
}

.ten > * {
  width: 10%;
}

.eleven > * {
  width: 9.09091%;
}

.twelve > * {
  width: 8.33333%;
}

@media all and (min-width: 800px) {
  .one-800 > * {
    width: 100%;
  }

  .two-800 > * {
    width: 50%;
  }

  .three-800 > * {
    width: 33.33333%;
  }

  .four-800 > * {
    width: 25%;
  }

  .five-800 > * {
    width: 20%;
  }

  .six-800 > * {
    width: 16.66666%;
  }

  .seven-800 > * {
    width: 14.28571%;
  }

  .eight-800 > * {
    width: 12.5%;
  }

  .nine-800 > * {
    width: 11.11111%;
  }

  .ten-800 > * {
    width: 10%;
  }

  .eleven-800 > * {
    width: 9.09091%;
  }

  .twelve-800 > * {
    width: 8.33333%;
  }
}

.full {
  width: 100%;
}

.half {
  width: 50%;
}

.third {
  width: 33.33333%;
}

.two-third {
  width: 66.66666%;
}

.fourth {
  width: 25%;
}

.three-fourth {
  width: 75%;
}

.fifth {
  width: 20%;
}

.two-fifth {
  width: 40%;
}

.three-fifth {
  width: 60%;
}

.four-fifth {
  width: 80%;
}

.sixth {
  width: 16.66666%;
}

@media all and (min-width: 800px) {
  .full-800 {
    width: 100%;
    display: block;
  }

  .half-800 {
    width: 50%;
    display: block;
  }

  .third-800 {
    width: 33.33333%;
    display: block;
  }

  .two-third-800 {
    width: 66.66666%;
    display: block;
  }

  .fourth-800 {
    width: 25%;
    display: block;
  }

  .three-fourth-800 {
    width: 75%;
    display: block;
  }

  .fifth-800 {
    width: 20%;
    display: block;
  }

  .two-fifth-800 {
    width: 40%;
    display: block;
  }

  .three-fifth-800 {
    width: 60%;
    display: block;
  }

  .four-fifth-800 {
    width: 80%;
    display: block;
  }

  .sixth-800 {
    width: 16.66666%;
    display: block;
  }
}

@media all and (min-width: 800px) {
  .off-none-800 {
    margin-left: 0;
  }

  .off-half-800 {
    margin-left: 50%;
  }

  .off-third-800 {
    margin-left: 33.33333%;
  }

  .off-two-third-800 {
    margin-left: 66.66666%;
  }

  .off-fourth-800 {
    margin-left: 25%;
  }

  .off-three-fourth-800 {
    margin-left: 75%;
  }

  .off-fifth-800 {
    margin-left: 20%;
  }

  .off-two-fifth-800 {
    margin-left: 40%;
  }

  .off-three-fifth-800 {
    margin-left: 60%;
  }

  .off-four-fifth-800 {
    margin-left: 80%;
  }

  .off-sixth-800 {
    margin-left: 16.66666%;
  }
}

.wp-block-sg-container.aligncenter .container-block > .sg-flex {
    justify-content: center;
}

.custom-width {
  flex: 0 1 auto !important;
}