// ==========================================================================
// Base Grid
// ==========================================================================
.section { position: relative; }

.container {
  max-width: $desktop-container;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.container-full {
  max-width: $desktop-container;
  margin-left: auto;
  margin-right: auto;
}

// Columns
.col {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
[class*="pull-"], [class*="push-"] { position: relative; }

.no-gutter {
  padding-left: 0;
  padding-right: 0;
}

.col-1 {
  width: 8.33333%;
}
.col-2 {
  width: 16.66667%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33333%;
}
.col-5 {
  width: 41.66665%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33333%;
}
.col-8 {
  width: 66.66666%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33333%;
}
.col-11 {
  width: 91.66666%;
}
.col-12 { width: 100%; }

.col-1-2 { @extend .col-6; }
.col-1-3 { @extend .col-4; }
.col-1-4 { @extend .col-3; }
.col-3-4 { @extend .col-9; }

// Push/Pull
.push-1 {
  left: 8.33333%;
}
.pull-1 {
  left: -8.33333%;
}
.push-2 {
  left: 16.66667%;
}
.pull-2 {
  left: -16.66667%;
}
.push-3 {
  left: 25%;
}
.pull-3 {
  left: -25%;
}
.push-4 {
  left: 33.33333%;
}
.pull-4 {
  left: -33.33333%;
}
.push-5 {
  left: 41.66665%;
}
.pull-5 {
  left: -41.66665%;
}
.push-6 {
  left: 50%;
}
.pull-6 {
  left: -50%;
}
.push-7 {
  left: 58.33333%;
}
.pull-7 {
  left: -58.33333%;
}
.push-8 {
  left: 66.66666%;
}
.pull-8 {
  left: -66.66666%;
}
.push-9 {
  left: 75%;
}
.pull-9 {
  left: -75%;
}
.push-10 {
  left: 83.33333%;
}
.pull-10 {
  left: -83.33333%;
}
.push-11 {
  left: 91.66666%;
}
.pull-11 {
  left: -91.66666%;
}

.push-1-2 { @extend .push-6; }
.pull-1-2 { @extend .pull-6; }
.push-1-3 { @extend .push-4; }
.pull-1-3 { @extend .pull-4; }
.push-1-4 { @extend .push-3; }
.pull-1-4 { @extend .pull-3; }
.push-3-4 { @extend .push-9; }
.pull-3-4 { @extend .pull-9; }

// Rows
.row {
  padding: 1em 1.5em;
  max-width: 1300px;
  margin: 0 auto;
}

.no-desktop { display: none; }

// Remove Margin / Padding
.no-margin { margin: 0; }
.no-padding { padding: 0; }

.relative{position: relative;}
ul.itemlist > li, ul.relatedlist> li{
    &:nth-of-type(n) {clear: none;}
}

@import "../_desktop-styles"; // Import Custom Desktop Styles