/* Variables =================================================== */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
.visuallyhidden {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.center {
  text-align: center;
}
/* define breakpoints here */
/* 400px */
/* 480px */
/* 640px */
/* 800px */
/* 960px */
/*
  the container for the items;
  needs a min class and a max class on it 
  - min classes: .min1, .min2, .min3
  - max classes: .max3, .max4, .max5, .max6
*/
.grid-container {
  list-style: none;
  margin: 0;
  padding: 0;
  *zoom: 1;
}
.grid-container:before,
.grid-container:after {
  display: table;
  content: " ";
}
.grid-container:after {
  clear: both;
}
/* each item */
.grid-item {
  display: inline;
  float: left;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 0.75em;
}
/* below smallest breakpoint */
.min1 .grid-item {
  width: 96%;
}
.min2 .grid-item {
  width: 46%;
}
.min3 .grid-item {
  width: 29.333%;
}
.min2 .grid-item:nth-of-type(2n+1),
.min3 .grid-item:nth-of-type(3n+1) {
  clear: left;
}
@media only screen and (min-width: 25em) {
  /* 
  max6 and max5 become 3-column, unless they have min1,
  in which case they become 2-column. All else stay at
  their minimum.
*/
  .max6 .grid-item,
  .max5 .grid-item {
    width: 29.333%;
  }
  .min1 .grid-item {
    width: 46%;
  }
  .min1 .grid-item:nth-of-type(3n+1) {
    clear: none;
  }
  .max6 .grid-item:nth-of-type(3n+1),
  .max5 .grid-item:nth-of-type(3n+1),
  .min1 .grid-item:nth-of-type(2n+1) {
    clear: left;
  }
}
@media only screen and (min-width: 30em) {
  /*
  max4 and max3 become 3-column.
*/
  .max4 .grid-item,
  .max3 .grid-item {
    width: 29.333%;
  }
  .min1 .grid-item:nth-of-type(2n+1),
  .min2 .grid-item:nth-of-type(2n+1) {
    clear: none;
  }
  .max4 .grid-item:nth-of-type(3n+1),
  .max3 .grid-item:nth-of-type(3n+1) {
    clear: left;
  }
}
@media only screen and (min-width: 40em) {
  /*
  max6 and max5 become 4-column.
*/
  .max6 .grid-item,
  .max5 .grid-item {
    width: 21%;
  }
  .max6 .grid-item:nth-of-type(3n+1),
  .max5 .grid-item:nth-of-type(3n+1),
  .max3 .grid-item:nth-of-type(3n+1) {
    clear: none;
  }
  .max6 .grid-item:nth-of-type(4n+1),
  .max5 .grid-item:nth-of-type(4n+1),
  .max3 .grid-item:nth-of-type(3n+1) {
    clear: left;
  }
}
@media only screen and (min-width: 50em) {
  /*
  max6 and max5 become 5-column. max4 becomes 4-column.
*/
  .max6 .grid-item,
  .max5 .grid-item {
    width: 16%;
  }
  .max4 .grid-item {
    width: 21%;
  }
  .max6 .grid-item:nth-of-type(4n+1),
  .max5 .grid-item:nth-of-type(4n+1),
  .max4 .grid-item:nth-of-type(3n+1) {
    clear: none;
  }
  .max6 .grid-item:nth-of-type(5n+1),
  .max5 .grid-item:nth-of-type(5n+1),
  .max4 .grid-item:nth-of-type(4n+1) {
    clear: left;
  }
}
@media only screen and (min-width: 60em) {
  /*
  max6 becomes 6-column.
*/
  .max6 .grid-item {
    width: 12.666%;
  }
  .max6 .grid-item:nth-of-type(5n+1) {
    clear: none;
  }
  .max6 .grid-item:nth-of-type(6n+1) {
    clear: left;
  }
}
.sponsors {
  margin-top: 1.5em;
}
.sponsors .grid-item {
  line-height: 1.2;
}
.sponsors .grid-item .meta {
  margin-top: 6px;
}
.site-header {
  background: #000;
  border-top: 8px solid #F6D204;
  border-bottom: 16px solid #F6D204;
}
@media only screen and (min-width: 600px) {
  .site-header {
    margin-top: 0;
  }
}
.site-footer a.btn:hover,
.site-footer a.btn:active,
.site-footer a.btn:focus {
  color: #000;
}
.footer-module .ctct-custom-form {
  min-width: 0;
  padding: 0;
  margin-bottom: 20px;
}
.footer-module .ctct-custom-form p {
  margin-bottom: 4px;
}
.footer-module .ctct-custom-form label {
  margin-bottom: 6px;
}
.footer-module .ctct-custom-form input[type="text"] {
  padding: 5px 10px;
  border-radius: 0;
}
.footer-module .ctct-custom-form .ctct-form-errorMessage {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 6px;
}
.footer-module .ctct-custom-form .ctct-form-required:before {
  content: '';
}
.home-section .slats {
  padding-top: 0;
}
.home-shows .slats .entry {
  padding-top: 1em;
  margin-bottom: 0;
}
@media only screen and (min-width: 480px) {
  .home-shows .show-image {
    margin-bottom: 0;
  }
}
.module--natural-gas {
  background: #fff;
  padding: 10px;
}
.module--natural-gas > a > img {
  width: 90px;
  height: auto;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  #main {
    min-height: 0;
  }
}
/*# sourceMappingURL=2016.css.map */