/*
Theme Name:     Newspaper Child theme
Theme URI: 		http://themeforest.net/user/tagDiv/portfolio
Description:    Child theme made by tagDiv
Author:         tagDiv
Author URI: 	http://themeforest.net/user/tagDiv/portfolio
Template:       Newspaper
Version:        9.0c
*/
/* Soda Custom v0.5
 * By Jannes & Mannes
 * Licensed under the MIT license, 2014
 * No documentation available yet.
 *
 * Based on:
 * Lemonade V2
 * By Joe Richardson (@joericho)
 * Licensed under the MIT license, 2014
 * Documentation: http://lemonade.im
 */
/**
 * Grid setup
 *
 * The grid will calculate dimensions based on these two variables:
 * $soda-columns will inform the grid loops how many columns there should be.
 * $soda-gutter will inform the grid loops how big eac column's gutters should be.
 *
 * The grid will name columns, rows, offsets based on these three variables:
 * $soda-class-row string used for the row class
 * $soda-class-col string used for the column class
 * $soda-class-off string used for the offset class
 */
*,
::after,
::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

.container {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  max-width: 110rem;
  margin: 0 auto;
}

/**
 * Grid setup
 *
 * The grid will calculate dimensions based on these two variables:
 * $soda-columns will inform the grid loops how many columns there should be.
 * $soda-gutter will inform the grid loops how big eac column's gutters should be.
 *
 * The grid will name columns, rows, offsets based on these three variables:
 * $soda-class-row string used for the row class
 * $soda-class-col string used for the column class
 * $soda-class-off string used for the offset class
 */
/**
 * Row wrapper class, flex box parent.
 */
.frame {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.container .frame {
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}

.bit-lg, .bit-md, .bit-sm, .bit-xs, .bit-xxs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.frame--direction-row {
  flex-direction: row;
}

.frame--direction-row-reverse {
  flex-direction: row-reverse;
}

.frame--direction-column {
  flex-direction: column;
}

.frame--direction-column-reverse {
  flex-direction: column-reverse;
}

/**
 * Grid setup
 *
 * The grid will calculate dimensions based on these two variables:
 * $soda-columns will inform the grid loops how many columns there should be.
 * $soda-gutter will inform the grid loops how big eac column's gutters should be.
 *
 * The grid will name columns, rows, offsets based on these three variables:
 * $soda-class-row string used for the row class
 * $soda-class-col string used for the column class
 * $soda-class-off string used for the offset class
 */
/**
 * Generate a set of grid column classes using a namespace
 *
 * .bit-[namespace] for intelligent column division
 * .bit-[namespace]-[number] for a column that covers a specific number of columns (e.g. 1-12 by default)
 * .bit-offset-[namespace]-[number] for pushing a col a specific number of columns (e.g. 1-11 by default)
 * .bit-offset-[namespace]-reset for resetting a col's offset for that and larger namespaces
 */
[class^=bit] {
  max-width: 100%;
  flex: 0 0 100%;
}

.bit-lg-12, .bit-lg-11, .bit-lg-10, .bit-lg-9, .bit-lg-8, .bit-lg-7, .bit-lg-6, .bit-lg-5, .bit-lg-4, .bit-lg-3, .bit-lg-2, .bit-lg-1, .bit-md-12, .bit-md-11, .bit-md-10, .bit-md-9, .bit-md-8, .bit-md-7, .bit-md-6, .bit-md-5, .bit-md-4, .bit-md-3, .bit-md-2, .bit-md-1, .bit-sm-12, .bit-sm-11, .bit-sm-10, .bit-sm-9, .bit-sm-8, .bit-sm-7, .bit-sm-6, .bit-sm-5, .bit-sm-4, .bit-sm-3, .bit-sm-2, .bit-sm-1, .bit-xs-12, .bit-xs-11, .bit-xs-10, .bit-xs-9, .bit-xs-8, .bit-xs-7, .bit-xs-6, .bit-xs-5, .bit-xs-4, .bit-xs-3, .bit-xs-2, .bit-xs-1, .bit-xxs-12, .bit-xxs-11, .bit-xxs-10, .bit-xxs-9, .bit-xxs-8, .bit-xxs-7, .bit-xxs-6, .bit-xxs-5, .bit-xxs-4, .bit-xxs-3, .bit-xxs-2, .bit-xxs-1, .bit-lg, .bit-md, .bit-sm, .bit-xs, .bit-xxs {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.bit-xxs-1 {
  max-width: 8.3333333333%;
  flex: 0 0 8.3333333333%;
}

.bit-xxs-2 {
  max-width: 16.6666666667%;
  flex: 0 0 16.6666666667%;
}

.bit-xxs-3 {
  max-width: 25%;
  flex: 0 0 25%;
}

.bit-xxs-4 {
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
}

.bit-xxs-5 {
  max-width: 41.6666666667%;
  flex: 0 0 41.6666666667%;
}

.bit-xxs-6 {
  max-width: 50%;
  flex: 0 0 50%;
}

.bit-xxs-7 {
  max-width: 58.3333333333%;
  flex: 0 0 58.3333333333%;
}

.bit-xxs-8 {
  max-width: 66.6666666667%;
  flex: 0 0 66.6666666667%;
}

.bit-xxs-9 {
  max-width: 75%;
  flex: 0 0 75%;
}

.bit-xxs-10 {
  max-width: 83.3333333333%;
  flex: 0 0 83.3333333333%;
}

.bit-xxs-11 {
  max-width: 91.6666666667%;
  flex: 0 0 91.6666666667%;
}

.bit-xxs-12 {
  flex: 1 1 100%;
  max-width: 100%;
}

.bit-offset-xxs-0 {
  margin-left: 0%;
}

.bit-offset-xxs-1 {
  margin-left: 8.3333333333%;
}

.bit-offset-xxs-2 {
  margin-left: 16.6666666667%;
}

.bit-offset-xxs-3 {
  margin-left: 25%;
}

.bit-offset-xxs-4 {
  margin-left: 33.3333333333%;
}

.bit-offset-xxs-5 {
  margin-left: 41.6666666667%;
}

.bit-offset-xxs-6 {
  margin-left: 50%;
}

.bit-offset-xxs-7 {
  margin-left: 58.3333333333%;
}

.bit-offset-xxs-8 {
  margin-left: 66.6666666667%;
}

.bit-offset-xxs-9 {
  margin-left: 75%;
}

.bit-offset-xxs-10 {
  margin-left: 83.3333333333%;
}

.bit-offset-xxs-11 {
  margin-left: 91.6666666667%;
}

.bit-offset-xxs-reset {
  margin-left: 0;
}

@media only screen and (min-width: 34em) {
  .bit-xs-1 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bit-xs-2 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bit-xs-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bit-xs-4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bit-xs-5 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bit-xs-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bit-xs-7 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bit-xs-8 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bit-xs-9 {
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bit-xs-10 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bit-xs-11 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bit-xs-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .bit-offset-xs-0 {
    margin-left: 0%;
  }

  .bit-offset-xs-1 {
    margin-left: 8.3333333333%;
  }

  .bit-offset-xs-2 {
    margin-left: 16.6666666667%;
  }

  .bit-offset-xs-3 {
    margin-left: 25%;
  }

  .bit-offset-xs-4 {
    margin-left: 33.3333333333%;
  }

  .bit-offset-xs-5 {
    margin-left: 41.6666666667%;
  }

  .bit-offset-xs-6 {
    margin-left: 50%;
  }

  .bit-offset-xs-7 {
    margin-left: 58.3333333333%;
  }

  .bit-offset-xs-8 {
    margin-left: 66.6666666667%;
  }

  .bit-offset-xs-9 {
    margin-left: 75%;
  }

  .bit-offset-xs-10 {
    margin-left: 83.3333333333%;
  }

  .bit-offset-xs-11 {
    margin-left: 91.6666666667%;
  }

  .bit-offset-xs-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 48em) {
  .bit-sm-1 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bit-sm-2 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bit-sm-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bit-sm-4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bit-sm-5 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bit-sm-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bit-sm-7 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bit-sm-8 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bit-sm-9 {
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bit-sm-10 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bit-sm-11 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bit-sm-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .bit-offset-sm-0 {
    margin-left: 0%;
  }

  .bit-offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .bit-offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  .bit-offset-sm-3 {
    margin-left: 25%;
  }

  .bit-offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .bit-offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  .bit-offset-sm-6 {
    margin-left: 50%;
  }

  .bit-offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .bit-offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  .bit-offset-sm-9 {
    margin-left: 75%;
  }

  .bit-offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .bit-offset-sm-11 {
    margin-left: 91.6666666667%;
  }

  .bit-offset-sm-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 64em) {
  .bit-md-1 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bit-md-2 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bit-md-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bit-md-4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bit-md-5 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bit-md-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bit-md-7 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bit-md-8 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bit-md-9 {
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bit-md-10 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bit-md-11 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bit-md-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .bit-offset-md-0 {
    margin-left: 0%;
  }

  .bit-offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .bit-offset-md-2 {
    margin-left: 16.6666666667%;
  }

  .bit-offset-md-3 {
    margin-left: 25%;
  }

  .bit-offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .bit-offset-md-5 {
    margin-left: 41.6666666667%;
  }

  .bit-offset-md-6 {
    margin-left: 50%;
  }

  .bit-offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .bit-offset-md-8 {
    margin-left: 66.6666666667%;
  }

  .bit-offset-md-9 {
    margin-left: 75%;
  }

  .bit-offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .bit-offset-md-11 {
    margin-left: 91.6666666667%;
  }

  .bit-offset-md-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 75.0625em) {
  .bit-lg-1 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bit-lg-2 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bit-lg-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bit-lg-4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bit-lg-5 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bit-lg-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bit-lg-7 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bit-lg-8 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bit-lg-9 {
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bit-lg-10 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bit-lg-11 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bit-lg-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .bit-offset-lg-0 {
    margin-left: 0%;
  }

  .bit-offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .bit-offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .bit-offset-lg-3 {
    margin-left: 25%;
  }

  .bit-offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .bit-offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .bit-offset-lg-6 {
    margin-left: 50%;
  }

  .bit-offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .bit-offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .bit-offset-lg-9 {
    margin-left: 75%;
  }

  .bit-offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .bit-offset-lg-11 {
    margin-left: 91.6666666667%;
  }

  .bit-offset-lg-reset {
    margin-left: 0;
  }
}
.bit-order-xxs-1 {
  order: 1;
}

.bit-order-xxs-2 {
  order: 2;
}

.bit-order-xxs-3 {
  order: 3;
}

.bit-order-xxs-4 {
  order: 4;
}

.bit-order-xxs-5 {
  order: 5;
}

.bit-order-xxs-6 {
  order: 6;
}

.bit-order-xxs-7 {
  order: 7;
}

.bit-order-xxs-8 {
  order: 8;
}

.bit-order-xxs-9 {
  order: 9;
}

.bit-order-xxs-10 {
  order: 10;
}

.bit-order-xxs-11 {
  order: 11;
}

.bit-offset-xxs-reset {
  margin-left: 0;
}

@media only screen and (min-width: 34em) {
  .bit-order-xs-1 {
    order: 1;
  }

  .bit-order-xs-2 {
    order: 2;
  }

  .bit-order-xs-3 {
    order: 3;
  }

  .bit-order-xs-4 {
    order: 4;
  }

  .bit-order-xs-5 {
    order: 5;
  }

  .bit-order-xs-6 {
    order: 6;
  }

  .bit-order-xs-7 {
    order: 7;
  }

  .bit-order-xs-8 {
    order: 8;
  }

  .bit-order-xs-9 {
    order: 9;
  }

  .bit-order-xs-10 {
    order: 10;
  }

  .bit-order-xs-11 {
    order: 11;
  }

  .bit-offset-xs-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 48em) {
  .bit-order-sm-1 {
    order: 1;
  }

  .bit-order-sm-2 {
    order: 2;
  }

  .bit-order-sm-3 {
    order: 3;
  }

  .bit-order-sm-4 {
    order: 4;
  }

  .bit-order-sm-5 {
    order: 5;
  }

  .bit-order-sm-6 {
    order: 6;
  }

  .bit-order-sm-7 {
    order: 7;
  }

  .bit-order-sm-8 {
    order: 8;
  }

  .bit-order-sm-9 {
    order: 9;
  }

  .bit-order-sm-10 {
    order: 10;
  }

  .bit-order-sm-11 {
    order: 11;
  }

  .bit-offset-sm-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 64em) {
  .bit-order-md-1 {
    order: 1;
  }

  .bit-order-md-2 {
    order: 2;
  }

  .bit-order-md-3 {
    order: 3;
  }

  .bit-order-md-4 {
    order: 4;
  }

  .bit-order-md-5 {
    order: 5;
  }

  .bit-order-md-6 {
    order: 6;
  }

  .bit-order-md-7 {
    order: 7;
  }

  .bit-order-md-8 {
    order: 8;
  }

  .bit-order-md-9 {
    order: 9;
  }

  .bit-order-md-10 {
    order: 10;
  }

  .bit-order-md-11 {
    order: 11;
  }

  .bit-offset-md-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 75.0625em) {
  .bit-order-lg-1 {
    order: 1;
  }

  .bit-order-lg-2 {
    order: 2;
  }

  .bit-order-lg-3 {
    order: 3;
  }

  .bit-order-lg-4 {
    order: 4;
  }

  .bit-order-lg-5 {
    order: 5;
  }

  .bit-order-lg-6 {
    order: 6;
  }

  .bit-order-lg-7 {
    order: 7;
  }

  .bit-order-lg-8 {
    order: 8;
  }

  .bit-order-lg-9 {
    order: 9;
  }

  .bit-order-lg-10 {
    order: 10;
  }

  .bit-order-lg-11 {
    order: 11;
  }

  .bit-offset-lg-reset {
    margin-left: 0;
  }
}
.flex {
  display: flex;
}

.frame--align-xxs-flex-start {
  align-items: flex-start;
}

.frame--align-xxs-flex-end {
  align-items: flex-end;
}

.frame--align-xxs-center {
  align-items: center;
}

.frame--align-xxs-baseline {
  align-items: baseline;
}

.frame--align-xxs-stretch {
  align-items: stretch;
}

.frame--justify-xxs-flex-start {
  justify-content: flex-start;
}

.frame--justify-xxs-flex-end {
  justify-content: flex-end;
}

.frame--justify-xxs-center {
  justify-content: center;
}

.frame--justify-xxs-space-around {
  justify-content: space-around;
}

.frame--justify-xxs-space-between {
  justify-content: space-between;
}

.bit--align-xxs-flex-start {
  align-self: flex-start;
}

.bit--align-xxs-flex-end {
  align-self: flex-end;
}

.bit--align-xxs-center {
  align-self: center;
}

.bit--align-xxs-baseline {
  align-self: baseline;
}

.bit--align-xxs-stretch {
  align-self: stretch;
}

@media only screen and (min-width: 34em) {
  .frame--align-xs-flex-start {
    align-items: flex-start;
  }

  .frame--align-xs-flex-end {
    align-items: flex-end;
  }

  .frame--align-xs-center {
    align-items: center;
  }

  .frame--align-xs-baseline {
    align-items: baseline;
  }

  .frame--align-xs-stretch {
    align-items: stretch;
  }

  .frame--justify-xs-flex-start {
    justify-content: flex-start;
  }

  .frame--justify-xs-flex-end {
    justify-content: flex-end;
  }

  .frame--justify-xs-center {
    justify-content: center;
  }

  .frame--justify-xs-space-around {
    justify-content: space-around;
  }

  .frame--justify-xs-space-between {
    justify-content: space-between;
  }

  .bit--align-xs-flex-start {
    align-self: flex-start;
  }

  .bit--align-xs-flex-end {
    align-self: flex-end;
  }

  .bit--align-xs-center {
    align-self: center;
  }

  .bit--align-xs-baseline {
    align-self: baseline;
  }

  .bit--align-xs-stretch {
    align-self: stretch;
  }
}
@media only screen and (min-width: 48em) {
  .frame--align-sm-flex-start {
    align-items: flex-start;
  }

  .frame--align-sm-flex-end {
    align-items: flex-end;
  }

  .frame--align-sm-center {
    align-items: center;
  }

  .frame--align-sm-baseline {
    align-items: baseline;
  }

  .frame--align-sm-stretch {
    align-items: stretch;
  }

  .frame--justify-sm-flex-start {
    justify-content: flex-start;
  }

  .frame--justify-sm-flex-end {
    justify-content: flex-end;
  }

  .frame--justify-sm-center {
    justify-content: center;
  }

  .frame--justify-sm-space-around {
    justify-content: space-around;
  }

  .frame--justify-sm-space-between {
    justify-content: space-between;
  }

  .bit--align-sm-flex-start {
    align-self: flex-start;
  }

  .bit--align-sm-flex-end {
    align-self: flex-end;
  }

  .bit--align-sm-center {
    align-self: center;
  }

  .bit--align-sm-baseline {
    align-self: baseline;
  }

  .bit--align-sm-stretch {
    align-self: stretch;
  }
}
@media only screen and (min-width: 64em) {
  .frame--align-md-flex-start {
    align-items: flex-start;
  }

  .frame--align-md-flex-end {
    align-items: flex-end;
  }

  .frame--align-md-center {
    align-items: center;
  }

  .frame--align-md-baseline {
    align-items: baseline;
  }

  .frame--align-md-stretch {
    align-items: stretch;
  }

  .frame--justify-md-flex-start {
    justify-content: flex-start;
  }

  .frame--justify-md-flex-end {
    justify-content: flex-end;
  }

  .frame--justify-md-center {
    justify-content: center;
  }

  .frame--justify-md-space-around {
    justify-content: space-around;
  }

  .frame--justify-md-space-between {
    justify-content: space-between;
  }

  .bit--align-md-flex-start {
    align-self: flex-start;
  }

  .bit--align-md-flex-end {
    align-self: flex-end;
  }

  .bit--align-md-center {
    align-self: center;
  }

  .bit--align-md-baseline {
    align-self: baseline;
  }

  .bit--align-md-stretch {
    align-self: stretch;
  }
}
@media only screen and (min-width: 75.0625em) {
  .frame--align-lg-flex-start {
    align-items: flex-start;
  }

  .frame--align-lg-flex-end {
    align-items: flex-end;
  }

  .frame--align-lg-center {
    align-items: center;
  }

  .frame--align-lg-baseline {
    align-items: baseline;
  }

  .frame--align-lg-stretch {
    align-items: stretch;
  }

  .frame--justify-lg-flex-start {
    justify-content: flex-start;
  }

  .frame--justify-lg-flex-end {
    justify-content: flex-end;
  }

  .frame--justify-lg-center {
    justify-content: center;
  }

  .frame--justify-lg-space-around {
    justify-content: space-around;
  }

  .frame--justify-lg-space-between {
    justify-content: space-between;
  }

  .bit--align-lg-flex-start {
    align-self: flex-start;
  }

  .bit--align-lg-flex-end {
    align-self: flex-end;
  }

  .bit--align-lg-center {
    align-self: center;
  }

  .bit--align-lg-baseline {
    align-self: baseline;
  }

  .bit--align-lg-stretch {
    align-self: stretch;
  }
}
/**
 * Grid setup
 *
 * The grid will calculate dimensions based on these two variables:
 * $soda-columns will inform the grid loops how many columns there should be.
 * $soda-gutter will inform the grid loops how big eac column's gutters should be.
 *
 * The grid will name columns, rows, offsets based on these three variables:
 * $soda-class-row string used for the row class
 * $soda-class-col string used for the column class
 * $soda-class-off string used for the offset class
 */
.visible-xxs {
  display: flex !important;
}

.hidden-xxs {
  display: none !important;
}

@media only screen and (min-width: 34em) {
  .visible-xxs {
    display: none !important;
  }
}
@media only screen and (min-width: 34em) and (max-width: 47.9375em) {
  .visible-xs {
    display: flex !important;
  }

  .hidden-xs {
    display: none !important;
  }
}
@media only screen and (min-width: 48em) and (max-width: 63.9375em) {
  .visible-sm {
    display: flex !important;
  }

  .hidden-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 64em) and (max-width: 75em) {
  .visible-md {
    display: flex !important;
  }

  .hidden-md {
    display: none !important;
  }
}
@media only screen and (min-width: 75.0625em) {
  .visible-lg {
    display: flex !important;
  }

  .hidden-lg {
    display: none !important;
  }
}
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.gc-product {
  border: 1px solid #ececec;
  padding: 20px;
  border-radius: 5px;
  font-size: 15px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.gc-product ul li {
  margin-bottom: 5px !important;
}
.gc-product__meta {
  display: flex;
  flex-direction: column;
}
.gc-product__label {
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 10px;
  background: forestgreen;
  color: white;
  border-bottom-left-radius: 5px;
  font-size: 13px;
}
.gc-product__title {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.gc-product__price {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px !important;
}
.gc-product__price--strikethrough {
  text-decoration: line-through;
  font-size: 14px;
}
.gc-product__price--sale {
  color: forestgreen;
}
.gc-product__button {
  display: inline-block;
  background-color: #8abc00;
  color: white;
  font-weight: bold;
  padding: 7px 20px 7px 50px;
  border-radius: 3px;
  margin-top: 10px;
  margin-left: auto;
  transition: all 0.3s;
  position: relative;
}
.gc-product__button::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 16.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM10.5 15a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm-1.336-5L7.187 3H24l-2.938 7H9.164ZM4.195 0l3.432 12h12.597l-.839 2H6.146L2.672 2H.743L0 0h4.195Z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 24px 18px;
  width: 24px;
  height: 18px;
}
.gc-product__button:hover, .gc-product__button:active {
  background-color: #9dd600;
  text-decoration: none !important;
}

.table-of-contents {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 15px;
}
.table-of-contents p {
  margin-bottom: 10px;
}
.table-of-contents ol {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}