/*
  This file contains all the base styling for sass files. Pulling in all the 
  necessary variables and mixins but does not actually output anything so is
  safe to use as a base for other css files without adding excessive weight
*/
/*********************
BREAKPOINTS
*********************/
/*
  screen-tiny: 321 - 320
  screen-xs: 480px - 767px
  screen-sm: 768px - 969px
  screen-md: 970px - 1199px
  screen-lg: 1200px
*/
/*********************
Placeholder
*********************/
/*********************
VENDOR PREFIX
*********************/
.node-component-collection {
  margin-bottom: 6px;
}

@media screen and (min-width:768px) {
  .node-component-collection {
    margin: 0 -3px;
    margin-bottom: 6px;
  }
  .not-front .node-component-collection {
    margin: 0 auto;
    margin-bottom: 6px;
  }
}

.node-component-collection .field-column-components {
  width: 100%;
  float: left;
  display: block;
  margin-bottom: 6px;
}

@media screen and (min-width:768px) {
  .node-component-collection.layout-2-1-1 .layout-inner-wrap .field-column-components {
    width: 50%;
  }
  .node-component-collection.layout-2-1-1 .layout-inner-wrap .field-column-components:first-child {
    width: 100%;
  }
}

@media screen and (min-width:970px) {
  .node-component-collection.layout-1-1-2 .layout-inner-wrap,.node-component-collection.layout-1-2 .layout-inner-wrap,.node-component-collection.layout-1-2-1 .layout-inner-wrap,.node-component-collection.layout-1-3 .layout-inner-wrap,.node-component-collection.layout-2-1 .layout-inner-wrap,.node-component-collection.layout-2-1-1 .layout-inner-wrap,.node-component-collection.layout-3 .layout-inner-wrap,.node-component-collection.layout-3-1 .layout-inner-wrap,.node-component-collection .table-row-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .not-front .node-component-collection.layout-1-1-2 .layout-inner-wrap,.not-front .node-component-collection.layout-1-2 .layout-inner-wrap,.not-front .node-component-collection.layout-1-2-1 .layout-inner-wrap,.not-front .node-component-collection.layout-1-3 .layout-inner-wrap,.not-front .node-component-collection.layout-2-1 .layout-inner-wrap,.not-front .node-component-collection.layout-2-1-1 .layout-inner-wrap,.not-front .node-component-collection.layout-3 .layout-inner-wrap,.not-front .node-component-collection.layout-3-1 .layout-inner-wrap,.not-front .node-component-collection .table-row-wrapper {
    margin: 0 -10px;
  }
  .node-component-collection.layout-1-1-2 .layout-inner-wrap > .field-component-show-title,.node-component-collection.layout-1-2 .layout-inner-wrap > .field-component-show-title,.node-component-collection.layout-1-2-1 .layout-inner-wrap > .field-component-show-title,.node-component-collection.layout-1-3 .layout-inner-wrap > .field-component-show-title,.node-component-collection.layout-2-1 .layout-inner-wrap > .field-component-show-title,.node-component-collection.layout-2-1-1 .layout-inner-wrap > .field-component-show-title,.node-component-collection.layout-3 .layout-inner-wrap > .field-component-show-title,.node-component-collection.layout-3-1 .layout-inner-wrap > .field-component-show-title,.node-component-collection .table-row-wrapper > .field-component-show-title {
    width: 100%;
  }
  .node-component-collection .field-column-components-display,.node-component-collection.layout-1-1-2 .layout-inner-wrap .field-column-components,.node-component-collection.layout-1-2 .field-column-components,.node-component-collection.layout-1-2-1 .layout-inner-wrap .field-column-components,.node-component-collection.layout-1-3 .field-column-components,.node-component-collection.layout-2-1 .field-column-components,.node-component-collection.layout-2-1-1 .layout-inner-wrap .field-column-components,.node-component-collection.layout-3 .field-column-components,.node-component-collection.layout-3-1 .field-column-components {
    display: block;
    position: relative;
    vertical-align: top;
    float: none;
    overflow: hidden;
    padding: 0 3px;
  }
  .not-front .node-component-collection .field-column-components-display,.not-front .node-component-collection.layout-1-1-2 .layout-inner-wrap .field-column-components,.not-front .node-component-collection.layout-1-2 .field-column-components,.not-front .node-component-collection.layout-1-2-1 .layout-inner-wrap .field-column-components,.not-front .node-component-collection.layout-1-3 .field-column-components,.not-front .node-component-collection.layout-2-1 .field-column-components,.not-front .node-component-collection.layout-2-1-1 .layout-inner-wrap .field-column-components,.not-front .node-component-collection.layout-3 .field-column-components,.not-front .node-component-collection.layout-3-1 .field-column-components {
    padding-left: 10px;
    padding-right: 10px;
  }
  .ff .node-component-collection .field-column-components-display .node,.ff .node-component-collection .field-column-components-display .node-component-carousel.display-type-half-width,.ff .node-component-collection.layout-1-1-2 .layout-inner-wrap .field-column-components .node,.ff .node-component-collection.layout-1-1-2 .layout-inner-wrap .field-column-components .node-component-carousel.display-type-half-width,.ff .node-component-collection.layout-1-2 .field-column-components .node,.ff .node-component-collection.layout-1-2 .field-column-components .node-component-carousel.display-type-half-width,.ff .node-component-collection.layout-1-2-1 .layout-inner-wrap .field-column-components .node,.ff .node-component-collection.layout-1-2-1 .layout-inner-wrap .field-column-components .node-component-carousel.display-type-half-width,.ff .node-component-collection.layout-1-3 .field-column-components .node,.ff .node-component-collection.layout-1-3 .field-column-components .node-component-carousel.display-type-half-width,.ff .node-component-collection.layout-2-1 .field-column-components .node,.ff .node-component-collection.layout-2-1 .field-column-components .node-component-carousel.display-type-half-width,.ff .node-component-collection.layout-2-1-1 .layout-inner-wrap .field-column-components .node,.ff .node-component-collection.layout-2-1-1 .layout-inner-wrap .field-column-components .node-component-carousel.display-type-half-width,.ff .node-component-collection.layout-3 .field-column-components .node,.ff .node-component-collection.layout-3 .field-column-components .node-component-carousel.display-type-half-width,.ff .node-component-collection.layout-3-1 .field-column-components .node,.ff .node-component-collection.layout-3-1 .field-column-components .node-component-carousel.display-type-half-width {
    margin-bottom: -9999px;
    padding-bottom: 9999px;
  }
  .node-component-collection .field-column-components {
    margin-bottom: 0;
  }
  .node-component-collection.layout-2 .field-column-components {
    width: 50%;
  }
  .node-component-collection.layout-3 .field-column-components {
    width: 33%;
  }
  .node-component-collection.layout-3-1 .field-column-components,.node-component-collection.layout-4 .field-column-components {
    width: 25%;
  }
  .node-component-collection.layout-1-3 .field-column-components,.node-component-collection.layout-3-1 .field-column-components:first-child {
    width: 75%;
  }
  .node-component-collection.layout-1-3 .field-column-components:first-child,.node-component-collection.layout-2-1-1 .layout-inner-wrap .field-column-components {
    width: 25%;
  }
  .node-component-collection.layout-2-1-1 .layout-inner-wrap .field-column-components:first-child {
    width: 50%;
  }
  .node-component-collection.layout-2-1 .field-column-components {
    width: 33%;
  }
  .node-component-collection.layout-1-2 .field-column-components,.node-component-collection.layout-2-1 .field-column-components:first-child {
    width: 66%;
  }
  .node-component-collection.layout-1-2 .field-column-components:first-child {
    width: 33%;
  }
  .node-component-collection.layout-1-1-2 .layout-inner-wrap .field-column-components {
    width: 25%;
  }
  .node-component-collection.layout-1-1-2 .layout-inner-wrap .field-column-components:last-child {
    width: 50%;
  }
  .node-component-collection.layout-1-2-1 .layout-inner-wrap .field-column-components {
    width: 25%;
  }
  .node-component-collection.layout-1-2-1 .layout-inner-wrap .field-column-components:nth-child(2) {
    width: 50%;
  }
}