@import "../../node_modules/foundation-sites/scss/foundation";
@import "settings";

@include foundation-global-styles;
@include foundation-visibility-classes;
@include foundation-grid;
@include foundation-forms;
//@include foundation-flex-grid;
//@include foundation-flex-classes;
@include foundation-button;
@include foundation-top-bar;

@include foundation-menu;
@include foundation-menu-icon;

@include foundation-prototype-overflow;

@include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-accordion;
@include foundation-accordion-menu;

@include foundation-prototype-spacing;

//@include foundation-everything;

.top-bar-title {
  padding: 0;
}

.row:not(.expanded) .row {
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  .column, .columns {
    &.no-padding-left {
      padding-left: 0 !important;
    }

    &.no-padding-right {
      padding-right: 0 !important;
    }

    @each $size in $breakpoints {
      &.#{nth($size, 1)}-first {
        @include breakpoint(nth($size, 1)) {
          padding-left: 0 !important;
        }
      }
      &.#{nth($size, 1)}-last {
        @include breakpoint(nth($size, 1)) {
          padding-right: 0 !important;
        }
      }
    }
  }
}

.row.low-padding {
  .column, .columns {
    //&:not(:first-child)
    //{
    //}
    padding-left: 0.15rem;
    padding-right: 0.15rem;
  }
}