/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2748a5");
/* Bourbon font face mixins */
@font-face {
  font-family: NewsGothicBT-Roman;
  font-weight: normal;
  font-style: normal;
  src: url("../font/2748A5_0_0.eot");
  src: url("../font/2748A5_0_0.eot?#iefix") format("embedded-opentype"),
    url("../font/2748A5_0_0.woff") format("woff"),
    url("../font/2748A5_0_0.ttf") format("truetype"),
    url("../font/2748A5_0_0.svg#NewsGothicBT-Roman") format("svg");
}

@font-face {
  font-family: NewsGothicBT-Italic;
  font-weight: normal;
  font-style: normal;
  src: url("../font/2748A5_1_0.eot");
  src: url("../font/2748A5_1_0.eot?#iefix") format("embedded-opentype"),
    url("../font/2748A5_1_0.woff") format("woff"),
    url("../font/2748A5_1_0.ttf") format("truetype"),
    url("../font/2748A5_1_0.svg#NewsGothicBT-Italic") format("svg");
}

@font-face {
  font-family: NewsGothicBT-Bold;
  font-weight: normal;
  font-style: normal;
  src: url("../font/2748A5_2_0.eot");
  src: url("../font/2748A5_2_0.eot?#iefix") format("embedded-opentype"),
    url("../font/2748A5_2_0.woff") format("woff"),
    url("../font/2748A5_2_0.ttf") format("truetype"),
    url("../font/2748A5_2_0.svg#NewsGothicBT-Bold") format("svg");
}

@font-face {
  font-family: NewsGothicBT-BoldItalic;
  font-weight: normal;
  font-style: normal;
  src: url("../font/2748A5_3_0.eot");
  src: url("../font/2748A5_3_0.eot?#iefix") format("embedded-opentype"),
    url("../font/2748A5_3_0.woff") format("woff"),
    url("../font/2748A5_3_0.ttf") format("truetype"),
    url("../font/2748A5_3_0.svg#NewsGothicBT-BoldItalic") format("svg");
}

@font-face {
  font-family: NewsGothicBT-BoldCondensed;
  font-weight: normal;
  font-style: normal;
  src: url("../font/2748A5_4_0.eot");
  src: url("../font/2748A5_4_0.eot?#iefix") format("embedded-opentype"),
    url("../font/2748A5_4_0.woff") format("woff"),
    url("../font/2748A5_4_0.ttf") format("truetype"),
    url("../font/2748A5_4_0.svg#NewsGothicBT-BoldCondensed") format("svg");
}

@font-face {
  font-family: NewsGothicBT-ExtraCondensed;
  font-weight: normal;
  font-style: normal;
  src: url("../font/2748A5_5_0.eot");
  src: url("../font/2748A5_5_0.eot?#iefix") format("embedded-opentype"),
    url("../font/2748A5_5_0.woff") format("woff"),
    url("../font/2748A5_5_0.ttf") format("truetype"),
    url("../font/2748A5_5_0.svg#NewsGothicBT-ExtraCondensed") format("svg");
}

@font-face {
  font-family: NewsGothicBT-BoldExtraCondensed;
  font-weight: normal;
  font-style: normal;
  src: url("../font/2748A5_6_0.eot");
  src: url("../font/2748A5_6_0.eot?#iefix") format("embedded-opentype"),
    url("../font/2748A5_6_0.woff") format("woff"),
    url("../font/2748A5_6_0.ttf") format("truetype"),
    url("../font/2748A5_6_0.svg#NewsGothicBT-BoldExtraCondensed") format("svg");
}

@font-face {
  font-family: NewsGothicBT-Condensed;
  font-weight: normal;
  font-style: normal;
  src: url("../font/NewsGothCnBT.eot");
  src: url("../font/NewsGothCnBT.eot?#iefix") format("embedded-opentype"),
    url("../font/NewsGothCnBT.woff") format("woff"),
    url("../font/NewsGothCnBT.ttf") format("truetype"),
    url("../font/NewsGothCnBT.svg#NewsGothicBT-Condensed") format("svg");
}

@font-face {
  font-family: Outage;
  font-weight: normal;
  font-style: normal;
  src: url("../font/outage-webfont.eot");
  src: url("../font/outage-webfont.eot?#iefix") format("embedded-opentype"),
    url("../font/outage-webfont.woff") format("woff"),
    url("../font/outage-webfont.ttf") format("truetype"),
    url("../font/outage-webfont.svg#Outage") format("svg");
}

@font-face {
  font-family: BlanchCapsInline;
  font-weight: normal;
  font-style: normal;
  src: url("../font/blanch_caps_inline-webfont.eot");
  src: url("../font/blanch_caps_inline-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../font/blanch_caps_inline-webfont.woff") format("woff"),
    url("../font/blanch_caps_inline-webfont.ttf") format("truetype"),
    url("../font/blanch_caps_inline-webfont.svg#BlanchCapsInline") format("svg");
}

@font-face {
  font-family: Homestead;
  font-weight: normal;
  font-style: normal;
  src: url("../font/homestead.eot");
  src: url("../font/homestead.eot?#iefix") format("embedded-opentype"),
    url("../font/homestead.woff") format("woff"),
    url("../font/homestead.ttf") format("truetype"),
    url("../font/homestead.svg#Homestead") format("svg");
}

/* Font names */
.ngbt-r {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

.ngbt-i {
  font-family: NewsGothicBT-Italic, sans-serif;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

.ngbt-b {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

.ngbt-bi {
  font-family: NewsGothicBT-BoldItalic, sans-serif;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

.ngbt-bc {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

.ngbt-ec {
  font-family: NewsGothicBT-ExtraCondensed, sans-serif;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

.ngbt-bec {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

.out {
  font-family: Outage, sans-serif;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

.bla-ci {
  font-family: BlanchCapsInline, sans-serif;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

.hmst {
  font-family: Homestead, sans-serif;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

/* Text styles */
.in-text-title {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333333;
  text-transform: none;
}

.large-title {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 50px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 68px;
  color: #09c8c6;
  text-transform: uppercase;
  text-shadow: 0px -1px 0px #079d9d;
}

.copy-large {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 24px;
  color: #333333;
}

.copy-title {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333333;
  text-transform: none;
}

.copy-small {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 21px;
  color: #333333;
}

/* Headings */
.subhead {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 32px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}
.subhead > span {
  font-family: NewsGothicBT-ExtraCondensed, sans-serif;
  font-size: 32px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #636363;
}

.subhead-light {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 22px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #636363;
}

.subhead-bn {
  font-family: NewsGothicBT-BoldItalic, sans-serif;
  font-size: 21px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
  text-transform: capitalize;
}

.subhead-vn {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 80px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

.subhead-mdy {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 30px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

.subhead-label {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333333;
}

.note {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 21px;
  color: #333333;
  font-size: 14px !important;
  margin-bottom: 10px;
}

#site-title {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

.black {
  background-color: #000;
}

.grey1 {
  background-color: #e0e0e0;
}

.grey2 {
  background-color: #636363;
}

.grey3 {
  color: #333333;
}

.white {
  background-color: #fff;
}

.green1 {
  background-color: #8cd419;
}

.green2 {
  background-color: #008280;
}

.aqua {
  background-color: #09c8c6;
}

.orange {
  background-color: #eb8300;
}

.purple {
  background-color: #7e0f8d;
}

.pink {
  background-color: #f26d7d;
}

.black-gr {
  background-color: #000;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#000),
    to(#474847)
  );
  background-image: linear-gradient(to top, #000, #474847);
}

.black-gr-trans {
  background-color: rgba(0, 0, 0, 0.2);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.2)),
    to(rgba(0, 0, 0, 0.5))
  );
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.5)
  );
}

.black-gr-trans-dk {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.3)),
    to(rgba(0, 0, 0, 0.7))
  );
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.3),
    rgba(0, 0, 0, 0.7)
  );
}

.grey1-gr {
  background-color: #e0e0e0;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#e0e0e0),
    to(#f2f2f2)
  );
  background-image: linear-gradient(to top, #e0e0e0, #f2f2f2);
}

.grey2-gr {
  background-color: #4c4c4c;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#4c4c4c),
    to(#626262)
  );
  background-image: linear-gradient(to top, #4c4c4c, #626262);
}

.green1-gr {
  background-color: #71b30e;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#71b30e),
    to(#8bd218)
  );
  background-image: linear-gradient(to top, #71b30e, #8bd218);
}

.aqua-gr {
  background-color: #38b1b0;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#38b1b0),
    to(#09c6c4)
  );
  background-image: linear-gradient(to top, #38b1b0, #09c6c4);
}

.blackText {
  color: #000;
}

.grey1Text {
  color: #e0e0e0;
}

.grey2Text {
  color: #636363;
}

.grey3Text {
  color: #333333;
}

.whiteText {
  color: #fff;
}

.green1Text {
  color: #8cd419;
}

.green2Text {
  color: #008280;
}

.aquaText {
  color: #09c8c6;
}

.orangeText {
  color: #eb8300;
}

.orange2Text {
  color: #b16200;
}

.purpleText {
  color: #7e0f8d;
}

.pinkText {
  color: #f26d7d;
}

.pink2Text {
  color: #b75662;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  box-sizing: border-box;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}

.noUi-stacking + .noUi-origin {
  /* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
  *z-index: -1;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

.noUi-horizontal.noUi-extended {
  padding: 0 15px;
}

.noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

.noUi-vertical.noUi-extended {
  padding: 15px 0;
}

.noUi-vertical.noUi-extended .noUi-origin {
  bottom: -15px;
}

/* Styling;
 */
.noUi-background {
  background: #fafafa;
  box-shadow: inset 0 1px 1px #f0f0f0;
}

.noUi-connect {
  background: #3fb8af;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}

.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbb;
}

/* Handles and cursors;
 */
.noUi-dragable {
  cursor: w-resize;
}

.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}

.noUi-handle {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  cursor: default;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}

.noUi-active {
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Blocked state;
 */
.noUi-state-blocked.noUi-connect,
.noUi-state-blocked .noUi-connect {
  background: #4fdacf;
}

/* ---- CUSTOM STYLES ---- */
/* button ui slider styles */
.noUi-labal {
  list-style: none;
  width: 100%;
  display: table;
  width: 100%;
  padding: 0;
}

.noUi-labal li {
  color: #333333;
  display: table-cell;
  padding: 0 !important;
}

.noUi-target {
  border: 1px solid #c0c0c0;
  margin: 0 3.8% 0 1.5%;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}

.noUi-handle {
  border-radius: 50%;
}

.noUi-horizontal {
  height: 14px;
  margin-bottom: 40px;
}

.noUi-horizontal .noUi-handle {
  width: 33px;
  height: 32px;
  top: -8px;
}

.noUi-connect {
  background: url(../images/shows/connect.png) repeat-x 0 0;
  box-shadow: none;
}

/* Handle stripes;
 */
.noUi-handle:before {
  content: none;
}

.noUi-handle:after {
  background: transparent url(../images/shows/hand.png) no-repeat 0 0;
  height: 23px;
  width: 18px;
  left: 5px;
  top: 4px;
}

.hand-together .noUi-handle:after {
  background-image: url(../images/shows/hand-together.png);
}

.style-guide {
  /* Styleguide Section Nav/Footer Phase 1 */
  /* Styleguide Sections */
  /* !! one off for styleguide, not used in development*/
}
.style-guide #nav-footer-p1 {
  background-color: #f2f2f2;
}
.style-guide .styleguide-section {
  padding: 30px 0;
}
.style-guide .styleg-label {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}
.style-guide .styleguide-heading {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 48px;
  font-weight: normal;
  margin: 0 0 30px 0;
  padding: 0;
  line-height: 1;
  color: #000;
  letter-spacing: 2px;
  text-shadow: 0 1px 0 #fff;
  background-color: #f2f2f2;
  padding: 63px 73px;
  font-weight: normal;
  word-break: break-all;
}
.style-guide .styleguide-subtitle {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 24px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: solid 1px #000;
}
.style-guide .feature-wrap {
  padding: 10px 0;
  box-shadow: 0 0px 11px 1px #e0e0e0;
  margin-bottom: 60px;
  background: #fff;
}
.style-guide .navbar .button.secondary {
  margin-top: 28px;
}
.style-guide .component {
  margin: 0 0 40px 0;
}
.style-guide .component.buttons li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
.style-guide .component.typography ul {
  margin-top: 30px;
}
.style-guide .component.typography li {
  padding: 2px 0;
}
.style-guide .component.typography .waterfall li {
  display: inline-block;
  width: 50%;
  float: left;
  font-size: 16px;
}
.style-guide .component.typography .copy li[class^="copy-"] {
  margin-bottom: 20px;
}
.style-guide .hgroup {
  width: 100%;
  float: left;
  margin: 0 0 60px 0;
}
.style-guide .component.additional {
  width: 100%;
  display: block;
  float: left;
}
.style-guide .component.color .colorcols li {
  float: left;
  display: block;
  width: 25%;
}
.style-guide .component.color .color-bar {
  margin: 10px 0;
  height: 30px;
}
.style-guide .component.color .color-bar span {
  display: block;
  width: 16.66%;
  float: left;
  height: 30px;
}
.style-guide .component.color .color-bar.color-bar-sec {
  height: 20px;
}
.style-guide .component.color .color-bar.color-bar-sec span {
  width: 25%;
  height: 20px;
}
.style-guide .text-variants {
  float: left;
}
.style-guide .text-variants ul {
  float: left;
  width: 16.66%;
}
.style-guide .text-variants ul li {
  width: 16.66%;
  display: inline-block;
}
.style-guide .display-group {
  margin: 10px 0;
}
.style-guide .lead {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 0;
  font-weight: normal;
  margin: 0;
  padding: 18px;
  line-height: 24px;
  color: #333333;
}
.style-guide .onblack {
  border-radius: 10px;
  background-color: #000;
  padding: 20px;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}
.style-guide .pull-left-col {
  width: 50%;
  display: block;
  float: left;
  margin: 0;
}

/* end of one offs for style guide */
/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  background: white;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  color: #222222;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Links ---------------------- */
a img {
  border: none;
}

a {
  color: #2ba6cb;
  text-decoration: none;
  line-height: inherit;
}

a:hover {
  color: #2795b6;
}

a:focus {
  color: #2795b6;
}

p a,
p a:visited {
  line-height: inherit;
}

/* Misc ---------------------- */
.left {
  float: left;
}

.right {
  float: right;
}

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

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

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

.hide {
  display: none;
}

.hide-override {
  display: none !important;
}

.highlight {
  background: #ffff99;
}

#googlemap img,
object,
embed {
  max-width: none;
}

#map_canvas embed {
  max-width: none;
}

#map_canvas img {
  max-width: none;
}

#map_canvas object {
  max-width: none;
}

/* Reset for strange margins by default on <figure> elements */
figure {
  margin: 0;
}

/* Base Type Styles Using Modular Scale ---------------------- */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  font-size: 14px;
  direction: ltr;
}

p {
  font-family: inherit;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 17px;
}

p.lead {
  font-size: 17.5px;
  line-height: 1.6;
  margin-bottom: 17px;
}

aside p {
  font-size: 13px;
  line-height: 1.35;
  font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #222222;
  text-rendering: optimizeLegibility;
  line-height: 1.1;
  margin-bottom: 14px;
  margin-top: 14px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-size: 60%;
  color: #6f6f6f;
  line-height: 0;
}

h1 {
  font-size: 44px;
}

h2 {
  font-size: 37px;
}

h3 {
  font-size: 27px;
}

h4 {
  font-size: 23px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 14px;
}

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 22px 0 21px;
  height: 0;
}

.subheader {
  line-height: 1.3;
  color: #6f6f6f;
  font-weight: 300;
  margin-bottom: 17px;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 60%;
  line-height: inherit;
}

code {
  font-weight: bold;
  background: #ffff99;
}

/* Lists ---------------------- */
ul,
ol,
dl {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 17px;
  list-style-position: outside;
}

ul li ul,
ul li ol {
  margin-left: 20px;
  margin-bottom: 0;
}

ul.square,
ul.circle,
ul.disc {
  margin-left: 17px;
}

ul.square {
  list-style-type: square;
}

ul.square li ul {
  list-style: inherit;
}

ul.circle {
  list-style-type: circle;
}

ul.circle li ul {
  list-style: inherit;
}

ul.disc {
  list-style-type: disc;
}

ul.disc li ul {
  list-style: inherit;
}

ul.no-bullet {
  list-style: none;
}

ul.large li {
  line-height: 21px;
}

ol {
  margin-left: 20px;
}

ol li ul,
ol li ol {
  margin-left: 20px;
  margin-bottom: 0;
}

/* Blockquotes ---------------------- */
blockquote,
blockquote p {
  line-height: 1.5;
  color: #6f6f6f;
}

blockquote {
  margin: 0 0 17px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd;
}

blockquote cite {
  display: block;
  font-size: 13px;
  color: #555555;
}

blockquote cite:before {
  content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited {
  color: #555555;
}

abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px solid #ddd;
  cursor: help;
}

abbr {
  text-transform: none;
}

/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .hide-on-print {
    display: none !important;
  }
  .print-only {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  .show-for-print {
    display: inherit !important;
  }
}

/* Requires globals.css */
/* Standard Forms ---------------------- */
form {
  margin: 0 0 19.41641px;
}

.row form .row {
  margin: 0 -6px;
}

.row form .row .column,
.row form .row .columns {
  padding: 0 6px;
}

.row form .row.collapse {
  margin: 0;
}

.row form .row.collapse .column,
.row form .row.collapse .columns {
  padding: 0;
}

label {
  font-size: 14px;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: 500;
  margin-bottom: 3px;
}

label.right {
  float: none;
  text-align: right;
}

label.inline {
  line-height: 32px;
  margin: 0 0 12px 0;
}

.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  height: 32px;
  line-height: 31px;
}

a.button.prefix,
a.button.postfix {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

span.prefix,
span.postfix {
  background: #f2f2f2;
  border: 1px solid #cccccc;
}

.prefix {
  left: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  overflow: hidden;
}

.postfix {
  right: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* Form elements located in base css */
/* Correct FF custom dropdown height */
@-moz-document url-prefix() {
  form.custom div.custom.dropdown a.selector {
    height: 28px;
  }
}

.lt-ie9 form.custom div.custom.dropdown a.selector {
  height: 28px;
}

/* The Grid ---------------------- */
.row {
  width: 940px;
  max-width: 100%;
  min-width: 768px;
  margin: 0 auto;
}

.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px;
}

.row.collapse .column,
.row.collapse .columns {
  padding: 0;
}

.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px;
}

.row .row.collapse {
  margin: 0;
}

.column,
.columns {
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
}

.column.centered,
.columns.centered {
  float: none;
  margin: 0 auto;
}

[class*="column"] + [class*="column"].end {
  float: left;
}

.one,
.row .one {
  width: 8.33333%;
}

.two,
.row .two {
  width: 16.66667%;
}

.three,
.row .three {
  width: 25%;
}

.four,
.row .four {
  width: 33.333333%;
}

.five,
.row .five {
  width: 41.66667%;
}

.six,
.row .six {
  width: 50%;
}

.seven,
.row .seven {
  width: 58.33333%;
}

.eight,
.row .eight {
  width: 66.66667%;
}

.nine,
.row .nine {
  width: 75%;
}

.ten,
.row .ten {
  width: 83.33333%;
}

.eleven,
.row .eleven {
  width: 91.66667%;
}

.twelve,
.row .twelve {
  width: 100%;
}

.row .offset-by-one {
  margin-left: 8.33333%;
}

.row .offset-by-two {
  margin-left: 16.66667%;
}

.row .offset-by-three {
  margin-left: 25%;
}

.row .offset-by-four {
  margin-left: 33.33333%;
}

.row .offset-by-five {
  margin-left: 41.66667%;
}

.row .offset-by-six {
  margin-left: 50%;
}

.row .offset-by-seven {
  margin-left: 58.33333%;
}

.row .offset-by-eight {
  margin-left: 66.66667%;
}

.row .offset-by-nine {
  margin-left: 75%;
}

.row .offset-by-ten {
  margin-left: 83.33333%;
}

.push-two {
  left: 16.66667%;
}

.pull-two {
  right: 16.66667%;
}

.push-three {
  left: 25%;
}

.pull-three {
  right: 25%;
}

.push-four {
  left: 33.33333%;
}

.pull-four {
  right: 33.33333%;
}

.push-five {
  left: 41.66667%;
}

.pull-five {
  right: 41.66667%;
}

.push-six {
  left: 50%;
}

.pull-six {
  right: 50%;
}

.push-seven {
  left: 58.33333%;
}

.pull-seven {
  right: 58.33333%;
}

.push-eight {
  left: 66.66667%;
}

.pull-eight {
  right: 66.66667%;
}

.push-nine {
  left: 75%;
}

.pull-nine {
  right: 75%;
}

.push-ten {
  left: 83.33333%;
}

.pull-ten {
  right: 83.33333%;
}

img {
  height: auto;
}

img,
object,
embed {
  max-width: 100%;
}

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
.map_canvas img {
  max-width: none !important;
}

/* Nicolas Gallagher's micro clearfix */
.row {
  *zoom: 1;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid {
  display: block;
  overflow: hidden;
  padding: 0;
}

.block-grid > li {
  display: block;
  height: auto;
  float: left;
}

.block-grid.one-up {
  margin: 0;
}

.block-grid.one-up > li {
  width: 100%;
  padding: 0 0 15px;
}

.block-grid.two-up {
  margin: 0 -15px;
}

.block-grid.two-up > li {
  width: 50%;
  padding: 0 15px 15px;
}

.block-grid.two-up > li:nth-child(2n + 1) {
  clear: both;
}

.block-grid.three-up {
  margin: 0 -12px;
}

.block-grid.three-up > li {
  width: 33.33333%;
  padding: 0 12px 12px;
}

.block-grid.three-up > li:nth-child(3n + 1) {
  clear: both;
}

.block-grid.four-up {
  margin: 0 -10px;
}

.block-grid.four-up > li {
  width: 25%;
  padding: 0 10px 10px;
}

.block-grid.four-up > li:nth-child(4n + 1) {
  clear: both;
}

.block-grid.five-up {
  margin: 0 -8px;
}

.block-grid.five-up > li {
  width: 20%;
  padding: 0 8px 8px;
}

.block-grid.five-up > li:nth-child(5n + 1) {
  clear: both;
}

.block-grid.six-up {
  margin: 0 -8px;
}

.block-grid.six-up > li {
  width: 16.66667%;
  padding: 0 8px 8px;
}

.block-grid.six-up > li:nth-child(6n + 1) {
  clear: both;
}

.block-grid.seven-up {
  margin: 0 -8px;
}

.block-grid.seven-up > li {
  width: 14.28571%;
  padding: 0 8px 8px;
}

.block-grid.seven-up > li:nth-child(7n + 1) {
  clear: both;
}

.block-grid.eight-up {
  margin: 0 -8px;
}

.block-grid.eight-up > li {
  width: 12.5%;
  padding: 0 8px 8px;
}

.block-grid.eight-up > li:nth-child(8n + 1) {
  clear: both;
}

.block-grid.nine-up {
  margin: 0 -8px;
}

.block-grid.nine-up > li {
  width: 11.11111%;
  padding: 0 8px 8px;
}

.block-grid.nine-up > li:nth-child(9n + 1) {
  clear: both;
}

.block-grid.ten-up {
  margin: 0 -8px;
}

.block-grid.ten-up > li {
  width: 10%;
  padding: 0 8px 8px;
}

.block-grid.ten-up > li:nth-child(10n + 1) {
  clear: both;
}

.block-grid.eleven-up {
  margin: 0 -8px;
}

.block-grid.eleven-up > li {
  width: 9.09091%;
  padding: 0 8px 8px;
}

.block-grid.eleven-up > li:nth-child(11n + 1) {
  clear: both;
}

.block-grid.twelve-up {
  margin: 0 -8px;
}

.block-grid.twelve-up > li {
  width: 8.33333%;
  padding: 0 8px 8px;
}

.block-grid.twelve-up > li:nth-child(12n + 1) {
  clear: both;
}

/* Normal Buttons ---------------------- */
/* relocated to sass button module */
.nav-bar {
  height: 40px;
  background: #4d4d4d;
  margin-left: 0;
  margin-top: 20px;
  padding: 0;
}

.nav-bar > li {
  float: left;
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  border: 1px solid #333333;
  border-right: none;
  line-height: 38px;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
}

.nav-bar > li:first-child {
  box-shadow: 0 0 0;
}

.nav-bar > li:last-child {
  border-right: solid 1px #333333;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset,
    1px 0 0 rgba(255, 255, 255, 0.2);
}

.nav-bar > li.active {
  background: #2ba6cb;
  border-color: #2284a1;
}

.nav-bar > li.active > a {
  color: white;
  cursor: default;
}

.nav-bar > li.active:hover {
  background: #2ba6cb;
  cursor: default;
}

.nav-bar > li:hover {
  background: #333333;
}

.nav-bar > li > a {
  color: #e6e6e6;
}

.nav-bar > li ul {
  margin-bottom: 0;
}

.nav-bar > li .flyout {
  display: none;
}

.nav-bar > li.has-flyout > a:first-child {
  padding-right: 40px;
  position: relative;
}

.nav-bar > li.has-flyout > a:first-child:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: #e6e6e6 transparent transparent transparent;
  position: absolute;
  right: 20px;
  top: 17px;
}

.nav-bar > li.has-flyout > a.flyout-toggle {
  border-left: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px;
  z-index: 2;
  display: block;
}

.nav-bar > li.has-flyout.is-touch > a:first-child {
  padding-right: 55px;
}

.nav-bar > li.has-flyout.is-touch > a.flyout-toggle {
  border-left: 1px dashed #666;
}

.nav-bar > li > a:first-child {
  position: relative;
  padding: 0 20px;
  display: block;
  text-decoration: none;
  font-size: 14px;
}

.nav-bar > li > input {
  margin: 0 10px;
}

.nav-bar.vertical {
  height: auto;
  margin-top: 0;
}

.nav-bar.vertical > li {
  float: none;
  border-bottom: none;
  border-right: solid 1px #333333;
  box-shadow: none;
}

.nav-bar.vertical > li.has-flyout > a:first-child:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: transparent transparent transparent #e6e6e6;
}

.nav-bar.vertical > li .flyout {
  left: 100%;
  top: -1px;
}

.nav-bar.vertical > li .flyout.right {
  left: auto;
  right: 100%;
}

.nav-bar.vertical > li.active {
  border-right: solid 1px #2284a1;
}

.nav-bar.vertical > li:last-child {
  border-bottom: solid 1px #333333;
}

.flyout {
  background: #f2f2f2;
  padding: 20px;
  margin: 0;
  border: 1px solid #d9d9d9;
  position: absolute;
  top: 39px;
  left: -1px;
  width: 250px;
  z-index: 40;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  /* remove margin on any first-child element */
  /* remove margin on last element */
}

.flyout p {
  line-height: 1.2;
  font-size: 13px;
}

.flyout *:first-child {
  margin-top: 0;
}

.flyout *:last-child {
  margin-bottom: 0;
}

.flyout.small {
  width: 166.66667px;
}

.flyout.large {
  width: 437.5px;
}

.flyout.right {
  left: auto;
  right: -2px;
}

.flyout.left {
  right: auto;
  left: -2px;
}

.flyout.up {
  top: auto;
  bottom: 39px;
}

ul.flyout,
.nav-bar li ul {
  padding: 0;
  list-style: none;
}

ul.flyout li,
.nav-bar li ul li {
  border-left: solid 3px #ccc;
}

ul.flyout li a,
.nav-bar li ul li a {
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
  border-width: 1px 1px 0 0;
  color: #555;
  display: block;
  font-size: 14px;
  height: auto;
  line-height: 1;
  padding: 15px 20px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

ul.flyout li a:hover,
ul.flyout li a:focus,
.nav-bar li ul li a:hover,
.nav-bar li ul li a:focus {
  background: #ebebeb;
  color: #333;
}

ul.flyout li.active,
.nav-bar li ul li.active {
  margin-top: 0;
  border-top: 1px solid #4d4d4d;
  border-left: 4px solid #1a1a1a;
}

ul.flyout li.active a,
.nav-bar li ul li.active a {
  background: #4d4d4d;
  border: none;
  color: #fff;
  height: auto;
  margin: 0;
  position: static;
  top: 0;
  box-shadow: 0 0 0;
}

/* CSS for jQuery Orbit Plugin 1.4.0 Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php
*/
/* Container ---------------------- */
.orbit-wrapper {
  width: 1px;
  height: 1px;
  position: relative;
}

.orbit {
  width: 1px;
  height: 1px;
  position: relative;
  overflow: hidden;
  margin-bottom: 17px;
}

.orbit.with-bullets {
  margin-bottom: 40px;
}

.orbit .orbit-slide {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.orbit a.orbit-slide {
  border: none;
  line-height: 0;
  display: none;
}

.orbit div.orbit-slide {
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* Timer ---------------------- */
.orbit-wrapper .timer {
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0.6;
  cursor: pointer;
  z-index: 31;
}

.orbit-wrapper span.rotator {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -20px;
  /* background: url('../images/foundation/orbit/rotator-black.png') no-repeat; */
  z-index: 3;
}

.orbit-wrapper span.rotator.move {
  left: 0;
}

.orbit-wrapper span.mask {
  display: block;
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  overflow: hidden;
}

.orbit-wrapper span.mask.move {
  width: 40px;
  left: 0;
  /* background: url('../images/foundation/orbit/timer-black.png') repeat 0 0; */
}

.orbit-wrapper span.pause {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  /* background: url('../images/foundation/orbit/pause-black.png') no-repeat;*/
  z-index: 4;
  opacity: 0;
}

.orbit-wrapper .timer:hover span.pause,
.orbit-wrapper .timer:focus span.pause,
.orbit-wrapper span.pause.active {
  opacity: 1;
}

/* Captions ---------------------- */
.orbit-caption {
  display: none;
  font-family: inherit;
}

.orbit-wrapper .orbit-caption {
  background: black;
  background: rgba(0, 0, 0, 0.6);
  z-index: 30;
  color: white;
  text-align: center;
  padding: 7px 0;
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
}

/* Directional Nav ---------------------- */
.orbit-wrapper .slider-nav {
  display: block;
}

.orbit-wrapper .slider-nav span {
  width: 39px;
  height: 50px;
  text-indent: -9999px;
  position: absolute;
  z-index: 30;
  top: 50%;
  margin-top: -25px;
  cursor: pointer;
}

.orbit-wrapper .slider-nav span.right {
  /* background: url('../images/foundation/orbit/right-arrow.png'); */
  background-size: 100%;
  right: 0;
}

.orbit-wrapper .slider-nav span.left {
  /* background: url('../images/foundation/orbit/left-arrow.png'); */
  background-size: 100%;
  left: 0;
}

.lt-ie9 .orbit-wrapper .slider-nav span.right {
  /* background: url('../images/foundation/orbit/right-arrow-small.png'); */
}

.lt-ie9 .orbit-wrapper .slider-nav span.left {
  /* background: url('../images/foundation/orbit/left-arrow-small.png'); */
}

/* Bullet Nav ---------------------- */
ul.orbit-bullets {
  position: absolute;
  z-index: 30;
  list-style: none;
  bottom: -40px;
  left: 50%;
  margin-left: -50px;
  padding: 0;
}

ul.orbit-bullets li {
  float: left;
  margin-left: 5px;
  cursor: pointer;
  color: #999999;
  text-indent: -9999px;
  /* background: url('../images/foundation/orbit/bullets.jpg') no-repeat 4px 0; */
  width: 13px;
  height: 12px;
  overflow: hidden;
}

ul.orbit-bullets li.active {
  color: #222222;
  background-position: -8px 0;
}

ul.orbit-bullets li.has-thumb {
  background: none;
  width: 100px;
  height: 75px;
}

ul.orbit-bullets li.active.has-thumb {
  background-position: 0 0;
  border-top: 2px solid black;
}

/* Orbit Slide Counter */
.orbit-slide-counter {
  position: absolute;
  bottom: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px;
}

/* Fluid Layout ---------------------- */
.orbit img.fluid-placeholder {
  visibility: hidden;
  position: static;
  display: block;
  width: 100%;
}

.orbit,
.orbit-wrapper {
  width: 100% !important;
}

/* Correct timer in IE */
.lt-ie9 .timer {
  display: none !important;
}

.lt-ie9 .orbit-caption {
  background: black;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
  zoom: 1;
}

@media only screen and (max-width: 768px) {
  .orbit.orbit-stack-on-small img.fluid-placeholder {
    visibility: visible;
  }
  .orbit.orbit-stack-on-small .orbit-slide {
    position: static;
    margin-bottom: 10px;
  }
}

/* CSS for jQuery Reveal Plugin Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */
/* Reveal Modals ---------------------- */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.45);
  z-index: 40;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  background: #fff;
  visibility: hidden;
  display: none;
  top: 100px;
  left: 50%;
  margin-left: -260px;
  width: 520px;
  position: absolute;
  z-index: 41;
  padding: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.reveal-modal .close-reveal-modal:not(.button) {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 0.5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  cursor: pointer;
}

.reveal-modal.small {
  width: 30%;
  margin-left: -15%;
}

.reveal-modal.medium {
  width: 40%;
  margin-left: -20%;
}

.reveal-modal.large {
  width: 60%;
  margin-left: -30%;
}

.reveal-modal.xlarge {
  width: 70%;
  margin-left: -35%;
}

.reveal-modal.expand {
  width: 90%;
  margin-left: -45%;
}

.reveal-modal .row {
  min-width: 0;
  margin-bottom: 10px;
}

.reveal-modal > :first-child {
  margin-top: 0;
}

.reveal-modal > :last-child {
  margin-bottom: 0;
}

@media print {
  .reveal-modal {
    border: solid 1px #000;
    background: #fff;
  }
}

/* Tabs ---------------------- */
.tabs {
  list-style: none;
  border-bottom: solid 1px #e6e6e6;
  display: block;
  height: 40px;
  padding: 0;
  margin-bottom: 20px;
}

.tabs.contained {
  margin-bottom: 0;
  margin-left: 0;
}

.tabs dt,
.tabs li.section-title {
  color: #b3b3b3;
  cursor: default;
  display: block;
  float: left;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  padding-right: 9px;
  padding-left: 20px;
  font-weight: normal;
  width: auto;
  text-transform: uppercase;
}

.tabs dt:first-child,
.tabs li.section-title:first-child {
  padding: 0;
  padding-right: 9px;
}

.tabs dd,
.tabs li {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}

.tabs dd a,
.tabs li a {
  color: #6f6f6f;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0px 13.8px;
}

.tabs dd a:focus,
.tabs li a:focus {
  font-weight: bold;
  color: #2ba6cb;
}

.tabs dd.active,
.tabs li.active {
  border-top: 3px solid #2ba6cb;
  margin-top: -3px;
}

.tabs dd.active a,
.tabs li.active a {
  cursor: default;
  color: #3c3c3c;
  background: #fff;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  font-weight: bold;
}

.tabs dd:first-child,
.tabs li:first-child {
  margin-left: 0;
}

.tabs.vertical {
  height: auto;
  border-bottom: 1px solid #e6e6e6;
}

.tabs.vertical dt,
.tabs.vertical dd,
.tabs.vertical li {
  float: none;
  height: auto;
}

.tabs.vertical dd,
.tabs.vertical li {
  border-left: 3px solid #cccccc;
}

.tabs.vertical dd a,
.tabs.vertical li a {
  background: #f2f2f2;
  border: none;
  border: 1px solid #e6e6e6;
  border-width: 1px 1px 0 0;
  color: #555;
  display: block;
  font-size: 14px;
  height: auto;
  line-height: 1;
  padding: 15px 20px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.tabs.vertical dd.active,
.tabs.vertical li.active {
  margin-top: 0;
  border-top: 1px solid #4d4d4d;
  border-left: 4px solid #1a1a1a;
}

.tabs.vertical dd.active a,
.tabs.vertical li.active a {
  background: #4d4d4d;
  border: none;
  color: #fff;
  height: auto;
  margin: 0;
  position: static;
  top: 0;
  box-shadow: 0 0 0;
}

.tabs.vertical dd:first-child a.active,
.tabs.vertical li:first-child a.active {
  margin: 0;
}

.tabs.pill {
  border-bottom: none;
  margin-bottom: 10px;
}

.tabs.pill dd,
.tabs.pill li {
  margin-right: 10px;
}

.tabs.pill dd:last-child,
.tabs.pill li:last-child {
  margin-right: 0;
}

.tabs.pill dd a,
.tabs.pill li a {
  border-radius: 1000px;
  background: #e6e6e6;
  height: 26px;
  line-height: 26px;
  color: #666;
}

.tabs.pill dd.active,
.tabs.pill li.active {
  border: none;
  margin-top: 0;
}

.tabs.pill dd.active a,
.tabs.pill li.active a {
  background-color: #2ba6cb;
  border: none;
  color: #fff;
}

.tabs.pill.contained {
  border-bottom: solid 1px #eee;
  margin-bottom: 0;
}

.tabs.pill.two-up dd,
.tabs.pill.two-up li,
.tabs.pill.three-up dd,
.tabs.pill.three-up li,
.tabs.pill.four-up dd,
.tabs.pill.four-up li,
.tabs.pill.five-up dd,
.tabs.pill.five-up li {
  margin-right: 0;
}

.tabs.two-up dt a,
.tabs.two-up dd a,
.tabs.two-up li a,
.tabs.three-up dt a,
.tabs.three-up dd a,
.tabs.three-up li a,
.tabs.four-up dt a,
.tabs.four-up dd a,
.tabs.four-up li a,
.tabs.five-up dt a,
.tabs.five-up dd a,
.tabs.five-up li a {
  padding: 0 17px;
  text-align: center;
  overflow: hidden;
}

.tabs.two-up dt,
.tabs.two-up dd,
.tabs.two-up li {
  width: 50%;
}

.tabs.three-up dt,
.tabs.three-up dd,
.tabs.three-up li {
  width: 33.33%;
}

.tabs.four-up dt,
.tabs.four-up dd,
.tabs.four-up li {
  width: 25%;
}

.tabs.five-up dt,
.tabs.five-up dd,
.tabs.five-up li {
  width: 20%;
}

ul.tabs-content {
  display: block;
  margin: 0 0 20px;
  padding: 0;
}

ul.tabs-content > li {
  display: none;
}

ul.tabs-content > li.active {
  display: block;
}

ul.tabs-content.contained {
  padding: 0;
}

ul.tabs-content.contained > li {
  border: solid 0 #e6e6e6;
  border-width: 0 1px 1px 1px;
  padding: 20px;
}

ul.tabs-content.contained.vertical > li {
  border-width: 1px 1px 1px 1px;
}

.no-js ul.tabs-content > li {
  display: block;
}

/* Table of Contents

:: Visibility
:: Alerts
:: Labels
:: Tooltips
:: Panels
:: Accordion
:: Side Nav
:: Sub Nav
:: Pagination
:: Breadcrumbs
:: Lists
:: Inline/Link Lists
:: Keystroke Chars
:: Image Thumbnails
:: Video
:: Tables
:: Microformats
:: Progress Bars
:: Pricing Tables

*/
/* Alerts ---------------------- */
div.alert-box {
  display: block;
  padding: 6px 7px 7px;
  font-weight: bold;
  font-size: 14px;
  color: white;
  background-color: #2ba6cb;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
  border-radius: 3px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  position: relative;
}

div.alert-box.success {
  background-color: #5da423;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}

div.alert-box.alert {
  background-color: #c60f13;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}

div.alert-box.secondary {
  background-color: #e9e9e9;
  color: #505050;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}

div.alert-box a.close {
  color: #333;
  position: absolute;
  right: 4px;
  top: -1px;
  font-size: 17px;
  opacity: 0.2;
  padding: 4px;
}

div.alert-box a.close:hover,
div.alert-box a.close:focus {
  opacity: 0.4;
}

/* Labels ---------------------- */
.label {
  padding: 1px 4px 2px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline;
  position: relative;
  bottom: 1px;
  color: #fff;
  background: #2ba6cb;
}

.label.radius {
  border-radius: 3px;
}

.label.round {
  padding: 1px 7px 2px;
  border-radius: 1000px;
}

.label.alert {
  background-color: #c60f13;
}

.label.success {
  background-color: #5da423;
}

.label.secondary {
  background-color: #e9e9e9;
  color: #505050;
}

/* Tooltips ---------------------- */
.has-tip {
  cursor: pointer;
  font-weight: bold;
  color: #333333;
}

.has-tip.tip-left,
.has-tip.tip-right {
  float: none !important;
}

.tooltip {
  font-family: NewsGothicBT-Roman, sans-serif;
  height: 50px;
  display: none;
  background: #508301;
  position: absolute;
  color: #ffffff;
  font-weight: normal;
  font-size: 13px;
  padding: 15px 10px;
  z-index: 999;
  border-radius: 4px;
  line-height: normal;
}

.tooltip > .nub {
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: transparent transparent #508301 transparent;
  border-color: transparent transparent #508301 transparent;
  position: absolute;
  top: -10px;
  left: 10px;
}

.tooltip.tip-override > .nub {
  border-color: transparent transparent #508301 transparent !important;
  border-color: transparent transparent #508301 transparent !important;
  top: -10px !important;
}

.tooltip.tip-top > .nub,
.tooltip.tip-centered-top > .nub {
  border-color: #508301 transparent transparent transparent;
  border-color: #508301 transparent transparent transparent;
  top: auto;
  bottom: -10px;
}

.tooltip.tip-left,
.tooltip.tip-right {
  float: none !important;
}

.tooltip.tip-left > .nub {
  border-color: transparent transparent transparent #508301;
  border-color: transparent transparent transparent #508301;
  right: -10px;
  left: auto;
}

.tooltip.tip-right > .nub {
  border-color: transparent #508301 transparent transparent;
  border-color: transparent #508301 transparent transparent;
  right: auto;
  left: -10px;
}

.tooltip.noradius {
  border-radius: 0;
}

.tooltip.opened {
  color: #2ba6cb !important;
  border-bottom: dotted 1px #196177 !important;
}

.tap-to-close {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  color: #888888;
  font-weight: normal;
}

/* Panels ---------------------- */
.panel {
  background: #f2f2f2;
  border: solid 1px #e6e6e6;
  margin: 0 0 22px 0;
  padding: 20px;
}

.panel > :first-child {
  margin-top: 0;
}

.panel > :last-child {
  margin-bottom: 0;
}

.panel.callout {
  background: #2ba6cb;
  color: #fff;
  border-color: #2284a1;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
}

.panel.callout a {
  color: #fff;
}

.panel.callout .button {
  background: white;
  border: none;
  color: #2ba6cb;
  text-shadow: none;
}

.panel.callout .button:hover,
.panel.callout .button:focus {
  background: rgba(255, 255, 255, 0.8);
}

.panel.radius {
  border-radius: 3px;
}

/* Accordion ---------------------- */
ul.accordion {
  margin: 0 0 22px 0;
  border-bottom: 1px solid #e9e9e9;
}

ul.accordion > li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e9e9e9;
}

ul.accordion > li > div.title {
  cursor: pointer;
  background: #f6f6f6;
  padding: 15px;
  margin: 0;
  position: relative;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  -webkit-transition: 0.15s background linear;
  transition: 0.15s background linear;
}

ul.accordion > li > div.title h1,
ul.accordion > li > div.title h2,
ul.accordion > li > div.title h3,
ul.accordion > li > div.title h4,
ul.accordion > li > div.title h5 {
  margin: 0;
}

ul.accordion > li > div.title:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: transparent #9d9d9d transparent transparent;
  position: absolute;
  right: 15px;
  top: 21px;
}

ul.accordion > li .content {
  display: none;
  padding: 15px;
}

ul.accordion > li.active {
  border-top: 3px solid #2ba6cb;
}

ul.accordion > li.active .title {
  background: white;
  padding-top: 13px;
}

ul.accordion > li.active .title:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: #9d9d9d transparent transparent transparent;
}

ul.accordion > li.active .content {
  background: white;
  display: block;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}

/* Side Nav ---------------------- */
ul.side-nav {
  display: block;
  list-style: none;
  margin: 0;
  padding: 17px 0;
}

ul.side-nav li {
  display: block;
  list-style: none;
  margin: 0 0 7px 0;
}

ul.side-nav li a {
  display: block;
}

ul.side-nav li.active a {
  color: #4d4d4d;
  font-weight: bold;
}

ul.side-nav li.divider {
  border-top: 1px solid #e6e6e6;
  height: 0;
  padding: 0;
}

/* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */
dl.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -4px 0 18px;
  margin-right: 0;
  margin-left: -9px;
  padding-top: 4px;
}

dl.sub-nav dt,
dl.sub-nav dd {
  float: left;
  display: inline;
  margin-left: 9px;
  margin-bottom: 10px;
}

dl.sub-nav dt {
  color: #999;
  font-weight: normal;
}

dl.sub-nav dd a {
  text-decoration: none;
  border-radius: 1000px;
}

dl.sub-nav dd.active a {
  font-weight: bold;
  background: #2ba6cb;
  color: #fff;
  padding: 3px 9px;
  cursor: default;
}

/* Pagination ---------------------- */
ul.pagination {
  display: block;
  height: 24px;
  margin-left: -5px;
}

ul.pagination li {
  float: left;
  display: block;
  height: 24px;
  color: #999;
  font-size: 14px;
  margin-left: 5px;
}

ul.pagination li a {
  display: block;
  padding: 1px 7px 1px;
  color: #555;
}

ul.pagination li:hover a,
ul.pagination li a:focus {
  background: #e6e6e6;
}

ul.pagination li.unavailable a {
  cursor: default;
  color: #999;
}

/*ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; } */
ul.pagination li.current a {
  background: #2ba6cb;
  color: white;
  font-weight: bold;
  cursor: default;
}

ul.pagination li.current a:hover,
ul.pagination li.current a:focus {
  background: #2ba6cb;
}

div.pagination-centered {
  text-align: center;
}

div.pagination-centered ul > li {
  float: none;
  display: inline-block;
}

/* hangar custom pagination */
ul.pagination-custom {
  height: 37px;
  float: right;
  margin: 15px 5px 15px 0;
}

ul.pagination-custom li {
  height: 37px;
  width: 37px;
}

ul.pagination-custom li.cen {
  width: 45px;
}

ul.pagination-custom li form {
  display: inline;
}

ul.pagination-custom li input {
  font-family: NewsGothicBT-Condensed, sans-serif;
  font-size: 20px;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0;
}

ul.pagination-custom li input:focus {
  background-color: white;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

ul.pagination-custom li a {
  font-family: NewsGothicBT-Condensed, sans-serif;
  font-size: 20px;
  width: 100%;
  cursor: pointer;
  height: 100%;
  text-align: center;
  padding: 0;
  line-height: 38px;
  color: #333333;
}

ul.pagination-custom li:hover a,
ul.pagination-custom li a:focus {
  background-color: transparent;
}

ul.pagination-custom li.current a {
  background-color: white;
  border: 1px solid #ccc;
  color: #333333;
}

ul.pagination-custom li.current a:hover,
ul.pagination-custom li.current a:focus {
  background: white;
}

ul.pagination-custom li.arrow {
  background-color: black;
}

ul.pagination-custom li a.arrow-left {
  background: url("../images/icons/arrow-left.png") no-repeat center;
}

ul.pagination-custom li a.arrow-left:hover {
  background-color: #71b20e;
}

ul.pagination-custom li a.arrow-right {
  background: url("../images/icons/arrow-right.png") no-repeat center;
}

ul.pagination-custom li a.arrow-right:hover {
  background-color: #71b20e;
}

ul.pagination-custom li {
  margin-left: 0px;
}

ul.pagination-custom li.arrow.unavailable {
  background-color: #cecece;
}

ul.pagination-custom li.arrow.unavailable a:hover {
  background-color: #cecece;
  cursor: default;
}

ul.pagination-custom li.total a {
  text-decoration: underline;
  width: 70%;
}

ul.pagination.pagination-light li,
ul.pagination.pagination-light li p,
ul.pagination.pagination-light li a {
  color: #fff;
}

/* Breadcrums ---------------------- */
ul.breadcrumbs {
  display: block;
  background: #f6f6f6;
  padding: 6px 10px 7px;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  overflow: hidden;
  margin-left: 0;
}

ul.breadcrumbs li {
  margin: 0;
  padding: 0 12px 0 0;
  float: left;
  list-style: none;
}

ul.breadcrumbs li a,
ul.breadcrumbs li span {
  text-transform: uppercase;
  font-size: 11px;
  font-size: 1.1rem;
  padding-left: 12px;
}

ul.breadcrumbs li:first-child a,
ul.breadcrumbs li:first-child span {
  padding-left: 0;
}

ul.breadcrumbs li:before {
  content: "/";
  color: #aaa;
}

ul.breadcrumbs li:first-child:before {
  content: " ";
}

ul.breadcrumbs li.current a {
  cursor: default;
  color: #333;
}

ul.breadcrumbs li:hover a,
ul.breadcrumbs li a:focus {
  text-decoration: underline;
}

ul.breadcrumbs li.current:hover a,
ul.breadcrumbs li.current a:focus {
  text-decoration: none;
}

ul.breadcrumbs li.unavailable a {
  color: #999;
}

ul.breadcrumbs li.unavailable:hover a,
ul.breadcrumbs li.unavailable a:focus {
  text-decoration: none;
  color: #999;
  cursor: default;
}

/* Inline Link List */
ul.inline-list,
ul.link-list {
  margin: 0 0 17px -22px;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

ul.inline-list > li,
ul.link-list > li {
  list-style: none;
  float: left;
  margin-left: 22px;
  display: block;
}

ul.inline-list > li > *,
ul.link-list > li > * {
  display: block;
}

/* Keytroke Characters ---------------------- */
.keystroke,
kbd {
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: 13px;
  padding: 2px 4px 0px;
  margin: 0;
  background: #ededed;
  border: solid 1px #dbdbdb;
  border-radius: 3px;
}

/* Image Thumbnails ---------------------- */
.th {
  display: block;
}

.th img {
  display: block;
  border: solid 4px #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.th:hover img,
.th:focus img {
  box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
}

/* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.flex-video.widescreen {
  padding-bottom: 57.25%;
}

.flex-video.vimeo {
  padding-top: 0;
}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Tables ---------------------- */
table {
  background: #fff;
  border-radius: 3px;
  margin: 0 0 18px;
  border: 1px solid #ddd;
}

table thead,
table tfoot {
  background: #f5f5f5;
}

table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
  display: table-cell;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}

table thead tr th,
table tfoot tr td {
  padding: 8px 10px 9px;
  font-size: 14px;
  font-weight: bold;
  color: #222;
}

table thead tr th:first-child,
table tfoot tr td:first-child {
  border-left: none;
}

table thead tr th:last-child,
table tfoot tr td:last-child {
  border-right: none;
}

table tbody tr.even,
table tbody tr.alt {
  background: #f9f9f9;
}

table tbody tr:nth-child(even) {
  background: #f9f9f9;
}

table tbody tr td {
  color: #333;
  padding: 9px 10px;
  vertical-align: top;
  border: none;
}

/* Microformats ---------------------- */
ul.vcard {
  display: inline-block;
  margin: 0 0 12px 0;
  border: 1px solid #ddd;
  padding: 10px;
}

ul.vcard li {
  margin: 0;
  display: block;
}

ul.vcard li.fn {
  font-weight: bold;
  font-size: 15px;
}

p.vevent span.summary {
  font-weight: bold;
}

p.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 1px;
}

/* Progress Bar ---------------------- */
div.progress {
  padding: 2px;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
  height: 25px;
  /* meter */
  /* border radii */
}

div.progress .meter {
  background: #2ba6cb;
  height: 100%;
  display: block;
  width: 50%;
}

div.progress.secondary .meter {
  background: #e9e9e9;
}

div.progress.success .meter {
  background: #5da423;
}

div.progress.alert .meter {
  background: #c60f13;
}

div.progress.radius {
  border-radius: 3px;
}

div.progress.radius .meter {
  border-radius: 2px;
}

div.progress.round {
  border-radius: 1000px;
}

div.progress.round .meter {
  border-radius: 1000px;
}

/* Pricing Tables ---------------------- */
.pricing-table {
  border: solid 1px #dddddd;
  margin-left: 0;
  margin-bottom: 20px;
}

.pricing-table * {
  list-style: none;
  line-height: 1;
}

.pricing-table .title {
  background-color: #dddddd;
  padding: 15px 20px;
  text-align: center;
  color: #333333;
  font-weight: bold;
  font-size: 16px;
}

.pricing-table .price {
  background-color: #eeeeee;
  padding: 15px 20px;
  text-align: center;
  color: #333333;
  font-weight: normal;
  font-size: 20px;
}

.pricing-table .description {
  background-color: white;
  padding: 15px;
  text-align: center;
  color: #777777;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  border-bottom: dotted 1px #dddddd;
}

.pricing-table .bullet-item {
  background-color: white;
  padding: 15px;
  text-align: center;
  color: #333333;
  font-size: 14px;
  font-weight: normal;
  border-bottom: dotted 1px #dddddd;
}

.pricing-table .cta-button {
  background-color: whitesmoke;
  text-align: center;
  padding: 20px;
}

/* Foundation Top Bar
 Requires: -jquery.foundation.topbar.js
 Notes: - <nav class="top-bar"> can have .fixed added to make it stick to the top of viewport. Can add .contain-to-grid to top-bar to make it full width but content on grid. - <li class="name"> creates a branding area that can be linked to homepage - Can include text, image or both inside this <li>. - <li class="divider"> creates a divider between nav items, add margins for space - <li class="search"> Needs to hold a <form> which can use .row.collapse and pre/postfix buttons or default type="search"
*/
/* Element that controls breakpoint, no need to change this ever */
.top-bar-js-breakpoint {
  width: 940px !important;
  visibility: hidden;
}

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #222222;
}

/* Wrapped around .top-bar to make it fixed at the top */
.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99;
}

/* Add .sticky class for using top bar as a sticky navigation when scrolling passed it. Add the class .sticky to a top bar using .contain-to-grid but leave off .fixed, javascript will take care of that */
.sticky {
  float: left;
  overflow: hidden;
}

.sticky.fixed {
  float: none;
}

/* <nav> */
.top-bar {
  background: #222222;
  min-height: 45px;
  line-height: 45px;
  margin: 0 0 30px 0;
  padding: 0;
  width: 100%;
  position: relative;
  /* Contain width to .row width */
  /* First <ul> for branding, title, name, etc */
  /* topbar global <ul> styles */
}

.contain-to-grid .top-bar {
  max-width: 940px;
  margin: 0 auto;
}

.top-bar > ul .name h1 {
  line-height: 45px;
  margin: 0;
}

.top-bar > ul .name h1 a {
  font-weight: bold;
  padding: 0 22.5px;
  font-size: 17px !important;
}

.top-bar > ul .name img {
  margin-top: -5px;
  vertical-align: middle;
}

.top-bar.expanded {
  height: inherit;
}

.top-bar ul {
  margin-left: 0;
  display: inline;
  height: 45px;
  line-height: 45px;
  list-style: none;
  /* Main Navigation links style */
  /* Left Side <ul> */
  /* Right Side <ul> */
}

.top-bar ul > li {
  float: left;
  /* Dividers between navigation */
  /* Put a button in an <li> but give is a class */
  /* Put a search bar or text input in the bar */
  /* Put login bar in the top bar */
  /* Hide the triangle for breakpoint menu */
  /* li.has-dropdown */
}

.top-bar ul > li a:not(.button) {
  color: white;
  display: block;
  font-size: 13px;
  font-weight: bold;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
}

.top-bar ul > li:not(.name):hover,
.top-bar ul > li:not(.name).active,
.top-bar ul > li:not(.name):focus {
  background: black;
}

.top-bar ul > li:not(.name):hover a,
.top-bar ul > li:not(.name).active a,
.top-bar ul > li:not(.name):focus a {
  color: #d9d9d9;
}

.top-bar ul > li.divider {
  background: black;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
  height: 100%;
  margin-right: 1px;
  width: 1px;
}

.top-bar ul > li.has-button a.button {
  margin: 0 11.25px;
}

.top-bar ul > li.has-button:hover,
.top-bar ul > li.has-button:focus {
  background: #222222;
}

.top-bar ul > li.has-button:hover a,
.top-bar ul > li.has-button:focus a {
  color: #fff;
}

.top-bar ul > li.search {
  padding: 0 15px;
}

.top-bar ul > li.search form {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  width: 200px;
}

.top-bar ul > li.search form input[type="text"] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  float: left;
  font-size: 13px;
  margin-top: -1px;
  height: 22.5px;
  margin-bottom: 0;
  width: 130px;
}

.top-bar ul > li.search form input[type="text"] + .button {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  float: left;
  font-size: 12px;
  margin-top: -1px;
  padding: 5px 12px 4px;
}

.top-bar ul > li.search form input[type="search"] {
  font-size: 16px;
  margin-bottom: 0;
}

.top-bar ul > li.search:hover,
.top-bar ul > li.search:focus {
  background: #222222;
}

.top-bar ul > li.login {
  padding: 0 15px;
}

.top-bar ul > li.login form {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  width: 300px;
}

.top-bar ul > li.login form input {
  float: left;
  width: auto;
  font-size: 13px;
  margin-top: -1px;
  height: 22.5px;
  margin-bottom: 0;
}

.top-bar ul > li.login form input[type="text"] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 120px;
}

.top-bar ul > li.login form input[type="password"] {
  margin-bottom: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 120px;
}

.top-bar ul > li.login form input[type="password"] + .button {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  float: left;
  font-size: 12px;
  margin-top: -1px;
  padding: 5px 12px 4px;
  width: 60px;
}

.top-bar ul > li.login:hover,
.top-bar ul > li.login:focus {
  background: #222222;
}

.top-bar ul > li.toggle-topbar {
  display: none;
}

.top-bar ul > li.has-dropdown {
  position: relative;
  /* Dropdown Level 2+ */
}

.top-bar ul > li.has-dropdown:hover > .dropdown,
.top-bar ul > li.has-dropdown:focus > .dropdown {
  display: block;
  visibility: visible;
}

.top-bar ul > li.has-dropdown a {
  padding-right: 33.75px;
}

.top-bar ul > li.has-dropdown a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: white transparent transparent transparent;
  margin-right: 15px;
  margin-top: -2.5px;
  position: absolute;
  right: 0;
  top: 50%;
}

.top-bar ul > li.has-dropdown .dropdown {
  background: #222222;
  left: 0;
  margin: 0;
  padding: 9px 0 0 0;
  position: absolute;
  visibility: hidden;
  z-index: 99;
}

.top-bar ul > li.has-dropdown .dropdown li {
  background: #222222;
  line-height: 1;
  min-width: 100%;
  padding-bottom: 5px;
}

.top-bar ul > li.has-dropdown .dropdown li a {
  color: white;
  font-weight: normal;
  height: 100%;
  line-height: 1;
  padding: 5px 17px 5px 15px;
  white-space: nowrap;
}

.top-bar ul > li.has-dropdown .dropdown li a:after {
  border: none;
}

.top-bar ul > li.has-dropdown .dropdown li a:hover,
.top-bar ul > li.has-dropdown .dropdown li a:focus {
  background: #3c3c3c;
}

.top-bar ul > li.has-dropdown .dropdown li label {
  color: #6f6f6f;
  font-size: 10px;
  font-weight: bold;
  margin: 0;
  padding-left: 15px;
  text-transform: uppercase;
}

.top-bar ul > li.has-dropdown .dropdown li.divider {
  border-top: solid 1px black;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  height: 10px;
  padding: 0;
  width: 100%;
}

.top-bar ul > li.has-dropdown .dropdown li:last-child {
  padding-bottom: 10px;
}

.top-bar ul > li.has-dropdown .dropdown li.active a {
  background: black;
}

.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a {
  padding-right: 30px;
}

.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {
  border: none;
  content: "\00bb";
  right: 5px;
  top: 6px;
}

.top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {
  position: absolute;
  left: 100%;
  top: 0;
}

.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown,
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:focus > .dropdown {
  display: block;
}

.top-bar ul.left {
  float: left;
  width: auto;
  margin-bottom: 0;
}

.top-bar ul.right {
  float: right;
  width: auto;
  margin-bottom: 0;
  /* Dropdown Right Side Alignment */
}

.top-bar ul.right .has-dropdown .dropdown {
  left: auto;
  right: 0px;
}

.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown {
  right: 100%;
  left: auto;
  width: 100%;
}

.top-bar .js-generated {
  display: none;
}

/* Firefox Fixes */
@-moz-document url-prefix() {
  .top-bar ul li .button.small {
    padding-bottom: 6px;
  }
  .top-bar ul li.search form input[type="search"] {
    font-size: 14px;
    height: 22px;
    padding: 3px;
  }
}

/* IE8 Fixes */
.lt-ie9 .top-bar ul li a {
  color: white;
  display: block;
  font-weight: bold;
  font-size: 13px;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
}

.lt-ie9 .top-bar ul li a.button {
  height: auto;
  line-height: 30px;
  margin-top: 7px;
}

.lt-ie9 .top-bar ul li a img {
  margin-top: -5px;
  vertical-align: middle;
}

.lt-ie9 .top-bar section > ul > li a:hover,
.lt-ie9 .top-bar section > ul > li a:focus {
  color: #cccccc;
}

.lt-ie9 .top-bar section > ul > li:hover,
.lt-ie9 .top-bar section > ul > li:focus {
  background: black;
}

.lt-ie9 .top-bar section > ul > li.search:hover,
.lt-ie9 .top-bar section > ul > li.search:focus,
.lt-ie9 .top-bar section > ul > li.has-button:hover,
.lt-ie9 .top-bar section > ul > li.has-button:focus {
  background: none;
}

.lt-ie9 .top-bar section > ul > li.active {
  background: black;
  color: #d9d9d9;
}

.lt-ie9 .top-bar ul li.has-dropdown {
  padding-right: 33.75px;
}

.lt-ie9 .top-bar ul li.has-dropdown > ul li {
  padding-right: 0;
}

#joyRideTipContent {
  display: none;
}

/* Default styles for the container */
.joyride-tip-guide {
  display: none;
  position: absolute;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  width: 300px;
  z-index: 101;
  top: 0;
  left: 0;
  font-family: inherit;
  font-weight: normal;
  border-radius: 4px;
}

.joyride-content-wrapper {
  padding: 18px 20px 24px;
}

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide span.joyride-nub {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: solid 14px;
}

.joyride-tip-guide span.joyride-nub.top {
  border-color: black;
  border-color: rgba(0, 0, 0, 0.8);
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: -28px;
  bottom: none;
}

.joyride-tip-guide span.joyride-nub.bottom {
  border-color: black;
  border-color: rgba(0, 0, 0, 0.8) !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  bottom: -28px;
  bottom: none;
}

.joyride-tip-guide span.joyride-nub.right {
  border-color: black;
  border-color: rgba(0, 0, 0, 0.8) !important;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  top: 22px;
  bottom: none;
  left: auto;
  right: -28px;
}

.joyride-tip-guide span.joyride-nub.left {
  border-color: black;
  border-color: rgba(0, 0, 0, 0.8) !important;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
  top: 22px;
  left: -28px;
  right: auto;
  bottom: none;
}

/* Typography */
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-weight: bold;
  color: white;
}

.joyride-tip-guide p {
  margin: 0 0 18px 0;
  font-size: 14px;
  line-height: 1.3;
}

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px #555555;
  position: absolute;
  right: 17px;
  bottom: 16px;
}

.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: #666666;
}

.joyride-close-tip {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #777777 !important;
  text-decoration: none;
  font-size: 20px;
  font-weight: normal;
  line-height: 0.5 !important;
}

.joyride-close-tip:hover,
.joyride-close-tip:focus {
  color: #eee !important;
}

.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer;
}

.clearing-blackout {
  background: black;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}

.clearing-blackout .clearing-close {
  display: block;
}

.clearing-container {
  position: relative;
  z-index: 999;
  height: 100%;
  overflow: hidden;
}

.visible-img {
  height: 75%;
  position: relative;
}

.visible-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50%;
  max-height: 100%;
  max-width: 100%;
}

.visible-img .clearing-caption {
  color: white;
  margin-bottom: 0;
  text-align: center;
  position: absolute;
  bottom: 0;
  background: black;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  padding: 10px 100px;
}

.clearing-close {
  z-index: 999;
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  line-height: 1;
  color: white;
  display: none;
}

.clearing-close:hover,
.clearing-close:focus {
  color: #ccc;
}

.clearing-main-left,
.clearing-main-right {
  position: absolute;
  top: 50%;
  margin-top: -16px;
}

.clearing-main-left.disabled,
.clearing-main-right.disabled {
  opacity: 0.5;
}

.clearing-main-left:active,
.clearing-main-right:active {
  margin-top: -15px;
}

.clearing-main-left {
  left: 10px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 16px;
  border-color: transparent white transparent transparent;
}

.clearing-main-right {
  right: 10px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 16px;
  border-color: transparent transparent transparent white;
}

ul[data-clearing].block-grid.three-up > li:nth-child(3n + 1) {
  clear: none;
}

ul[data-clearing] li {
  cursor: pointer;
  display: block;
}

ul[data-clearing] li.clearing-feature ~ li {
  display: none;
}

.clearing-assembled .clearing-container .carousel {
  background: black;
  background: rgba(0, 0, 0, 0.75);
  height: 150px;
  margin-top: 5px;
}

.clearing-assembled .clearing-container .visible-img {
  background: black;
  background: rgba(0, 0, 0, 0.75);
  overflow: hidden;
}

.clearing-assembled .clearing-container ul[data-clearing] {
  z-index: 999;
  width: 200%;
  height: 100%;
  margin-left: 0;
  position: relative;
  left: 0;
}

.clearing-assembled .clearing-container ul[data-clearing] li {
  display: block;
  width: 175px;
  height: inherit;
  padding: 0;
  float: left;
  overflow: hidden;
  background: #222;
  margin-right: 1px;
  position: relative;
}

.clearing-assembled .clearing-container ul[data-clearing] li.fix-height img {
  min-height: 100%;
  height: 100%;
  max-width: none;
}

.clearing-assembled .clearing-container ul[data-clearing] li img {
  cursor: pointer !important;
  min-width: 100% !important;
}

.clearing-assembled .clearing-container ul[data-clearing] li.visible {
  border-top: 4px solid white;
}

/* Overrides clear:both; when using block-grid with Clearing. Also overrided .th styling when Clearing is open */
ul.block-grid[data-clearing] {
  overflow: visible;
}

.clearing-blackout ul.block-grid[data-clearing].two-up > li:nth-child(2n + 1) {
  clear: none;
}

.clearing-blackout
  ul.block-grid[data-clearing].three-up
  > li:nth-child(3n + 1) {
  clear: none;
}

.clearing-blackout ul.block-grid[data-clearing].four-up > li:nth-child(4n + 1) {
  clear: none;
}

.clearing-blackout ul.block-grid[data-clearing].five-up > li:nth-child(5n + 1) {
  clear: none;
}

.clearing-blackout ul.block-grid[data-clearing].six-up > li:nth-child(6n + 1) {
  clear: none;
}

.clearing-blackout
  ul.block-grid[data-clearing].seven-up
  > li:nth-child(7n + 1) {
  clear: none;
}

.clearing-blackout
  ul.block-grid[data-clearing].eight-up
  > li:nth-child(8n + 1) {
  clear: none;
}

.clearing-blackout ul.block-grid[data-clearing].nine-up > li:nth-child(9n + 1) {
  clear: none;
}

.clearing-blackout ul.block-grid[data-clearing].ten-up > li:nth-child(10n + 1) {
  clear: none;
}

.clearing-blackout
  ul.block-grid[data-clearing].eleven-up
  > li:nth-child(11n + 1) {
  clear: none;
}

.clearing-blackout
  ul.block-grid[data-clearing].twelve-up
  > li:nth-child(12n + 1) {
  clear: none;
}

.clearing-blackout .th img {
  border: none;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  border-radius: 0;
}

.clearing-blackout:hover img,
.clearing-blackout:focus img {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge,
table.show-for-large,
table.hide-for-small,
table.hide-for-medium {
  display: table !important;
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .touch table.hide-for-xlarge,
  .touch table.hide-for-large,
  .touch table.hide-for-small,
  .touch table.show-for-medium {
    display: table !important;
  }
}

@media only screen and (max-width: 768px) {
  table.hide-for-xlarge,
  table.hide-for-large,
  table.hide-for-medium,
  table.show-for-small {
    display: table !important;
  }
}

/* 1280 tablet ------------ */
@media only screen and (max-device-width: 1280px) {
  /* NavBar --- */
  /*            */
  .touch .nav-bar li.has-flyout > a {
    padding-right: 36px !important;
  }
}

/* Covering almost all ----- */
@media only screen and (max-device-width: 800px),
  only screen and (device-width: 1024px) and (device-height: 600px),
  only screen and (width: 1280px) and (orientation: landscape),
  only screen and (device-width: 800px),
  only screen and (max-width: 767px) {
  .flex-video {
    padding-top: 0;
  }
}

/* Between Medium and Small */
@media only screen and (max-width: 768px) {
  /* NavBar --- */
  /*            */
  .touch .nav-bar li a {
    font-size: 13px;
  }
  .touch .nav-bar li.has-flyout > a.flyout-toggle {
    padding: 20px !important;
  }
  .touch .nav-bar li.has-flyout > a {
    padding-right: 36px !important;
  }
  /* Clearing --- */
  /*              */
  .clearing-main-right,
  .clearing-main-left {
    height: 100%;
    width: 40px;
    top: 0;
    border: none;
  }
  .clearing-main-right:before,
  .clearing-main-left:before {
    position: absolute;
    top: 50%;
  }
  .clearing-main-left {
    left: 0;
  }
  .clearing-main-left:before {
    left: 5px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 16px;
    border-color: transparent white transparent transparent;
  }
  .clearing-main-right {
    height: 100%;
    right: 0;
  }
  .clearing-main-right:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 16px;
    border-color: transparent transparent transparent white;
  }
}

/* Small Devices ------------ */
@media only screen and (max-width: 680px) {
  /* Global Misc --- */
  /*                 */
  .left,
  .right {
    float: none;
  }
  /* The Grid --- */
  /*              */
  .row {
    width: auto;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .column,
  .columns {
    width: auto !important;
    float: none;
  }
  .column:last-child,
  .columns:last-child {
    float: none;
  }
  [class*="column"] + [class*="column"]:last-child {
    float: none;
  }
  .column:before,
  .columns:before,
  .column:after,
  .columns:after {
    content: "";
    display: table;
  }
  .column:after,
  .columns:after {
    clear: both;
  }
  .offset-by-one,
  .offset-by-two,
  .offset-by-three,
  .offset-by-four,
  .offset-by-five,
  .offset-by-six,
  .offset-by-seven,
  .offset-by-eight,
  .offset-by-nine,
  .offset-by-ten {
    margin-left: 0 !important;
  }
  .push-two,
  .push-three,
  .push-four,
  .push-five,
  .push-six,
  .push-seven,
  .push-eight,
  .push-nine,
  .push-ten {
    left: auto;
  }
  .pull-two,
  .pull-three,
  .pull-four,
  .pull-five,
  .pull-six,
  .pull-seven,
  .pull-eight,
  .pull-nine,
  .pull-ten {
    right: auto;
  }
  /* Mobile 4-column Grid */
  .row .mobile-one {
    width: 25% !important;
    float: left;
    padding: 0 15px;
  }
  .row .mobile-one:last-child {
    float: right;
  }
  .row .mobile-one.end {
    float: left;
  }
  .row.collapse .mobile-one {
    padding: 0;
  }
  .row .mobile-two {
    width: 50% !important;
    float: left;
    padding: 0 15px;
  }
  .row .mobile-two:last-child {
    float: right;
  }
  .row .mobile-two.end {
    float: left;
  }
  .row.collapse .mobile-two {
    padding: 0;
  }
  .row .mobile-three {
    width: 75% !important;
    float: left;
    padding: 0 15px;
  }
  .row .mobile-three:last-child {
    float: right;
  }
  .row .mobile-three.end {
    float: left;
  }
  .row.collapse .mobile-three {
    padding: 0;
  }
  .row .mobile-four {
    width: 100% !important;
    float: left;
    padding: 0 15px;
  }
  .row .mobile-four:last-child {
    float: right;
  }
  .row .mobile-four.end {
    float: left;
  }
  .row.collapse .mobile-four {
    padding: 0;
  }
  .push-one-mobile {
    left: 25%;
  }
  .pull-one-mobile {
    right: 25%;
  }
  .push-two-mobile {
    left: 50%;
  }
  .pull-two-mobile {
    right: 50%;
  }
  .push-three-mobile {
    left: 75%;
  }
  .pull-three-mobile {
    right: 75%;
  }
  /* Block Grids --- */
  /*                 */
  .block-grid.mobile > li {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .block-grid > li {
    clear: none;
  }
  .block-grid.mobile-one-up > li {
    width: 100%;
  }
  .block-grid.mobile-two-up > li {
    width: 50%;
  }
  .block-grid.mobile-two-up > li:nth-child(2n + 1) {
    clear: both;
  }
  .block-grid.mobile-three-up > li {
    width: 33.33333%;
  }
  .block-grid.mobile-three-up > li:nth-child(3n + 1) {
    clear: both;
  }
  .block-grid.mobile-four-up > li {
    width: 25%;
  }
  .block-grid.mobile-four-up > li:nth-child(4n + 1) {
    clear: both;
  }
  .block-grid.mobile-five-up > li {
    width: 20%;
  }
  .block-grid.mobile-five-up > li:nth-child(5n + 1) {
    clear: both;
  }
  .block-grid.mobile-six-up > li {
    width: 16.66667%;
  }
  .block-grid.mobile-six-up > li:nth-child(6n + 1) {
    clear: both;
  }
  .block-grid.mobile-seven-up > li {
    width: 14.28571%;
  }
  .block-grid.mobile-seven-up > li:nth-child(7n + 1) {
    clear: both;
  }
  .block-grid.mobile-eight-up > li {
    width: 12.5%;
  }
  .block-grid.mobile-eight-up > li:nth-child(8n + 1) {
    clear: both;
  }
  .block-grid.mobile-nine-up > li {
    width: 11.11111%;
  }
  .block-grid.mobile-nine-up > li:nth-child(9n + 1) {
    clear: both;
  }
  .block-grid.mobile-ten-up > li {
    width: 10%;
  }
  .block-grid.mobile-ten-up > li:nth-child(10n + 1) {
    clear: both;
  }
  .block-grid.mobile-eleven-up > li {
    width: 9.09091%;
  }
  .block-grid.mobile-eleven-up > li:nth-child(11n + 1) {
    clear: both;
  }
  .block-grid.mobile-twelve-up > li {
    width: 8.33333%;
  }
  .block-grid.mobile-twelve-up > li:nth-child(12n + 1) {
    clear: both;
  }
}

@media only screen and (max-width: 768px) {
  body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  /* Forms --- */
  /*           */
  /* Label alignment */
  label.right {
    text-align: left;
  }
  /* Extend width of all inputs */
  input[type="text"].one,
  .row input[type="text"].one,
  input[type="password"].one,
  .row input[type="password"].one,
  input[type="date"].one,
  .row input[type="date"].one,
  input[type="datetime"].one,
  .row input[type="datetime"].one,
  input[type="email"].one,
  .row input[type="email"].one,
  input[type="number"].one,
  .row input[type="number"].one,
  input[type="search"].one,
  .row input[type="search"].one,
  input[type="tel"].one,
  .row input[type="tel"].one,
  input[type="time"].one,
  .row input[type="time"].one,
  input[type="url"].one,
  .row input[type="url"].one,
  textarea.one,
  .row textarea.one {
    width: 100% !important;
  }
  input[type="text"].two,
  .row input[type="text"].two,
  input[type="password"].two,
  .row input[type="password"].two,
  input[type="date"].two,
  .row input[type="date"].two,
  input[type="datetime"].two,
  .row input[type="datetime"].two,
  input[type="email"].two,
  .row input[type="email"].two,
  input[type="number"].two,
  .row input[type="number"].two,
  input[type="search"].two,
  .row input[type="search"].two,
  input[type="tel"].two,
  .row input[type="tel"].two,
  input[type="time"].two,
  .row input[type="time"].two,
  input[type="url"].two,
  .row input[type="url"].two,
  textarea.two,
  .row textarea.two {
    width: 100% !important;
  }
  input[type="text"].three,
  .row input[type="text"].three,
  input[type="password"].three,
  .row input[type="password"].three,
  input[type="date"].three,
  .row input[type="date"].three,
  input[type="datetime"].three,
  .row input[type="datetime"].three,
  input[type="email"].three,
  .row input[type="email"].three,
  input[type="number"].three,
  .row input[type="number"].three,
  input[type="search"].three,
  .row input[type="search"].three,
  input[type="tel"].three,
  .row input[type="tel"].three,
  input[type="time"].three,
  .row input[type="time"].three,
  input[type="url"].three,
  .row input[type="url"].three,
  textarea.three,
  .row textarea.three {
    width: 100% !important;
  }
  input[type="text"].four,
  .row input[type="text"].four,
  input[type="password"].four,
  .row input[type="password"].four,
  input[type="date"].four,
  .row input[type="date"].four,
  input[type="datetime"].four,
  .row input[type="datetime"].four,
  input[type="email"].four,
  .row input[type="email"].four,
  input[type="number"].four,
  .row input[type="number"].four,
  input[type="search"].four,
  .row input[type="search"].four,
  input[type="tel"].four,
  .row input[type="tel"].four,
  input[type="time"].four,
  .row input[type="time"].four,
  input[type="url"].four,
  .row input[type="url"].four,
  textarea.four,
  .row textarea.four {
    width: 100% !important;
  }
  input[type="text"].five,
  .row input[type="text"].five,
  input[type="password"].five,
  .row input[type="password"].five,
  input[type="date"].five,
  .row input[type="date"].five,
  input[type="datetime"].five,
  .row input[type="datetime"].five,
  input[type="email"].five,
  .row input[type="email"].five,
  input[type="number"].five,
  .row input[type="number"].five,
  input[type="search"].five,
  .row input[type="search"].five,
  input[type="tel"].five,
  .row input[type="tel"].five,
  input[type="time"].five,
  .row input[type="time"].five,
  input[type="url"].five,
  .row input[type="url"].five,
  textarea.five,
  .row textarea.five {
    width: 100% !important;
  }
  input[type="text"].six,
  .row input[type="text"].six,
  input[type="password"].six,
  .row input[type="password"].six,
  input[type="date"].six,
  .row input[type="date"].six,
  input[type="datetime"].six,
  .row input[type="datetime"].six,
  input[type="email"].six,
  .row input[type="email"].six,
  input[type="number"].six,
  .row input[type="number"].six,
  input[type="search"].six,
  .row input[type="search"].six,
  input[type="tel"].six,
  .row input[type="tel"].six,
  input[type="time"].six,
  .row input[type="time"].six,
  input[type="url"].six,
  .row input[type="url"].six,
  textarea.six,
  .row textarea.six {
    width: 100% !important;
  }
  input[type="text"].seven,
  .row input[type="text"].seven,
  input[type="password"].seven,
  .row input[type="password"].seven,
  input[type="date"].seven,
  .row input[type="date"].seven,
  input[type="datetime"].seven,
  .row input[type="datetime"].seven,
  input[type="email"].seven,
  .row input[type="email"].seven,
  input[type="number"].seven,
  .row input[type="number"].seven,
  input[type="search"].seven,
  .row input[type="search"].seven,
  input[type="tel"].seven,
  .row input[type="tel"].seven,
  input[type="time"].seven,
  .row input[type="time"].seven,
  input[type="url"].seven,
  .row input[type="url"].seven,
  textarea.seven,
  .row textarea.seven {
    width: 100% !important;
  }
  input[type="text"].eight,
  .row input[type="text"].eight,
  input[type="password"].eight,
  .row input[type="password"].eight,
  input[type="date"].eight,
  .row input[type="date"].eight,
  input[type="datetime"].eight,
  .row input[type="datetime"].eight,
  input[type="email"].eight,
  .row input[type="email"].eight,
  input[type="number"].eight,
  .row input[type="number"].eight,
  input[type="search"].eight,
  .row input[type="search"].eight,
  input[type="tel"].eight,
  .row input[type="tel"].eight,
  input[type="time"].eight,
  .row input[type="time"].eight,
  input[type="url"].eight,
  .row input[type="url"].eight,
  textarea.eight,
  .row textarea.eight {
    width: 100% !important;
  }
  input[type="text"].nine,
  .row input[type="text"].nine,
  input[type="password"].nine,
  .row input[type="password"].nine,
  input[type="date"].nine,
  .row input[type="date"].nine,
  input[type="datetime"].nine,
  .row input[type="datetime"].nine,
  input[type="email"].nine,
  .row input[type="email"].nine,
  input[type="number"].nine,
  .row input[type="number"].nine,
  input[type="search"].nine,
  .row input[type="search"].nine,
  input[type="tel"].nine,
  .row input[type="tel"].nine,
  input[type="time"].nine,
  .row input[type="time"].nine,
  input[type="url"].nine,
  .row input[type="url"].nine,
  textarea.nine,
  .row textarea.nine {
    width: 100% !important;
  }
  input[type="text"].ten,
  .row input[type="text"].ten,
  input[type="password"].ten,
  .row input[type="password"].ten,
  input[type="date"].ten,
  .row input[type="date"].ten,
  input[type="datetime"].ten,
  .row input[type="datetime"].ten,
  input[type="email"].ten,
  .row input[type="email"].ten,
  input[type="number"].ten,
  .row input[type="number"].ten,
  input[type="search"].ten,
  .row input[type="search"].ten,
  input[type="tel"].ten,
  .row input[type="tel"].ten,
  input[type="time"].ten,
  .row input[type="time"].ten,
  input[type="url"].ten,
  .row input[type="url"].ten,
  textarea.ten,
  .row textarea.ten {
    width: 100% !important;
  }
  input[type="text"].eleven,
  .row input[type="text"].eleven,
  input[type="password"].eleven,
  .row input[type="password"].eleven,
  input[type="date"].eleven,
  .row input[type="date"].eleven,
  input[type="datetime"].eleven,
  .row input[type="datetime"].eleven,
  input[type="email"].eleven,
  .row input[type="email"].eleven,
  input[type="number"].eleven,
  .row input[type="number"].eleven,
  input[type="search"].eleven,
  .row input[type="search"].eleven,
  input[type="tel"].eleven,
  .row input[type="tel"].eleven,
  input[type="time"].eleven,
  .row input[type="time"].eleven,
  input[type="url"].eleven,
  .row input[type="url"].eleven,
  textarea.eleven,
  .row textarea.eleven {
    width: 100% !important;
  }
  input[type="text"].twelve,
  .row input[type="text"].twelve,
  input[type="password"].twelve,
  .row input[type="password"].twelve,
  input[type="date"].twelve,
  .row input[type="date"].twelve,
  input[type="datetime"].twelve,
  .row input[type="datetime"].twelve,
  input[type="email"].twelve,
  .row input[type="email"].twelve,
  input[type="number"].twelve,
  .row input[type="number"].twelve,
  input[type="search"].twelve,
  .row input[type="search"].twelve,
  input[type="tel"].twelve,
  .row input[type="tel"].twelve,
  input[type="time"].twelve,
  .row input[type="time"].twelve,
  input[type="url"].twelve,
  .row input[type="url"].twelve,
  textarea.twelve,
  .row textarea.twelve {
    width: 100% !important;
  }
  /* Buttons --- */
  /*             */
  /* Basic overrides */
  .button {
    display: block;
  }
  button.button,
  input[type="submit"].button,
  input[type="reset"].button {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
  /* Button Groups */
  .button-group button.button,
  .button-group input[type="submit"].button {
    width: auto;
    padding: 10px 20px 11px;
  }
  .button-group button.button.large,
  .button-group input[type="submit"].button.large {
    padding: 15px 30px 16px;
  }
  .button-group button.button.medium,
  .button-group input[type="submit"].button.medium {
    padding: 10px 20px 11px;
  }
  .button-group button.button.small,
  .button-group input[type="submit"].button.small {
    padding: 7px 14px 8px;
  }
  .button-group button.button.tiny,
  .button-group input[type="submit"].button.tiny {
    padding: 5px 10px 6px;
  }
  .button-group.even button.button,
  .button-group.even input[type="submit"].button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  /* Navbar --- */
  /*            */
  .nav-bar {
    height: auto;
  }
  .nav-bar > li {
    float: none;
    display: block;
    border-right: none;
  }
  .nav-bar > li > a.main {
    text-align: left;
    border-top: 1px solid #ddd;
    border-right: none;
  }
  .nav-bar > li:first-child > a.main {
    border-top: none;
  }
  .nav-bar > li.has-flyout > a.flyout-toggle {
    position: absolute;
    right: 0;
    top: 0;
    padding: 22px;
    z-index: 2;
    display: block;
  }
  .nav-bar > li.has-flyout.is-touch > a.flyout-toggle span {
    content: "";
    width: 0;
    height: 0;
    display: block;
  }
  .nav-bar > li.has-flyout > a.flyout-toggle:hover span {
    border-top-color: #141414;
  }
  .nav-bar.vertical > li.has-flyout > .flyout {
    left: 0;
  }
  .flyout {
    position: relative;
    width: 100% !important;
    top: auto;
    margin-right: -2px;
    border-width: 1px 1px 0 1px;
  }
  .flyout.right {
    float: none;
    right: auto;
    left: -1px;
  }
  .flyout.small,
  .flyout.large {
    width: 100% !important;
  }
  .flyout p:last-child {
    margin-bottom: 18px;
  }
  /* Reveal --- */
  /*            */
  .reveal-modal-bg {
    position: absolute;
  }
  .reveal-modal,
  .reveal-modal.small,
  .reveal-modal.medium,
  .reveal-modal.large,
  .reveal-modal.xlarge {
    width: 80%;
    top: 15px;
    left: 50%;
    margin-left: -40%;
    padding: 20px;
    height: auto;
  }
  /* Clearing --- */
  /*              */
  .clearing-container {
    margin: 0;
  }
  .clearing-close {
    z-index: 99;
    font-size: 37px;
    top: 0px;
    right: 5px;
  }
  .clearing-caption {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px !important;
    line-height: 1.3;
  }
  .clearing-main-right,
  .clearing-main-left {
    display: none;
  }
  .clearing-blackout.clearing-assembled .visible-img,
  .clearing-blackout.clearing-assembled .clearing-container {
    height: 100%;
  }
  .clearing-blackout.clearing-assembled ul[data-clearing] {
    display: none;
  }
  /* Joyride --- */
  /*             */
  .joyride-tip-guide {
    width: 95% !important;
    left: 2.5% !important;
    border-radius: 4px;
  }
  .joyride-tip-guide-wrapper {
    width: 100%;
  }
  /* Tabs --- */
  /*          */
  .tabs.mobile {
    width: auto;
    margin: 20px -20px 40px;
    border-bottom: solid 1px #ccc;
    height: auto;
    margin: 20px -15px 0px -15px;
  }
  .tabs.mobile dt,
  .tabs.mobile li,
  .tabs.mobile dd {
    float: none;
    height: auto;
  }
  .tabs.mobile dd a,
  .tabs.mobile li a {
    font-size: 15px;
    display: block;
    width: auto;
    height: auto;
    padding: 18px 20px;
    margin: 0;
    color: #555;
    line-height: 1;
    border: none;
    border-left: none;
    border-right: none;
    border-top: 1px solid #ccc;
    background: #fff;
  }
  .tabs.mobile dd a.active,
  .tabs.mobile li a.active {
    border: none;
    background: #2ba6cb;
    color: #fff;
    margin: 0;
    position: static;
    top: 0;
    height: auto;
  }
  .tabs.mobile dd:first-child a.active,
  .tabs.mobile li:first-child a.active {
    margin: 0;
  }
  .tabs.mobile + .tabs-content.contained {
    margin-left: -15px;
    margin-right: -15px;
  }
  .tabs.mobile .section-title {
    padding-left: 20px !important;
  }
  .contained.mobile {
    margin-bottom: 0;
  }
  .contained.tabs.mobile dd a,
  .contained.tabs.mobile li a {
    padding: 18px 20px;
  }
  .tabs.mobile + ul.contained {
    margin-left: -20px;
    margin-right: -20px;
    border-width: 0 0 1px 0;
  }
  /* UI Elements --- */
  /*                 */
  /* Tooltips */
  .tooltip {
    font-size: 14px;
    line-height: 1.4;
    padding: 7px 10px 9px 10px;
    left: 50% !important;
    max-width: 80% !important;
    margin-left: -40%;
    font-size: 110%;
  }
}
@media only screen and (max-width: 768px) and (max-width: 480px) {
  .tooltip {
    font-size: 95%;
    line-height: 35px;
  }
}

@media only screen and (max-width: 768px) {
  .tooltip > .nub,
  .tooltip.top > .nub,
  .tooltip.left > .nub,
  .tooltip.right > .nub {
    border-color: transparent transparent black transparent;
    border-color: transparent transparent #508301 transparent;
    top: -12px;
    left: 10px;
  }
}

/* Topbar Specific Breakpoint that you can customize */
@media only screen and (max-width: 940px) {
  .top-bar {
    margin-bottom: 0;
    overflow: hidden;
    height: 45px;
    background: #222222;
    /* Override contain to grid stuff for breakpoint */
    /* Setting up the sliding area */
    /* When the Small Nav is Showing */
  }
  .top-bar .js-generated {
    display: block;
  }
  .contain-to-grid .top-bar {
    width: auto;
  }
  .top-bar section {
    left: 0;
    position: relative;
    width: auto;
    -webkit-transition: left 300ms 0;
    transition: left 300ms 0;
  }
  .top-bar ul {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    display: block;
  }
  .top-bar ul > li {
    float: none;
    /* Branding and name */
    /* Dropdown Toggle */
    /* Divider for breakpoint */
    /* Search Overrides for breakpoint size */
    /* Dropdown Level 1 */
    /* Dropdown Level 2 */
  }
  .top-bar ul > li.active,
  .top-bar ul > li:hover {
    background: #151515;
  }
  .top-bar ul > li.name {
    height: 45px;
  }
  .top-bar ul > li.name h1 {
    line-height: 1;
  }
  .top-bar ul > li.name h1 a {
    color: white;
    display: block;
    line-height: 45px !important;
    padding-left: 15px;
    height: 45px;
  }
  .top-bar ul > li:hover a,
  .top-bar ul > li.active a {
    color: white;
  }
  .top-bar ul > li a:not(.button) {
    color: white;
  }
  .top-bar ul > li.toggle-topbar {
    cursor: pointer;
    display: block;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
  }
  .top-bar ul > li.toggle-topbar a {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 8px;
    border-color: white transparent transparent transparent;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 22.5px;
    margin-top: -4px;
  }
  .top-bar ul > li.toggle-topbar:hover {
    background: inherit;
  }
  .top-bar ul > li.toggle-topbar a {
    padding: 0 !important;
  }
  .top-bar ul > li.divider {
    border-bottom: solid 1px #3c3c3c;
    border-top: solid 1px black;
    clear: both;
    height: 1px !important;
    margin: 8px 0 !important;
    width: 100%;
  }
  .top-bar ul > li.search {
    padding: 0 22.5px;
  }
  .top-bar ul > li.search form {
    width: 100%;
  }
  .top-bar ul > li.search form input[type="text"] {
    width: 75%;
  }
  .top-bar ul > li.search form .button {
    top: -1px;
    width: 25%;
  }
  .top-bar ul > li.has-dropdown a {
    padding-right: 33.75px;
  }
  .top-bar ul > li.has-dropdown a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
    margin-right: 15px;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
  }
  .top-bar ul > li.has-dropdown:hover > .dropdown {
    display: block;
    visibility: hidden;
  }
  .top-bar ul > li.has-dropdown .dropdown {
    visibility: hidden;
    z-index: 0 !important;
  }
  .top-bar ul > li.has-dropdown.moved {
    position: static;
  }
  .top-bar ul > li.has-dropdown.moved > .dropdown {
    top: 0;
    visibility: visible;
  }
  .top-bar ul > li.has-dropdown.moved > .dropdown li label {
    margin-bottom: 6px;
    padding-top: 6px !important;
    font-size: 11px;
  }
  .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) {
    padding-bottom: 0;
  }
  .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) a {
    padding: 8px 22.5px;
    font-size: 14px;
  }
  .top-bar ul > li.has-dropdown.moved > .dropdown li a,
  .top-bar ul > li.has-dropdown.moved > .dropdown li label {
    padding: 0 22.5px;
  }
  .top-bar ul > li.has-dropdown.moved > .dropdown li a:hover {
    background: #3c3c3c;
    display: block;
  }
  .top-bar ul > li.has-dropdown.moved > .dropdown li.divider {
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .top-bar ul > li.has-dropdown.moved .back.title {
    padding-bottom: 0;
  }
  .top-bar ul > li.has-dropdown.moved .back.title a:before {
    position: absolute;
    top: 50%;
    left: 17.5px;
    margin-top: -5px;
    width: 0;
    height: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent white transparent transparent;
  }
  .top-bar ul > li.has-dropdown.moved .back.title h5 {
    margin: 0;
    padding-left: 15px;
    position: relative;
  }
  .top-bar ul > li.has-dropdown.moved .back.title h5 a {
    background: transparent;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 23px;
    font-weight: bold;
  }
  .top-bar ul > li.has-dropdown .dropdown li {
    background: transparent;
  }
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {
    left: 100% !important;
    top: 0;
    right: auto !important;
  }
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a {
    padding-right: 33.75px;
  }
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {
    content: "";
    margin-right: 15px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 50%;
    margin-top: -4.5px;
  }
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a li a:hover {
    background: #3c3c3c;
  }
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved {
    position: static;
  }
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {
    top: 0;
    visibility: visible;
  }
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover {
    display: block;
  }
  .top-bar ul.left,
  .top-bar ul.right {
    float: none;
    width: 100%;
  }
  .top-bar ul.left > li,
  .top-bar ul.right > li {
    display: block;
    float: none;
    margin: 0 !important;
  }
  .top-bar ul.left > li.has-dropdown .dropdown,
  .top-bar ul.right > li.has-dropdown .dropdown {
    left: 100% !important;
    top: 0;
    right: auto !important;
  }
  .top-bar section > ul li a:not(.button) {
    padding-left: 22.5px !important;
  }
  .top-bar.expanded {
    height: 100%;
  }
  .top-bar.expanded ul li.toggle-topbar a {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 8px;
    border-color: transparent transparent #cccccc transparent;
    top: auto;
    bottom: 50%;
    margin-bottom: -4px;
  }
  .top-bar ul li.has-button {
    padding: 5px 15px;
  }
  .top-bar ul li .button.small {
    margin: 0 !important;
    display: inline-block;
    width: 100%;
  }
  .top-bar ul > li.has-button a.button {
    margin: 0;
  }
}

/* Base CSS - Default styling rules of all occurances of elements on the page */
body {
  background-color: #fff;
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333333;
}

h1 {
  font-family: NewsGothicBT-ExtraCondensed, sans-serif;
  text-transform: uppercase;
}

a {
  color: #508301;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

a:hover {
  color: #84d010;
  text-decoration: none;
}

a.more {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #508301;
  text-transform: uppercase;
  line-height: 100%;
}
a.more:hover {
  color: #84d010;
}

.angle-quotes {
  font-family: NewsGothicBT-ExtraCondensed, sans-serif;
  font-size: 2.3em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #508301;
  line-height: 100%;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  font-weight: normal;
  top: -3px;
  margin: 0 3px;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

a:hover .angle-quotes {
  color: #84d010;
}

h2,
h3,
h4,
h5,
h6 {
  font-family: NewsGothicBT-ExtraCondensed, sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333333;
  text-transform: uppercase;
  font-weight: normal !important;
}

ul {
  list-style: none;
}

li a {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 28px;
  color: #508301;
  text-transform: capitalize;
}

aside p {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 14px;
  font-style: normal;
}

input:focus {
  outline: none;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  background-color: #fff;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  display: block;
  height: 32px;
  width: 100%;
  font-family: inherit;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 12px 0;
  padding: 6px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

input[type="text"].oversize,
input[type="password"].oversize,
input[type="date"].oversize,
input[type="datetime"].oversize,
input[type="email"].oversize,
input[type="number"].oversize,
input[type="search"].oversize,
input[type="tel"].oversize,
input[type="time"].oversize,
input[type="url"].oversize,
textarea.oversize {
  font-size: 17px;
  padding: 4px 6px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  background: #fafafa;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.4);
  border: none;
}

input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled] {
  background-color: #ddd;
}

textarea {
  height: auto;
}

select {
  width: 100%;
}

/* Fieldsets */
fieldset {
  border: solid 1px #ddd;
  border-radius: 3px;
  padding: 12px;
  margin: 18px 0;
}

fieldset legend {
  font-weight: bold;
  background: white;
  padding: 0 3px;
  margin: 0;
  margin-left: -3px;
}

/* 
 * Vault Media detail, Forms
*/
/*
 * Album Landing, Tour Detail, Tour Landing (w/ bottom drawer menu), Jerry's Story, Guitars, Photo Credit, Browser Page.
*/
/* 
* Artwork (w/ bottom related), Article (w/bottom related), Photo (w/bottom related),
* Ticket (w/bottom related), Video (w/bottom related), Sitemap, News Landing, Legal,
* Events, Site Credits, Contact, 404.
*/
.layout-1col.layout-show {
  background: transparent url("../images/pttrn/texture-gray-light.png") repeat;
  padding-bottom: 20px;
  padding-top: 0;
}

/*
 * Home, Shows Detail, Band Detail, Album Detail, Song Detail
*/
.layout-2col {
  background-size: auto 76%;
  background-repeat: repeat-x;
  background-position: bottom left;
}
.layout-2col #sidebar {
  padding: 0;
  background: transparent url("../images/pttrn/stripe-gray-light.png") repeat;
}
.layout-2col #sidebar .component {
  float: left;
  padding: 45px 60px;
}

#sidebar .component {
  float: left;
}

/* Tablet Glass */
@media only screen and (min-width: 769px) {
  #sidebar {
    padding: 0;
    background: transparent url("../images/pttrn/stripe-gray-light.png") repeat;
  }
  #sidebar .component {
    float: left;
    padding: 45px 30px;
  }
}

/* Tablet Glass */
@media only screen and (max-width: 768px) {
  .layout-2col {
    background-image: url("../images/theme/bg-triang.jpg");
    background-size: auto 87%;
    background-repeat: repeat-x;
    background-position: bottom left;
  }
  .layout-2col #sidebar {
    overflow: hidden;
    padding: 15px;
    padding-top: 0px;
  }
  .layout-2col #sidebar .component {
    padding: 45px 20px;
  }
  .layout-2col #sidebar .component.album-carousel {
    padding: 20px 60px;
    margin: 0 auto;
  }
  .layout-2col #sidebar .component.album-carousel .orbit-wrapper {
    max-width: 385px;
    margin: 0 auto;
  }
  #sidebar {
    background: transparent url("../images/pttrn/stripe-gray-light.png") repeat;
  }
  #main,
  #sidebar {
    float: none !important;
    width: 100% !important;
  }
}

/* Phone Glass */
@media only screen and (max-width: 480px) {
  .layout-2col #sidebar .component {
    float: none !important;
  }
  .layout-2col #sidebar .component.album-carousel {
    padding: 20px 45px;
  }
}

.row-header {
  padding: 10px 0;
}

/* The Grid ---------------------- */
.row {
  width: 1140px;
  max-width: 100%;
  min-width: 480px;
  margin: 0 auto;
}

.row-fluid {
  width: 100%;
  max-width: 100%;
  min-width: 480px;
  margin: 0 auto;
}

.layout-albums {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.center {
  text-align: center;
}

.block {
  display: block;
}

.required-header .inline-list {
  margin-top: 14px;
}

hr.medium-divider {
  border-width: 5px 0 0;
}

/* Footer Styles */
#footer {
  padding: 0;
}

.clear:before,
.clear:after {
  content: "";
  display: table;
}

.clear:after {
  clear: both;
}

/* Tablet Glass */
@media only screen and (max-width: 768px) {
  .invite {
    margin: 10px 0 0 0;
  }
  .invite.two {
    width: 30%;
    float: right;
  }
  .navi-bar {
    float: left;
  }
  .navi-bar > li {
    float: left;
  }
  .navi-bar > li > a:first-child,
  .navi-bar > li > a {
    font-size: 14px;
  }
  .navi-bar > li.has-flyout > a:first-child:after {
    display: none;
  }
  .navi-bar > li.has-flyout > a:hover:first-child:after {
    display: none;
  }
  .post-box {
    padding: 0 0 0 20px;
  }
  .right {
    float: right;
  }
  .left {
    float: left;
  }
  hr.thick-divider {
    border-width: 10px 0 0;
  }
  hr.medium-divider {
    border-width: 5px 0 0;
  }
  .album-carousel {
    margin: 40px 0 0 10px;
  }
  .album-carousel span {
    text-align: right;
  }
  #featured img {
    width: 80%;
    margin: 0 50px 0 60px;
  }
  .copyright {
    text-align: center;
  }
  ul.inline-list,
  ul.link-list {
    margin: 10px 0 10px 22px;
  }
  .invite-cta {
    width: 40%;
    text-align: center;
    margin: 0 auto 40px auto;
  }
}

/* Phone Glass */
@media only screen and (max-width: 480px) {
  .hide-small {
    display: none;
  }
  .row {
    width: auto;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .right {
    float: right;
  }
  .left {
    float: left;
  }
  .seven,
  .row .seven {
    width: 80%;
  }
  .album-carousel {
    margin: 15px 0 0 0;
  }
  .three,
  .row .three {
    width: auto;
  }
  .copyright {
    text-align: center;
  }
}

/* Theme rules */
/*Links*/
/* Link Styles */
.standalone {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}

.inlineLink {
  color: #fff;
  background-color: #000;
  padding: 3px;
}

a.title {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 21px;
  color: #508301;
}

a.title:hover {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 21px;
  color: #84d010;
}

/* Icons */
/* Icon images */
.icn {
  background: url("../images/icons/icon-sprites.png") no-repeat top left;
}

/*
.icn-bars{ background-position: 0 0; width: 36px; height: 36px; } 
.icn-bars_on{ background-position: 0 -86px; width: 36px; height: 36px; } 
.icn-book{ background-position: 0 -172px; width: 48px; height: 42px; } 
.icn-book_on{ background-position: 0 -264px; width: 48px; height: 42px; } 
.icn-camera{ background-position: 0 -356px; width: 43px; height: 32px; } 
.icn-camera_on{ background-position: 0 -438px; width: 43px; height: 32px; } 
.icn-chat{ background-position: 0 -520px; width: 49px; height: 39px; } 
.icn-chat_on{ background-position: 0 -609px; width: 49px; height: 39px; } 
.icn-edit{ background-position: 0 -698px; width: 33px; height: 33px; } 
.icn-edit_on{ background-position: 0 -781px; width: 33px; height: 33px; } 
.icn-eye{ background-position: 0 -864px; width: 44px; height: 25px; } 
.icn-eye_on{ background-position: 0 -939px; width: 44px; height: 25px; } 
.icn-geo{ background-position: 0 -1014px; width: 24px; height: 37px; } 
.icn-geo_on{ background-position: 0 -1101px; width: 24px; height: 37px; } 
.icn-hand{ background-position: 0 -1188px; width: 33px; height: 40px; } 
.icn-hand_on{ background-position: 0 -1278px; width: 33px; height: 40px; } 
.icn-mail{ background-position: 0 -1368px; width: 45px; height: 35px; } 
.icn-mail_on{ background-position: 0 -1453px; width: 45px; height: 35px; } 
.icn-person{ background-position: 0 -1538px; width: 35px; height: 35px; } 
.icn-person_on{ background-position: 0 -1623px; width: 35px; height: 35px; } 
.icn-search{ background-position: 0 -1708px; width: 26px; height: 31px; } 
.icn-search_on{ background-position: 0 -1789px; width: 26px; height: 31px; } 
.icn-share{ background-position: 0 -1870px; width: 106px; height: 33px; } 
.icn-share_on{ background-position: -156px 0; width: 106px; height: 33px; } 
.icn-van{ background-position: -156px -83px; width: 43px; height: 40px; } 
.icn-van_on{ background-position: -156px -173px; width: 43px; height: 40px; } 
.icn-volume{ background-position: -156px -263px; width: 43px; height: 30px; } 
.icn-volume{ background-position: -156px -343px; width: 43px; height: 30px; } 
.icn-x{ background-position: -156px -423px; width: 29px; height: 27px; } 
.icn-x_on{ background-position: -156px -500px; width: 29px; height: 27px; } 

.secondary{
	
	&:before {
  
	content: '';
	display: inline-block;
	width: 22px;
	height: 16px;
	background: url($iconbg) no-repeat top left;

	position: relative;
	margin-right: 10px;
	top: 2px;
	
	}

}

.secondary.icn-mail{
		&:before {
		background-position: 0 -1368px;

	} 
}

.button.secondary:hover{
	&:before{
	content: '';
	display: inline-block;
	width: 22px;
	height: 16px;
	position: relative;
	margin-right: 10px;
	top: 2px;
	}
}

*/
/* Form elements */
/* Errors */
.error input,
input.error,
.error textarea,
textarea.error,
.error input:focus,
input.error:focus,
.error textarea:focus,
textarea.error:focus {
  border-color: #cc003e;
  border-width: 2px;
}

.error input:focus,
input.error:focus,
.error textarea:focus,
textarea.error:focus {
  outline-color: #f5797c;
}

.error small,
small.error {
  display: block;
  padding: 6px 4px;
  margin-top: -13px;
  margin-bottom: 12px;
  background: #c60f13;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.error-message {
  position: relative;
  background-color: #cc003e;
  padding: 10px;
  margin-top: 18px;
  color: #fff;
}
.error-message .pointer {
  /*border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) $red rgba(0, 0, 0, 0);
		border-width: 11px;
		border-style: solid;
		font-size: 0;
		line-height: 0;
		margin: 0 auto;
		width: 0;*/
  top: -12px;
  left: 10px;
  position: absolute;
  background-image: url("../images/theme/error-point.png");
  z-index: 5;
  width: 25px;
  height: 20px;
}

/* Custom Forms ---------------------- */
form.custom {
  /* Custom input, disabled */
}

form.custom span.custom {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  border: solid 1px #cccccc;
  background: white;
}

form.custom span.custom.radio {
  border-radius: 100px;
}

form.custom span.custom.checkbox:before {
  content: "";
  display: block;
  line-height: 0.8;
  height: 14px;
  width: 14px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #fff;
}

form.custom span.custom.radio.checked:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100px;
  background: #222222;
  position: relative;
  top: 3px;
  left: 3px;
}

form.custom span.custom.checkbox.checked:before {
  content: url("../images/icons/check.png");
  color: #222222;
  padding: 0 0 10px 0;
  box-shadow: inset 0px 1px 1px #aaa;
  background-color: #e0e0e0;
}

form.custom div.custom.dropdown {
  display: block;
  position: relative;
  width: auto;
  height: 28px;
  margin-bottom: 9px;
  margin-top: 2px;
}

.dropdown.error a.current {
  border-color: #cc003e !important;
  border-width: 2px;
  font-weight: bold;
}

.dropdown.error a.selector {
  border-color: #cc003e !important;
  background-color: #cc003e !important;
}

form.custom div.custom.dropdown ul {
  overflow-y: auto;
  max-height: 200px;
}

form.custom div.custom.dropdown a.current {
  display: block;
  width: auto;
  line-height: 26px;
  min-height: 28px;
  padding: 0;
  padding-left: 6px;
  padding-right: 38px;
  border: solid 2px #cccccc;
  color: #141414;
  background-color: white;
  white-space: nowrap;
}

form.custom div.custom.dropdown.disabled a.current {
  border: solid 2px #cecece;
}

form.custom div.custom.dropdown a.selector {
  position: absolute;
  width: 27px;
  height: 30px;
  display: block;
  right: 0;
  top: 0;
  border: solid 2px #000;
  background: #000;
}

form.custom div.custom.dropdown.disabled a.selector {
  border: solid 2px #cecece;
  background: #cecece;
}

form.custom div.custom.dropdown a.selector:after {
  content: "";
  display: block;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -2px;
  margin-left: -5px;
}

form.custom div.custom.dropdown:hover a.selector:after,
form.custom div.custom.dropdown.open a.selector:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: #fff transparent transparent transparent;
}

form.custom div.custom.dropdown.open ul {
  display: block;
  z-index: 10;
}

form.custom div.custom.dropdown.small {
  width: 134px !important;
}

form.custom div.custom.dropdown.medium {
  width: 254px !important;
}

form.custom div.custom.dropdown.large {
  width: 434px !important;
}

form.custom div.custom.dropdown.expand {
  width: 100% !important;
}

form.custom div.custom.dropdown.open.small ul {
  width: 134px !important;
}

form.custom div.custom.dropdown.open.medium ul {
  width: 254px !important;
}

form.custom div.custom.dropdown.open.large ul {
  width: 434px !important;
}

form.custom div.custom.dropdown.open.expand ul {
  width: 100% !important;
}

form.custom div.custom.dropdown ul {
  position: absolute;
  width: auto;
  display: none;
  margin: 0;
  left: 0;
  top: 27px;
  margin: 0;
  padding: 0;
  background: #e0e0e0;
  border: solid 2px #cccccc;
}

form.custom div.custom.dropdown ul li {
  color: #333333;
  font-size: 13px;
  cursor: pointer;
  padding: 10px 8px;
  padding-left: 6px;
  padding-right: 38px;
  min-height: 18px;
  line-height: 18px;
  margin: 0;
  white-space: nowrap;
  list-style: none;
}

form.custom div.custom.dropdown ul li.selected {
  background: #333333;
  color: #fff;
}

form.custom div.custom.dropdown ul li.selected:after {
  content: "\2013";
  position: absolute;
  right: 10px;
}

form.custom div.custom.dropdown ul li:hover {
  background-color: #8cd419;
  color: #fff;
}

form.custom div.custom.dropdown ul li:hover:after {
  content: "\2013";
  position: absolute;
  right: 10px;
  color: #a3dbec;
}

form.custom div.custom.dropdown ul li.selected:hover {
  background: #8cd419;
  cursor: default;
  color: black;
}

form.custom div.custom.dropdown ul li.selected:hover:after {
  color: black;
}

form.custom div.custom.dropdown ul.show {
  display: block;
}

form.custom .custom.disabled {
  background-color: #dddddd;
}

form.custom div.custom.dropdown .error-message {
  margin-top: 20px;
}

.settings-main select {
  width: 100%;
  padding: 6px;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  height: 32px;
  color: rgba(0, 0, 0, 0.75);
  font-family: inherit;
  background-color: #fff;
  font-size: 14px;
  font-weight: bold;
  /* needed */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* SVG background image */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 0.6em;
  background-position: calc(100% - 1.3em) center;
  background-repeat: no-repeat;
}

.settings-main select::-ms-expand {
  display: none;
}

/* Footer */
/*

<480
481-768
769 - 1140
*/
#footer {
  background-color: #2b2828;
  background-image: url("../images/theme/footr-txtr.png");
  background-repeat: repeat-x;
}
#footer .inline-list {
  margin: 10px 0;
}
#footer .inline-list li {
  margin: 0 10px;
}
#footer .logo {
  width: 20%;
  margin: 0 auto;
}
#footer .row.footer-inner {
  background-image: url("../images/theme/bg_footer.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #2b2828;
  padding: 5px 0;
}
#footer .social ul {
  margin: 0 auto;
}
#footer .social ul li {
  display: inline-block;
  text-align: center;
  max-width: 48%;
  color: #fff;
}
#footer .footer-social {
  text-align: center;
  display: block;
  line-height: 100%;
  margin: 0;
}
#footer .footer-social li a {
  background-image: url("../images/icons/social.png");
  display: block;
}
#footer ul.footer-social li a {
  width: 30px;
  height: 37px;
  background-size: 30px auto;
}
#footer ul.footer-social a.youtube {
  background-position: 0 -43px;
}
#footer ul.footer-social a.twitter {
  background-position: 0 -86px;
}
#footer ul.footer-social a.instagram {
  background-position: 0 -128px;
}

.footer-inner {
  position: relative;
}
.footer-inner .social {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.footer-bottom {
  padding: 5px 0;
}

.footer-bottom a {
  color: #d3d3d3;
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 150%;
}
.footer-bottom a.selected {
  color: #8cd419;
}
.footer-bottom a:hover {
  color: #84d010;
}

.copyright {
  color: #fff;
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 12px;
  text-align: right;
  margin: 10px 0;
  line-height: 150%;
}

@media only screen and (min-width: 769px) {
  #footer .footer-logo {
    width: 160px;
    margin: 15px auto 20px;
  }
}

@media only screen and (max-width: 768px) {
  #footer .row.footer-inner {
    padding: 15px 0;
  }
  #footer .footer-bottom .columns {
    display: block;
    float: none;
    width: 100%;
  }
  #footer .footer-bottom .columns .copyright {
    padding: 0;
    text-align: center;
  }
  #footer .footer-bottom .columns ul {
    margin: 20px auto;
    text-align: center;
  }
  #footer .footer-bottom .columns ul li {
    width: auto;
    display: inline-block;
    float: none;
  }
}

@media only screen and (max-width: 480px) {
  #footer .row.footer-inner {
    padding: 25px 0;
  }
  #footer .footer-bottom {
    padding-top: 50px;
  }
  #footer .logo {
    width: 30%;
  }
  #footer .social {
    margin: 0 auto;
    max-width: 100%;
    bottom: -55px;
    right: 35%;
  }
  #footer .copyright {
    font-size: 11px;
  }
}

.news .footer-news,
.events .footer-events,
.charities .footer-charities,
.contact .footer-contact,
.site-by-critical-mass .footer-cm,
.photographer-credit .footer-photographer,
.legal .footer-legal,
.sitemap .footer-sitemap {
  color: #84d010;
}

#_atssh {
  top: 0;
  left: 0;
}

.left-col {
  background: transparent url(../images/bg-left.jpg) no-repeat;
}

.hero {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  position: relative;
}
.hero .photo-credit {
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: #fff;
  font-size: 10px;
}
.hero img {
  width: 100%;
  max-width: 100%;
}

.hard-right {
  float: right !important;
}

.layout-home {
  background-color: #f2f2f2;
}
.layout-home .bg-triangles {
  height: 1800px;
  background: transparent
    url(/wp-content/themes/jerry-garcia/images/theme/bg-triang.jpg) top left
    no-repeat;
  position: absolute;
  min-width: 892px;
  left: 0;
}

.page-template-page-templatesalbum-landing-page-php .row-header,
.page-template-page-templatescontact-page-php .row-header,
.page-template-page-templatesphotocredit-page-php .row-header {
  box-shadow: 0 1px 0 0 #e0e0e0;
}

.navi-bar > li {
  margin: 0 12px 0 0;
}

.navi-bar > li.is-cta a {
  color: #508301;
  padding-left: 38px;
  background: transparent url(../images/icons/icon-envelop-green.png) 10px 20px
    no-repeat;
  background-size: 18px;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.navi-bar > li.is-cta a:hover,
.navi-bar > li.is-cta a:focus,
.navi-bar > li.is-cta a:active {
  background-color: #fff;
  background: transparent url(../images/icons/icon-envelop-green.png) 10px 20px
    no-repeat;
  background-size: 18px;
  color: #84d010;
}

.navi-bar > li.is-cta.active a {
  background-color: #fff;
  background: transparent url(../images/icons/icon-envelop-green.png) 10px 20px
    no-repeat;
  background-size: 18px;
  color: #84d010;
}

@media only screen and (max-width: 480px) {
  nav.navigation-container .nav-icon {
    margin-left: 15px !important;
  }
}

.u-sr {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}



/* Module rules */
/* Global Modules */
/* Navigation */
/* CSS for all navigation modules */
/* Main Menu */
/* Images used */
.sm-glass-btn {
  height: 38px;
  width: 50px;
  background-image: url("../images/icons/menu-btn.png");
  background-position: center 2px;
  background-repeat: no-repeat;
  background-size: 40px auto;
  position: absolute;
  right: 20px;
  top: 2px;
  display: none;
  cursor: pointer;
  z-index: 1;
}

.sm-glass-btn.close {
  display: block;
  position: relative;
  float: right;
  background-position: center -38px;
  top: 12px;
}

.navi-bar {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 16px;
  color: #333;
  margin: 0;
  padding: 0;
}

nav.navigation-container .nav-icon {
  float: left;
  margin: 0 33px 0 0;
}

.navi-bar > li {
  display: block;
  float: left;
  position: relative;
  margin: 0 40px 0 0;
  line-height: 65px;
}

.navi-bar > li a {
  color: #333;
  font-size: 16px;
  text-transform: uppercase;
  vertical-align: bottom;
  padding: 20px 9px 16px;
  -webkit-transition: none;
  transition: none;
}

.navi-bar > li a.selected {
  color: #8cd419;
}

.navi-bar > li.active a {
  background-color: #71b20e;
  color: #fff;
}

.navi-bar > li a:hover {
  background-color: #71b20e;
  color: #fff;
}

.navi-bar > li:last-child {
  margin-right: 0;
}

.navi-bar li.home {
  display: none;
}

/* One off sizing for vault menu items to fit */
.navi-bar .vault a {
  padding: 20px 15px 17px;
}

.navi-bar .news a {
  padding: 20px 15px 17px;
}

.navi-bar .events a {
  padding: 20px 10px 17px;
}

.request-container .button.secondary {
  margin-top: 27px;
  padding: 10px 15px 10px 40px;
}

.navi-bar .vault ul li a {
  padding: 20px 0 17px;
}

/* Submenu */
.navi-bar > li div {
  position: absolute;
  top: 74px;
  background-color: #71b20e;
  width: 100%;
}

.navi-bar > li div span {
  height: 0px;
  width: 60%;
  display: block;
  margin: 0 auto;
  border-top: dotted 1px #9cd94b;
}

.navi-bar > li ul {
  margin: 0;
}

.navi-bar li ul li a {
  background: #71b20e;
  border: none;
  color: #fff;
  display: block;
  height: auto;
  line-height: 1;
  text-align: center;
}

.navi-bar li a:hover,
.navi-bar li ul li a:focus {
  background: #61971d;
  color: #fff;
}

.navi-bar li ul li.active a {
  background: #84d010;
  border: none;
  color: #fff;
  height: auto;
  margin: 0;
  position: static;
  top: 0;
}

#header {
  z-index: 100;
  position: relative;
}
#header .request-container {
  float: right;
  position: relative;
  margin-right: 1%;
}
#header:after {
  content: "";
  clear: both;
}

.navi-bar a .icon {
  display: none;
  background-image: url("../images/icons/icon-menu.png");
  background-position: center -10px;
  background-repeat: no-repeat;
  background-size: 85px auto;
  width: 100%;
  height: 65px;
}

.navi-bar-smglass-cntrls {
  display: none;
}

.small-glass-nav {
  clear: both;
  overflow: hidden;
  height: 0;
  background-color: #fff;
  z-index: 500;
  /*
      display: none;
      position: relative;
      height: 0;
      overflow: auto;
      top: -70px;
      left: 0;
      right: 0;
      background-color: #FFF;
      z-index: 501;
      border-bottom: solid 1px #E0E0E0;
      background: $white;
   */
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.small-glass-nav .request-container {
  display: block;
  width: 100%;
  margin: 0;
}
.small-glass-nav .request-container a.secondary {
  width: 100%;
  margin: 0;
  padding: 15px 0;
}
.small-glass-nav .navi-bar {
  float: none;
}
.small-glass-nav .navi-bar > li {
  display: block;
  margin: 0;
  padding: 0;
  width: 33.19%;
  float: left;
  text-align: center;
  height: 150px;
  border-right: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.small-glass-nav .navi-bar > li a {
  display: block;
  height: 100%;
  width: 100%;
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 20px;
  font-weight: normal;
  margin: 0;
  padding: 20px 9px 17px;
  line-height: 20px;
  color: #333333;
}
.small-glass-nav .navi-bar > li a .icon {
  display: inline-block;
}
.small-glass-nav .navi-bar > li a:hover {
  background-color: #fff;
  color: #333333;
}
@media only screen and (min-width: 480px) {
  .small-glass-nav .navi-bar > .news a {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 480px) {
  .small-glass-nav #small-glass-nav .navi-bar > li {
    height: 134px;
  }
  .small-glass-nav #small-glass-nav.expanded {
    height: 373px;
  }
}
.small-glass-nav .navi-bar a .icon.icon-home {
  background-position: center -10px;
}
.small-glass-nav .navi-bar a .icon.icon-story {
  background-position: center -103px;
}
.small-glass-nav .navi-bar a .icon.icon-bands {
  background-position: center -187px;
}
.small-glass-nav .navi-bar a .icon.icon-shows {
  background-position: center -280px;
}
.small-glass-nav .navi-bar a .icon.icon-vault {
  background-position: center -366px;
}
.small-glass-nav .navi-bar a .icon.icon-shop {
  background-position: center -452px;
}
.small-glass-nav .navi-bar a .icon.icon-news {
  background-position: center -537px;
}
.small-glass-nav .navi-bar li.home {
  display: block;
}
.small-glass-nav .navi-bar > li div {
  display: none;
}
.small-glass-nav .navi-bar-smglass-cntrls {
  display: block;
  background-color: #fff;
  height: 110px;
  clear: both;
}

.small-glass-nav.expanded {
  display: block;
  height: 362px;
  border-bottom: solid 1px #e0e0e0;
}

@media only screen and (max-width: 680px) {
  .nav-menu-wrap {
    border-bottom: solid 1px #ccc;
  }
  .row-header {
    min-height: 60px;
  }
  #main-nav .navi-bar-container {
    display: none;
  }
  #main-nav .nav-icon {
    width: 45px;
    height: 50px;
    background-size: 45px 50px;
  }
  #main-nav .profile-small-nav {
    background: url("../images/profile/profile-ico/small-nav.png") no-repeat;
    background-size: 100%;
    height: 37px;
    width: 37px;
  }
  #header .request-container {
    display: none;
  }
  #header .sm-glass-btn {
    display: block;
  }
}

@media only screen and (max-width: 900px) and (min-width: 481px) {
  #header .request-container {
    position: absolute;
    right: 10px;
    top: -38px;
  }
}

.sm-glass-nav-btn {
  right: 78px;
}

.sm-glass-btn-profile-close {
  background-image: url("../images/icons/menu-btn.png");
  background-position: center -38px;
  background-repeat: no-repeat;
  background-size: 40px auto;
  cursor: pointer;
  display: block;
  float: right;
  height: 38px;
  position: relative;
  right: 20px;
  top: 12px;
  width: 50px;
  z-index: 1;
}

.sm-glass-btn-profile,
.sm-glass-btn-shop {
  position: absolute;
  right: 20px;
  top: 3px;
  display: none;
  cursor: pointer;
  z-index: 1;
}
@media only screen and (max-width: 680px) {
  .sm-glass-btn-profile {
    display: block;
  }
}

.small-glass-nav-profile-auth.expanded {
  height: 237px;
}

.small-glass-nav-profile-login.expanded {
  height: 334px;
}

.navi-bar-container > .small-glass-profile-navi-bar > li {
  border-left: none;
  border-right: none;
  height: 178px;
  width: 50%;
}
.navi-bar-container > .small-glass-profile-navi-bar > li:first-child {
  border-right: 1px solid #eeeeee;
  width: 49.79166667%;
}
.navi-bar-container > .small-glass-profile-navi-bar > li > a {
  padding-top: 48px;
}

.auth-container,
.main-nav-profile-container {
  float: right;
  position: relative;
}
@media only screen and (max-width: 680px) {
  .auth-container,
  .main-nav-profile-container {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .auth-container,
  .main-nav-profile-container {
    position: absolute;
    right: 10px;
    top: -38px;
  }
}

.auth-container > .button.secondary {
  margin-left: 0.222222222em;
  margin-top: 1.388888889em;
  padding-left: 0.833333333em;
}
.auth-container > .button.secondary:first-child {
  margin-left: 0;
}

.main-nav-profile-nav {
  margin-bottom: 0;
}

.main-nav-profile-nav-item {
  min-width: 229px;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .main-nav-profile-nav-item {
    min-width: 0;
  }
}
.main-nav-profile-nav-item > .main-nav-profile-nav-link {
  color: #000000;
  font-family: "NewsGothicBT-BoldCondensed", sans-serif;
  font-size: 1.142857143em;
  line-height: 1.6875em;
  margin-bottom: -10px;
  margin-top: 10px;
  padding-bottom: 9px;
  text-transform: uppercase;
}

.main-nav-profile-nav-item.active .profile-ico-arrow-down {
  background: url("../images/profile/profile-ico/arrow-down_hover.png");
}

.main-nav-profile-nav-link {
  display: inline-block;
  *display: inline;
  min-width: 229px;
  *zoom: 1;
}
@media only screen and (max-width: 1024px) {
  .main-nav-profile-nav-link {
    min-width: 0;
  }
}
.main-nav-profile-nav-link > .default-avatar {
  margin-bottom: 0.571428571em;
  margin-right: 0.214285714em;
  vertical-align: bottom;
  max-width: 28px;
}
.main-nav-profile-nav-link > .user-avatar {
  margin-right: 0.285714286em;
  display: inline-block;
}
.main-nav-profile-nav-link > .profile-ico-arrow-down {
  margin-bottom: 0.642857143em;
  margin-left: 1.071428571em;
  vertical-align: bottom;
}

.main-nav-profile-subnav-container > .seperator,
.main-nav-profile-subnav-item > .seperator {
  width: 86.4628821%;
}

/* line 5, ../scss/components/_mod-nav-profile-sprite.scss */
.profile-ico {
  background-image: url("/wp-content/themes/jerry-garcia/images/profile/profile-ico-s089fbc90da.png");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}

/* line 12, ../scss/components/_mod-nav-profile-sprite.scss */
.profile-ico-small {
  display: block;
  margin: 0 auto 20px;
}

/* line 19, ../scss/components/_mod-nav-profile-sprite.scss */
.profile-ico-arrow-down {
  background-position: 0 -47px;
  height: 12px;
  width: 17px;
}

/* line 19, ../scss/components/_mod-nav-profile-sprite.scss */
.profile-ico-arrow-down_hover {
  background-position: -17px -47px;
  height: 12px;
  width: 17px;
}

/* line 19, ../scss/components/_mod-nav-profile-sprite.scss */
.profile-ico-parking-lot {
  background-position: 0 -108px;
  height: 52px;
  width: 56px;
}

/* line 19, ../scss/components/_mod-nav-profile-sprite.scss */
.profile-ico-register {
  background-position: 0 0;
  height: 47px;
  width: 47px;
}

/* line 19, ../scss/components/_mod-nav-profile-sprite.scss */
.profile-ico-settings-preferences {
  background-position: 0 -160px;
  height: 55px;
  width: 54px;
}

/* line 19, ../scss/components/_mod-nav-profile-sprite.scss */
.profile-ico-signin {
  background-position: 0 -59px;
  height: 49px;
  width: 50px;
}

/* line 19, ../scss/components/_mod-nav-profile-sprite.scss */
.profile-ico-small-nav {
  background-position: 0 -215px;
  height: 74px;
  width: 74px;
}

/* Buttons */
/* Image Icons used */
/* Normal Buttons ---------------------- Copied from foundation */
.button {
  width: auto;
  background-color: #000;
  text-transform: uppercase;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 1px;
  margin: 0;
  padding: 10px 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}

.button:hover,
.button:focus,
.button.active {
  color: white;
  background-color: #71b20e;
}

.button:active {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
}

.button.large {
  font-size: 17px;
  padding: 15px 30px 16px;
}

.button.medium {
  font-size: 14px;
}

.button.small {
  font-size: 11px;
  padding: 7px 14px 8px;
}

.button.tiny {
  font-size: 10px;
  padding: 5px 10px 6px;
}

.button.expand {
  width: 100%;
  text-align: center;
}

.button.primary {
  background-color: #2ba6cb;
  border: 1px solid #1e728c;
}

.button.primary:hover,
.button.primary:focus {
  background-color: #2284a1;
}

.button.success {
  background-color: #5da423;
  border: 1px solid #396516;
}

.button.success:hover,
.button.success:focus {
  background-color: #457a1a;
}

.button.alert {
  background-color: #c60f13;
  border: 1px solid #7f0a0c;
}

.button.alert:hover,
.button.alert:focus {
  background-color: #970b0e;
}

.button.secondary {
  background-color: #b2b2b2;
  color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.button.secondary:hover,
.button.secondary:focus,
.button.secondary.active {
  background-color: #e0e0e0;
  color: #636363;
  text-shadow: 0 1px 0 #fff;
}

.secondary.inverted,
.secondary.inverted:hover {
  background-color: rgba(87, 87, 87, 0.62);
  color: #fff;
  box-shadow: 1px -2px 0 rgba(255, 255, 255, 0.2) inset;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  padding: 12px 15px;
  font-size: 20px;
}

.icon {
  display: inline-block;
  width: 23px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: 2px;
  left: -5px;
}

.icon-envelope {
  background-image: url("../images/icons/icon-envelope.png");
  background-repeat: no-repeat;
  background-position: 10px 9px;
}
.icon-envelope:hover,
.icon-envelope.active {
  background-image: url("../images/icons/icon-envelope-hover.png");
  background-repeat: no-repeat;
  background-position: 10px 9px;
}

.button.radius {
  border-radius: 3px;
}

.button.round {
  border-radius: 1000px;
}

.button.full-width {
  width: 100%;
  text-align: center;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.button.left-align {
  text-align: left;
  text-indent: 12px;
}

.button.disabled,
.button[disabled] {
  opacity: 0.6;
  cursor: default;
  background: #2ba6cb;
  box-shadow: none;
}

.button.disabled:hover,
.button[disabled]:hover {
  background: #2ba6cb;
}

.button.disabled.success,
.button[disabled].success {
  background-color: #5da423;
}

.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
  background-color: #5da423;
  outline: none;
}

.button.disabled.alert,
.button[disabled].alert {
  background-color: #c60f13;
}

.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
  background-color: #c60f13;
  outline: none;
}

.button.disabled.secondary,
.button[disabled].secondary {
  background-color: #e9e9e9;
}

.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
  background-color: #e9e9e9;
  outline: none;
}

/* Don't use native buttons on iOS */
input[type="submit"].button,
button.button {
  -webkit-appearance: none;
}

/* Correct FF button padding */
@-moz-document url-prefix() {
  button::-moz-focus-inner,
  input[type="reset"]::-moz-focus-inner,
  input[type="button"]::-moz-focus-inner,
  input[type="submit"]::-moz-focus-inner,
  input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
  }
  input[type="submit"].tiny.button {
    padding: 3px 10px 4px;
  }
  input[type="submit"].small.button {
    padding: 5px 14px 6px;
  }
  input[type="submit"].button,
  input[type="submit"].medium.button {
    padding: 8px 20px 9px;
  }
  input[type="submit"].large.button {
    padding: 13px 30px 14px;
  }
}

/* Buttons with Dropdowns ---------------------- */
.button.dropdown {
  position: relative;
  padding-right: 44px;
  /* Sizes */
  /* Triangles */
  /* Flyout List */
  /* Split Dropdown Buttons */
}

.button.dropdown.large {
  padding-right: 60px;
}

.button.dropdown.small {
  padding-right: 28px;
}

.button.dropdown.tiny {
  padding-right: 20px;
}

.button.dropdown:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: white transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -2px;
}

.button.dropdown.large:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 7px;
  border-color: white transparent transparent transparent;
  margin-top: -3px;
  right: 30px;
}

.button.dropdown.small:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: white transparent transparent transparent;
  margin-top: -2px;
  right: 14px;
}

.button.dropdown.tiny:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: white transparent transparent transparent;
  margin-top: -1px;
  right: 10px;
}

.button.dropdown > ul {
  box-sizing: content-box;
  display: none;
  position: absolute;
  left: -1px;
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #cccccc;
  border-top: none;
  min-width: 100%;
  z-index: 40;
}

.button.dropdown > ul li {
  width: 100%;
  cursor: pointer;
  padding: 0;
  min-height: 18px;
  line-height: 18px;
  margin: 0;
  white-space: nowrap;
  list-style: none;
}

.button.dropdown > ul li a,
.button.dropdown > ul li button {
  display: block;
  color: #555;
  font-size: 13px;
  font-weight: normal;
  padding: 6px 14px;
  text-align: left;
}

.button.dropdown > ul li button {
  width: 100%;
  border: inherit;
  background: inherit;
  font-family: inherit;
  margin: inherit;
  -webkit-font-smoothing: antialiased;
}

.button.dropdown > ul li:hover,
.button.dropdown > ul li:focus {
  background-color: #e3f4f9;
  color: #222;
}

.button.dropdown > ul li.divider {
  min-height: 0;
  padding: 0;
  height: 1px;
  margin: 4px 0;
  background: #ededed;
}

.button.dropdown.up > ul {
  border-top: 1px solid #cccccc;
  border-bottom: none;
}

.button.dropdown ul.no-hover.show-dropdown {
  display: block !important;
}

.button.dropdown:hover > ul.no-hover {
  display: none;
}

.button.dropdown.split {
  padding: 0;
  position: relative;
  /* Sizes */
  /* Triangle Spans */
  /* Colors */
}

.button.dropdown.split:after {
  display: none;
}

.button.dropdown.split:hover,
.button.dropdown.split:focus {
  background-color: #2ba6cb;
}

.button.dropdown.split.alert:hover,
.button.dropdown.split.alert:focus {
  background-color: #c60f13;
}

.button.dropdown.split.success:hover,
.button.dropdown.split.success:focus {
  background-color: #5da423;
}

.button.dropdown.split.secondary:hover,
.button.dropdown.split.secondary:focus {
  background-color: #e9e9e9;
}

.button.dropdown.split > a {
  color: white;
  display: block;
  padding: 10px 50px 11px 20px;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}

.button.dropdown.split > a:hover,
.button.dropdown.split > a:focus {
  background-color: #2284a1;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.button.dropdown.split.large > a {
  padding: 15px 75px 16px 30px;
  padding-left: 30px;
  padding-right: 75px;
}

.button.dropdown.split.small > a {
  padding: 7px 35px 8px 14px;
  padding-left: 14px;
  padding-right: 35px;
}

.button.dropdown.split.tiny > a {
  padding: 5px 25px 6px 10px;
  padding-left: 10px;
  padding-right: 25px;
}

.button.dropdown.split > span {
  background-color: #2ba6cb;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 30px;
  border-left: 1px solid #1e728c;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}

.button.dropdown.split > span:hover,
.button.dropdown.split > span:focus {
  background-color: #2284a1;
}

.button.dropdown.split > span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: white transparent transparent transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -2px;
}

.button.dropdown.split.secondary > span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: #1d1d1d transparent transparent transparent;
}

.button.dropdown.split.large span {
  width: 45px;
}

.button.dropdown.split.small span {
  width: 21px;
}

.button.dropdown.split.tiny span {
  width: 15px;
}

.button.dropdown.split.large span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 7px;
  border-color: white transparent transparent transparent;
  margin-top: -3px;
  margin-left: -7px;
}

.button.dropdown.split.small span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: white transparent transparent transparent;
  margin-top: -1px;
  margin-left: -4px;
}

.button.dropdown.split.tiny span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 3px;
  border-color: white transparent transparent transparent;
  margin-top: -1px;
  margin-left: -3px;
}

.button.dropdown.split.alert > span {
  background-color: #c60f13;
  border-left-color: #7f0a0c;
}

.button.dropdown.split.success > span {
  background-color: #5da423;
  border-left-color: #396516;
}

.button.dropdown.split.secondary > span {
  background-color: #e9e9e9;
  border-left-color: #c3c3c3;
}

.button.dropdown.split.secondary > a {
  color: #1d1d1d;
}

.button.dropdown.split.alert > a:hover,
.button.dropdown.split.alert > span:hover,
.button.dropdown.split.alert > a:focus,
.button.dropdown.split.alert > span:focus {
  background-color: #970b0e;
}

.button.dropdown.split.success > a:hover,
.button.dropdown.split.success > span:hover,
.button.dropdown.split.success > a:focus,
.button.dropdown.split.success > span:focus {
  background-color: #457a1a;
}

.button.dropdown.split.secondary > a:hover,
.button.dropdown.split.secondary > span:hover,
.button.dropdown.split.secondary > a:focus,
.button.dropdown.split.secondary > span:focus {
  background-color: #d0d0d0;
}

/* Button Groups ---------------------- */
ul.button-group {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
  *zoom: 1;
}

ul.button-group:before,
ul.button-group:after {
  content: " ";
  display: table;
}

ul.button-group:after {
  clear: both;
}

ul.button-group li {
  padding: 0;
  margin: 0 0 0 -1px;
  float: left;
}

ul.button-group li:first-child {
  margin-left: 0;
}

ul.button-group.radius li .button,
ul.button-group.radius li .button.radius,
ul.button-group.radius li .button-rounded {
  border-radius: 0px;
}

ul.button-group.radius li:first-child .button,
ul.button-group.radius li:first-child .button.radius {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

ul.button-group.radius li:first-child .button.rounded {
  border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
}

ul.button-group.radius li:last-child .button,
ul.button-group.radius li:last-child .button.radius {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

ul.button-group.radius li:last-child .button.rounded {
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
}

ul.button-group.even .button {
  width: 100%;
}

ul.button-group.even.two-up li {
  width: 50%;
}

ul.button-group.even.three-up li {
  width: 33.3%;
}

ul.button-group.even.three-up li:first-child {
  width: 33.4%;
}

ul.button-group.even.four-up li {
  width: 25%;
}

ul.button-group.even.five-up li {
  width: 20%;
}

div.button-bar {
  overflow: hidden;
}

div.button-bar ul.button-group {
  float: left;
  margin-right: 8px;
}

div.button-bar ul.button-group:last-child {
  margin-left: 0;
}

/* Page Specific Modules (../Components) */
.component.facebook-feed {
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .component.facebook-feed {
    display: none;
  }
}

.tile-container h3.title.gift-certs {
  top: 33%;
}

#container.shop #main {
  padding-top: 20px;
}

#sidebar .component.album-carousel {
  width: 100%;
  margin: 0;
}
#sidebar .component.album-carousel h3 a {
  float: right;
  font-size: 14px;
  line-height: 32px;
  position: relative;
  white-space: nowrap;
  display: inline-block;
}
#sidebar
  .component.album-carousel
  .orbit-wrapper
  .slider.orbit
  .fluid-placeholder {
  width: auto;
}
#sidebar .component.album-carousel .orbit-wrapper .timer {
  display: none;
}
#sidebar .component.album-carousel .orbit-wrapper .slider-nav span {
  background-size: auto !important;
  background-image: url("../images/carousel-arrows-sm.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 32px;
}
#sidebar .component.album-carousel .orbit-wrapper .slider-nav span.left {
  left: -40px;
  background-position: 0px 0px;
  background-size: auto !important;
}
#sidebar .component.album-carousel .orbit-wrapper .slider-nav span.left:hover {
  background-position: -151px 0px;
  background-size: auto !important;
}
#sidebar .component.album-carousel .orbit-wrapper .slider-nav span.right {
  right: -35px;
  background-position: -64px 0px;
  background-size: auto !important;
}
#sidebar .component.album-carousel .orbit-wrapper .slider-nav span.right:hover {
  background-position: -214px 0px;
  background-size: auto !important;
}
#sidebar .component.album-carousel .tile-container h3.title {
  font-size: 60px;
  top: 40%;
  line-height: 1em;
}
#sidebar .component.album-carousel .tile-container h3.title.linebr {
  top: 33%;
}
#sidebar .component.album-carousel .tile-container img {
  min-width: 100%;
}
@media only screen and (max-width: 1024px) {
  #sidebar .component.album-carousel .tile-container h3.title {
    font-size: 50px;
    top: 45%;
    line-height: 1em;
  }
  #sidebar .component.album-carousel .tile-container h3.title.linebr {
    top: 38%;
  }
}
@media only screen and (max-width: 480px) {
  #sidebar .component.album-carousel .tile-container h3.title {
    top: 40%;
    line-height: 1em;
  }
  #sidebar .component.album-carousel .tile-container h3.title.linebr {
    top: 33%;
  }
}

@media only screen and (max-width: 1024px) {
  .shop-categories li {
    width: 33%;
  }
}

@media only screen and (max-width: 768px) {
  .shop-categories li {
    width: 50%;
  }
  #sidebar .component.album-carousel .orbit-wrapper {
    max-height: 385px;
  }
  #sidebar .component.album-carousel .orbit-wrapper .slider-nav span.right {
    right: -33px;
  }
}

@media only screen and (max-width: 480px) {
  #sidebar .component.album-carousel .orbit-wrapper .slider-nav span.right {
    right: -33px;
  }
}

.happening-now {
  padding-top: 32px;
}
.happening-now h1 {
  font-size: 50px;
}
.happening-now h2.subhead {
  font-family: inherit;
  font-size: 21px;
  font-weight: normal;
  margin: 9px 0 27px 0;
  padding: 0;
  line-height: 30px;
  color: inherit;
  text-transform: none;
}
.happening-now ul.most-recent {
  margin-bottom: 30px;
}
.happening-now ul {
  list-style: none;
  line-height: 0;
}
.happening-now ul li,
.happening-now ul li.row {
  margin: 0 0 4px 0;
}
.happening-now ul li a,
.happening-now ul li.row a {
  line-height: inherit;
}
.happening-now ul li a:hover .title,
.happening-now ul li.row a:hover .title {
  text-decoration: underline;
}
.happening-now ul li .three,
.happening-now ul li.row .three {
  min-height: 1px;
}
.happening-now ul li p,
.happening-now ul li.row p {
  font-family: NewsGothicBT-Roman, sans-serif;
  color: #fff;
  font-size: 18px;
}
.happening-now ul li .title,
.happening-now ul li.row .title {
  font-family: NewsGothicBT-Roman, sans-serif, sans-serif;
  color: #fff;
  font-size: 22px;
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .happening-now ul li .title,
  .happening-now ul li.row .title {
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.happening-now ul li .timestamp,
.happening-now ul li .category,
.happening-now ul li.row .timestamp,
.happening-now ul li.row .category {
  font-family: NewsGothicBT-Roman, sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 21px;
  display: block;
  text-transform: none;
}
.happening-now ul li .timestamp,
.happening-now ul li.row .timestamp {
  margin-bottom: 0;
}
.happening-now ul li .mr-content,
.happening-now ul li.row .mr-content {
  padding: 23px 0 0 20px;
}
@media only screen and (max-width: 1024px) {
  .happening-now ul li .mr-content,
  .happening-now ul li.row .mr-content {
    padding: 20px 0 0 15px;
  }
}
@media only screen and (max-width: 768px) {
  .happening-now ul li .mr-content,
  .happening-now ul li.row .mr-content {
    padding-top: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .happening-now ul li .mr-content,
  .happening-now ul li.row .mr-content {
    padding-top: 15px;
  }
}
.happening-now ul li .mr-icon,
.happening-now ul li.row .mr-icon {
  padding: 2% 0 0 0;
}
@media only screen and (max-width: 768px) {
  .happening-now ul li .mr-icon,
  .happening-now ul li.row .mr-icon {
    padding-top: 1.5%;
    float: right;
  }
}
@media only screen and (max-width: 600px) {
  .happening-now ul li .mr-icon,
  .happening-now ul li.row .mr-icon {
    padding-top: 0;
  }
}
.happening-now ul li .mr-icon img,
.happening-now ul li.row .mr-icon img {
  margin: 5px 0 5px 0;
}
@media only screen and (max-width: 768px) {
  .happening-now ul li .mr-icon img,
  .happening-now ul li.row .mr-icon img {
    margin: 4px 0 4px 0;
  }
}
.happening-now ul li:nth-child(1) {
  background-color: #f80202;
}
.happening-now ul li:nth-child(2) {
  background-color: #fd3000;
}
.happening-now ul li:nth-child(3) {
  background-color: #fd4700;
}
.happening-now ul li:nth-child(4) {
  background-color: #fd5900;
}
.happening-now ul li:nth-child(5) {
  background-color: #fd6500;
}
.happening-now ul li:nth-child(6) {
  background-color: #fd7100;
}
.happening-now ul li:nth-child(7) {
  background-color: #fd7900;
}
.happening-now ul li:nth-child(8) {
  background-color: #ff8400;
}
.happening-now ul li:nth-child(9) {
  background-color: #ff9601;
}
.happening-now ul li:nth-child(10) {
  background-color: #ffa101;
}
.happening-now ul li:nth-child(11) {
  background-color: #ffad01;
}
.happening-now ul li:nth-child(12) {
  background-color: #ffb900;
}

@media only screen and (max-width: 768px) {
  .happening-now {
    padding-left: 0;
    padding-right: 0;
  }
  .happening-now .three.left {
    width: 20%;
  }
  .happening-now .most-recent {
    margin: 0 -15px;
  }
  .happening-now .mr-content {
    padding: 4% 0 0 1%;
  }
}

#teaser {
  background-color: #361c0f;
  background-image: url(../images/theme/bg-coming-soon.jpg);
  background-repeat: repeat-x;
}
@media only screen and (max-width: 480px) {
  #teaser {
    background-size: cover;
  }
}

.teaser-container {
  text-align: center;
  margin: 0 auto;
  padding: 10% 15px;
  text-shadow: 0 1px 0 #000;
}
.teaser-container h2 {
  color: #fff;
  font-size: 60px;
  max-width: 100%;
  margin: 0 auto;
}
.teaser-container h3 {
  margin: -30px auto 20px auto;
}
.teaser-container h3 a {
  font-size: 22px;
  margin-left: -25px;
}
.teaser-container h3 a .angle-quotes {
  font-size: 35px;
  line-height: 1;
  margin-right: 3px;
  top: 1px;
  position: relative;
}
.teaser-container p {
  padding: 20px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 22px;
}
@media only screen and (max-width: 768px) {
  .teaser-container p {
    padding-left: 0;
    padding-right: 0;
    line-height: 29px;
    max-width: 100%;
  }
}
.teaser-container form {
  max-width: 400px;
  padding: 0;
  margin: 0 auto;
}
.teaser-container .request-button {
  background: #fff;
  color: #000;
}
.teaser-container .request-button:hover {
  background: #84d010;
}
.teaser-container .teaser-link {
  letter-spacing: 2px;
  margin-left: 15px;
  color: #84d010 !important;
}
.teaser-container .teaser-link .angle-quotes {
  color: #84d010 !important;
}
.teaser-container .teaser-link:hover {
  color: #508301 !important;
}
.teaser-container .teaser-link:hover .angle-quotes {
  color: #508301 !important;
}

#footer-invite-link.active {
  cursor: default;
}

#email-interest .email {
  display: inline-block;
  text-indent: 5px;
  max-width: 300px;
  padding: 9px 10px 8px;
  line-height: normal;
  height: auto;
  vertical-align: middle;
  margin: 0;
}
#email-interest .email.has-error {
  border-color: red;
}

#email-interest .submit {
  margin-left: 5px;
  padding: 8px 10px 7px;
  background-color: #84d010;
  max-width: 300px;
  vertical-align: middle;
  line-height: normal;
  height: auto;
  color: #fff;
}

#email-interest .submit:hover {
  color: #000;
}

#email-interest .interest-checkbox {
  margin-top: 10px;
  text-align: left;
  margin-left: 8px;
}
#email-interest .interest-checkbox .custom.checkbox {
  margin-right: 3px;
}

@media only screen and (max-width: 480px) {
  .teaser-container h2 {
    font-size: 45px !important;
  }
  .teaser-container .teaser-link {
    display: block;
    margin-top: 15px;
    text-align: center;
    margin-left: 0;
  }
}

/* Various large hero componenets */
.component.stretched {
  clear: both;
  background-color: #eee;
  position: relative;
  color: #fff;
}
.component.stretched .slide {
  visibility: hidden;
}
.component.stretched .columns {
  padding: 0;
}
.component.stretched .text-container {
  position: absolute;
}
.component.stretched p {
  margin-bottom: 5px;
}
.component.stretched .stretched-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 1%;
}
.component.stretched .hgroup {
  width: 500px;
  max-width: 100%;
  min-width: 480px;
}
.component.stretched .subhead {
  color: #fff;
}

/* Bullet Nav For Home ---------------------- */
.layout-home ul.orbit-bullets {
  position: absolute;
  z-index: 30;
  list-style: none;
  bottom: 20px;
  left: auto;
  right: 15%;
  margin-left: 470px;
  padding: 0;
}

.layout-home ul.orbit-bullets li {
  float: left;
  margin-left: 10px;
  cursor: pointer;
  background-color: #8cd419;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

.layout-home ul.orbit-bullets li.active {
  background-color: #fff;
}

ul.stats {
  margin: 10% 10px 20px;
  width: 50%;
}
ul.stats li {
  display: inline-block;
}
ul.stats .stat {
  background-color: rgba(0, 0, 0, 0.6);
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 125%;
  font-weight: normal;
  margin: 0 2px 0;
  padding: 10px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
ul.stats .stat .fig {
  display: block;
  font-size: 300%;
}

#hero.shop .text-container {
  width: 237px;
  top: 20%;
  font-size: 18px;
}
#hero.shop .text-container p {
  font-size: 18px;
  margin-bottom: 20px;
}
#hero.shop .text-container .large-span,
#hero.shop .text-container .fluid-placeholder {
  min-height: 390px;
}
#hero.shop .text-container .share-module {
  margin: 30px 0 0 0;
}
#hero.shop .text-container .share-module .button {
  color: #000;
  background-image: url("../images/icons/share-icon-black.png");
}
@media only screen and (max-width: 1200px) {
  #hero.shop .text-container {
    top: 10%;
  }
}

@media only screen and (max-width: 1024px) {
  #hero.shop .text-container {
    width: 350px;
  }
}

@media only screen and (max-width: 768px) {
  #hero.shop .text-container {
    left: 20px;
  }
  #hero.shop .large-span,
  #hero.shop .fluid-placeholder {
    height: 390px;
    width: 1024px;
    max-width: none;
    position: relative;
  }
  #hero.shop .subhead-caption {
    font-size: 18px;
  }
}

@media only screen and (max-width: 480px) {
  #hero.shop .text-container {
    left: 20px;
  }
  #hero.shop .large-span {
    height: 390px;
    width: 1024px;
    left: -200px;
    max-width: none;
    position: relative;
  }
  #hero.shop .subhead-vn {
    font-size: 60px;
  }
  #hero.shop .subhead-caption {
    font-size: 18px;
    width: 200px;
  }
}

#show-detail-hero {
  line-height: 0;
  background-repeat: no-repeat;
  min-height: 619px;
  background-size: cover;
}
#show-detail-hero .photo-credit {
  font-size: 12px;
  font-family: NewsGothicBT-BoldItalic, sans-serif;
}
@media only screen and (min-width: 768px) {
  #show-detail-hero .data-container {
    position: absolute;
    width: 100%;
    bottom: 30px;
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 480px) {
  #show-detail-hero .data-container {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #show-detail-hero .data-container {
    position: relative;
    height: 80px;
  }
}
#show-detail-hero .data-container a.button.cta {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 23px;
  font-weight: normal;
  margin: 0;
  padding: 10px 10px 10px 50px;
  line-height: 1;
  color: #fff;
  background: rgba(255, 255, 255, 0.3) url("../images/icons/icon-sprites.png")
    no-repeat -148px -2001px;
  text-align: center;
  display: block;
}
#show-detail-hero .data-container a.button.cta:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width: 480px) {
  #show-detail-hero .data-container a.button.cta {
    text-align: left;
    background-position: -153px -2000px !important;
  }
}
#show-detail-hero .data-container .visitors {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  height: 265px;
  text-align: center;
  padding: 20px;
  margin: 0 0 0 0;
}
@media only screen and (max-width: 768px) {
  #show-detail-hero .data-container .visitors {
    visibility: hidden;
  }
}
#show-detail-hero .data-container .visitors h2 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 60px;
  font-weight: normal;
  margin: 0;
  padding: 0 0 10px 0;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -0.05em;
  margin-left: -9px;
}
#show-detail-hero .data-container .visitors p {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1.3;
  color: #fff;
  text-transform: uppercase;
}
#show-detail-hero .data-container .visitors img {
  width: auto;
  padding: 30px 0 35px 0;
}
@media only screen and (max-width: 1024px) {
  #show-detail-hero .data-container .visitors img {
    padding-bottom: 30px;
    padding-top: 20px;
  }
}
#show-detail-hero .data-container .tour-data {
  background-color: rgba(0, 0, 0, 0.6);
  height: 265px;
  margin: 0 0 0 20px;
}
@media only screen and (max-width: 768px) {
  #show-detail-hero .data-container .tour-data {
    visibility: hidden;
    height: 154px;
  }
}
#show-detail-hero .data-container .tour-data .info {
  width: 35%;
  text-align: center;
  padding: 73px 0 0 0;
  float: left;
}
#show-detail-hero .data-container .tour-data .info h2 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 50px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
}
#show-detail-hero .data-container .tour-data .info h3 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 30px;
  font-weight: normal;
  margin: 0;
  padding: 10px 0 15px 0;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
}
#show-detail-hero .data-container .tour-data .info h4 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
}
#show-detail-hero .data-container .tour-data .map {
  width: 65%;
  float: left;
  margin: auto 0px;
  text-align: center;
}
#show-detail-hero .data-container .tour-data .map img {
  width: 88%;
}
#show-detail-hero .data-container a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 6px solid transparent;
  padding: 150px 15px 15px 7px;
}
#show-detail-hero .data-container a:before {
  content: "";
  position: absolute;
}
#show-detail-hero .data-container a:hover {
  border: 6px solid #965b11;
  background-color: rgba(0, 0, 0, 0.6);
}
#show-detail-hero .data-container a.previous {
  display: block;
  width: 14.66667%;
  margin-right: 2%;
  margin-left: 2.66667%;
  display: block;
  top: 0;
  position: relative;
  float: left;
  min-height: 260px;
  position: relative;
  float: left;
}
@media only screen and (max-width: 768px) {
  #show-detail-hero .data-container a.previous {
    top: -215px;
    width: 12.66667%;
  }
}
#show-detail-hero .data-container a.previous .show-label {
  font-family: NewsGothicBT-BoldItalic, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0 8px;
  padding: 0;
  line-height: 1.3;
  color: #fff;
  text-transform: uppercase;
  text-align: right;
  display: none;
}
#show-detail-hero .data-container a.previous:hover .show-label {
  display: block;
}
#show-detail-hero .data-container a.previous:hover:before {
  background: url("../images/icons/icon-sprites.png") no-repeat -140px -1808px;
}
#show-detail-hero .data-container a.previous:before {
  width: 56px;
  height: 82px;
  top: 48px;
  right: 20px;
  background: url("../images/icons/icon-sprites.png") no-repeat -140px -1899px;
}
#show-detail-hero .data-container a.next {
  width: 14.66667%;
  display: block;
  top: 0;
  position: relative;
  float: left;
  min-height: 260px;
  margin-right: 2.66667%;
  margin-left: 2%;
}
@media only screen and (max-width: 768px) {
  #show-detail-hero .data-container a.next {
    top: -215px;
    width: 12.66667%;
  }
}
#show-detail-hero .data-container a.next .show-label {
  font-family: NewsGothicBT-BoldItalic, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0 15px;
  padding: 0;
  line-height: 1.3;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
  display: none;
}
#show-detail-hero .data-container a.next:hover .show-label {
  display: block;
}
#show-detail-hero .data-container a.next:hover:before {
  background: url("../images/icons/icon-sprites.png") no-repeat -140px -1812px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#show-detail-hero .data-container a.next:before {
  left: 20px;
  width: 56px;
  height: 82px;
  top: 48px;
  background: url("../images/icons/icon-sprites.png") no-repeat -140px -1903px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#show-detail-hero .text-container-wrapper {
  display: table;
  height: 315px;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  #show-detail-hero .text-container-wrapper {
    height: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #show-detail-hero .text-container-wrapper {
    margin: 0;
  }
}
#show-detail-hero .text-container-wrapper > div {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  position: relative;
  float: none;
}
#show-detail-hero .text-container {
  position: relative;
  margin-top: 3%;
  padding-left: 26px;
  left: 0;
}
@media only screen and (max-width: 480px) {
  #show-detail-hero .text-container {
    left: 0;
    width: 93% !important;
  }
}
@media only screen and (max-width: 768px) {
  #show-detail-hero .text-container {
    width: 69%;
    padding-left: 15px !important;
  }
}
#show-detail-hero .text-container .row {
  margin: 0;
}
#show-detail-hero .text-container h1.band-name {
  font-family: NewsGothicBT-BoldItalic, sans-serif;
  font-size: 22px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 5px;
}
@media only screen and (max-width: 480px) {
  #show-detail-hero .text-container h1.band-name {
    padding-top: 5px;
  }
}
#show-detail-hero .text-container h2 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 80px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
  margin-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  #show-detail-hero .text-container h2 {
    font-size: 60px;
  }
}
#show-detail-hero .text-container h4.show-date {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 30px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
}
#show-detail-hero .text-container .share-module {
  margin-top: -6px;
}

@media only screen and (max-width: 768px) {
  #show-detail-hero {
    min-height: 400px;
    overflow: hidden;
  }
  #show-detail-hero .data-container .visitor-data {
    width: 20%;
  }
  #show-detail-hero .data-container .tour-data {
    margin: 0 0 0 20px;
  }
  #show-detail-hero .data-container a.button.cta {
    background: rgba(255, 255, 255, 0.3) url("../images/icons/icon-sprites.png")
      no-repeat -160px -1988px;
  }
  #show-detail-hero .text-container h2 {
    font-size: 75px;
  }
  .component.stretched h2.subhead-vn {
    font-size: 60px;
    max-width: 500px;
  }
  .component.stretched .button {
    font-size: 14px;
  }
}

@media only screen and (min-width: 481px) and (max-width: 600px) {
  #show-detail-hero {
    min-height: 250px;
  }
  #show-detail-hero .text-container-wrapper {
    height: 100%;
  }
  #show-detail-hero .text-container h2 {
    font-size: 60px;
  }
  #show-detail-hero .data-container {
    display: none !important;
  }
}

.component.stretched.shop {
  color: #000;
  background-color: #fff;
}
.component.stretched.shop .subhead {
  color: #000;
}

@media only screen and (max-width: 480px) {
  #show-detail-hero {
    min-height: 250px;
  }
  .component.stretched h2.subhead-vn {
    font-size: 40px;
  }
  .component.stretched .button {
    font-size: 18px;
    padding: 15px;
  }
}

#home-hero .credit {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 10;
  font-family: NewsGothicBT-Italic, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
}

#home-hero.orbit.with-bullets {
  margin: 0px;
}

#home-hero .subhead-vn {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 80px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
  letter-spacing: -0.02em;
}

@media only screen and (min-width: 769px) and (max-width: 860px) {
  #home-hero .slide-nscc .credit {
    left: auto;
    right: 20px;
  }
}

#home-hero .slide-nscc .subhead-vn {
  font-size: 60px;
  line-height: 54px;
}
@media only screen and (max-width: 1059px) {
  #home-hero .slide-nscc .subhead-vn {
    font-size: 45px;
    line-height: 41px;
  }
}

@media only screen and (max-width: 960px) {
  #home-hero .slide-nscc .subhead-caption {
    margin-bottom: 10px;
  }
}

#home-hero .subhead-caption {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 21px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 28px;
  color: #fff;
  margin: 10px 0 35px 0;
}

#home-hero .subhead-mdy {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 30px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

#home-hero .slide {
  overflow: hidden;
}

#home-hero .tour-map {
  position: relative;
  width: 65%;
}
#home-hero .tour-map .hero-action {
  position: absolute;
  top: 40%;
  left: 22%;
}
#home-hero .tour-map img {
  width: auto;
  height: auto;
}

#home-hero .large-span,
#home-hero .fluid-placeholder {
  left: 0px;
}

#home-hero p {
  font-size: 21px;
  margin-bottom: 20px;
}

#home-hero .text-container {
  top: 15%;
  width: 45%;
}

#home-hero .stretched-inner {
  padding-left: 15px;
}

@media only screen and (max-width: 960px) {
  #home-hero .subhead-vn {
    font-size: 70px;
  }
  #home-hero .subhead-caption {
    font-size: 18px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  #home-hero .tour-map {
    width: 40%;
  }
  #home-hero .tour-map .button {
    left: 15%;
    top: 32%;
  }
}

@media only screen and (max-width: 768px) {
  #home-hero {
    height: 490px;
  }
  #home-hero .jg-exp-slide-h {
    padding-right: 10%;
  }
  #home-hero .slide {
    height: 490px;
  }
  #home-hero .large-span,
  #home-hero .fluid-placeholder {
    max-width: 1287px;
    width: 1287px;
    height: 490px;
    left: -180px;
    position: relative;
  }
  #home-hero .text-container {
    top: auto;
    bottom: 10%;
    width: 65%;
  }
  #home-hero .credit {
    bottom: 15px;
    left: 15px;
  }
  #home-hero .tour-map {
    width: 45%;
  }
  .layout-home ul.orbit-bullets {
    right: 5%;
    bottom: 0;
  }
}

@media only screen and (max-width: 480px) {
  #home-hero {
    height: 390px;
  }
  #home-hero .slide {
    height: 390px;
  }
  #home-hero .large-span,
  #home-hero .fluid-placeholder {
    height: 390px;
    width: 1024px;
    max-width: 1024px;
    left: -310px;
    position: relative;
  }
  #home-hero .text-container {
    width: 90%;
    bottom: 15%;
    top: auto;
  }
  #home-hero .subhead-vn {
    font-family: NewsGothicBT-BoldCondensed, sans-serif;
    font-size: 30px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #fff;
    letter-spacing: -0.02em;
    font-size: 55px;
  }
  #home-hero .subhead-caption {
    font-family: NewsGothicBT-Roman, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 16px;
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);
    margin: 5px 0 20px 0;
    line-height: 22px;
    font-size: 16px;
  }
  #home-hero .subhead-mdy {
    font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
    font-size: 30px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #000;
  }
  #home-hero .tour-map {
    width: 65%;
  }
  #home-hero .tour-map .hero-action {
    padding: 10px;
    top: 35%;
  }
  .layout-home ul.orbit-bullets {
    right: 5%;
    bottom: 0;
  }
}

#bands-landing-hero p {
  display: inline-block;
  font-size: 18px;
}

#bands-landing-hero .text-container {
  top: 50%;
  position: absolute;
  max-width: 37%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#bands-landing-hero .arrow-container {
  position: absolute;
  bottom: 2%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#bands-landing-hero .arrow-down {
  width: 0;
  height: 0;
  border-left: 110px solid transparent;
  border-right: 110px solid transparent;
  border-top: 110px solid #63bd0a;
  opacity: 0.8;
}

#bands-landing-hero .down-arrows {
  background: url("../images/icons/icon-sprites.png") no-repeat -87px -127px;
  width: 20px;
  height: 26px;
  position: absolute;
  top: 60px;
  left: 45%;
}

#bands-landing-hero .arrow-text {
  font-family: NewsGothicBT-BoldItalic, sans-serif;
  font-size: 17px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 15px;
  text-align: center;
  left: 27%;
}

#bands-landing-hero ul.stats {
  margin: 0;
  width: 50%;
  text-align: center;
  top: 50%;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#bands-landing-hero ul.stats li {
  display: inline-block;
}
#bands-landing-hero ul.stats .stat {
  background-color: rgba(0, 0, 0, 0.6);
  display: block;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 145%;
  font-weight: normal;
  margin: 0 2px 0;
  padding: 10px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
#bands-landing-hero ul.stats .stat .fig {
  display: block;
  clear: both;
  max-width: 100%;
  font-size: 460%;
}
#bands-landing-hero ul.stats .stat .fig .plus {
  font-size: 60%;
  display: inline-block;
  margin: -20px 0 0 0;
  vertical-align: middle;
}

@media only screen and (max-width: 1280px) {
  #bands-landing-hero h2 {
    font-size: 60px;
  }
  #bands-landing-hero p {
    font-size: 16px;
  }
  #bands-landing-hero ul.stats .stat .fig {
    font-size: 400%;
  }
}

@media only screen and (max-width: 860px) {
  #bands-landing-hero p {
    font-size: 14px;
    line-height: 1.3;
  }
  #bands-landing-hero ul.stats li {
    display: inline-block;
  }
  #bands-landing-hero ul.stats .stat {
    background-color: rgba(0, 0, 0, 0.6);
    display: block;
    font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
    font-size: 100%;
    font-weight: normal;
    margin: 0 2px 0;
    padding: 10px;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
  }
  #bands-landing-hero ul.stats .stat .fig {
    display: block;
    clear: both;
    max-width: 100%;
    font-size: 360%;
  }
  #bands-landing-hero ul.stats .stat .fig .plus {
    font-size: 60%;
    display: inline-block;
    margin: -20px 0 0 0;
    vertical-align: middle;
  }
  #bands-landing-hero .arrow-down {
    width: 0;
    height: 0;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-top: 70px solid #63bd0a;
    opacity: 0.8;
  }
  #bands-landing-hero .down-arrows {
    background: url("../images/icons/icon-sprites.png") no-repeat -87px -127px;
    width: 20px;
    height: 26px;
    position: absolute;
    top: 37px;
    left: 44%;
  }
  #bands-landing-hero .arrow-text {
    font-family: NewsGothicBT-BoldItalic, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #fff;
    position: absolute;
    top: 7px;
    text-align: center;
    left: 22%;
  }
}

@media only screen and (max-width: 680px) {
  #bands-landing-hero h2 {
    font-size: 40px;
  }
  #bands-landing-hero p {
    font-size: 12px;
  }
  #bands-landing-hero .share-module {
    display: none !important;
  }
  #bands-landing-hero ul.stats {
    right: 0;
  }
  #bands-landing-hero ul.stats .stat .fig {
    font-size: 250%;
  }
}

@media only screen and (max-width: 480px) {
  #bands-landing-hero {
    background-color: #000;
    position: relative;
    min-height: 560px;
  }
  #bands-landing-hero .large-span {
    height: 293px;
    width: 768px;
    left: -200px;
    max-width: none;
    position: relative;
  }
  #bands-landing-hero .stretched-inner {
    position: relative;
    top: -95px;
    margin-bottom: -115px;
    max-height: 170px;
  }
  #bands-landing-hero .stretched-inner .text-container {
    position: absolute;
    top: 225px;
    max-width: 100%;
    padding: 0 40px 0 40px;
    width: 400px;
  }
  #bands-landing-hero .stretched-inner p {
    font-size: 90%;
    margin-bottom: 15px;
    padding: 2px;
  }
  #bands-landing-hero .stretched-inner ul.stats {
    width: 100%;
    margin-top: -10px;
  }
  #bands-landing-hero .stretched-inner ul.stats .stat {
    background-color: rgba(0, 0, 0, 0.6);
    display: block;
    font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
    font-size: 85%;
    font-weight: normal;
    margin: 0 2px 0;
    padding: 10px;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
  }
  #bands-landing-hero .stretched-inner ul.stats .stat .fig {
    display: block;
    clear: both;
    max-width: 100%;
    font-size: 400%;
  }
  #bands-landing-hero .stretched-inner ul.stats .stat .fig .plus {
    font-size: 60%;
    display: inline-block;
    margin: -20px 0 0 0;
    vertical-align: middle;
  }
}

#charity-heading {
  background-image: url("../images/theme/bg-charity.jpg");
  background-repeat: repeat-x;
  height: 640px;
  color: #fff;
  text-transform: uppercase;
  padding: 5% 0 3% 0;
  margin-bottom: 3%;
}
#charity-heading h1 {
  text-align: center;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  color: #fff;
  font-size: 80px;
  margin: 3% 0 1%;
  padding: 0;
}
#charity-heading h2 {
  text-align: center;
  color: #fff;
  font-size: 30px;
  margin: 0 auto;
  padding: 0;
}
#charity-heading .lead-img {
  width: 321px;
  height: 321px;
  max-width: 60%;
  margin: 0 auto;
  padding: 0;
}
#charity-heading .lead-img img {
  border-radius: 50%;
  border: solid 10px #fff;
}

.layout-charities {
  padding-bottom: 40px;
}
.layout-charities .charity {
  text-align: center;
  max-width: 740px;
  margin: 0 auto 60px;
  position: relative;
  height: 500px;
  padding-bottom: 40px;
}
.layout-charities .charity h3 {
  text-align: center;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 24px;
  line-height: 1.3;
  margin: 14px 0 6px;
}
.layout-charities .charity p {
  line-height: 1.3;
  font-size: 18px;
}
.layout-charities .charity .button {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -65px;
}
.layout-charities .charities-small .charity {
  height: 350px;
}
.layout-charities .charities-medium .charity {
  height: 450px;
}
.layout-charities hr {
  border-width: 6px 0 0;
  margin: 5%;
}

@media only screen and (min-width: 769px) {
  .charity {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 960px) {
  .layout-charities .charity {
    height: 550px;
  }
}

@media only screen and (max-width: 768px) {
  .layout-charities hr {
    display: none;
  }
  .layout-charities .charity {
    height: 625px;
  }
  .layout-charities .charities-medium .charity {
    height: 550px;
  }
}

@media only screen and (max-width: 480px) {
  .layout-charities hr {
    display: none;
  }
  .layout-charities .charity {
    height: auto !important;
  }
}

#vault-hero {
  overflow: hidden;
}
#vault-hero.component.stretched {
  clear: both;
  background-color: #eee;
  position: relative;
  color: #fff;
  min-height: 618px;
  background-size: cover;
  background-repeat: no-repeat;
}
#vault-hero .text-container {
  top: 25%;
}
#vault-hero .share-module {
  margin-top: 10px;
}
#vault-hero .share-module .button {
  color: #000;
  background-image: url("../images/icons/share-icon-black.png");
}
#vault-hero h2 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 80px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}
#vault-hero .subhead-caption {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 21px;
  color: #000;
  width: 30%;
}
@media only screen and (max-width: 768px) {
  #vault-hero.component.stretched {
    clear: both;
    background-color: #eee;
    position: relative;
    color: #fff;
    min-height: 519px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #vault-hero .text-container {
    left: 5%;
    top: 15%;
  }
  #vault-hero .vault-content .filter-bar {
    width: 98%;
  }
  #vault-hero .subhead-caption {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  #vault-hero.component.stretched {
    clear: both;
    background-color: #eee;
    position: relative;
    color: #fff;
    min-height: 318px;
    line-height: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -125px 0;
  }
  #vault-hero .text-container {
    position: absolute;
    left: 5%;
    width: 300px;
  }
  #vault-hero h2 {
    font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
    font-size: 35px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #000;
  }
  #vault-hero .subhead-caption {
    font-family: NewsGothicBT-Roman, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #000;
    width: 40%;
  }
}

.layout-album-detail {
  background-image: none;
}
.layout-album-detail .hero img {
  width: 450px;
}
.layout-album-detail .color-bar-hero {
  background-color: #f26d7d;
  max-height: 90px;
  min-height: 25px;
  padding: 15px;
}
.layout-album-detail .color-bar-hero a.share {
  float: right;
  margin-right: 10px;
}
.layout-album-detail .main-content {
  padding: 50px 0;
  position: relative;
  max-width: 70%;
  margin: 0 auto;
  min-width: 315px;
}
.layout-album-detail .main-content .subhead-bn {
  line-height: 2;
}
.layout-album-detail .main-content .subhead-vn {
  font-size: 60px;
  letter-spacing: -0.02em;
  line-height: 0.9;
}
.layout-album-detail .main-content .subhead-mdy {
  line-height: 2;
}
.layout-album-detail .main-content .subhead-label {
  line-height: 0.2;
  text-transform: none;
}
.layout-album-detail .main-content .thumbs-container {
  margin: 20px 0 0 10px;
}
.layout-album-detail .main-content li > div {
  display: inline-block;
}
.layout-album-detail .main-content li {
  display: inline-block;
  vertical-align: top;
  width: 45%;
}
.layout-album-detail .main-content li.album-title {
  width: 51%;
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 20px;
}
.layout-album-detail .main-content .main-album-container {
  max-width: 100%;
}
.layout-album-detail .main-content .textgroup {
  max-width: 100%;
  padding: 5% 2% 2% 2%;
  width: 100%;
}
.layout-album-detail .main-content a.previous {
  background: url("../images/icons/icon-sprites.png") -13px -1956px no-repeat;
  width: 51px;
  height: 78px;
  display: block;
  position: absolute;
  -webkit-transition: none;
  transition: none;
  -webkit-transition-property: none;
  -webkit-transition-duration: initial;
  -webkit-transition-timing-function: initial;
  -webkit-transition-delay: initial;
  top: 50%;
  left: -15%;
  margin-top: -40px;
}
.layout-album-detail .main-content a.next {
  background: url("../images/icons/icon-sprites.png") -13px -1956px no-repeat;
  width: 51px;
  height: 78px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  display: block;
  position: absolute;
  -webkit-transition: none;
  transition: none;
  -webkit-transition-property: none;
  -webkit-transition-duration: initial;
  -webkit-transition-timing-function: initial;
  -webkit-transition-delay: initial;
  top: 50%;
  right: -15%;
  margin-top: -40px;
}
.layout-album-detail .main-content a.previous:hover {
  background-position: -140px -1812px;
}
.layout-album-detail .main-content a.next:hover {
  background-position: -140px -1812px;
}
.layout-album-detail .main-content .thumbs-container {
  display: block;
  width: 100%;
}
.layout-album-detail .main-content .thumbs-container ul {
  margin: 0;
}
.layout-album-detail .main-content .thumbs-container li {
  display: inline-block;
  max-width: 60px;
  max-height: 60px;
  width: 100%;
}
.layout-album-detail .main-content .thumbs-container li a {
  display: inline-block;
  border: 3px solid transparent;
}
.layout-album-detail .main-content .thumbs-container li a img {
  display: block;
  width: 50px;
  height: 50px;
}
.layout-album-detail .main-content .thumbs-container li a.selected {
  border-color: #84d010;
}

@media only screen and (max-width: 1024px) {
  .layout-album-detail .main-content .subhead-vn {
    font-size: 50px;
  }
}

@media only screen and (max-width: 480px) {
  .layout-album-detail .main-content {
    max-width: 100%;
    padding: 30px;
  }
  .layout-album-detail .main-content li {
    display: block;
    width: 100% !important;
  }
  .layout-album-detail .main-content li.album-title {
    padding: 70px 0 0 0;
    position: relative;
  }
  .layout-album-detail .main-content li.album-title.album-to-big {
    padding: 140px 0 0 0;
  }
  .layout-album-detail .main-content li.album-title .textgroup {
    padding-left: 0;
  }
  .layout-album-detail .main-content li.album-title .thumbs-container {
    margin: 0;
    position: absolute;
    top: 18px;
    left: 0;
  }
  .layout-album-detail .main-content .subhead-vn {
    font-size: 30px;
  }
  .layout-album-detail .main-content .subhead-bn {
    font-size: 18px;
  }
  .layout-album-detail .main-content .subhead-mdy {
    font-size: 18px;
  }
  .layout-album-detail .main-content .subhead-label {
    font-size: 12px;
  }
  .layout-album-detail .main-content a.previous,
  .layout-album-detail .main-content a.next {
    display: none;
  }
}

#band-detail-hero {
  overflow: hidden;
}
@media only screen and (max-width: 568px) {
  #band-detail-hero .band-stats-small {
    display: inherit !important;
  }
}
#band-detail-hero.component.stretched {
  clear: both;
  background-color: #eee;
  position: relative;
  color: #fff;
  min-height: 618px;
  background-size: cover;
  background-repeat: no-repeat;
}
#band-detail-hero.component.stretched .columns {
  padding: 0;
  z-index: 99;
}
@media only screen and (max-width: 568px) {
  #band-detail-hero.component.stretched .band-stats {
    display: none !important;
  }
}
#band-detail-hero.component.stretched .stretched-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 0;
}
#band-detail-hero.component.stretched .stretched-inner .text-container {
  position: absolute;
  left: 3%;
  top: 20%;
}
#band-detail-hero.component.stretched .stretched-inner h2.big-title {
  font-size: 63px;
}
@media only screen and (max-width: 1024px) {
  #band-detail-hero.component.stretched .stretched-inner h2.big-title {
    font-size: 45px;
  }
}
#band-detail-hero.component.stretched .stretched-inner .band-info {
  margin-left: 0;
  width: 75%;
}
#band-detail-hero.component.stretched .stretched-inner .band-info p {
  margin-bottom: 5px;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 30px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #band-detail-hero.component.stretched {
    clear: both;
    background-color: #eee;
    position: relative;
    color: #fff;
    min-height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #band-detail-hero.component.stretched .columns {
    padding: 0 0 0px 0;
    z-index: 9;
  }
  #band-detail-hero.component.stretched .stretched-inner .text-container {
    top: 2%;
  }
  #band-detail-hero.component.stretched .stretched-inner .band-info p {
    font-size: 22px;
  }
  #band-detail-hero.component.stretched h2.subhead-vn {
    font-size: 50px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 568px) {
  #band-detail-hero.component.stretched {
    min-height: 200px;
  }
  #band-detail-hero.component.stretched h2.subhead-vn {
    font-size: 40px;
  }
  #band-detail-hero.component.stretched .button {
    font-size: 12px;
  }
  #band-detail-hero.component.stretched .stretched-inner {
    width: 100%;
  }
  #band-detail-hero.component.stretched
    .stretched-inner
    .band-detail.text-container {
    top: 25%;
    padding: 0 0 0 5px;
  }
  #band-detail-hero.component.stretched
    .stretched-inner
    .band-detail.text-container
    .band-info {
    width: 100%;
  }
  #band-detail-hero.component.stretched .stretched-inner p {
    margin-bottom: 5px;
    font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #fff;
  }
}

#news-events.component {
  width: 100%;
  padding-bottom: 0px !important;
  padding-left: 55px !important;
  padding-right: 40px !important;
}
@media only screen and (max-width: 480px) {
  #news-events.component {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
#news-events.component p {
  margin: 0px;
  color: #666666;
}
#news-events.component p .angle-quotes.grey {
  color: #666666;
}
#news-events.component .title-wrapper .ribbon {
  background: transparent
    url(/wp-content/themes/jerry-garcia/images/theme/ribbon.png) 0 0 no-repeat;
  height: 118px;
  width: 226px;
  margin: -45px 0px 0px -59px;
  padding: 68px 0px 0px 64px;
}
@media only screen and (max-width: 768px) {
  #news-events.component .title-wrapper .ribbon {
    margin: -45px 0;
    margin-left: -45px;
  }
}
@media only screen and (max-width: 480px) {
  #news-events.component .title-wrapper .ribbon {
    margin-left: -10px;
  }
}
#news-events.component .title-wrapper .ribbon h2 {
  font-size: 28px;
  color: #ffffff;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
}
#news-events.component .title-wrapper .view-all {
  padding: 22px 20px 0 0;
}
#news-events.component .title-wrapper .view-all p {
  font-size: 14px;
  text-align: right;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
}
#news-events.component .title-wrapper .view-all p .angle-quotes {
  color: #666666;
}
@media only screen and (max-width: 480px) {
  #news-events.component .title-wrapper .five {
    height: 80px;
  }
  #news-events.component .title-wrapper div.columns {
    clear: both;
    display: table;
  }
  #news-events.component .title-wrapper .view-all {
    padding: 0;
    width: 100% !important;
    padding-left: 15px;
  }
  #news-events.component .title-wrapper .view-all p {
    text-align: left;
  }
}
#news-events.component .events-container {
  border-bottom: 5px solid #cacaca;
  padding-bottom: 20px;
}
#news-events.component .events-container .event {
  margin: 15px 0;
  padding-top: 20px;
}
#news-events.component .events-container .event:nth-child(2) {
  border-top: 1px solid #cccccc;
}
#news-events.component .events-container .event.first {
  border: 0;
}
#news-events.component .events-container .event .date {
  border: 3px solid #fd4c00;
  text-align: center;
  height: 116px;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
}
#news-events.component .events-container .event .date p {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
}
#news-events.component .events-container .event .date .month {
  font-size: 18px;
  text-transform: uppercase;
}
#news-events.component .events-container .event .date .day {
  font-size: 57px;
  color: #09c4c2;
  line-height: 50px;
}
#news-events.component .events-container .event .description {
  padding-top: 4px;
  padding-right: 0;
}
#news-events.component .events-container .event .description h2 {
  font-size: 18px;
  text-transform: none;
  line-height: 1.3;
}
#news-events.component .events-container .event .description p {
  font-size: 14px;
  font-family: NewsGothicBT-Italic, sans-serif;
}
#news-events.component .events-container .event .description a {
  color: #508301;
  font-size: 12px;
  margin-top: 5px;
  display: block;
}
#news-events.component .icon-envelop-green {
  background-color: transparent;
  color: #508301;
  font-size: 14px;
  padding-left: 38px;
  padding-right: 0;
  padding-bottom: 0;
  box-shadow: none;
  background: transparent url("../images/icons/icon-envelop-green.png") 10px 8px
    no-repeat;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
#news-events.component .icon-envelop-green:hover {
  color: #84d010;
  text-decoration: none;
}

.bands-landing #content {
  overflow-x: hidden;
}

.bands-landing #main {
  /* GREENS */
  /* END GREENS */
}
.bands-landing #main section {
  position: relative;
  clear: both;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
.bands-landing #main section.tf-sixties {
  margin-bottom: -36px;
}
.bands-landing #main section.tf-sixty-fives .events-line li:nth-child(2) {
  top: 0;
}
.bands-landing #main section.tf-seventies:after,
.bands-landing #main section.tf-nineties:after {
  top: 32px;
  /*
		 	border-image: -webkit-linear-gradient(top, $green1 50%, $border_color 100%) 0 100% 0 0/0 4px 0 0 stretch;
			border-image: -moz-linear-gradient(top, $green1 50%, $border_color 100%) 0 100% 0 0/0 4px 0 0 stretch;
			border-image: linear-gradient(top, $green1 50%, $border_color 100%) 0 100% 0 0/0 4px 0 0 stretch; */
  border-right: 4px solid #8cd419;
}
.bands-landing #main .close-wp {
  float: left;
  position: relative;
  top: -20px;
  left: -20px;
  cursor: pointer;
  display: block;
  padding: 0 10px;
  font-size: 18px;
  font-weight: bold;
  display: none;
}
.bands-landing #main .caption {
  display: none;
  opacity: 0;
  margin: 10px 10px 5px;
  position: relative;
}
.bands-landing #main .datestamp {
  max-width: 40px;
  position: relative;
  z-index: 5;
  border-bottom: solid 2px;
  border-top: solid 2px;
  border-color: #09c8c6;
  text-align: center;
  color: #09c8c6;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 20px;
  padding: 5px 0;
  background-color: #fff;
}
.bands-landing #main .datestamp.topcap {
  border-top: none;
}
.bands-landing #main .datestamp.endcap {
  clear: both;
  border-bottom: none;
}
.bands-landing #main .events-line li {
  position: relative;
  display: block;
  vertical-align: middle;
}
.bands-landing #main .events-line li .trgr {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  float: right;
  cursor: pointer;
  text-indent: -1000px;
  font-weight: bold;
  position: relative;
  top: -5px;
  left: 43px;
  z-index: 25;
  background-color: #8cd419;
  background-image: url("../images/icons/icon-plus.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  overflow: hidden;
}
.bands-landing #main .events-line li .waypoint {
  width: 10px;
  height: 10px;
  background-color: #09c8c6;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 45%;
  z-index: 5;
}
.bands-landing #main .events-line li .waypoint:after {
  content: "";
  display: inline-block;
  height: 2px;
  top: 4px;
  background-color: #09c8c6;
  width: 20px;
  position: absolute;
  left: 0;
}
.bands-landing #main .events-line li > div {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.bands-landing #main .events-line h2 {
  font-size: 30px;
  position: relative;
  z-index: 2;
}
.bands-landing #main .events-line h3 {
  font-size: 14px;
  color: #333333;
  position: relative;
  z-index: 2;
}
.bands-landing #main .events-line li * {
  cursor: pointer;
}
.bands-landing #main .events-line li.expanded .close-wp {
  display: block;
}
.bands-landing #main .events-line li.expanded > div {
  padding: 20px;
  background-color: #f7f7f8;
  box-shadow: 0 0 1px 1px #cdcdcd inset;
}
.bands-landing #main .events-line li.expanded .caption {
  display: inline-block;
  opacity: 1;
  max-width: 90%;
  margin: 5px 0 0 0;
}
.bands-landing #main .gradient-transition {
  background-color: #8cd419;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#8cd419),
    to(#09c8c6)
  );
  background-image: linear-gradient(to top, #8cd419, #09c8c6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  border-bottom-color: #8cd419;
  position: relative;
}
.bands-landing #main .events-line.seventies,
.bands-landing #main .events-line.nineties {
  margin-bottom: 20px;
}
.bands-landing #main .events-line.seventies li:nth-child(odd),
.bands-landing #main .events-line.seventies li:nth-child(even),
.bands-landing #main .events-line.nineties li:nth-child(odd),
.bands-landing #main .events-line.nineties li:nth-child(even) {
  border-color: #8cd419;
}
.bands-landing #main .events-line.seventies li:nth-child(odd) .waypoint,
.bands-landing #main .events-line.seventies li:nth-child(even) .waypoint,
.bands-landing #main .events-line.nineties li:nth-child(odd) .waypoint,
.bands-landing #main .events-line.nineties li:nth-child(even) .waypoint {
  background-color: #8cd419;
}
.bands-landing #main .events-line.seventies li:nth-child(odd) .waypoint:after,
.bands-landing #main .events-line.seventies li:nth-child(even) .waypoint:after,
.bands-landing #main .events-line.nineties li:nth-child(odd) .waypoint:after,
.bands-landing #main .events-line.nineties li:nth-child(even) .waypoint:after {
  background-color: #8cd419;
}
.bands-landing #main a.standalone {
  display: block;
}

@media only screen and (max-width: 480px) {
  .bands-timeline {
    margin: 20px auto 0 auto;
    max-width: 95%;
  }
  .bands-timeline .close-wp {
    float: none;
  }
  .bands-timeline h2 {
    display: inline-block;
  }
  .bands-timeline .caption {
    margin: 0;
    max-width: 90%;
  }
  .bands-timeline .events-line li {
    border-left: solid 2px #09c8c6;
    padding-left: 20px;
    margin-left: 17px;
    padding-top: 20px;
    max-width: 95%;
    float: left;
    clear: both;
    position: relative;
  }
  .bands-timeline .events-line li .waypoint {
    left: -6px;
  }
  .bands-timeline .events-line li .trgr {
    top: -5px !important;
    left: 5px !important;
  }
  .bands-timeline li.warlocks {
    margin-bottom: 36px;
  }
  .datestamp {
    margin-left: 0;
  }
  .bands-landing
    #main
    section.tf-sixty-fives
    ul.events-line
    li.mickey-and-the-hartbeats,
  .bands-landing #main ul.events-line li.legion-mary {
    top: 0 !important;
  }
}

@media only screen and (min-width: 481px) {
  .bands-landing #main .bands-timeline {
    margin: 0 auto 20px;
    text-align: center;
    padding-top: 20px;
  }
  .bands-landing #main section:after {
    content: "";
    position: absolute;
    border-right: solid 4px #09c8c6;
    left: 0;
    width: 50%;
    top: 0;
    bottom: 0;
    z-index: 1;
  }
  .bands-landing #main .datestamp {
    margin: 0 auto;
    position: relative;
    left: -2px;
  }
  .bands-landing #main ul.events-line {
    margin: 0 0 15px 0;
    position: relative;
    z-index: 2;
  }
  .bands-landing #main ul.events-line li {
    max-width: 43%;
    width: 43%;
    padding: 10px;
    padding-bottom: 20px;
    position: relative;
    display: inline-block;
  }
  .bands-landing #main ul.events-line li h2 {
    max-width: 400px;
    position: relative;
  }
  .bands-landing #main ul.events-line li .waypoint {
    top: 27%;
  }
  .bands-landing #main ul.events-line li .waypoint:after {
    width: 50px;
    left: -40px;
  }
  .bands-landing #main ul.events-line li > div {
    max-width: 385px;
    display: inline-block;
    padding: 10px;
  }
  .bands-landing #main ul.events-line li:nth-child(odd) {
    text-align: right;
    padding-right: 45px;
    /*	h2:before{
					content: '+';
					display: block;
					width: 20px;
					height: 20px;
					border-radius: 50%;
					background-color: $green1;
					color: $white;
					font-size: 20px;
					text-align: center;
					cursor: pointer;
					position: absolute;
					left: -2px;

				}*/
  }
  .bands-landing #main ul.events-line li:nth-child(odd) .waypoint {
    right: -5px;
  }
  .bands-landing #main ul.events-line li:nth-child(odd) .trgr {
    left: -31px;
    text-indent: 1000px;
  }
  .bands-landing #main ul.events-line li:nth-child(odd) h2 {
    text-align: right;
  }
  .bands-landing #main ul.events-line li:nth-child(even) {
    top: 45px;
    text-align: left;
    padding-left: 45px;
  }
  .bands-landing #main ul.events-line li:nth-child(even) .waypoint {
    left: -9px;
  }
  .bands-landing #main ul.events-line li:nth-child(even) .waypoint:after {
    left: 0px;
  }
  .bands-landing #main ul.events-line li:nth-child(even) .close-wp {
    float: right;
    left: 20px;
  }
  .bands-landing #main .sixties .endcap {
    border-left: solid 2px #09c8c6;
    position: relative;
    left: -2px;
  }
  .bands-landing #main li .waypoint.wp-large {
    width: 21px;
    height: 21px;
  }
  .bands-landing #main li .waypoint.wp-large:after {
    top: 9px !important;
  }
  .bands-landing #main li:nth-child(even) .waypoint.wp-large {
    left: -15px !important;
  }
  .bands-landing #main li:nth-child(odd) .waypoint.wp-large {
    right: -10px !important;
  }
  .bands-landing #main li.warlocks .timeline-img {
    position: absolute;
    padding: 0;
    margin: 0;
    top: -5px;
    left: 285px;
  }
  .bands-landing #main li.warlocks h2 {
    font-size: 40px;
  }
  .bands-landing #main li.grateful-dead {
    top: -59px;
  }
  .bands-landing #main li.grateful-dead .timeline-img {
    position: relative;
    top: 6px;
    left: 13px;
  }
  .bands-landing #main li.grateful-dead h2 {
    font-size: 60px;
  }
  .bands-landing #main li.grateful-dead .waypoint.wp-large {
    top: 55% !important;
  }
  .bands-landing #main li.new-riders .timeline-img {
    position: absolute;
    left: 53px;
  }
  .bands-landing #main li.new-riders h2 {
    font-size: 40px;
  }
  .bands-landing #main li.jgarcia-merl .timeline-img {
    position: absolute;
    top: 19px;
    left: 239px;
  }
  .bands-landing #main li.jgarcia-merl h2 {
    font-size: 50px;
  }
  .bands-landing #main li.jgarcia-merl > div {
    margin-top: 35px;
  }
  .bands-landing #main li.jgarcia-howard h2 {
    font-size: 40px;
  }
  .bands-landing #main li.old-in-way {
    top: -60px;
  }
  .bands-landing #main li.old-in-way .timeline-img {
    position: absolute;
    left: -36px;
    top: -8px;
  }
  .bands-landing #main li.old-in-way h2 {
    font-size: 40px;
  }
  .bands-landing #main li.legion-mary h2 {
    font-size: 40px;
  }
  .bands-landing #main li.reconstruction {
    top: 20px;
  }
  .bands-landing #main li.reconstruction h2 {
    font-size: 40px;
  }
  .bands-landing #main li.jgarcia-band {
    top: -75px;
    color: pink !important;
    z-index: 100;
  }
  .bands-landing #main li.jgarcia-band .timeline-img {
    top: 6px;
    position: relative;
    left: 27px;
    z-index: 100;
  }
  .bands-landing #main li.jgarcia-band h2 {
    font-size: 55px;
  }
  .bands-landing #main li.jgarcia-band > div {
    margin-top: 41px;
  }
  .bands-landing #main li.jgarcia-band .waypoint.wp-large {
    top: 63%;
  }
  .bands-landing #main li.jgarcia-grisman {
    margin-top: -100px;
  }
  .bands-landing #main li.jgarcia-grisman h2 {
    font-size: 55px;
  }
  .bands-landing #main li.jgarcia-grisman > div {
    margin-top: 40px;
  }
  .bands-landing #main li.jgarcia-grisman .timeline-img {
    top: 5px;
    position: relative;
  }
  .bands-landing #main li.jgarcia-grisman .waypoint.wp-large {
    top: 52%;
  }
}

@media only screen and (max-width: 768px) {
  .timeline-img {
    display: block;
    position: static !important;
  }
}

@media only screen and (max-width: 1024px) {
  .bands-landing #main li.new-riders .timeline-img {
    left: 280px;
  }
  .bands-landing #main li.old-in-way .timeline-img {
    left: 155px;
    top: -110px;
  }
}

.shows-main {
  position: relative;
}

.component.stretched .filter-bar .columns.filterbox {
  padding: 20px 40px 20px 40px;
}

.block-grid.two-up {
  margin: 0;
}

.shows-tours-toggle,
.story-guitars-toggle {
  position: relative;
  top: 10px;
  height: 130px;
  width: 100%;
}
.shows-tours-toggle.hide,
.story-guitars-toggle.hide {
  display: none !important;
}
.shows-tours-toggle hr.thin,
.story-guitars-toggle hr.thin {
  display: block;
}
.shows-tours-toggle .block-grid.two-up > li.mini-toggle,
.story-guitars-toggle .block-grid.two-up > li.mini-toggle {
  padding: 0;
}
.shows-tours-toggle .block-grid.two-up > li.mini-toggle a.toggle.button,
.story-guitars-toggle .block-grid.two-up > li.mini-toggle a.toggle.button {
  width: 87%;
  background-color: #b2b2b2;
  color: #000;
}
.shows-tours-toggle
  .block-grid.two-up
  > li.mini-toggle
  a.toggle.button.selected,
.story-guitars-toggle
  .block-grid.two-up
  > li.mini-toggle
  a.toggle.button.selected {
  background-color: #000;
  color: #fff;
}
.shows-tours-toggle
  .block-grid.two-up
  > li.mini-toggle
  a.toggle.button.round-right,
.story-guitars-toggle
  .block-grid.two-up
  > li.mini-toggle
  a.toggle.button.round-right {
  border-radius: 0 4px 4px 0;
}
.shows-tours-toggle
  .block-grid.two-up
  > li.mini-toggle
  a.toggle.button.round-left,
.story-guitars-toggle
  .block-grid.two-up
  > li.mini-toggle
  a.toggle.button.round-left {
  border-radius: 4px 0px 0px 4px;
}

.shows {
  position: relative;
}

#bandFilter,
#locationFilter,
#dateFilter,
#typeFilter {
  padding: 20px !important;
  margin: 10px 0 0 0 !important;
  width: 100% !important;
  float: none !important;
}

#bandFilter .band-list {
  padding-left: 100px;
}
@media only screen and (max-width: 1024px) {
  #bandFilter .band-list {
    padding-left: 9%;
  }
}

.type-list {
  padding: 0 0 0 10px;
}

.filter-bar-hero {
  max-height: 170px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  display: block;
  height: 170px;
}
@media only screen and (max-width: 768px) {
  .filter-bar-hero {
    height: 150px;
  }
}

.filter-bar {
  color: #fff;
  max-height: 170px;
  position: absolute;
  top: -170px;
  width: 100%;
  padding: 30px;
}
.filter-bar form {
  margin: 0;
}
.filter-bar .content {
  display: none;
}
.filter-bar .input-row {
  padding: 15px 0 0 0;
}
.filter-bar .input-row .columns {
  padding: 0;
}
.filter-bar .button {
  text-align: left;
  height: 65px;
  padding: 20px;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 32px;
  font-weight: normal;
  margin: 0px;
  padding: 20px 10px;
  line-height: 1;
  color: #fff;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .filter-bar .button {
    padding: 20px 5px;
  }
}
.filter-bar .button span {
  background: url("../images/icons/icon-sprites.png") no-repeat -148px -1253px;
  width: 16px;
  height: 25px;
  padding: 0 0 0 5px;
  display: inline-block;
  text-align: right;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .filter-bar .button span {
    background: url("../images/icons/icon-sprites.png") no-repeat -148px -1251px;
    height: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .filter-bar .button {
    width: 100%;
  }
}
.filter-bar .filterbox {
  background-color: #fff;
  border: 3px #71b20e solid;
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333333;
  z-index: 99;
}
.filter-bar .filterbox .button {
  text-align: left;
  height: 48px;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 22px;
  font-weight: normal;
  margin: 20px 0;
  padding: 10px 40px 5px;
  line-height: 1;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .filter-bar .filterbox .button {
    width: 150px;
  }
}
.filter-bar .filterbox li {
  font-size: 15px;
  color: #000;
  letter-spacing: 0.05em;
  padding: 0 10px 0 0;
}
.filter-bar .filterbox li span.custom.checkbox {
  margin: 0 10px 0 0;
  border: 1px solid #ccc;
}
.filter-bar .filterbox li label {
  padding-left: 27px;
  position: relative;
}
.filter-bar .filterbox li label .checkbox {
  left: 0;
  top: 3px;
  position: absolute;
}
.filter-bar .filterbox input[type="text"],
.filter-bar .filterbox input[type="month"] {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 15px;
  font-weight: normal;
  margin: 0;
  padding: 0 10px;
  line-height: 1;
  color: #333333;
  border: 1px solid #b2b2b2;
  height: 40px;
  width: 100px;
}
.filter-bar .filterbox input[type="month"] {
  width: 200px;
}
.filter-bar .filterbox .range {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0px;
  padding: 10px 20px 5px;
  line-height: 1;
  color: #636363;
}
.filter-bar .filters {
  list-style: none;
  border-bottom: none;
  display: block;
  height: auto;
  padding: 0;
  margin-bottom: 0px;
}
.filter-bar .filters div a {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
  display: block;
  height: auto;
  padding: 10px 15px;
}
.filter-bar .filters div.active {
  border-top: none;
  margin-top: 0;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
  background: transparent;
}
.filter-bar .filters div.active a {
  background: #71b20e;
  border-left: none;
  border-right: none;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
  padding: 10px 15px;
}
.filter-bar h3 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
}
.filter-bar h3.filter {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 24px;
  font-weight: normal;
  margin: 0 0 0 -15px;
  padding: 0;
  line-height: 1;
  color: #fff;
}
.filter-bar h3.title {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 32px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}
.filter-bar h3 .or {
  color: #09c8c6;
}
.filter-bar .location-ui {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333333;
}
@media only screen and (max-width: 480px) {
  .filter-bar .location-ui {
    padding: 0 0 0 10px;
  }
}
.filter-bar .location-ui h4 {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 15px;
  font-weight: normal;
  margin: 10px 0;
  padding: 0;
  line-height: 1;
  color: #333333;
}
.filter-bar .search {
  border: 0;
  padding: 20px;
  color: #8cd419;
  height: 65px;
}
.filter-bar .search-keyword {
  width: 90%;
}
@media only screen and (max-width: 640px) {
  .filter-bar .search-keyword {
    width: 100%;
  }
}
.filter-bar input[type="text"] {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 22px;
  font-weight: normal;
  margin: 0 0 0 10px;
  padding: 0 10px;
  line-height: 1;
  color: #71b20e;
  border-radius: 0px;
}
.filter-bar .search-icon {
  background: url("../images/icons/icon-sprites.png") no-repeat no-repeat -144px -1301px;
  width: 34px;
  height: 35px;
  padding: 0;
  margin: 0;
  color: transparent;
  position: absolute;
  top: 12px;
  left: 83%;
  border: none;
  outline: none;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .filter-bar .search-icon {
    left: 80%;
  }
}
.filter-bar .search-icon:hover {
  background: url("../images/icons/icon-sprites.png") no-repeat -144px -1359px;
  width: 34px;
  height: 35px;
}
.filter-bar .reset {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #508301;
  margin-top: -4px;
}
.filter-bar .reset a {
  color: #84d010;
}
.filter-bar .reset a:hover {
  color: #508301;
}
.filter-bar .reset.shows-reset-filter {
  padding-right: 26px;
}
.filter-bar .reset.vault-reset-filter {
  padding-right: 18px;
}
.filter-bar div.close {
  background: url("../images/icons/icon-sprites.png") no-repeat -156px -423px;
  width: 29px;
  height: 27px;
  display: block;
  -webkit-transition: none;
  transition: none;
  cursor: pointer;
}
.filter-bar div.close:hover {
  background: url("../images/icons/icon-sprites.png") no-repeat -156px -500px;
  -webkit-transition: none;
  transition: none;
}
.filter-bar li.arrow {
  background-color: #333333;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 26px;
  font-weight: normal;
  margin: 0px;
  padding: 14px 10px;
  line-height: 0.8;
  color: #fff;
  height: 48px;
  margin: 0 0 5px 0;
  background-color: #b2b2b2;
  text-transform: uppercase;
  width: 228px;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .filter-bar li.arrow {
    width: 161px;
  }
}
.filter-bar li.arrow:hover,
.filter-bar li.arrow.highlight {
  background: url("../images/icons/icon-arrow.png") no-repeat 0 0;
  width: 252px;
}
@media only screen and (max-width: 768px) {
  .filter-bar li.arrow:hover,
  .filter-bar li.arrow.highlight {
    width: 214px;
    background: url("../images/icons/icon-arrow.png") no-repeat -68px 0;
  }
}
@media only screen and (max-width: 480px) {
  .filter-bar li.arrow:hover,
  .filter-bar li.arrow.highlight {
    width: 100%;
    background-color: #71b20e;
  }
}
@media only screen and (max-width: 768px) {
  .filter-bar {
    top: -145px;
    padding: 15px 0;
  }
}
@media only screen and (max-width: 680px) {
  .filter-bar .columns {
    float: left !important;
    padding-right: 0 !important;
  }
  .filter-bar .columns.six {
    width: 50% !important;
  }
  .filter-bar .columns.four {
    width: 30% !important;
  }
  .filter-bar .columns.two {
    width: 12% !important;
  }
  .filter-bar .columns.text-right,
  .filter-bar .columns .button .right {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .filter-bar {
    color: white;
    max-height: none;
    position: relative;
    top: 0px;
    padding: 0;
    overflow: hidden;
  }
  .filter-bar .row .mobile-four {
    padding: 0px;
    margin: 0px;
  }
  .filter-bar li.arrow {
    background-color: #333333;
    font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
    font-size: 26px;
    font-weight: normal;
    margin: 0px;
    padding: 14px 10px;
    line-height: 1;
    color: #fff;
    height: 48px;
    margin: 0 0 5px 0;
    background-color: #b2b2b2;
    text-transform: uppercase;
    width: 100%;
  }
  .filter-bar li.arrow:hover {
    background-color: #71b20e;
  }
  .filter-bar .filter-btn-container .filter-btn-lt {
    margin: 0 1px 0 0;
    float: left;
    width: 50%;
    font-size: 30px;
  }
  .filter-bar .filter-btn-container .filter-btn-rt {
    margin: 0 0 0 1px;
    float: right;
    width: 49%;
    font-size: 30px;
  }
  .filter-bar .button span.close-tabbed {
    background: url("../images/icons/icon-sprites.png") no-repeat -157px -460px;
    width: 27px;
    height: 27px;
    padding: 0;
    display: inline-block;
    float: right;
  }
  .filter-bar .shows-tabs {
    background-color: #000;
    color: #fff;
    font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0px;
    padding: 14px 10px;
    line-height: 1;
    color: #fff;
    width: 33% !important;
    height: 100px;
    margin: 0 1px 0 0;
    text-align: center;
  }
  .filter-bar .shows-tabs.active,
  .filter-bar .shows-tabs:focus,
  .filter-bar .shows-tabs:hover {
    background-color: #71b20e;
    color: #fff;
  }
  .filter-bar .shows-tabs .guitar-tab {
    width: 45px;
    height: 49px;
    display: block;
    margin: 0 auto 10px;
  }
  .filter-bar .shows-tabs .type-tab {
    width: 45px;
    height: 49px;
    display: block;
    margin: 0 auto 10px;
  }
  .filter-bar .shows-tabs .date-tab {
    width: 35px;
    height: 40px;
    display: block;
    margin: 5px auto 15px;
  }
  .filter-bar .shows-tabs .date-tab img {
    width: 80%;
  }
  .filter-bar .shows-tabs .location-tab {
    width: 25px;
    height: 45px;
    display: block;
    margin: 0 auto 15px;
  }
  .filter-bar .shows-tabs .location-tab img {
    width: 80%;
  }
  .filter-bar #expand-filter-btn,
  .filter-bar #expand-sort-btn {
    display: none;
  }
  .filter-bar #expand-filter-btn.row,
  .filter-bar #expand-sort-btn.row {
    margin: 0;
  }
  .filter-bar .button {
    text-align: left;
    height: 65px;
    padding: 20px;
    width: 99%;
    font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
    font-size: 32px;
    font-weight: normal;
    margin: 0px;
    padding: 20px 10px;
    line-height: 1;
    color: #fff;
  }
  .filter-bar .button span {
    background: url("../images/icons/icon-sprites.png") no-repeat -148px -1253px;
    width: 16px;
    height: 25px;
    padding: 0;
    display: inline-block;
    text-align: right;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .filter-bar .button:hover,
  .filter-bar .button:focus,
  .filter-bar .button.active {
    background-color: #000;
  }
  .filter-bar .button.exp-btn {
    padding: 20px;
    margin: 0;
    position: absolute;
    top: 45px;
    width: 100%;
  }
  .filter-bar .button.exp-btn:hover,
  .filter-bar .button.exp-btn:focus,
  .filter-bar .button.exp-btn.active {
    background-color: #000;
  }
  .filter-bar .search-icon {
    background: url("../images/icons/icon-sprites.png") no-repeat -138px -1659px;
    width: 53px;
    height: 45px;
    padding: 0;
    margin: 0;
    color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 0;
    right: 0;
    left: auto;
  }
  .filter-bar .search {
    height: 45px;
  }
  .filter-bar #tabbed-row {
    display: none;
    margin-top: 66px;
  }
  .filter-bar #sort-row {
    display: none;
    margin: 64px 0 0 0;
    background-color: #fff;
    color: #000;
    padding: 20px 10px 20px 10px;
    border: 2px solid #000;
    height: 192px;
  }
  .filter-bar #bandFilter,
  .filter-bar #dateFilter,
  .filter-bar #locationFilter,
  .filter-bar #typeFilter {
    background-color: #fff;
    color: #000;
    padding: 0px;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-top: 2px solid #71b20e;
    margin: 0;
    display: none;
  }
}
@media only screen and (max-width: 480px) and (max-width: 480px) {
  .filter-bar #bandFilter,
  .filter-bar #dateFilter,
  .filter-bar #locationFilter,
  .filter-bar #typeFilter {
    float: none !important;
  }
}
@media only screen and (max-width: 480px) {
  .filter-bar #bandFilter .type-list,
  .filter-bar #dateFilter .type-list,
  .filter-bar #locationFilter .type-list,
  .filter-bar #typeFilter .type-list {
    padding: 20px 0 0 10px;
  }
  .filter-bar #bandFilter .type-list .columns,
  .filter-bar #dateFilter .type-list .columns,
  .filter-bar #locationFilter .type-list .columns,
  .filter-bar #typeFilter .type-list .columns {
    margin: 0px 0 10px 0;
  }
  .filter-bar #bandFilter button,
  .filter-bar #dateFilter button,
  .filter-bar #locationFilter button,
  .filter-bar #typeFilter button {
    text-align: center;
    height: 50px;
    padding: 20px;
    width: 50%;
    font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
    font-size: 28px;
    font-weight: normal;
    margin: 20px 10px 20px 10px;
    padding: 20px 10px;
    line-height: 0;
    color: white;
    float: left;
  }
  .filter-bar #bandFilter a,
  .filter-bar #dateFilter a,
  .filter-bar #locationFilter a,
  .filter-bar #typeFilter a {
    float: right;
    margin: 40px 10px 0 0;
  }
}
@media only screen and (max-width: 480px) and (max-width: 480px) {
  .filter-bar #bandFilter a,
  .filter-bar #dateFilter a,
  .filter-bar #locationFilter a,
  .filter-bar #typeFilter a {
    float: none;
    margin: 0;
  }
  .filter-bar #bandFilter a.reset,
  .filter-bar #dateFilter a.reset,
  .filter-bar #locationFilter a.reset,
  .filter-bar #typeFilter a.reset {
    margin: 40px 10px 0 0;
    float: right;
  }
}
@media only screen and (max-width: 480px) {
  .filter-bar #bandFilter .columns,
  .filter-bar #dateFilter .columns,
  .filter-bar #locationFilter .columns,
  .filter-bar #typeFilter .columns {
    padding: 0;
  }
}
@media only screen and (max-width: 480px) and (max-width: 480px) {
  .filter-bar #bandFilter .columns,
  .filter-bar #dateFilter .columns,
  .filter-bar #locationFilter .columns,
  .filter-bar #typeFilter .columns {
    width: 100% !important;
  }
}
@media only screen and (max-width: 480px) {
  .filter-bar #bandFilter h3,
  .filter-bar #dateFilter h3,
  .filter-bar #locationFilter h3,
  .filter-bar #typeFilter h3 {
    font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin: 0px;
    padding: 20px 10px 10px 10px;
    line-height: 1;
    color: #000;
  }
  .filter-bar #bandFilter p,
  .filter-bar #dateFilter p,
  .filter-bar #locationFilter p,
  .filter-bar #typeFilter p {
    font-family: NewsGothicBT-Roman, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    padding: 0 10px 10px 10px;
    line-height: 1.5;
    color: #333333;
  }
  .filter-bar #bandFilter .row,
  .filter-bar #dateFilter .row,
  .filter-bar #locationFilter .row,
  .filter-bar #typeFilter .row {
    margin: 0;
  }
  .filter-bar #bandFilter input[type="text"],
  .filter-bar #dateFilter input[type="text"],
  .filter-bar #locationFilter input[type="text"],
  .filter-bar #typeFilter input[type="text"] {
    font-family: NewsGothicBT-Roman, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    line-height: 1.5;
    color: #333333;
    border: 1px #e0e0e0 solid;
    border-radius: 0;
    box-shadow: none;
    width: 33% !important;
    margin: 0 10px 0 10px;
    padding: 0 10px 0 10px;
  }
  .filter-bar #bandFilter ul,
  .filter-bar #dateFilter ul,
  .filter-bar #locationFilter ul,
  .filter-bar #typeFilter ul {
    margin: 0;
  }
  .filter-bar #bandFilter ul li,
  .filter-bar #dateFilter ul li,
  .filter-bar #locationFilter ul li,
  .filter-bar #typeFilter ul li {
    border-top: #e0e0e0 solid 1px;
    font-family: NewsGothicBT-Roman, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    padding: 10px;
    line-height: 1.5;
    color: #333333;
  }
  .filter-bar #bandFilter ul:only-child,
  .filter-bar #dateFilter ul:only-child,
  .filter-bar #locationFilter ul:only-child,
  .filter-bar #typeFilter ul:only-child {
    border-bottom: #e0e0e0 solid 1px;
  }
  .filter-bar #bandFilter .band-list,
  .filter-bar #dateFilter .band-list,
  .filter-bar #locationFilter .band-list,
  .filter-bar #typeFilter .band-list {
    padding: 0;
  }
}

.vault-content .filter-bar {
  top: -185px;
}
@media only screen and (max-width: 768px) {
  .vault-content .filter-bar {
    top: -165px;
  }
}
@media only screen and (max-width: 480px) {
  .vault-content .filter-bar {
    top: 0px;
  }
}

.video-page {
  margin: 60px auto 50px auto;
}
.video-page .video-container {
  margin: 0 0 50px 0;
}
.video-page .post-box {
  margin: 65px 0px 100px 0px;
}
.video-page h1 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 72px;
  font-weight: normal;
  margin: 20px 0;
  padding: 0;
  line-height: 68px;
  color: #333333;
  text-transform: uppercase;
}
.video-page p {
  font-family: NewsGothicBT-Roman, sans-serif;
  text-transform: none;
  font-size: 18px;
}

.layout-albums #main {
  background-color: #f1f1f1;
}

#album-controls {
  position: relative;
  overflow: hidden;
  float: left;
  margin-bottom: -1px;
  background: #e0e0e0 url("../images/bg-album-landing.jpg") no-repeat;
  background-size: cover;
  width: 720px;
  height: 720px;
}

#album-controls .col {
  width: 50%;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
}

#album-controls .album-info {
  right: 0;
  padding-top: 10%;
}
#album-controls .album-info p {
  font-size: 20px;
  padding: 0 5% 5% 5%;
  line-height: 1.4;
}
@media only screen and (max-width: 1024px) {
  #album-controls .album-info p {
    font-size: 14px;
    line-height: 1.4;
  }
}
#album-controls .album-info .share-module {
  padding: 2% 5%;
}
#album-controls .album-info .share-module .button {
  color: #000;
  background-image: url("../images/icons/share-icon-black.png");
}
#album-controls .album-info h1 {
  padding: 5%;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  text-shadow: 0 1px 0 #fff;
  color: #333333;
  max-width: 100%;
  display: block;
  line-height: 1;
  margin-bottom: -8%;
  font-weight: normal;
  font-size: 60px;
}
#album-controls .album-info h1.album-head {
  font-size: 80px;
}
@media only screen and (max-width: 768px) {
  #album-controls .album-info h1.album-head {
    font-size: 70px;
  }
}
#album-controls .album-info h2 {
  padding: 5%;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  text-shadow: 0 1px 0 #fff;
  color: #333333;
  max-width: 100%;
  display: block;
  line-height: 1;
  font-size: 22px;
}
#album-controls .album-info a.button {
  margin: 0 5%;
}
#album-controls .album-info .album-stats {
  margin: 18% 5% 0;
  display: inline-block;
  position: relative;
  width: 90%;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  text-transform: uppercase;
}
#album-controls .album-info .album-stats .shown {
  margin-left: 35%;
}
#album-controls .album-info .album-stats .num {
  font-size: 80px;
  display: inline-block;
}
#album-controls .album-info .album-stats .img-container {
  max-width: 33%;
  position: absolute;
  top: 0;
  left: 0;
}
#album-controls .album-info .album-stats .shown-here {
  display: inline-block;
  font-size: 20px;
  margin-left: 5px;
}
#album-controls .album-info .album-stats .of-all-time {
  display: block;
  line-height: 30px;
  font-size: 15px;
  padding: 5px 0;
  border-top: dotted 2px #333;
}

#band-selector {
  left: 0;
}
#band-selector ul {
  margin: 15px 0 0 15px;
}
#band-selector li:first-child {
  text-transform: uppercase;
  background-color: #333333;
  color: #fff;
  text-align: center;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 28px;
  padding: 15px 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
@media only screen and (max-width: 1024px) {
  #band-selector li:first-child {
    font-size: 20px;
  }
}
#band-selector li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  display: block;
  padding: 10px;
  line-height: 20px;
  border-bottom: solid 1px #fff;
  background-color: #444;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: NewsGothicBT-Condensed, sans-serif;
}
#band-selector li a span.total {
  background-color: #09c8c6;
  color: #444;
  border-radius: 50%;
  padding: 0px 6px;
  position: absolute;
  right: 10px;
  top: 25%;
  font-weight: bold;
  font-size: 16px;
}
#band-selector li a span.total.rect {
  border-radius: 9px;
}
#band-selector li a:hover,
#band-selector li.active a {
  background-color: #fff;
  color: #444;
}
#band-selector span.total.active,
#band-selector li.active a > span.total {
  background-color: #8cd419;
}
#band-selector li:last-child a {
  border-bottom: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

#album-controls .space {
  display: inline-block;
  display: none;
}

@media only screen and (max-width: 1024px) {
  #band-selector li a {
    font-size: 12px;
    padding: 8px;
    line-height: 16px;
  }
  #band-selector li a span.total {
    font-size: 12px;
  }
  #band-selector li:first-child {
    padding: 3px 0;
  }
  #album-controls .album-info .album-stats .shown-here {
    font-size: 16px;
  }
  #album-controls .album-info .album-stats .num {
    font-size: 70px;
  }
}

@media only screen and (max-width: 960px) {
  #album-controls .album-info .album-stats .num {
    font-size: 60px;
  }
}

@media only screen and (max-width: 600px) {
  #album-controls .album-info .album-stats,
  #albumContainerSmall .small-band-meta .album-stats {
    display: none;
  }
}

.album-block {
  padding: 0;
  margin: 0;
  height: auto;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  z-index: 1;
  float: left;
}
.album-block h3 {
  color: #fff;
  font-size: 30px;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
}
.album-block h4 {
  color: #fff;
  font-size: 16px;
  font-family: NewsGothicBT-Roman, sans-serif;
  margin: 3px 0;
}
.album-block h5 {
  color: #fff;
  font-size: 16px;
  text-transform: none;
  font-family: NewsGothicBT-BoldItalic, sans-serif;
}
.album-block img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.album-block .hgroup {
  padding: 7%;
}

.album-block ul {
  margin: 0;
  left: 0;
  position: absolute;
  bottom: 0;
  display: none;
}
.album-block ul li {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.album-block .button {
  position: relative;
  z-index: 5;
  padding: 6%;
  text-align: left;
  display: block;
}

.album-block .button:hover {
  -webkit-transition: none;
  transition: none;
}

.album-block .blck {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
  cursor: pointer;
}

.album-block.hover ul {
  display: inline-block;
  width: 100%;
}

.album-block.hover .blck {
  display: block;
}

.album-block .view-this-album {
  background-color: #8cd419 !important;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

.album-block .view-this-album:hover {
  background-color: #71b20e !important;
}

.album-block .view-this-album:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  float: right;
  background-image: url("../images/icons/icon-sprites.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: -81px -735px;
  background-size: 154px;
}

.album-block .view-all-album {
  background-color: #508302 !important;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 20px;
  line-height: 100%;
  padding: 5%;
  padding-top: 7%;
}

.album-block .view-all-album:hover {
  background-color: #71b20e !important;
}

.album-block .wrap {
  width: 250px;
  max-width: 80%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.album-block .name {
  text-transform: uppercase;
}

.album-block .total {
  background-color: #fff;
  color: #508302;
  border-radius: 50%;
  position: absolute;
  right: 7%;
  bottom: 50%;
  font-weight: bold;
  font-size: 16px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 33px;
  text-indent: 2px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.album-block .view-this-album.button:before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #8cd419 rgba(0, 0, 0, 0);
  border-width: 11px;
  border-style: solid;
  font-size: 0;
  left: 45%;
  line-height: 0;
  position: absolute;
  width: 0;
  z-index: 5;
  content: "";
  top: -22px;
}

.album-block .view-this-album.button:hover:before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #71b20e rgba(0, 0, 0, 0);
  z-index: 5;
}

/*
.album-cover-art{
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
}

*/
@media only screen and (max-width: 1024px) {
  .album-block ul,
  .album-block .blck {
    display: none !important;
  }
}

@media only screen and (max-width: 600px) {
  #albums-grid {
    margin: 0 auto;
  }
}

/* Small screens */
@media only screen and (max-width: 480px) {
  .album-block {
    display: inline-block;
    text-align: left;
  }
}

#albumContainerSmall {
  display: none;
}
#albumContainerSmall .menu-switch {
  margin: 0 auto;
  text-align: center;
  padding: 3px 0;
  background-color: #fff;
}
#albumContainerSmall .menu-switch ul {
  margin: 15px 0;
}
#albumContainerSmall .menu-switch li {
  display: inline;
}
#albumContainerSmall .menu-switch li a {
  background-color: #b2b2b2;
  display: inline-block;
  width: 45%;
  text-align: center;
  color: #000;
  padding: 6px;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
}
#albumContainerSmall .menu-switch li.active a {
  background-color: #000;
  color: #fff;
}
#albumContainerSmall .menu-switch li:nth-child(even) a {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-right: none;
  margin-left: -4px;
}
#albumContainerSmall .menu-switch li:nth-child(odd) a {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-left: none;
}
#albumContainerSmall .small-band-meta {
  margin: 0;
  background: url("../images/bg-album-landing.jpg") no-repeat scroll 0 0;
  padding: 20px;
}
#albumContainerSmall .small-band-meta h1 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  margin: 5px 0 0;
}
#albumContainerSmall .small-band-meta h2 {
  font-size: 22px;
  margin: 0;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
}
#albumContainerSmall .small-band-meta p {
  line-height: 1.3;
}
#albumContainerSmall .small-band-meta .button {
  display: block;
  margin: 15px 0;
  padding: 15px;
}
#albumContainerSmall .small-band-meta .album-stats {
  visibility: visible;
  margin: 0 auto;
  text-align: center;
}
#albumContainerSmall .small-band-meta .album-stats .img-container {
  width: 80px;
}
#albumContainerSmall .small-band-meta .album-stats .shown {
  margin-top: 40px;
}
#albumContainerSmall .small-band-meta .album-stats .shown ul li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  text-transform: uppercase;
}
#albumContainerSmall .small-band-meta .album-stats .shown ul li div.stats-top {
  border-bottom: dotted 2px #333333;
  float: left;
  margin-bottom: 5px;
}
#albumContainerSmall
  .small-band-meta
  .album-stats
  .shown
  ul
  li
  div.stats-top
  span {
  display: block;
  float: left;
}
#albumContainerSmall .small-band-meta .album-stats .shown ul li .num {
  font-size: 80px;
  line-height: 70px;
  margin-right: 8px;
}
#albumContainerSmall .small-band-meta .album-stats .shown ul li .shown-here {
  width: 58px;
  text-align: left;
  line-height: 1.2;
  margin-top: 8px;
}
#albumContainerSmall .small-band-meta .album-stats .shown ul li .stats-bottom {
  text-align: right;
}
#albumContainerSmall form {
  width: 93%;
  margin: 0 auto;
  padding: 10px 0;
}
#albumContainerSmall form a {
  color: #333333;
}
#albumContainerSmall form div.custom.dropdown ul {
  max-height: 550px;
  width: 92%;
  top: 28px;
}
#albumContainerSmall form div.custom.dropdown ul li a {
  line-height: 18px;
  font-size: 14px;
}
#albumContainerSmall form div.custom.dropdown ul li.selected a {
  color: #fff;
}

.layout-album-detail h1,
.layout-album-detail h2,
.layout-album-detail h3 {
  position: relative;
}

.layout-album-detail .share-module {
  width: auto;
  text-align: right;
}

.layout-album-detail .block-comp {
  padding: 0;
  position: relative;
}
.layout-album-detail .block-comp .collapsed-mobile ul {
  width: 48%;
  display: table;
  float: left;
  border-collapse: collapse;
}
.layout-album-detail .block-comp .collapsed-mobile ul li {
  display: table-row;
  width: 100%;
  border-bottom: solid 12px transparent;
}
.layout-album-detail .block-comp .collapsed-mobile ul.additional-list-parent {
  width: 100%;
}
.layout-album-detail .block-comp .collapsed-mobile .additional {
  clear: both;
}
.layout-album-detail .block-comp li {
  vertical-align: top;
}
.layout-album-detail .block-comp a {
  display: inline-block;
}
.layout-album-detail .block-comp p:first-child:first-letter {
  float: left;
  color: #f26d7d;
  font-size: 50px;
  line-height: 40px;
  padding-top: 4px;
  padding-right: 5px;
  padding-left: 3px;
}

.layout-album-detail #listen-buy-album {
  position: absolute;
  left: 140px;
  top: 23px;
}

.layout-album-detail .album-description {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 50px 0 0;
  line-height: 1.3;
  color: #333;
}

.layout-album-detail .tracks ol {
  max-width: 80%;
  margin: 0 auto 20px auto;
}
.layout-album-detail .tracks ol li {
  line-height: 2;
  font-size: 18px;
  white-space: nowrap;
}
.layout-album-detail .tracks ol li a {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 2;
  color: #508301;
}
.layout-album-detail .tracks ol li a:hover {
  color: #84d010;
}

.layout-album-detail a.more {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #508301;
  margin: 25px 0 0 0;
  display: block;
  padding: 5px 0;
}
.layout-album-detail a.more:hover {
  color: #84d010;
}

.layout-album-detail .additional h1 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 32px;
  font-weight: normal;
  margin: 0;
  padding: 20px 0 20px 0;
  line-height: 1;
  color: #000;
}
.layout-album-detail .additional h1 span {
  font-family: NewsGothicBT-ExtraCondensed, sans-serif;
  font-size: 32px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #666666;
}

.layout-album-detail .additional li {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333333;
}
.layout-album-detail .additional li span {
  font-family: NewsGothicBT-Italic, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333333;
  text-transform: capitalize;
}

.layout-album-detail .musicians .content {
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  .layout-album-detail .musicians .content {
    margin-top: 20px;
  }
}

.layout-album-detail .musicians ul li,
.layout-album-detail .additional ul li {
  display: inline-block;
  width: 48%;
}
.layout-album-detail .musicians ul li.artists,
.layout-album-detail .additional ul li.artists {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333333;
}
.layout-album-detail .musicians ul li.artists span,
.layout-album-detail .additional ul li.artists span {
  font-family: NewsGothicBT-Italic, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333333;
  text-transform: capitalize;
}
.layout-album-detail .musicians ul li .name,
.layout-album-detail .additional ul li .name {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #508301;
}
.layout-album-detail .musicians ul li .name:hover,
.layout-album-detail .additional ul li .name:hover {
  color: #84d010;
}

@media only screen and (max-width: 480px) {
  .layout-album-detail #content {
    padding: 20px 0 0 0;
  }
  .layout-album-detail .post-box {
    padding: 0;
  }
  .layout-album-detail #listen-buy-album {
    left: 130px;
  }
  .layout-album-detail .tracks h1 {
    padding-bottom: 20px;
  }
  .layout-album-detail a.more {
    position: relative;
    margin: 0;
    top: -15px;
    float: left;
  }
  .layout-album-detail .block-comp {
    padding: 0;
  }
  .layout-album-detail .collapsed-mobile {
    display: none;
  }
  .layout-album-detail .collapsed-mobile.expanded {
    display: block;
  }
  .layout-album-detail .album-details .d-toggle {
    top: 1px;
    right: 15px;
  }
  .layout-album-detail .related-albums > ul li:nth-child(n + 3) {
    display: none !important;
  }
}

@media only screen and (max-width: 320px) {
  .layout-album-detail #listen-buy-album {
    left: 110px;
  }
  .layout-album-detail #listen-buy-album li {
    margin: 0;
  }
}

@media only screen and (max-width: 481px) {
  .layout-album-detail .album-notes .d-toggle {
    right: 0px;
    top: 0;
  }
}

.layout-album-detail .album-notes h2 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 32px;
  margin: 30px 0;
}

.layout-album-detail .album-notes p:first-letter {
  style: none;
}

.layout-album-detail #sidebar .block-comp {
  padding-left: 25px;
}
.layout-album-detail #sidebar .block-comp h2 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 32px;
  margin: 50px 0 30px;
}
.layout-album-detail #sidebar .block-comp p {
  max-width: 90%;
  line-height: 28px;
}

.layout-album-detail #sidebar .related-albums h2 {
  margin: 30px 0;
}

.layout-album-detail #sidebar .related-albums ul {
  margin: 0;
}

.layout-album-detail #sidebar .related-albums li {
  display: inline-block;
  width: 48%;
  padding: 2%;
  margin-left: -2%;
  vertical-align: top;
}
.layout-album-detail #sidebar .related-albums li h3 {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #508301;
  text-transform: capitalize;
}
.layout-album-detail #sidebar .related-albums li a:hover h3 {
  color: #84d010;
}

.layout-album-detail #sidebar .related-articles {
  max-width: 90%;
}
.layout-album-detail #sidebar .related-articles li a {
  color: #000;
  font-size: 14px;
  display: inline-block;
}
.layout-album-detail #sidebar .related-articles li a:hover {
  color: #8cd419;
}

#listen-buy-album {
  display: inline-block;
}
#listen-buy-album ul > li {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}
#listen-buy-album a {
  text-transform: uppercase;
  width: 100%;
  display: inline;
  padding: 10px;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
}
#listen-buy-album a.buy-url:after {
  background-image: url("../images/icons/buy-spotify-listen.png");
  content: "";
  display: inline-block;
  width: 29px;
  height: 29px;
  background-repeat: no-repeat;
  background-position: center 1px;
  float: left;
}
#listen-buy-album a.stream-url:after {
  background-image: url("../images/icons/buy-spotify-listen.png");
  content: "";
  display: inline-block;
  width: 29px;
  height: 29px;
  background-repeat: no-repeat;
  background-position: center 1px;
  float: left;
  background-position: center -61px;
}
#listen-buy-album .merchant-list,
#listen-buy-album .streaming-list {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
#listen-buy-album .merchant-list ul > li,
#listen-buy-album .streaming-list ul > li {
  margin-top: 0 !important;
}
#listen-buy-album .merchant-list ul > li a,
#listen-buy-album .streaming-list ul > li a {
  padding: 10px;
  font-size: 18px;
  line-height: 20px;
  font-family: "NewsGothicBT-BoldCondensed", sans-serif;
}
#listen-buy-album .merchant-list ul,
#listen-buy-album .streaming-list ul {
  position: absolute;
  display: none;
  margin: 0;
  left: -50px;
  top: 33px;
}
#listen-buy-album .merchant-list.hover ul,
#listen-buy-album .streaming-list:hover ul {
  display: block;
}
#listen-buy-album .merchant-list.hover ul li,
#listen-buy-album .streaming-list:hover ul li {
  min-width: 160px;
}
#listen-buy-album .merchant-list.hover ul li a,
#listen-buy-album .streaming-list:hover ul li a {
  padding-left: 65px;
  margin-bottom: 0;
}
#listen-buy-album .merchant-list li,
#listen-buy-album .streaming-list li {
  background-color: black;
  position: relative;
  display: inline-block;
  min-width: 200px;
}
#listen-buy-album .merchant-list li .icon {
  display: inline-block;
  background-image: url("../images/icons/merch-icons-2.png");
  background-position: center -65px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  left: 20px;
}
#listen-buy-album .streaming-list li .icon {
  display: inline-block;
  background-image: url("../images/icons/merch-icons-2.png");
  background-position: center -65px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  left: 20px;
}
#listen-buy-album .streaming-list li.listen.listen-apple-music .icon {
  top: 17px;
}
#listen-buy-album .merchant-list li:hover,
#listen-buy-album .streaming-list li:hover {
  background-color: #8cd419;
}
#listen-buy-album .merchant-list li:first-child:after,
#listen-buy-album .streaming-list li:first-child:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) black rgba(0, 0, 0, 0);
  border-width: 11px;
  border-style: solid;
  font-size: 0;
  left: 45%;
  line-height: 0;
  position: absolute;
  width: 0;
  z-index: 5;
  content: "";
  top: -19px;
}
#listen-buy-album .merchant-list li:last-child,
#listen-buy-album .streaming-list li:last-child {
  border: none;
}
#listen-buy-album .merchant-list li:first-child:hover:after,
#listen-buy-album .streaming-list li:first-child:hover:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #8cd419 rgba(0, 0, 0, 0);
}
#listen-buy-album .merchant-list li a,
#listen-buy-album .streaming-list li a {
  display: block;
  color: white;
  padding-left: 50px;
}
#listen-buy-album .merchant-list li a:hover,
#listen-buy-album .streaming-list li a:hover {
  color: white;
}
#listen-buy-album .merchant-list .buy-jerry-store .icon {
  background: url("../images/icons/shopping_bag.png") 50% 50% no-repeat;
}
#listen-buy-album .merchant-list .buy-amazon .icon {
  background-position: center -4px;
}
#listen-buy-album .merchant-list .buy-itunes .icon {
  background-position: center -38px;
}
#listen-buy-album .streaming-list li.listen.listen-apple-music .icon {
  background-position: center -38px;
}
#listen-buy-album .merchant-list .buy-google-play .icon {
  background-position: center -70px;
}
#listen-buy-album .streaming-list .listen-spotify .icon {
  background-position: center -100px;
}

.pagination {
  margin: 15px;
}
.pagination .button.right {
  text-align: left;
  width: auto;
}
.pagination .button.right span {
  background: url("../images/icons/icon-sprites.png") no-repeat -97px -195px;
  width: 10px;
  height: 15px;
  padding: 0 0 0 5px;
  display: inline-block;
  margin-left: 10px;
  text-align: right;
}
.pagination .button.left {
  text-align: right;
  width: auto !important;
}
.pagination .button.left span {
  background: url("../images/icons/icon-sprites.png") no-repeat -97px -195px;
  width: 10px;
  height: 15px;
  padding: 0 0 0 5px;
  margin-right: 10px;
  display: inline-block;
  text-align: right;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.pagination:after {
  clear: both;
  content: "";
  display: block;
}

.vault-content {
  position: relative;
}
.vault-content .filter-bar {
  top: -165px;
}
@media only screen and (max-width: 768px) {
  .vault-content .filter-bar {
    top: -145px;
  }
}
@media only screen and (max-width: 480px) {
  .vault-content .filter-bar {
    top: 0;
    position: static;
  }
}

.filter-label-row {
  background: #fff;
  width: 100%;
  padding: 10px 0 15px 0;
  box-shadow: 3px 3px 10px 0px #ccc;
}
.filter-label-row .filter-label {
  background: #e0e0e0;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 20px;
  font-weight: normal;
  margin: 10px 5px 5px 5px;
  padding: 10px;
  line-height: 1;
  color: #636363;
  text-transform: uppercase;
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-top: 1px solid #cecece;
  float: left;
}
.filter-label-row .filter-label span {
  display: inline-block;
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 15px;
  font-weight: normal;
  margin: -4px 0 0 10px;
  padding: 10px;
  line-height: 0.6;
  color: #fff;
  background: #636363;
  border-radius: 26px;
  box-shadow: 0px 2px 10px 1px #999;
  vertical-align: middle;
}
.filter-label-row .filter-label span:hover {
  color: #84d010;
  cursor: pointer;
}

.results-list {
  padding-top: 10px;
}
@media only screen and (max-width: 768px) {
  .results-list {
    padding-top: 5px;
  }
}
.results-list .large-title {
  font-size: 30px;
  text-shadow: none;
}
.results-list .large-title img {
  vertical-align: middle;
}
.results-list#vault-search-results li img {
  border: none;
}
.results-list li {
  padding: 0 5px;
  margin: 5px 0;
  overflow: hidden;
}
.results-list li form.custom div.custom.dropdown a,
.results-list li form.custom div.custom.dropdown a.current {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 5px;
  line-height: 2;
  color: #000;
}
.results-list li.sort-dropdown {
  overflow: visible;
  width: 100% !important;
}
.results-list li.sort-dropdown label {
  font-family: NewsGothicBT-ExtraCondensed, sans-serif;
  font-size: 22px;
  font-weight: normal;
  margin: 0 10px 0 0;
  padding: 0;
  line-height: 1.6;
  color: #333333;
}
@media only screen and (max-width: 640px) {
  .results-list li.sort-dropdown {
    display: none !important;
  }
}
.results-list li.hover img.album-cover {
  opacity: 0.3;
  -ms-filter: "progid:DdXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
}
.results-list li.hover img {
  border: none;
}
.results-list li.banner {
  background: url("../images/tour-shows-banner.jpg");
  min-height: 84px;
  background-size: cover;
  margin: 20px 0 20px 0;
  padding: 30px 0 20px 0;
}
.results-list li.banner p {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
}
.results-list li.banner p span {
  margin-left: 10px;
}
.results-list li.banner p span a {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
}
.results-list li.banner p span a:hover {
  color: #84d010;
}
.results-list li.banner .icon {
  height: 24px !important;
  width: 38px !important;
  float: left;
  margin: -4px 20px 0 0;
}
.results-list li img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
  border: 10px solid #eb8300;
  z-index: 1;
  position: relative;
}
.results-list li img.album-cover {
  position: absolute;
  width: 100% !important;
  border: none;
  top: 0;
  z-index: 0;
}
.results-list li .data-list-view {
  display: none;
}
.results-list li .data-container {
  position: relative;
  background: #000;
}
.results-list li .data-display {
  cursor: pointer;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50% 50%;
}
.results-list li .video-play {
  width: 58px;
  height: 63px;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("../images/icons/video-w-text.png");
}
.results-list li .data-info-container {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 40% 30px 30px 30px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  text-align: center;
}
.results-list li .data-info-container h4,
.results-list li .data-info-container h5 {
  color: #fff;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .results-list li .data-info-container {
    display: none !important;
  }
}
.results-list li:hover .data-info-container {
  display: block;
}
@media only screen and (max-width: 480px) {
  .results-list li.vault-info {
    width: 50% !important;
    float: left !important;
  }
}
@media only screen and (max-width: 480px) {
  .results-list li {
    width: 100% !important;
    float: none !important;
    padding: 0 10px 5px 10px;
  }
}
.results-list .clearfix {
  clear: both;
}
.results-list.list-view li.show-info {
  background-color: #dddddd;
  margin-bottom: 6px;
}
.results-list.list-view li.show-info:hover {
  background-color: black;
}
.results-list.list-view li.show-info:hover .data-list-view p {
  color: white;
}
.results-list.list-view li.show-info:hover .data-list-view h3 {
  color: #e6730b;
}
.results-list.list-view li.show-info .data-container {
  padding: 18px 0 18px 20px;
  background-color: transparent;
}
.results-list.list-view li.show-info img,
.results-list.list-view li.show-info .more {
  display: none !important;
}
.results-list.list-view li.show-info img.album-cover {
  display: inline-block !important;
  width: 119px !important;
  position: relative;
  border-width: 5px;
  float: left;
}
.results-list.list-view li.show-info .data-text-container,
.results-list.list-view li.show-info .data-info-container {
  display: none;
}
.results-list.list-view li.show-info .data-list-view {
  display: block;
  float: left;
  position: relative;
  width: 87%;
  height: 118px;
  padding: 0 0 0 25px;
}
@media only screen and (max-width: 768px) {
  .results-list.list-view li.show-info .data-list-view {
    width: 80%;
  }
}
.results-list.list-view li.show-info .data-list-view > * {
  display: table;
  width: 100%;
  height: 100%;
}
.results-list.list-view li.show-info .data-list-view h3 {
  font-size: 32px;
  color: black;
  padding-right: 20px;
}
.results-list.list-view li.show-info .data-list-view h3 span {
  color: #666;
  font-size: 22px;
}
.results-list.list-view li.show-info .data-list-view p {
  width: 40%;
  display: table-cell;
  color: #666;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1.2;
}
.results-list.list-view li.show-info .data-list-view p.name,
.results-list.list-view li.show-info .data-list-view p.date {
  background: url("../images/shows/list-divider.png") no-repeat 0 0;
  padding-left: 25px;
}
.results-list.list-view li.show-info .data-list-view p.date {
  width: 20%;
}
.results-list.list-view .four {
  width: 100%;
}

.breadcrumb {
  margin: 0;
  display: table;
  width: 63%;
  height: 62px;
  font-family: NewsGothicBT-Roman, sans-serif;
  color: #666;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .breadcrumb {
    width: 70%;
  }
}
@media only screen and (max-width: 768px) {
  .breadcrumb {
    width: 95%;
  }
}
.breadcrumb .active {
  color: #49c8b7;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
}
.breadcrumb li {
  font-size: 24px;
  display: table-cell;
  vertical-align: middle;
  font-family: NewsGothicBT-Condensed, sans-serif;
  overflow: visible;
}
.breadcrumb li.sep:before {
  content: "";
  background: url("../images/shows/divider.png") no-repeat center center;
  padding: 0 20px 0 18px;
  width: 2px;
  height: 25px;
}
@media only screen and (max-width: 768px) {
  .breadcrumb li.sep:before {
    content: "";
    background: url("../images/shows/divider.png") no-repeat center center;
    padding: 0 15px 0 16px;
    width: 2px;
    height: 25px;
  }
}
.breadcrumb li span {
  color: black;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
}
.breadcrumb li img {
  vertical-align: middle;
  height: auto !important;
  width: auto !important;
}
.breadcrumb .icon-result {
  background: url("../images/icons/show-results.png") no-repeat center 0;
  width: 62px;
  height: 54px;
  padding-right: 20px;
}
.breadcrumb .icon-arrow {
  background: url("../images/shows/arrow.png") no-repeat center center;
  width: 13px;
  height: 34px;
  padding: 0 20px;
}

@media only screen and (max-width: 480px) {
  .breadcrumb,
  .brc {
    display: none;
  }
}

@media only screen and (max-width: 681px) {
  .breadcrumb,
  .brc {
    display: none;
  }
}

.change-view {
  position: absolute;
  width: auto;
  height: 35px;
  right: 7px;
  top: 0;
}
.change-view p {
  text-transform: uppercase;
  line-height: 37px;
  margin: 0;
  font-size: 20px;
  display: inline-block;
  float: left;
  padding-right: 10px;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  color: #666;
}
.change-view .block,
.change-view .list {
  background-image: url("../images/shows/sprite-grid-view.png");
  width: 34px;
  height: 32px;
  display: inline-block;
  cursor: pointer;
}
.change-view .block.active {
  background-position: -74px 0;
}
.change-view .list {
  background-position: -113px 0;
}
.change-view .list.active {
  background-position: -38px 0;
}

.shows-main .results-list li .data-text-container,
.shows-main .results-list-thumbnails li .data-text-container,
.parking-main .results-list li .data-text-container,
.parking-main .results-list-thumbnails li .data-text-container {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 15px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.shows-main .results-list li .data-text-container h1,
.shows-main .results-list li .data-text-container h3,
.shows-main .results-list li .data-text-container h4,
.shows-main .results-list li .data-text-container h5,
.shows-main .results-list-thumbnails li .data-text-container h1,
.shows-main .results-list-thumbnails li .data-text-container h3,
.shows-main .results-list-thumbnails li .data-text-container h4,
.shows-main .results-list-thumbnails li .data-text-container h5,
.parking-main .results-list li .data-text-container h1,
.parking-main .results-list li .data-text-container h3,
.parking-main .results-list li .data-text-container h4,
.parking-main .results-list li .data-text-container h5,
.parking-main .results-list-thumbnails li .data-text-container h1,
.parking-main .results-list-thumbnails li .data-text-container h3,
.parking-main .results-list-thumbnails li .data-text-container h4,
.parking-main .results-list-thumbnails li .data-text-container h5 {
  color: #fff;
  line-height: normal;
  text-shadow: 0 0 3px #000;
}
.shows-main .results-list li .data-text-container h1,
.shows-main .results-list-thumbnails li .data-text-container h1,
.parking-main .results-list li .data-text-container h1,
.parking-main .results-list-thumbnails li .data-text-container h1 {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 60px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  margin: 15px 0;
  line-height: 85%;
}
@media only screen and (max-width: 1280px) {
  .shows-main .results-list li .data-text-container h1,
  .shows-main .results-list-thumbnails li .data-text-container h1,
  .parking-main .results-list li .data-text-container h1,
  .parking-main .results-list-thumbnails li .data-text-container h1 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 960px) {
  .shows-main .results-list li .data-text-container h1,
  .shows-main .results-list-thumbnails li .data-text-container h1,
  .parking-main .results-list li .data-text-container h1,
  .parking-main .results-list-thumbnails li .data-text-container h1 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 768px) {
  .shows-main .results-list li .data-text-container h1,
  .shows-main .results-list-thumbnails li .data-text-container h1,
  .parking-main .results-list li .data-text-container h1,
  .parking-main .results-list-thumbnails li .data-text-container h1 {
    font-size: 50px;
  }
}
.shows-main .results-list li .data-text-container h4,
.shows-main .results-list li .data-text-container h3,
.shows-main .results-list-thumbnails li .data-text-container h4,
.shows-main .results-list-thumbnails li .data-text-container h3,
.parking-main .results-list li .data-text-container h4,
.parking-main .results-list li .data-text-container h3,
.parking-main .results-list-thumbnails li .data-text-container h4,
.parking-main .results-list-thumbnails li .data-text-container h3 {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
}
.shows-main .results-list li .data-text-container h4,
.shows-main .results-list-thumbnails li .data-text-container h4,
.parking-main .results-list li .data-text-container h4,
.parking-main .results-list-thumbnails li .data-text-container h4 {
  font-size: 18px;
  margin-top: 15px;
}
.shows-main .results-list li .data-text-container h5,
.shows-main .results-list-thumbnails li .data-text-container h5,
.parking-main .results-list li .data-text-container h5,
.parking-main .results-list-thumbnails li .data-text-container h5 {
  font-size: 18px;
}
@media only screen and (min-width: 481px) and (max-width: 680px) {
  .shows-main .results-list li .data-text-container,
  .shows-main .results-list-thumbnails li .data-text-container,
  .parking-main .results-list li .data-text-container,
  .parking-main .results-list-thumbnails li .data-text-container {
    padding-top: 15%;
  }
}

.shows-main .results-list li .big-title h1,
.shows-main .results-list-thumbnails li .big-title h1,
.parking-main .results-list li .big-title h1,
.parking-main .results-list-thumbnails li .big-title h1 {
  font-size: 50px;
}
@media only screen and (max-width: 1280px) {
  .shows-main .results-list li .big-title h1,
  .shows-main .results-list-thumbnails li .big-title h1,
  .parking-main .results-list li .big-title h1,
  .parking-main .results-list-thumbnails li .big-title h1 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 960px) {
  .shows-main .results-list li .big-title h1,
  .shows-main .results-list-thumbnails li .big-title h1,
  .parking-main .results-list li .big-title h1,
  .parking-main .results-list-thumbnails li .big-title h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .shows-main .results-list li .big-title h1,
  .shows-main .results-list-thumbnails li .big-title h1,
  .parking-main .results-list li .big-title h1,
  .parking-main .results-list-thumbnails li .big-title h1 {
    font-size: 40px;
  }
}

.shows-main .results-list li .data-info-container,
.shows-main .results-list-thumbnails li .data-info-container,
.parking-main .results-list li .data-info-container,
.parking-main .results-list-thumbnails li .data-info-container {
  padding: 65px 45px 0 45px;
}
.shows-main .results-list li .data-info-container p,
.shows-main .results-list-thumbnails li .data-info-container p,
.parking-main .results-list li .data-info-container p,
.parking-main .results-list-thumbnails li .data-info-container p {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  padding: 0 0 5px 20px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  margin: 3px 0;
  padding: 0;
}
.shows-main .results-list li .data-info-container p.more,
.shows-main .results-list-thumbnails li .data-info-container p.more,
.parking-main .results-list li .data-info-container p.more,
.parking-main .results-list-thumbnails li .data-info-container p.more {
  display: block;
  margin-top: 20%;
  color: #84d010;
  font-size: 16px;
}

@media only screen and (max-width: 480px) {
  .shows-main .results-list li,
  .parking-main .results-list li {
    padding-bottom: 5px;
  }
  .shows-main .results-list li .data-display,
  .parking-main .results-list li .data-display {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    background-color: #ddd;
  }
  .shows-main .results-list li .data-display .album-cover,
  .parking-main .results-list li .data-display .album-cover {
    display: none;
  }
  .shows-main .results-list li .data-text-container,
  .parking-main .results-list li .data-text-container {
    position: static;
    padding: 20px 15px;
    text-align: left;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-left: 8px solid #e7730c;
  }
  .shows-main .results-list li .data-text-container h1,
  .parking-main .results-list li .data-text-container h1 {
    font-size: 21px;
    margin: 0;
    color: #000;
    text-shadow: none;
  }
  .shows-main .results-list li .data-text-container h4,
  .parking-main .results-list li .data-text-container h4 {
    color: #636363;
    color: #666;
    text-shadow: none;
    font-size: 18px;
    margin-top: 5px;
    font-family: NewsGothicBT-BoldCondensed, sans-serif;
  }
  .shows-main .results-list li .data-text-container h5,
  .parking-main .results-list li .data-text-container h5 {
    color: #000;
    text-shadow: none;
    font-size: 12px;
    margin-bottom: 2px;
  }
  .shows-main .results-list li .data-info-container,
  .parking-main .results-list li .data-info-container {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  #dateFilter > .hide-for-small {
    display: none !important;
  }
}

.layout-vault #albumContainerSmall .menu-switcha li:nth-child(even) a {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-left: none;
  border-color: #000;
}

.layout-vault #albumContainerSmall .menu-switcha li:nth-child(odd) a {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-right: none;
  border-color: #e1dddf;
}

@media only screen and (max-width: 480px) {
  .layout-vault #albumContainerSmall {
    display: block;
  }
}

.layout-legal {
  text-align: left;
}
.layout-legal #main {
  padding-right: 211px;
}
.layout-legal ul.indent-list {
  padding: 0;
}
.layout-legal li,
.layout-legal li a {
  font-size: 18px;
  text-transform: none;
}
.layout-legal ul.subnav li {
  line-height: 2;
}
.layout-legal .list-intro {
  padding-bottom: 0px;
}
.layout-legal .lower-alpha {
  list-style-type: lower-alpha;
  margin: 0 0 10px 50px;
}
.layout-legal h1 {
  margin: 64px 0 44px 0;
}
.layout-legal h3 {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333333;
  margin: 0 0 15px 0;
  text-transform: none;
}
.layout-legal h5 {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
  text-transform: none;
  margin-bottom: 10px;
}
.layout-legal p {
  font-size: 18px;
  color: #333333;
  padding-bottom: 13px;
}
.layout-legal hr.medium-divider {
  border-width: 6px 0 0;
  border-color: #e0e0e0;
  margin-top: 28px;
  margin-bottom: 43px;
}
@media only screen and (max-width: 768px) {
  .layout-legal #main {
    padding-right: 15px;
  }
}

.layout-sitemap {
  text-align: left;
  /* Phone Glass */
  /* Tablet Glass */
  /* Tablet Glass */
}
.layout-sitemap h1 {
  margin: 68px 0 78px 0;
}
.layout-sitemap .sitemap-icon {
  margin-bottom: 41px;
}
.layout-sitemap .sitemap-link {
  background: url("../images/sitemap/arrow.png") no-repeat 0 50%;
  height: 18px;
  padding-left: 16px;
  margin-left: 9px;
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 17px;
}
@media only screen and (max-width: 768px) {
  .layout-sitemap .sitemap-link {
    font-size: 13px;
  }
}
.layout-sitemap .categories {
  min-height: 318px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .layout-sitemap .categories {
    min-height: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .layout-sitemap .categories {
    margin-left: 0;
  }
}
.layout-sitemap .footer {
  border: 9px solid #e0e0e0;
  padding: 36px 6px 33px 6px;
  margin-bottom: 119px;
  margin-top: 40px;
}
.layout-sitemap .footer ul li {
  text-align: center;
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333333;
}
.layout-sitemap .footer ul li a {
  color: #333333;
  font-size: 16px;
}
.layout-sitemap .block-grid.five-up {
  max-width: 150px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .layout-sitemap .block-grid.five-up {
    max-width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  .layout-sitemap .block-grid.five-up {
    max-width: 150px;
  }
}
.layout-sitemap .block-grid.five-up > li {
  width: 14%;
  margin: 0 1%;
  margin-right: 1%;
}
@media only screen and (max-width: 768px) {
  .layout-sitemap .block-grid.five-up > li {
    width: 15%;
    margin-left: 0;
    text-align: left !important;
  }
}
.layout-sitemap .block-grid.five-up > li:nth-child(5n + 1) {
  clear: none;
  margin-left: 1%;
}
.layout-sitemap .block-grid.seven-up {
  padding-left: 5%;
}
@media only screen and (max-width: 768px) {
  .layout-sitemap .block-grid.seven-up {
    padding-left: 0;
  }
}
.layout-sitemap .block-grid.seven-up > li.col-1 {
  width: 14%;
}
.layout-sitemap .block-grid.seven-up > li.col-2 {
  width: 12%;
}
.layout-sitemap .block-grid.seven-up > li.col-3 {
  width: 21%;
}
@media only screen and (max-width: 768px) {
  .layout-sitemap .block-grid.seven-up > li.col-3 {
    width: 25%;
  }
}
.layout-sitemap .block-grid.seven-up > li.col-4 {
  width: 14%;
}
.layout-sitemap .block-grid.seven-up > li.col-5 {
  width: 13%;
}
.layout-sitemap .block-grid.seven-up > li.col-6 {
  width: 20%;
}
@media only screen and (min-width: 769px) {
  .layout-sitemap .footer ul li:not(:first-child) {
    background: url("../images/sitemap/footer_separator.png") no-repeat 0 4px;
  }
  .layout-sitemap .categories {
    margin-left: 30px;
  }
  .layout-sitemap .footer {
    margin-top: 0px;
  }
  .layout-sitemap .block-grid.five-up {
    max-width: 100%;
  }
}

#show-hero {
  max-height: 790px;
  overflow: hidden;
  /* Small Glass */
}
#show-hero .text-container {
  top: 20%;
  width: 350px;
}
#show-hero img.large-span {
  margin-left: 20%;
  position: absolute;
  bottom: 0;
}
#show-hero .subhead-caption {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 24px;
  color: #fff;
}
#show-hero a.hero-link {
  text-decoration: underline;
  color: #fff;
}
#show-hero a.hero-link:hover {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #show-hero .text-container {
    left: 20px;
    top: 14%;
  }
}
@media only screen and (max-width: 600px) {
  #show-hero {
    min-height: 399px;
  }
  #show-hero .text-container {
    width: 425px;
    top: 2%;
  }
}
@media only screen and (max-width: 480px) {
  #show-hero {
    min-height: 322px;
  }
  #show-hero .text-container {
    left: 20px;
    top: 200px;
  }
  #show-hero img.large-span {
    margin-left: 27%;
    position: absolute;
    max-width: 140%;
    width: 140%;
    bottom: -75px;
  }
  #show-hero .text-container {
    top: 5%;
    width: 60%;
  }
  #show-hero .text-container .subhead-caption {
    font-size: 14px;
  }
}

.mod-show-social {
  height: auto;
  min-width: 320px;
}
.mod-show-social .share-module .button.share {
  background-position: 0 center;
  height: 32px;
  line-height: 32px;
  margin-right: 0;
}
.mod-show-social .share-module .box {
  float: right;
  margin-top: 7px;
  width: 144px;
}
.mod-show-social a {
  font-size: 18px;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
  color: black;
  padding: 0 0 0 5px;
  cursor: pointer;
  display: inline-block;
}
.mod-show-social a:hover,
.mod-show-social a.active {
  display: inline-block;
  color: #508301;
}
.mod-show-social a[class^="icon"] {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 40px;
}
.mod-show-social a.icon-bus-black {
  background-image: url("../images/icons/icon-bus-black.png");
  line-height: 32px;
}
.mod-show-social a.icon-bus-black:hover,
.mod-show-social a.icon-bus-black.active {
  background-image: url("../images/icons/icon-bus-black_hover.png");
}
.mod-show-social a.icon-listen-black {
  margin-left: 20%;
  background-image: url("../images/icons/icon-listen-black.png");
  line-height: 18px;
}
.mod-show-social a.icon-listen-black:hover,
.mod-show-social a.icon-listen-black.active {
  background-image: url("../images/icons/icon-listen-black_hover.png");
}
.mod-show-social a.icon-sporify-black {
  margin-left: 25%;
  background-image: url("../images/icons/icon-sporify-black.png");
  line-height: 18px;
}
.mod-show-social a.icon-sporify-black:hover,
.mod-show-social a.icon-sporify-black.active {
  background-image: url("../images/icons/icon-sporify-black_hover.png");
}
.mod-show-social a.icon-hand-black {
  margin-left: 25%;
  background-image: url("../images/icons/icon-hand-black.png");
  line-height: 18px;
  padding-left: 33px;
}
.mod-show-social a.icon-hand-black:hover,
.mod-show-social a.icon-hand-black.active {
  background-image: url("../images/icons/icon-hand-black_hover.png");
}
.mod-show-social a.icon-hand-white {
  color: white;
  margin-left: 25%;
  background-image: url("../images/icons/icon-hand-white.png");
  line-height: 33px;
  padding-left: 33px;
}
.mod-show-social a.icon-hand-white.active {
  color: white;
  background-image: url("../images/icons/icon-hand-white.png");
  opacity: 0.6;
}
.mod-show-social a.icon-hand-white:hover {
  color: black;
  background-image: url("../images/icons/icon-hand-black.png");
  opacity: 0.75;
}
.mod-show-social #buy-dropdown {
  z-index: 10;
}
.mod-show-social #listen-buy-album {
  width: 88px;
  display: block;
  float: right;
}
.mod-show-social #listen-buy-album a {
  font-size: 14px;
  font-family: NewsGothicBT-Bold, sans-serif;
  line-height: 32px;
}
.mod-show-social #listen-buy-album a:after {
  width: 30px;
  height: 32px;
  background-image: url("../images/icons/dollar_default.png");
}
.mod-show-social #listen-buy-album .merchant-list {
  margin-right: 0;
}
.mod-show-social #listen-buy-album .merchant-list.hover a:hover:after {
  background-image: url("../images/icons/dollar_hover.png");
}
.mod-show-social #listen-buy-album ul > li {
  margin-top: 4px;
}

.single-show .share-module,
.single-show .share-module button {
  float: right;
}

@media only screen and (max-width: 768px) {
  .single-show .mod-show-social > div {
    height: 46px;
  }
  .single-show .mod-show-social a.icon-hand-black,
  .single-show .mod-show-social a.icon-listen-black {
    margin-left: 0;
  }
  .single-show .mod-show-social .share-module {
    float: left;
  }
  .single-show .mod-show-social .box {
    display: block;
    position: absolute;
    top: 30px;
    left: -61px;
  }
  .single-show .mod-show-social #listen-buy-album {
    float: none;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 480px) {
  .single-show .mod-show-social {
    padding-top: 20px;
  }
  .single-show .mod-show-social #listen-buy-album {
    float: left;
    margin-top: 5px;
  }
  .single-show .mod-show-social #listen-buy-album .merchant-list ul {
    left: 0;
  }
  .single-show
    .mod-show-social
    #listen-buy-album
    .merchant-list
    li:first-child:after {
    left: 14%;
  }
}

.single-song .mod-show-social,
.single-image .mod-show-social,
.single-album .mod-show-social {
  padding: 0 20px;
}
.single-song .mod-show-social .three,
.single-image .mod-show-social .three,
.single-album .mod-show-social .three {
  margin-right: 4%;
}
.single-song .mod-show-social .three a,
.single-image .mod-show-social .three a,
.single-album .mod-show-social .three a {
  margin-left: 0;
}
@media only screen and (max-width: 480px) {
  .single-song .mod-show-social .mobile-three,
  .single-image .mod-show-social .mobile-three,
  .single-album .mod-show-social .mobile-three {
    width: 65% !important;
  }
  .single-song .mod-show-social .mobile-three > a,
  .single-image .mod-show-social .mobile-three > a,
  .single-album .mod-show-social .mobile-three > a {
    float: left;
  }
}

.single-song .mod-show-social > div,
.single-image .mod-show-social > div,
.single-album .mod-show-social > div {
  float: right;
}

.single-song .hero,
.single-image .hero,
.single-album .hero {
  overflow-x: visible;
}

.single-song .box,
.single-image .box,
.single-album .box {
  position: absolute;
  top: 30px;
  display: block;
  left: -48px;
}

@media only screen and (max-width: 480px) {
  .single-song .color-bar-hero,
  .single-image .color-bar-hero,
  .single-album .color-bar-hero {
    padding: 10px 0 !important;
  }
}

.single-band .mod-show-social {
  border-bottom: 7px solid #e0e0e0;
  padding: 20px 0;
  margin: 0;
}
.single-band .mod-show-social .columns > a {
  font-size: 14px;
  font-family: NewsGothicBT-Bold, sans-serif;
  padding-top: 1px;
}

.single-image .color-bar-hero {
  background-color: #7e0f8d;
}

.guitars .mod-show-social {
  padding: 15px 0;
}
.guitars .mod-show-social > div {
  float: left !important;
}
.guitars .mod-show-social .favorite a {
  margin-left: 0;
  line-height: 33px;
}
.guitars .mod-show-social .box {
  display: block;
  position: absolute;
  top: 30px;
  left: -61px;
}
.guitars .mod-show-social.btn-black .share-module button {
  color: black;
  background-image: url("../images/icons/share-icon-black.png");
}
.guitars .mod-show-social.btn-white .favorite a {
  color: white;
}
.guitars .mod-show-social.btn-white .favorite a:hover {
  background-image: url("../images/icons/icon-hand-black_hover.png");
  color: #508301;
}
.guitars .mod-show-social.btn-white .share-module button {
  color: white;
}
@media only screen and (max-width: 768px) {
  .guitars .mod-show-social .share-mobile button {
    background-image: url("../images/icons/share-icon-black.png");
    color: black;
  }
  .guitars .mod-show-social .share-mobile button:hover {
    background-image: url("../images/icons/share-icon-hover.png");
  }
  .guitars .mod-show-social .share-mobile button:hover span {
    color: #84d010 !important;
  }
}

.single-tour .mod-show-social {
  width: 100%;
  margin: 0;
  z-index: 1;
  position: absolute;
  padding: 10px 2%;
}
.single-tour .mod-show-social > div {
  float: right;
}
.single-tour .mod-show-social .favorite a {
  min-width: 165px;
  margin-left: 0;
}
.single-tour .mod-show-social .box {
  display: block;
  position: absolute;
  top: 30px;
  left: -61px;
}
.single-tour .mod-show-social .icon-hand-white:hover,
.single-tour .mod-show-social .icon-hand-white.active {
  color: #508301;
  background-image: url("../images/icons/icon-hand-black_hover.png");
  opacity: 1;
}

@media only screen and (max-width: 480px) {
  .single-tour .tour-wrapper {
    background-position-y: 54px !important;
  }
  .single-tour .tour-wrapper #points {
    top: 54px;
  }
  .single-tour .mod-show-social {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .single-tour .mod-show-social .favorite {
    float: left !important;
  }
}

@media only screen and (min-width: 769px) {
  .guitar .mod-show-social a.icon-hand-white.active {
    background-image: url("../images/icons/icon-hand-black_hover.png");
    color: #508301;
  }
}

#back-top {
  position: fixed;
  display: block;
  height: auto;
  padding: 20px 10px 20px 10px;
  width: 5.5%;
  left: 94%;
  top: 42%;
  background-color: #b2b2b2;
  z-index: 20;
  /* transition */
  -webkit-transition: 1s;
  transition: 1s;
}
@media only screen and (max-width: 768px) {
  #back-top {
    width: 12%;
    left: 85%;
  }
}
@media only screen and (max-width: 480px) {
  #back-top {
    width: 19%;
    left: 78%;
  }
}
#back-top:hover {
  background-color: #333333;
}
#back-top a {
  display: block;
  text-align: center;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 22px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
  /* transition */
  -webkit-transition: 1s;
  transition: 1s;
}
#back-top span {
  background: url("../images/icons/icon-sprites.png") no-repeat -160px -572px;
  width: 23px;
  height: 16px;
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 0 0 20px 0;
}

.layout-contact {
  padding-bottom: 6%;
}
.layout-contact .nowrap {
  white-space: nowrap;
}
.layout-contact h1 {
  margin-top: 6%;
}
.layout-contact hr {
  margin: 0 15px;
  border-width: 6px 0 0;
}
.layout-contact .cust-service-col {
  padding-bottom: 2%;
}
.layout-contact .cust-service-col .line {
  display: none;
  /*
			position: absolute;
			top: 0;
			bottom: 0;
			left: -8%;
			width: 6px;
			right: 0;
			background-color: #ddd; */
}
.layout-contact .contact-item {
  margin-bottom: 15px;
  position: relative;
  padding-left: 80px;
  height: 70px;
  display: table;
}
.layout-contact .contact-item.service {
  margin-bottom: 30px;
}
.layout-contact .contact-item.inquiries {
  margin-bottom: 30px;
}
.layout-contact .contact-item .inner {
  display: table-cell;
  vertical-align: middle;
}
.layout-contact .row.secondary {
  margin-top: 4%;
  position: relative;
  display: table;
  width: 100%;
  max-width: 1140px;
}
.layout-contact .row.secondary .columns {
  display: table-cell;
  float: none;
}
.layout-contact .row.secondary .columns.inquiries-col {
  width: 45%;
  border-right: solid 6px #ddd;
}
.layout-contact .row.secondary .columns.cust-service-col {
  padding-left: 5%;
  padding-bottom: 0;
  width: auto;
}
.layout-contact h2 {
  font-family: NewsGothicBT-ExtraCondensed, sans-serif;
  font-size: 32px;
  color: #636363;
  margin: 0 0 5%;
}
.layout-contact h4 {
  text-transform: none;
  font-family: NewsGothicBT-Roman, sans-serif;
  margin-bottom: 0.3em;
  font-size: 18px;
}
.layout-contact .hours li {
  margin-bottom: 0.3em;
}
.layout-contact .hours h4 {
  font-family: NewsGothicBT-Bold, sans-serif;
  margin-bottom: 0.3em;
}
.layout-contact a {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 18px;
  display: block;
  padding: 5px 0;
  word-break: break-word;
}
.layout-contact p {
  font-family: NewsGothicBT-Roman, sans-serif;
  margin: 0;
  font-size: 18px;
}
.layout-contact .icon {
  background-image: url("../images/theme/contact/sprite-contact.gif");
  background-repeat: no-repeat;
  width: 70px;
  height: 70px;
  background-position: -1px -3px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.layout-contact .service .icon {
  background-position: -1px -76px;
}
.layout-contact .phone .icon {
  background-position: -1px -153px;
}
.layout-contact .corrections .icon {
  background-position: -1px -226px;
}

@media only screen and (device-width: 768px) and (orientation: portrait) {
  .layout-contact {
    min-height: 700px;
  }
}

@media only screen and (max-width: 768px) {
  .layout-contact .row.secondary {
    display: block;
  }
  .layout-contact .row.secondary .columns {
    display: block;
  }
  .layout-contact .row.secondary .columns.inquiries-col {
    width: auto;
    border: none;
  }
  .layout-contact .row.secondary .columns.cust-service-col {
    padding-left: 15px;
    margin-top: 40px;
  }
}

.show-detail-main {
  padding: 20px;
  padding-top: 50px;
}
.show-detail-main .row {
  margin: 0;
}
.show-detail-main .row .column,
.show-detail-main .row .columns {
  padding: 0;
}
.show-detail-main #content {
  background: #fff;
}
.show-detail-main p.venue-name {
  color: inherit;
}
.show-detail-main hr {
  margin: 20px 0px;
  border-width: 6px 0 0;
}
.show-detail-main .notes-divider {
  border: 1px #e0e0e0 solid;
  width: 100%;
  text-align: center;
}
.show-detail-main .cust-service-col {
  padding-bottom: 2%;
}
.show-detail-main .cust-service-col .line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -8%;
  width: 6px;
  right: 0;
  background-color: #ddd;
}
.show-detail-main ol.comp-set-list {
  margin-left: 25px;
}
.show-detail-main ol.comp-set-list li {
  font-size: 18px;
  line-height: 30px;
}
@media only screen and (max-width: 480px) {
  .show-detail-main ol.comp-set-list li {
    font-size: 14px;
  }
}
.show-detail-main ol.comp-set-list li a {
  display: inline;
  font-size: 18px;
}
@media only screen and (max-width: 480px) {
  .show-detail-main ol.comp-set-list li a {
    font-size: 14px;
  }
}
.show-detail-main .contact-item {
  margin-bottom: 35px;
  position: relative;
  padding-left: 80px;
}
.show-detail-main .row.secondary {
  margin-top: 4%;
  position: relative;
}
.show-detail-main h2.lineup {
  margin: 0;
}
.show-detail-main h4 {
  text-transform: none;
  font-family: NewsGothicBT-Roman, sans-serif;
}
.show-detail-main .hours h4 {
  font-family: NewsGothicBT-Bold, sans-serif;
}
.show-detail-main a.more {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 14px;
  margin-top: 24px;
}
@media only screen and (max-width: 480px) {
  .show-detail-main a.more.view-lineup {
    text-align: left;
    padding: 0 0 10px 0;
  }
}
.show-detail-main a.more:hover {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 14px;
}
.show-detail-main a {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 14px;
  display: block;
  padding: 5px 0;
}
.show-detail-main a:hover {
  font-family: NewsGothicBT-Bold, sans-serif;
  display: block;
}
.show-detail-main a.all-comments {
  display: none;
  padding: 10px 15px;
  font-size: 18px;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
}
.show-detail-main .comments-number {
  display: none;
  color: #666666;
  font-size: 18px;
  line-height: 40px;
  margin-right: 10px;
}
.show-detail-main p {
  font-family: NewsGothicBT-Roman, sans-serif;
  margin: 0;
  line-height: 1.5;
  color: #000;
}
.show-detail-main p a,
.show-detail-main p a:hover {
  padding: 0;
}
.show-detail-main .icon {
  background-image: url("../images/theme/contact/sprite-contact.gif");
  background-repeat: no-repeat;
  width: 70px;
  height: 70px;
  background-position: -1px -3px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.show-detail-main .service .icon {
  background-position: -1px -76px;
}
.show-detail-main .phone .icon {
  background-position: -1px -153px;
}
.show-detail-main .artist-info {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  max-width: 100px;
  margin: 0;
  margin-bottom: 15px;
}
.show-detail-main .carousel-container {
  padding: 15px 0 0 !important;
}
.show-detail-main .pagination {
  margin: 0 0 20px 0;
}
.show-detail-main .view-show-details {
  margin-top: 15px;
}
.show-detail-main .view-lineup {
  margin-top: 24px;
}
.show-detail-main .mod-show-social .columns > a {
  font-size: 14px;
}

.vault-content .row .four.columns {
  padding: 0;
}

.set-title {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 21px;
  color: #333;
}

.notes-title {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 21px;
  color: #333;
}

.black-marker {
  background: url("../images/icons/icon-sprites.png") no-repeat 0 -1014px;
  width: 24px;
  height: 37px;
  display: inline-block;
  float: left;
  margin-right: 15px;
}

.venue-name,
.artist-info {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 28px;
  color: #508301;
}
@media only screen and (max-width: 480px) {
  .venue-name,
  .artist-info {
    font-size: 14px;
  }
}
.venue-name a,
.artist-info a {
  font-size: 18px;
}
@media only screen and (max-width: 480px) {
  .venue-name a,
  .artist-info a {
    font-size: 14px;
  }
}

.venue-address {
  font-size: 18px;
  padding-left: 38px;
}
@media only screen and (max-width: 480px) {
  .venue-address {
    font-size: 14px;
  }
}

.venue-country {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 18px;
  padding-left: 38px;
}
@media only screen and (max-width: 480px) {
  .venue-country {
    font-size: 14px;
  }
}

.details-date {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 18px;
}
@media only screen and (max-width: 480px) {
  .details-date {
    font-size: 14px;
  }
}

.notes-divider {
  border: 1px #e0e0e0 solid;
  width: 100%;
  text-align: center;
}

.show-divider {
  border: 5px #e0e0e0 solid;
}

.show-detail-sidebar {
  padding: 20px;
}
.show-detail-sidebar .sidebar-box h3,
.show-detail-sidebar .sidebar-box .no-tickets {
  padding-left: 40px !important;
}
@media only screen and (max-width: 480px) {
  .show-detail-sidebar .sidebar-box h3,
  .show-detail-sidebar .sidebar-box .no-tickets {
    padding: 0 !important;
  }
}
.show-detail-sidebar .row {
  margin: 0;
}
.show-detail-sidebar .row .column,
.show-detail-sidebar .row .columns {
  padding: 0;
}
.show-detail-sidebar .related-songs p {
  margin-bottom: 10px;
  padding-left: 40px !important;
}
@media only screen and (max-width: 480px) {
  .show-detail-sidebar .related-songs p {
    padding: 0 !important;
  }
}
.show-detail-sidebar .album-carousel h3 b {
  color: #636363;
}
.show-detail-sidebar .component {
  padding: 20px !important;
  width: 100%;
}
.show-detail-sidebar .component .carousel-container {
  width: 360px;
  margin: 0 auto;
}
.show-detail-sidebar .component .carousel-container .img-placeholder {
  width: 100%;
  min-height: 300px;
  background-color: #636363;
  position: relative;
  float: left;
}
@media only screen and (max-width: 480px) {
  .show-detail-sidebar .component .carousel-container .img-placeholder {
    width: 330px;
  }
}
.show-detail-sidebar .component .carousel-container .img-placeholder h4 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  line-height: 300px;
}
@media only screen and (max-width: 480px) {
  .show-detail-sidebar .component .carousel-container {
    min-height: 100%;
    width: auto;
  }
}
.show-detail-sidebar .component h3 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 30px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
  margin-bottom: 15px !important;
}
.show-detail-sidebar .component h3 span {
  font-family: NewsGothicBT-ExtraCondensed, sans-serif;
  font-size: 30px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #636363;
}

@media only screen and (max-width: 768px) {
  #sidebar.show-detail-sidebar {
    margin: 0 !important;
    padding: 0 !important;
  }
  #sidebar.show-detail-sidebar .row:not(:last-child) {
    margin-bottom: 20px;
  }
  #sidebar.show-detail-sidebar .orbit-wrapper {
    text-align: center;
    margin: 0 auto;
    width: 85% !important;
  }
  #sidebar.show-detail-sidebar #featured {
    text-align: center;
  }
  #sidebar.show-detail-sidebar #featured img {
    width: auto !important;
    margin: 0 !important;
  }
}

@media only screen and (max-width: 480px) {
  .row {
    margin: 0;
  }
  hr {
    display: block;
  }
  .large-title {
    font-size: 40px;
  }
  #show-detail-hero .text-container h1 {
    font-size: 18px;
  }
  #show-detail-hero .text-container h2 {
    font-size: 40px;
    margin-bottom: 0;
  }
  #show-detail-hero .text-container h4 {
    font-size: 21px;
  }
  #sidebar.show-detail-sidebar {
    padding: 0;
    background: rgba(0, 0, 0, 0) url("../images/pttrn/stripe-gray-light.png")
      repeat;
  }
  .artist-info {
    float: left;
    padding: 0 5px 5px 0;
    max-width: 100px;
    margin: 0;
    min-height: 100px;
  }
  .block-grid.six-up > li:nth-child(6n + 1) {
    clear: none;
  }
}

.sidebar-box.component.related-songs p a {
  line-height: 15px;
}

.single-show .orbit-wrapper {
  padding-bottom: 10px;
  padding-top: 10px;
}
.single-show .orbit-wrapper .orbit {
  padding-bottom: 15px;
}
.single-show .orbit-wrapper .orbit-slide {
  display: block;
  text-align: center;
  padding: 9px;
}

.single-show .has-carousel-tickets {
  overflow: visible;
}

.single-show .carousel-tickets .orbit-wrapper .slider-nav span {
  top: 105px;
}

.single-show .polaroid-carousel .orbit-slide:before {
  content: "";
  padding: 12px;
  width: 95%;
  height: 95%;
  display: block;
  position: absolute;
  z-index: -1;
  left: 10px;
  top: 10px;
  border: 1px solid #f3f3f2;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background-color: white;
  transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  /* IE 9 */
  -webkit-transform: rotate(3deg);
  /* Safari and Chrome */
}

.single-show .polaroid-carousel .orbit-slide:after {
  content: "";
  padding: 12px;
  width: 95%;
  height: 95%;
  display: block;
  position: absolute;
  z-index: -1;
  left: 10px;
  top: 10px;
  border: 1px solid #f3f3f2;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background-color: white;
  transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  /* IE 9 */
  -webkit-transform: rotate(-3deg);
  /* Safari and Chrome */
}

.single-show .polaroid-carousel .orbit-slide .polaroid,
.single-show .polaroid-carousel .orbit-slide img {
  border: 1px solid #f3f3f2;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background-color: white;
}

.single-show .polaroid-carousel .orbit-slide img {
  padding: 9px;
}

.row-report-error {
  padding: 0 0 15px 0;
}

.supporting-acts-title {
  font-size: 18px;
  font-family: NewsGothicBT-Bold, sans-serif;
  color: #333333;
  margin-bottom: 10px;
  text-transform: none;
}

.supporting-acts li {
  font-size: 18px;
}

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

/*
background: rgba(0, 0, 0, 0) url('http://qa.jerrygarcia.com/wp-content/themes/jerry-garcia/images/article-bgs/article-bg3.jpg') no-repeat center 100px !important;
*/
.color-bar-hero {
  background-color: #eb8300;
  max-height: 90px;
  min-height: 25px;
  padding: 20px;
  text-align: right;
}

.layout-song-detail #listen-buy-album {
  float: right;
  padding: 0 15px 0 0;
}
@media only screen and (max-width: 480px) {
  .layout-song-detail #listen-buy-album {
    float: left;
  }
}
.layout-song-detail #listen-buy-album ul > li {
  margin: 0 10px 0 20px;
  z-index: 999;
}
.layout-song-detail #listen-buy-album.listen-single-song {
  font-size: 18px;
  line-height: 27px;
}

.layout-song-detail #content {
  background-color: #fff;
}

.layout-song-detail .comp {
  margin-bottom: 30px;
}
.layout-song-detail .comp.listen-buy {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .layout-song-detail .comp.listen-buy {
    right: auto;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 480px) {
  .layout-song-detail .comp.listen-buy {
    left: 0;
  }
}

.layout-song-detail .track-meta h1 {
  font-size: 72px;
}

.layout-song-detail .track-meta h2 {
  font-size: 30px;
}
@media only screen and (max-width: 480px) {
  .layout-song-detail .track-meta h2 {
    margin-bottom: 0;
  }
}

.layout-song-detail .track-meta h1,
.layout-song-detail .track-meta h2 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-weight: normal;
}

.layout-song-detail .track-meta h2 > span {
  font-family: NewsGothicBT-ExtraCondensed, sans-serif;
}

.layout-song-detail #sidebar {
  background-image: none;
  padding-left: 5%;
  padding-top: 205px;
  position: relative;
}
.layout-song-detail #sidebar h3 {
  font-size: 30px;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  margin-bottom: 17px;
}
.layout-song-detail #sidebar li a {
  display: inline-block;
  line-height: 21px;
  margin-bottom: 10px;
}
.layout-song-detail #sidebar li a.buy-url {
  display: inline;
  line-height: 18px;
  vertical-align: bottom;
}
.layout-song-detail #sidebar li a.spotify-url {
  display: none;
}
.layout-song-detail #sidebar .first-last {
  background-image: url("../images/theme/albums/p-live.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 350px;
  height: 247px;
  background-position: center;
  max-width: 95%;
  margin-left: 37px;
}
.layout-song-detail #sidebar .first-last ul {
  margin: 0 auto;
  position: relative;
  top: 45%;
}
.layout-song-detail #sidebar .first-last ul li {
  float: left;
  width: 33.33%;
  text-align: center;
  vertical-align: top;
  position: relative;
  max-width: 100%;
  min-width: 33.33%;
}
.layout-song-detail #sidebar .first-last ul li h5,
.layout-song-detail #sidebar .first-last ul li h6 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  max-width: 95%;
  position: relative;
}
.layout-song-detail #sidebar .first-last ul li h5 {
  font-size: 67px;
  line-height: 50px;
}
.layout-song-detail #sidebar .first-last ul li h6 {
  font-size: 22px;
}
.layout-song-detail #sidebar .first-last ul li.played-live {
  margin-top: -49px;
}
.layout-song-detail #sidebar .first-last ul li.played-live h5 {
  font-size: 76px;
  line-height: 60px;
}
.layout-song-detail #sidebar .first-last ul li.played-live h5 span {
  font-size: 38px;
  font-family: NewsGothicBT-ExtraCondensed, sans-serif;
}
.layout-song-detail #sidebar .first-last ul li.played-live h6 {
  font-size: 22px;
  line-height: 5px;
}
.layout-song-detail #sidebar .first-last ul li:nth-child(1) h5,
.layout-song-detail #sidebar .first-last ul li:nth-child(1) h6 {
  left: -37%;
}
.layout-song-detail #sidebar .first-last ul li:nth-child(2) {
  margin-top: -20px;
}
.layout-song-detail #sidebar .first-last ul li:nth-child(2).played-live {
  margin-top: -45px;
}
.layout-song-detail #sidebar .first-last ul li:nth-child(2) h5,
.layout-song-detail #sidebar .first-last ul li:nth-child(2) h6 {
  color: #fff;
  left: 7%;
}
.layout-song-detail #sidebar .first-last ul li:nth-child(3) h5,
.layout-song-detail #sidebar .first-last ul li:nth-child(3) h6 {
  right: -41%;
}

@media only screen and (min-width: 769px) {
  .layout-song-detail .comp.lyrics {
    border-right: solid 5px #dedede;
  }
  .layout-song-detail #content {
    padding: 70px 90px 0 90px;
    margin-top: 45px;
    width: 1120px;
  }
}

@media only screen and (max-width: 1024px) {
  .layout-song-detail #content {
    margin-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .layout-song-detail {
    margin: 0 auto;
  }
  .layout-song-detail #sidebar .first-last {
    position: relative;
    width: 270px !important;
    left: 14%;
  }
  .layout-song-detail #sidebar .first-last ul li h5 {
    font-size: 40px !important;
    line-height: 35px !important;
  }
  .layout-song-detail #sidebar .first-last ul li h6 {
    font-size: 15px !important;
  }
  .layout-song-detail #sidebar .first-last ul li:nth-child(2).played-live {
    margin-top: -15px;
  }
  .layout-song-detail #sidebar .first-last ul li:nth-child(2).played-live h5 {
    font-size: 60px !important;
    line-height: 60px;
    letter-spacing: -0.05em;
  }
  .layout-song-detail
    #sidebar
    .first-last
    ul
    li:nth-child(2).played-live
    h5
    span {
    font-size: 38px;
    font-family: NewsGothicBT-ExtraCondensed, sans-serif;
    margin: 0 0 0 5px;
  }
  .layout-song-detail #sidebar .first-last ul li:nth-child(2).played-live h6 {
    font-size: 22px;
    line-height: 20px;
  }
  .layout-song-detail #sidebar .first-last ul li:nth-child(1) h5,
  .layout-song-detail #sidebar .first-last ul li:nth-child(1) h6 {
    left: -45%;
  }
  .layout-song-detail #sidebar .first-last ul li:nth-child(3) h5,
  .layout-song-detail #sidebar .first-last ul li:nth-child(3) h6 {
    top: 0;
  }
}

@media only screen and (max-width: 480px) {
  .layout-song-detail #sidebar,
  .layout-song-detail #content {
    padding: 0 2%;
  }
  .layout-song-detail #sidebar .first-last {
    position: relative;
    width: 250px !important;
    left: 0;
    margin-left: 20px;
  }
  .layout-song-detail #sidebar .first-last ul li h5 {
    font-size: 40px !important;
  }
  .layout-song-detail #sidebar .first-last ul li h6 {
    font-size: 15px !important;
  }
  .layout-song-detail #sidebar .first-last ul li:nth-child(1) h5,
  .layout-song-detail #sidebar .first-last ul li:nth-child(1) h6 {
    left: -30%;
    top: -10px;
  }
  .layout-song-detail #sidebar .first-last ul li:nth-child(2).played-live {
    margin-top: -25px;
  }
}

.layout-photo-credit #main {
  padding-top: 5%;
}

.layout-photo-credit h1 .camera-icon {
  margin: 0 0 -3px 0;
}

.layout-photo-credit .photo-divider {
  border: 3px #e0e0e0 solid;
}

.layout-photo-credit p.intro {
  font-size: 1.285em;
  margin-right: 30px;
}

.layout-photo-credit li {
  display: inline-block;
  vertical-align: top;
}
.layout-photo-credit li h3,
.layout-photo-credit li h4 {
  font-family: NewsGothicBT-Bold, sans-serif;
  text-transform: none;
}
.layout-photo-credit li a {
  float: left;
  padding: 2px;
  border: 2px solid rgba(0, 0, 0, 0);
}
.layout-photo-credit li a:hover {
  border: 2px solid #84d010;
}
.layout-photo-credit li a > h3,
.layout-photo-credit li a > h4 {
  color: #508301;
}
.layout-photo-credit li a:hover > h3,
.layout-photo-credit li a:hover > h4 {
  color: #84d010;
}
.layout-photo-credit li .photog-box {
  border: 2px solid rgba(0, 0, 0, 0);
  padding: 2px;
}

.layout-photo-credit .let-us-know {
  background-color: #e0e0e0;
  padding: 20px;
}
.layout-photo-credit .let-us-know a {
  float: none;
  font-size: 14px;
  border: none;
  text-transform: none;
}
.layout-photo-credit .let-us-know a:hover {
  border: none;
  text-transform: none;
}
.layout-photo-credit .let-us-know p {
  font-size: 1em;
}
.layout-photo-credit .let-us-know p.last {
  margin-bottom: 0px;
}

.layout-photo-credit .photog .image-container {
  overflow: hidden;
  max-width: 265px;
  position: relative;
  height: 105px;
  margin-bottom: 17px;
}

.layout-photo-credit .featured-photogs li {
  width: 25%;
  margin-top: 15px;
  vertical-align: bottom;
}

.layout-photo-credit .additional-photogs li {
  width: 25%;
  margin: 15px 0;
}
.layout-photo-credit .additional-photogs li:last-child {
  margin: 15px 0 100px 0;
}

.layout-photo-credit .additional-photogs li .photog img,
.layout-photo-credit .additional-photogs li .photog h4 {
  float: left;
  max-width: 45%;
  padding-right: 3%;
  line-height: 1.2;
}

.layout-photo-credit .featured-photogs li a,
.layout-photo-credit .additional-photogs li a {
  display: block;
  width: 90%;
  position: relative;
  left: -4px;
}

@media only screen and (max-width: 1170px) {
  .layout-photo-credit .additional-photogs,
  .layout-photo-credit .featured-photogs {
    margin: 0;
  }
  .layout-photo-credit .additional-photogs li,
  .layout-photo-credit .featured-photogs li {
    width: 50%;
  }
}

/* News Header "In The News" */
.layout-show {
  padding-top: 50px;
}

.news-inner {
  padding-top: 50px;
}

.news-header {
  border-top: solid 8px #000;
  border-bottom: solid 8px #000;
  padding: 30px 0;
  overflow: hidden;
  margin: 0 auto;
}
.news-header .inner {
  max-width: 1140px;
  margin: 0 auto;
  text-align: left;
}
.news-header .inner h2 {
  display: inline-block;
  font-family: "NewsGothicBT-BoldExtraCondensed";
  padding-left: 150px;
  background: transparent url("../images/news-icon.png") 10px 0 no-repeat;
  font-size: 123px;
}
.news-header .inner div {
  display: inline-block;
  font-size: 28px;
  width: 450px;
  margin-top: 25px;
  margin-left: 20px;
  font-family: "NewsGothicBT-Condensed";
  line-height: 34px;
  text-transform: uppercase;
}

.news-article-list {
  overflow: hidden;
  max-width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.news-article-list li {
  overflow: hidden;
  background-color: #ddd;
  margin-bottom: 8px;
}

.news-article-list li .article-image,
.news-article-list li .article-content,
.news-article-list li .read-more {
  display: table-cell;
  padding: 15px;
}

.news-article-list li .article-content,
.news-article-list li .read-more {
  padding-top: 30px;
}

.news-article-list li .article-content {
  padding-right: 15px;
  overflow: hidden;
  vertical-align: top;
}

.news-article-list li .article-image {
  width: 157px;
  padding-left: 15px;
}

.news-article-list li .read-more {
  vertical-align: top;
  padding-right: 15px;
  min-width: 160px;
}

.news-article-list div h4 {
  font-family: "NewsGothicBT-BoldExtraCondensed";
  font-size: 30px;
}

.news-article-list div em {
  display: block;
  font-family: "NewsGothicBT-BoldItalic";
  font-size: 16px;
}

.news-article-list div span {
  font-family: "NewsGothicBT-Roman";
  font-size: 16px;
}

.news-main div.button a {
  color: #fff;
}

@media only screen and (max-width: 1024px) {
  .news-header .inner div {
    display: block;
    width: auto;
  }
}

@media only screen and (max-width: 600px) {
  .news-header .inner {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
  }
  .news-header .inner h2 {
    padding: 0;
    background: none;
  }
}

/* Small display targeting */
@media only screen and (max-width: 480px) {
  .news-article-list li .read-more {
    display: block;
    padding-left: 170px;
  }
}

.article-page.category-news {
  max-width: 968px;
  padding: 0;
  margin-bottom: 0;
}
.article-page.category-news div.post-box {
  margin-top: 70px;
}
.article-page.category-news div.post-box h1 {
  font-size: 60px;
  width: 70%;
  line-height: 53px;
  margin-bottom: 25px;
}
.article-page.category-news div.post-box p {
  padding-left: 38px;
  padding-right: 38px;
}
.article-page.category-news div.post-box img {
  margin-top: 10px;
}

@media only screen and (max-width: 680px) {
  .article-page.category-news {
    max-width: 100%;
    padding: 0;
    margin-bottom: 0;
  }
  .article-page.category-news div.post-box {
    margin: 70px 10px;
  }
  .article-page.category-news div.post-box h1 {
    font-size: 30px;
    width: 100%;
    line-height: 30px;
    margin-bottom: 25px;
  }
  .article-page.category-news div.post-box p {
    padding-left: 0px;
    padding-right: 0px;
  }
  .article-page.category-news div.post-box img {
    margin-top: 10px;
  }
}

#events-landing-hero .text-container {
  position: absolute;
  top: 15%;
  left: 15%;
  width: 450px;
}

#events-landing-hero .subhead-caption {
  font-size: 24px;
  line-height: 1.2em;
}

#events-container {
  background: #ffffff;
  padding: 10px;
  margin-top: -15%;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #events-container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #events-container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
  }
}
#events-container .event-header {
  background: #eb8300;
  padding: 10px 0 7px 20px;
  margin-bottom: 10px;
  font-size: 28px;
  *zoom: 1;
}
#events-container .event-header:before,
#events-container .event-header:after {
  content: " ";
  display: table;
}
#events-container .event-header:after {
  clear: both;
}
#events-container .event-header h1 {
  font-size: 30px;
  color: #ffffff;
  margin: 0;
  padding: 0;
  float: left;
}
#events-container .event-header .rss-icon {
  float: left;
  margin-left: 0.5em;
  margin-top: 2px;
}
#events-container .event {
  background: #dddddd;
  height: auto;
  min-width: 100%;
  width: 100%;
  padding: 10px;
  margin: 5px 0;
}
#events-container .event .date,
#events-container .event .title,
#events-container .event .location-title,
#events-container .event .time,
#events-container .event .price-range,
#events-container .event .buy-link {
  font-family: "NewsGothicBT-BoldExtraCondensed";
  font-size: 22px;
  line-height: 1.1em;
}
#events-container .event .date,
#events-container .event .presented-by,
#events-container .event .age-restrictions,
#events-container .event .location-address,
#events-container .event .price-range,
#events-container .event .time {
  color: #666666;
}
#events-container .event .event-left,
#events-container .event .event-middle,
#events-container .event .event-right {
  display: table-cell;
}
#events-container .event .event-left {
  max-width: 100px;
  width: 9.090909091%;
}
@media only screen and (max-width: 480px) {
  #events-container .event .event-left {
    width: 100%;
  }
}
#events-container .event .event-middle {
  max-width: 808px;
  width: 73.45454545%;
  padding: 0;
}
#events-container .event .event-middle .details {
  border-left: 1px solid #bbbbbb;
}
#events-container .event .event-middle .details,
#events-container .event .event-middle .location {
  width: 46%;
  display: table-cell;
  border-right: 1px solid #bbbbbb;
  padding-left: 2%;
}
@media only screen and (min-width: 1024px) {
  #events-container .event .event-middle .details,
  #events-container .event .event-middle .location {
    width: 400px;
  }
}
#events-container .event .event-middle .presented-by {
  font-size: 16px;
  margin-top: 5px;
}
#events-container .event .event-middle .age-restrictions {
  font-size: 12px;
}
#events-container .event .event-middle .location-address {
  margin-top: 5px;
}
#events-container .event .event-right {
  max-width: 170px;
  padding-left: 14px;
  width: 132px;
}
#events-container .event .event-right .time {
  font-size: 30px;
}
#events-container .event .event-right .price-range {
  font-size: 18px;
}
#events-container .event .event-right .buy-link {
  background: #000000;
  padding: 2px;
  text-align: center;
  margin-top: 10px;
}
#events-container .event .event-right .buy-link a {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
}
#events-container .event:nth-child(odd) {
  background: #ebebeb;
}
#events-container .jg-event-cta {
  margin-top: 13px;
}
#events-container .jg-event-cta.presale {
  margin-bottom: -7px;
}
#events-container .jg-event-cta > a {
  letter-spacing: 0;
  width: 132px;
}
#events-container .button.disabled {
  width: 132px;
}
#events-container .button.disabled,
#events-container .button.disabled:hover {
  background-color: #a8a8a8;
  box-shadow: inset #868586 1px 1px 10px;
}
#events-container .event-admittance {
  display: block;
  font-size: 12px;
  margin-top: 3px;
}

@media only screen and (max-width: 768px) {
  #events-landing-hero .subhead-caption {
    font-size: 1.2em;
  }
}

/* Small display targeting */
@media only screen and (max-width: 480px) {
  #events-landing-hero {
    min-height: 230px !important;
  }
  #events-landing-hero .large-span {
    min-height: 230px;
  }
  #events-landing-hero .text-container {
    margin-top: 0 !important;
    left: 5%;
    width: 90%;
  }
  #events-landing-hero .subhead-caption {
    font-size: 1.2em;
  }
  .event {
    margin-bottom: 15px;
  }
  .event .event-left {
    width: 5%;
    padding: 0;
    margin: 0;
    vertical-align: top;
  }
  .event .event-left .date {
    font-size: 18px !important;
    text-align: left;
    vertical-align: top;
  }
  .event .event-middle {
    width: 85%;
    vertical-align: top;
    *zoom: 1;
  }
  .event .event-middle:before,
  .event .event-middle:after {
    content: " ";
    display: table;
  }
  .event .event-middle:after {
    clear: both;
  }
  .event .event-middle .details,
  .event .event-middle .location {
    width: 100% !important;
    display: block !important;
    float: left;
    border-left: none !important;
    padding-left: 0 !important;
  }
  .event .event-middle .title,
  .event .event-middle .location-title {
    font-size: 18px !important;
  }
  .event .event-middle .location-title {
    margin-top: 10px;
  }
  .event .event-middle .location-address {
    font-size: 12px !important;
  }
  .event .event-middle .presented-by,
  .event .event-middle .age-restrictions {
    display: none;
  }
  .event .event-right {
    width: 5%;
    vertical-align: top;
  }
  .event .event-right .time {
    font-size: 18px !important;
  }
  .event .event-right .price-range {
    margin-top: 10px !important;
    font-size: 14px !important;
  }
  .event .event-right .buy-link a {
    font-size: 10px !important;
  }
}

/* Band Detail Page */
@media only screen and (max-width: 568px) {
  .layout-band-detail .band-stats-small {
    display: inherit !important;
  }
}

.layout-band-detail .post-box {
  margin-bottom: 35px;
}
.layout-band-detail .post-box h1 {
  margin-top: 35px;
}
.layout-band-detail .post-box h1:first-child {
  margin-top: 45px;
}
.layout-band-detail .post-box .story p:first-letter {
  font-family: Homestead, sans-serif;
  font-size: 142px;
  font-weight: normal;
  margin: -10px 0 0 0;
  padding: 0;
  line-height: 1;
  color: #eb8300;
  float: left;
}
.layout-band-detail .post-box .story .mod-show-social .favorites-part {
  line-height: 110px;
}
@media only screen and (max-width: 681px) {
  .layout-band-detail .post-box .story .mod-show-social .favorites-part {
    float: left;
  }
}
@media only screen and (max-width: 481px) {
  .layout-band-detail .post-box .story .mod-show-social .favorites-part a {
    line-height: 32px;
  }
}
.layout-band-detail .post-box .story .mod-show-social .share-module {
  float: left;
  left: 155px;
  top: 32px;
}
.layout-band-detail .post-box .story .mod-show-social .share-module .button {
  color: black;
  background-image: url(/wp-content/themes/jerry-garcia/images/icons/share-icon-black.png);
}
.layout-band-detail .post-box .story,
.layout-band-detail .post-box .musicians {
  border-bottom: 7px solid #e0e0e0;
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0 0 35px 0;
  line-height: 24px;
  color: #333333;
}
.layout-band-detail .post-box .story p,
.layout-band-detail .post-box .musicians p {
  margin-top: 28px;
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 24px;
  color: #333333;
}
.layout-band-detail .post-box .story p.member,
.layout-band-detail .post-box .musicians p.member {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333333;
}
.layout-band-detail .post-box .story p.member a,
.layout-band-detail .post-box .musicians p.member a {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #508301;
}
.layout-band-detail .post-box .story p.member a:hover,
.layout-band-detail .post-box .musicians p.member a:hover {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #84d010;
}
.layout-band-detail .post-box .story ul,
.layout-band-detail .post-box .musicians ul {
  *zoom: 1;
  display: block;
  margin-top: 28px;
}
.layout-band-detail .post-box .story ul:before,
.layout-band-detail .post-box .story ul:after,
.layout-band-detail .post-box .musicians ul:before,
.layout-band-detail .post-box .musicians ul:after {
  content: " ";
  display: table;
}
.layout-band-detail .post-box .story ul:after,
.layout-band-detail .post-box .musicians ul:after {
  clear: both;
}
.layout-band-detail .post-box .story ul li,
.layout-band-detail .post-box .musicians ul li {
  color: #696969;
}
.layout-band-detail .post-box .story ul li:hover,
.layout-band-detail .post-box .musicians ul li:hover {
  color: #508301;
}
.layout-band-detail .post-box .story ul p,
.layout-band-detail .post-box .musicians ul p {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0 0 7px 0;
  line-height: 1;
  color: #333333;
}
.layout-band-detail .post-box .story ul .instruments,
.layout-band-detail .post-box .musicians ul .instruments {
  font-family: NewsGothicBT-Italic, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333333;
}
@media only screen and (max-width: 568px) {
  .layout-band-detail .post-box .timeline {
    display: none !important;
  }
}

.band_detail {
  position: absolute;
  bottom: 70px;
}
.band_detail:before,
.band_detail:after {
  content: " ";
  display: table;
}
.band_detail:after {
  clear: both;
}
.band_detail a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background-color: rgba(0, 0, 0, 0.6);
  border: 6px solid transparent;
  padding: 150px 15px 15px 7px;
  min-height: 260px;
}
.band_detail a:before {
  content: "";
  position: absolute;
}
.band_detail a:hover {
  border: 6px solid #965b11;
}
.band_detail .previous-band {
  margin-right: 2%;
  margin-left: 2.66667%;
  width: 14.66667%;
  background-color: transparent;
}
.band_detail .previous-band:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.band_detail .previous-band .band-label {
  font-family: NewsGothicBT-BoldItalic, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0 18px;
  padding: 150px 0 10px 0;
  line-height: 1.3;
  color: #fff;
  text-transform: uppercase;
  text-align: right;
  display: none;
}
.band_detail .previous-band .band-label.show {
  display: block;
}
.band_detail .previous-band .text,
.band_detail .previous-band .band-date {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0 18px;
  padding: 0;
  line-height: 1.3;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  display: none;
}
.band_detail .previous-band .text.show,
.band_detail .previous-band .band-date.show {
  display: block;
}
.band_detail .previous-band:hover:before {
  background: url("../images/icons/icon-sprites.png") no-repeat -140px -1808px;
}
.band_detail .previous-band:before {
  width: 56px;
  height: 82px;
  top: 48px;
  right: 20px;
  background: url("../images/icons/icon-sprites.png") no-repeat -140px -1899px;
}
.band_detail .next-band {
  margin-right: 2.66667%;
  margin-left: 2%;
  width: 14.66667%;
  background-color: transparent;
}
.band_detail .next-band:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.band_detail .next-band .band-label {
  font-family: NewsGothicBT-BoldItalic, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0 18px;
  padding: 150px 0 10px 0;
  line-height: 1.3;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
  display: none;
}
.band_detail .next-band .band-label.show {
  display: block;
}
.band_detail .next-band .text,
.band_detail .next-band .band-date {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0 18px;
  padding: 0;
  line-height: 1.3;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  display: none;
}
.band_detail .next-band .text.show,
.band_detail .next-band .band-date.show {
  display: block;
}
.band_detail .next-band:hover:before {
  background: url("../images/icons/icon-sprites.png") no-repeat -140px -1812px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.band_detail .next-band:before {
  left: 20px;
  width: 56px;
  height: 82px;
  top: 48px;
  background: url("../images/icons/icon-sprites.png") no-repeat -140px -1903px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.band_detail .known-performances {
  margin-right: 2%;
}
.band_detail .known-performances:before {
  left: 50%;
  width: 61px;
  height: 87px;
  top: 30px;
  margin-left: -23px;
  background: url("../images/icons/lighter.png") no-repeat;
}
.band_detail .known-performances .text {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
}
@media only screen and (max-width: 568px) {
  .band_detail .known-performances .text {
    margin-bottom: 20px;
  }
}
.band_detail .albums-released {
  margin-right: 2%;
  border: 6px solid transparent;
}
.band_detail .albums-released:before {
  left: 50%;
  width: 91px;
  height: 91px;
  top: 30px;
  margin-left: -45px;
  background: url("../images/icons/cd.png") no-repeat;
}
.band_detail .albums-released .text {
  text-transform: uppercase;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
}
.band_detail .go-on-tour.us {
  width: 24%;
  min-height: 260px;
}
.band_detail .go-on-tour.us:before {
  left: 50%;
  width: 250px;
  height: 157px;
  top: 50%;
  margin-top: -87px;
  margin-left: -125px;
  background: url("../images/icons/go-on-us-tour.png") no-repeat;
}
.band_detail .go-on-tour.eu {
  width: 276px;
}
@media only screen and (max-width: 568px) {
  .band_detail .go-on-tour.eu {
    width: 100%;
    float: left;
    clear: both;
    height: 225px;
  }
}
.band_detail .go-on-tour.eu:before {
  left: 50%;
  width: 194px;
  height: 246px;
  top: 3px;
  margin-left: -97px;
  background: url("../images/icons/go-on-eu-tour.png") no-repeat;
}
.band_detail .count {
  margin-bottom: 5px;
  text-align: center;
  font-size: 60px;
  color: #ffffff;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 60px;
  font-weight: normal;
  margin: 134px 0 0 0;
  padding: 0;
  line-height: 1;
  color: #fff;
}
.band_detail .text {
  text-align: center;
  font-size: 16px;
  color: #ffffff;
}
.band_detail .error {
  margin-top: 28px;
  color: #508301;
  text-transform: uppercase;
}

.single-band .black-theme .share-module {
  margin-top: 2px;
}

#sidebar.layout-band-detail {
  padding: 21px 45px 45px;
}
#sidebar.layout-band-detail h2,
#sidebar.layout-band-detail h3 {
  display: inline;
  font-size: 36px;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  margin-right: 10px;
}
#sidebar.layout-band-detail h2 span,
#sidebar.layout-band-detail h3 span {
  font-family: NewsGothicBT-ExtraCondensed, sans-serif;
}
#sidebar.layout-band-detail .view-all {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
}
#sidebar.layout-band-detail .more.vault {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
}
#sidebar.layout-band-detail .more.vault span {
  font-size: 33px;
  position: relative;
  top: -2px;
}
#sidebar.layout-band-detail ul {
  *zoom: 1;
  margin: 32px 0 100px;
}
#sidebar.layout-band-detail ul:before,
#sidebar.layout-band-detail ul:after {
  content: " ";
  display: table;
}
#sidebar.layout-band-detail ul:after {
  clear: both;
}
#sidebar.layout-band-detail ul li {
  width: 45%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
#sidebar.layout-band-detail ul li:nth-child(even) {
  margin-left: 10%;
}
#sidebar.layout-band-detail ul li a {
  display: block;
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1.2;
  color: #508301;
}
#sidebar.layout-band-detail ul li a:hover {
  color: #84d010;
}
#sidebar.layout-band-detail ul li span {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 19px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1.2;
  color: #000;
}
#sidebar.layout-band-detail ul li img {
  width: 100%;
}
#sidebar.layout-band-detail .component.album-carousel {
  margin: 0 !important;
  padding: 0px;
  max-width: 100%;
}
@media only screen and (max-width: 680px) {
  #sidebar.layout-band-detail .component.album-carousel {
    width: 100% !important;
  }
}
#sidebar.layout-band-detail .component.album-carousel .orbit-wrapper {
  margin: 20px auto 20px auto;
  width: 100% !important;
  height: auto !important;
  max-width: 385px !important;
  max-height: 385px !important;
}
#sidebar.layout-band-detail .component.album-carousel .tile-container {
  position: absolute;
}
#sidebar.layout-band-detail .component.album-carousel .orbit {
  margin: 0;
  width: 100% !important;
  height: auto !important;
}
#sidebar.layout-band-detail
  .component.album-carousel
  .orbit
  .fluid-placeholder {
  margin: 20px;
}
#sidebar.layout-band-detail .component.album-carousel .orbit-slide {
  display: block;
  width: 100%;
  max-width: 385px;
  height: auto;
  max-height: 385px;
  background: url("../images/polaroid-bg.png") no-repeat;
  background-size: 100%;
  padding: 30px;
  overflow: hidden;
  text-align: center;
}
#sidebar.layout-band-detail .component.album-carousel .orbit-slide > img,
#sidebar.layout-band-detail .component.album-carousel .orbit-slide > a > img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 325px !important;
}

@media only screen and (max-width: 1024px) {
  #sidebar.layout-band-detail {
    overflow: hidden;
  }
  #sidebar.layout-band-detail li {
    min-height: 230px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .band_detail {
    position: absolute;
    top: 138px;
    height: 255px;
  }
  .band_detail .count {
    margin: 130px 0 0 0;
  }
  .band_detail .previous-band {
    min-height: 250px;
  }
  .band_detail .previous-band:before {
    top: 10px;
  }
  .band_detail .previous-band .band-label {
    padding: 140px 0 0 0;
  }
  .band_detail .next-band {
    min-height: 250px;
  }
  .band_detail .next-band:before {
    top: 10px;
  }
  .band_detail .next-band p.band-label {
    padding: 140px 0 0 0;
  }
  .band_detail .known-performances {
    min-height: 250px;
  }
  .band_detail .known-performances:before {
    top: 10px;
  }
  .band_detail .known-performances .text {
    padding: 5px 0 0px 0;
    margin-bottom: 0;
  }
  .band_detail .known-performances .count {
    font-size: 55px;
    margin: 130px 0 0 0;
  }
  .band_detail .albums-released {
    min-height: 250px;
  }
  .band_detail .albums-released:before {
    top: 10px;
  }
  .band_detail .albums-released .count {
    margin: 130px 0 0 0;
    font-size: 55px;
  }
  .band_detail .albums-released .text {
    padding: 5px 0 0 0;
    margin-bottom: 0;
  }
  .band-detail .go-on-tour.us {
    width: 24%;
    min-height: 250px;
  }
  .band-detail .go-on-tour.us:before {
    left: 50%;
    width: 175px;
    height: 110px;
    width: 250px;
    height: 157px;
    top: 50%;
    margin-top: -57px;
    margin-left: -88px;
    background: url("../images/icons/go-on-us-tour_sm.png") no-repeat;
  }
}

@media only screen and (max-width: 568px) {
  .band-detail .component.stretched {
    line-height: 0;
  }
  .band-detail .layout-band-detail .band-info {
    margin-left: 16%;
  }
  .band-detail a.known-performances {
    border-bottom: solid 2px #636363;
    border-right: solid 1px #636363;
  }
  .band-detail a.albums-released {
    border-bottom: solid 2px #636363;
    border-left: solid 1px #636363;
  }
  .band-detail a.known-performances,
  .band-detail a.albums-released {
    background-color: #000;
    text-align: center;
  }
  .band-detail a.known-performances p.count,
  .band-detail a.albums-released p.count {
    font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
    font-size: 60px;
    font-weight: normal;
    margin: 25px 0 0 0;
    padding: 0;
    line-height: 1;
    color: #fff;
  }
  .band-detail a.known-performances p.text,
  .band-detail a.albums-released p.text {
    font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 25px 0;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
  }
  .band-detail a.go-on-tour {
    font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    background-color: #000;
    height: 85px;
  }
  .band-detail a.go-on-tour img {
    margin: 15px 10px 0 0;
    width: 20%;
  }
  .band-detail a.go-on-tour .text {
    margin: 25px 0 10px 0;
  }
  .band-detail a.go-on-tour span.icon {
    background: url("../images/icons/icon-sprites.png") no-repeat -148px -1253px;
    width: 16px;
    height: 25px;
    padding: 0;
    display: inline-block;
    text-align: right;
    margin: 20px 0 0 0;
  }
  .band-detail a.go-on-tour.us,
  .band-detail a.go-on-tour.eu {
    height: 85px;
    min-height: 85px;
  }
  .band-detail a.go-on-tour.us:before,
  .band-detail a.go-on-tour.eu:before {
    height: 85px;
  }
}

@media only screen and (max-width: 568px) {
  .layout-band-detail .post-box h1:first-child {
    margin-top: 10px;
  }
  .layout-band-detail .post-box .musicians {
    padding: 0;
  }
  .row.small-nav-buttons {
    padding: 20px;
    overflow: hidden;
    margin: 0;
    display: inherit !important;
  }
  .row.small-nav-buttons .button {
    margin: 10px;
    padding-bottom: 7px;
  }
  .row.small-nav-buttons .button .angle-quotes {
    top: -3px;
  }
  .post-box {
    position: relative;
    padding: 0;
  }
  .post-box .add-fav {
    padding-left: 0;
  }
  .post-box .add-fav a {
    margin-left: 0;
  }
  .post-box .musicians {
    position: relative;
  }
  .post-box .musicians .div-toggle {
    color: #fff;
    height: 30px;
    width: 30px;
    position: absolute;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    top: 15px;
    right: 0;
    background: #508301 url("../images/icons/icon-sprites.png") no-repeat -77px -10px;
  }
  .post-box .musicians .div-toggle.active {
    background: #508301 url("../images/icons/icon-sprites.png") no-repeat -79px -68px;
  }
  .post-box .musicians #musicians {
    display: none;
  }
  .post-box .musicians #musicians.expanded {
    display: block;
  }
  .post-box .musicians .band-artist-info div {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .post-box .musicians .band-artist-info div img {
    float: left;
    margin: 0 20px 0 0;
  }
  .post-box .musicians .band-artist-info div p.member {
    font-family: NewsGothicBT-Bold, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #333333;
    margin-top: 24px;
  }
  .post-box .musicians .band-artist-info div p.member a {
    font-family: NewsGothicBT-Bold, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #508301;
  }
  .post-box .musicians .band-artist-info div p.member a:hover {
    font-family: NewsGothicBT-Bold, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #84d010;
  }
  .post-box .musicians .band-artist-info div p.instruments {
    font-family: NewsGothicBT-Italic, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #333333;
    margin: 5px 0px;
  }
  .post-box .musicians .band-artist-info div .date {
    font-family: NewsGothicBT-Italic, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #333333;
  }
}

.reveal-modal {
  border-top: 9px solid #09c8c6;
  padding: 0;
}
@media only screen and (max-width: 480px) {
  .reveal-modal {
    width: 94% !important;
    left: 0% !important;
    margin: 0 3% !important;
  }
}
.reveal-modal .req-content {
  background: #e0e0e0;
}
.reveal-modal .req-content #submit-your-own {
  margin-right: 15px;
}
.reveal-modal p {
  font-size: 18px;
}
.reveal-modal .close-reveal-modal:not(.button) {
  top: 15px;
  right: 15px;
}
.reveal-modal .req-inner {
  padding: 30px 60px;
}
@media only screen and (max-width: 480px) {
  .reveal-modal .req-inner {
    padding: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .reveal-modal .req-inner.top {
    padding: 20px 0;
  }
}
.reveal-modal .req-inner .angle-quotes {
  font-family: NewsGothicBT-Condensed, sans-serif;
  font-size: 34px;
  line-height: 0;
  margin-right: 3px;
  top: -5px;
  position: relative;
}
.reveal-modal .req-inner button {
  padding: 10px 40px;
  max-width: 70%;
}
.reveal-modal .req-inner .subhead-caption {
  margin-bottom: 0;
}
.reveal-modal .req-inner h3 {
  font-size: 36px;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  margin-bottom: 10px;
}
.reveal-modal .req-inner h3 span {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 21px;
  color: #333333;
  font-size: 14px !important;
  text-transform: capitalize;
}
.reveal-modal .req-inner h3 span.sup {
  color: #09c8c6;
  margin-left: 6px;
  font-size: 36px !important;
}
.reveal-modal .req-inner h5 {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  margin-top: 14px;
}
.reveal-modal .req-inner form input {
  margin-bottom: 22px;
  max-width: 70%;
}
.reveal-modal .req-inner form .info {
  margin-top: 35px;
  font-size: 18px;
}
.reveal-modal .req-inner form .info span {
  vertical-align: text-bottom;
}
.reveal-modal .req-inner form span.custom.checkbox {
  margin: 0 5px 0 0;
  padding: 9px 9px;
  border-bottom: 1px solid #fff;
  border-top: 2px solid #a0a0a0;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: transparent;
}
.reveal-modal .req-inner form span.custom.checkbox.checked:before {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 22px;
  color: #71b20e;
  top: 1px;
  left: 2px;
  box-shadow: none;
  border: none;
}
@media only screen and (max-width: 768px) {
  .reveal-modal .req-inner h5 {
    display: block;
    margin: 5px 0;
  }
  .reveal-modal .req-inner form input,
  .reveal-modal .req-inner form button {
    max-width: 100%;
  }
}
@media only screen and (max-width: 680px) {
  .reveal-modal .req-inner h1 {
    font-size: 30px;
    line-height: 46px;
  }
  .reveal-modal .req-inner h3 {
    font-size: 26px;
  }
  .reveal-modal .req-inner form input {
    margin-bottom: 10px;
    max-width: 100%;
  }
  .reveal-modal .req-inner form button {
    width: 100%;
    margin-bottom: 10px;
  }
  .reveal-modal .req-inner form .info {
    margin-top: 26px;
    font-size: 16px;
  }
  .reveal-modal .req-inner form .info span {
    vertical-align: text-bottom;
  }
  .reveal-modal p {
    font-size: 16px;
    line-height: 1.4;
  }
}

.reveal-modal.black-modal {
  background: none repeat scroll 0 0 #000000;
  border: none;
  padding-bottom: 40px;
  width: 80%;
  margin-left: -40%;
}
.reveal-modal.black-modal .icon-close {
  background-image: url("../images/icons/close.png");
  height: 16px;
  width: 17px;
}

#submit-your-own-modal .req-inner #submit-own-form {
  max-width: 70%;
}
#submit-your-own-modal .req-inner #submit-own-form input {
  max-width: 100%;
}
#submit-your-own-modal .req-inner #submit-own-form input[type="file"] {
  display: block;
  height: 0;
  width: 0;
}
#submit-your-own-modal .req-inner #submit-own-form textarea {
  height: 150px;
}
#submit-your-own-modal
  .req-inner
  #submit-own-form
  span.custom.checkbox.checked:before {
  background: white;
}
#submit-your-own-modal .req-inner #submit-own-form .custom.dropdown {
  color: rgba(0, 0, 0, 0.75);
  margin-bottom: 22px;
  font-weight: bold;
}
#submit-your-own-modal .req-inner #submit-own-form .browse-file,
#submit-your-own-modal .req-inner #submit-own-form .add-video {
  display: none;
}
#submit-your-own-modal .req-inner #submit-own-form .remove-file {
  background: none repeat scroll 0 0 #636363;
  border-radius: 26px;
  box-shadow: 0 2px 10px 1px #999999;
  color: #ffffff;
  display: inline-block;
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 0.6;
  margin: -4px 0 0 10px;
  padding: 10px;
  vertical-align: middle;
}
#submit-your-own-modal .req-inner #submit-own-form .file-added {
  background: white;
  color: #636363;
  display: none;
}
#submit-your-own-modal .req-inner #submit-own-form .grant-permission {
  padding: 15px 0px;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  margin-bottom: 30px;
}
#submit-your-own-modal .req-inner #submit-own-form .grant-permission .note {
  display: inline;
}
#submit-your-own-modal
  .req-inner
  #submit-own-form
  .grant-permission
  #modal-notification-error.note {
  display: block;
  margin-bottom: 0;
  margin-top: 10px;
}
#submit-your-own-modal .req-inner #submit-own-form .grant-permission .checkbox {
  background-color: white;
}

.layout-settings hr,
.layout-auth hr {
  border-width: 6px 0 0;
  border: solid #cacaca;
}

.layout-settings .bg-image,
.layout-auth .bg-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 0;
}
@media only screen and (max-width: 480px) {
  .layout-settings .bg-image,
  .layout-auth .bg-image {
    height: 100px;
    position: relative;
  }
}

.layout-settings #main,
.layout-auth #main {
  padding-top: 50px;
  padding-bottom: 100px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .layout-settings #main,
  .layout-auth #main {
    padding: 0;
  }
}
.layout-settings #main .bg-image,
.layout-auth #main .bg-image {
  padding-top: 38%;
  background: transparent url("../images/theme/registration/auth-top-image.jpg")
    no-repeat top left;
  background-size: cover;
}
@media only screen and (max-width: 480px) {
  .layout-settings #main .bg-image,
  .layout-auth #main .bg-image {
    background-image: url("../images/theme/registration/auth-top-image-small.jpg");
    background-size: contain;
  }
}
.layout-settings #main.registration-main .bg-image,
.layout-settings #main.settings-main .bg-image,
.layout-auth #main.registration-main .bg-image,
.layout-auth #main.settings-main .bg-image {
  padding-top: 50%;
  background: transparent
    url("../images/theme/registration/registration-top-image.jpg") no-repeat top
    left;
  background-size: cover;
}
@media only screen and (max-width: 480px) {
  .layout-settings #main.registration-main .bg-image,
  .layout-settings #main.settings-main .bg-image,
  .layout-auth #main.registration-main .bg-image,
  .layout-auth #main.settings-main .bg-image {
    background-image: url("../images/theme/registration/registration-top-image-small.jpg");
    background-size: contain;
  }
}
.layout-settings #main h1,
.layout-auth #main h1 {
  margin-top: 90px;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 72px;
  font-weight: normal;
}
@media only screen and (max-width: 480px) {
  .layout-settings #main h1,
  .layout-auth #main h1 {
    margin-top: 0;
  }
}
.layout-settings #main p,
.layout-auth #main p {
  font-size: 18px;
  line-height: 24px;
}
.layout-settings #main p.small-text,
.layout-auth #main p.small-text {
  font-size: 14px;
}
.layout-settings #main .green-link,
.layout-auth #main .green-link {
  color: #508301;
  font-size: 12px;
  margin-top: 5px;
  display: block;
}
.layout-settings #main .action,
.layout-auth #main .action {
  margin-left: 10px;
}
.layout-settings #main .row,
.layout-auth #main .row {
  background-color: #ffffff;
  position: relative;
}
.layout-settings #main .row.forgot-password,
.layout-auth #main .row.forgot-password {
  position: absolute;
}
@media only screen and (max-width: 459px) {
  .layout-settings #main .row.forgot-password,
  .layout-auth #main .row.forgot-password {
    right: 15px;
  }
}
.layout-settings #main .row#save-settings-row,
.layout-auth #main .row#save-settings-row {
  position: absolute;
  width: 100%;
}
.layout-settings #main .or,
.layout-auth #main .or {
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  border-top: 10px solid #09c8c6;
  padding: 0;
  margin: 40px auto;
}
.layout-settings #main .or legend,
.layout-auth #main .or legend {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 50px;
  font-weight: normal;
  margin: 0px auto;
  padding: 0 22px;
  line-height: 1;
  color: #09c8c6;
}
.layout-settings #main .error_summary,
.layout-auth #main .error_summary {
  display: none;
  margin: 30px 0;
}
.layout-settings #main .error_summary img,
.layout-auth #main .error_summary img {
  float: left;
  margin-right: 10px;
  margin-top: -7px;
}
.layout-settings #main .error_summary p,
.layout-auth #main .error_summary p {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #cc003e;
}
@media only screen and (max-width: 480px) {
  .layout-settings #main .error_summary p,
  .layout-auth #main .error_summary p {
    padding-left: 38px;
  }
}
.layout-settings #main .error_summary ul,
.layout-auth #main .error_summary ul {
  padding-left: 75px;
  margin-top: 10px;
}
@media only screen and (max-width: 480px) {
  .layout-settings #main .error_summary ul,
  .layout-auth #main .error_summary ul {
    padding-left: 38px;
  }
}
.layout-settings #main .error_summary li,
.layout-auth #main .error_summary li {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #cc003e;
  list-style-type: disc;
}
.layout-settings #main .form-wrapper .row,
.layout-auth #main .form-wrapper .row {
  margin: 15px auto;
}
.layout-settings #main .form-wrapper .row div.pr-30,
.layout-auth #main .form-wrapper .row div.pr-30 {
  padding-right: 30px;
}
@media only screen and (max-width: 480px) {
  .layout-settings #main .form-wrapper .row .button-wrapper,
  .layout-auth #main .form-wrapper .row .button-wrapper {
    padding-right: 0px !important;
  }
}
.layout-settings #main .form-wrapper .row .columns,
.layout-auth #main .form-wrapper .row .columns {
  padding: 0;
}
.layout-settings #main .form-wrapper textarea,
.layout-auth #main .form-wrapper textarea {
  resize: none;
}
.layout-settings #main .form-wrapper label,
.layout-auth #main .form-wrapper label {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 30px;
  font-weight: normal;
  margin: 0 0 12px;
  padding: 0;
  line-height: 1;
  color: #000;
  text-transform: uppercase;
}
.layout-settings #main .form-wrapper label.lbl-chk,
.layout-auth #main .form-wrapper label.lbl-chk {
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 12px;
  padding: 0;
  line-height: 1;
  color: #000;
  text-transform: initial;
}
.layout-settings #main .form-wrapper label.lbl-chk.wrap .custom.checkbox,
.layout-auth #main .form-wrapper label.lbl-chk.wrap .custom.checkbox {
  float: left;
  margin-right: 5px;
}
.layout-settings #main .form-wrapper label.lbl-chk.wrap:last-child,
.layout-auth #main .form-wrapper label.lbl-chk.wrap:last-child {
  line-height: 22px;
  display: -webkit-box;
  display: flex;
}
.layout-settings #main .form-wrapper button,
.layout-settings #main .form-wrapper .submit,
.layout-auth #main .form-wrapper button,
.layout-auth #main .form-wrapper .submit {
  float: left;
  margin-right: 15px;
}
@media only screen and (max-width: 480px) {
  .layout-settings #main .form-wrapper button,
  .layout-settings #main .form-wrapper .submit,
  .layout-auth #main .form-wrapper button,
  .layout-auth #main .form-wrapper .submit {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
}
.layout-settings #main .form-wrapper .form-reset,
.layout-auth #main .form-wrapper .form-reset {
  text-transform: uppercase;
}
.layout-settings #main .form-wrapper .form-reset span.angle-quotes,
.layout-auth #main .form-wrapper .form-reset span.angle-quotes {
  top: -2px;
}
.layout-settings #main .form-wrapper .half-fields,
.layout-auth #main .form-wrapper .half-fields {
  width: 100%;
  max-width: 429px;
  margin: 15px 0;
}
.layout-settings #main .form-wrapper .half-fields.forgot-password,
.layout-auth #main .form-wrapper .half-fields.forgot-password {
  margin-top: -22px;
}
.layout-settings #main .form-wrapper .custom.dropdown,
.layout-auth #main .form-wrapper .custom.dropdown {
  width: 100% !important;
  padding: 0 !important;
}
.layout-settings #main .form-wrapper .custom.dropdown ul,
.layout-auth #main .form-wrapper .custom.dropdown ul {
  width: 100% !important;
}
.layout-settings #main .form-wrapper small.error,
.layout-auth #main .form-wrapper small.error {
  margin-top: 0;
  padding: 15px;
  background-color: #cc003e;
  width: 100%;
  max-width: 175px;
}
.layout-settings #main .form-wrapper small.error:before,
.layout-auth #main .form-wrapper small.error:before {
  content: " ";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #cc003e;
  position: absolute;
  top: 76px;
  left: 15px;
}
.layout-settings #main .form-wrapper .image-place-holder,
.layout-auth #main .form-wrapper .image-place-holder {
  width: 90px;
  height: 90px;
  background-color: #666;
}
.layout-settings #main .form-wrapper ul.updatePhoto li,
.layout-auth #main .form-wrapper ul.updatePhoto li {
  margin: 35px 0 0 25px;
  line-height: 25px;
}
.layout-settings #main .form-wrapper ul.updatePhoto li a,
.layout-auth #main .form-wrapper ul.updatePhoto li a {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #508301;
}
.layout-settings #main .form-wrapper ul.updatePhoto li a:before,
.layout-auth #main .form-wrapper ul.updatePhoto li a:before {
  background: url("../images/theme/registration/update-photo-sprite.png");
  content: " ";
  position: absolute;
  height: 20px;
  width: 20px;
  margin-left: -25px;
  background-size: 100%;
  margin-top: -3px;
}
.layout-settings #main .form-wrapper ul.updatePhoto li a#removePhoto:before,
.layout-auth #main .form-wrapper ul.updatePhoto li a#removePhoto:before {
  background-position: bottom left;
}
.layout-settings #main .form-wrapper ul.updatePhoto li:last-child,
.layout-auth #main .form-wrapper ul.updatePhoto li:last-child {
  margin: 14px 0 0 25px;
}
.layout-settings #main .form-wrapper .deactivate-acc,
.layout-auth #main .form-wrapper .deactivate-acc {
  float: right;
  background-color: #666666;
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .layout-settings #main .form-wrapper .deactivate-acc,
  .layout-auth #main .form-wrapper .deactivate-acc {
    float: left;
    width: 100%;
  }
}
.layout-settings #main .action,
.layout-auth #main .action {
  margin-left: 10px;
}

.layout-settings .social ul li a,
.layout-auth .social ul li a {
  float: left;
}

.layout-settings .social ul li span,
.layout-auth .social ul li span {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 10px;
  padding: 0;
  line-height: 1;
  color: #000;
  line-height: 2.8;
}
.layout-settings .social ul li span.connected,
.layout-auth .social ul li span.connected {
  display: inline-block;
  line-height: 1.5em;
  margin: 1px 3.5%;
  width: 76.0943%;
}
.layout-settings .social ul li span.connected > a,
.layout-auth .social ul li span.connected > a {
  background: none;
  display: inline;
  float: none;
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
  height: auto;
  text-transform: none;
  width: auto;
}

@media only screen and (max-width: 480px) {
  #deactivateAccountModal a {
    width: 100%;
  }
}

#deactivateAccountModal a.deactivate-acc {
  float: none;
  background-color: #666666;
}
@media only screen and (max-width: 480px) {
  #deactivateAccountModal a.deactivate-acc {
    margin-top: 20px;
  }
}

.save-settings-wrap {
  position: relative;
}
.save-settings-wrap > .columns {
  z-index: 2;
}
.save-settings-wrap > .columns > .form-reset {
  display: inline-block !important;
}
.save-settings-wrap > .save-successfull {
  background-color: #e5e5e5;
  font-family: NewsGothicBT-ExtraCondensed, sans-serif;
  font-size: 1.214285714em;
  font-weight: bold;
  left: 0;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  z-index: 1;
}
@media only screen and (max-width: 480px) {
  .save-settings-wrap > .save-successfull {
    top: -65px;
  }
}
@media only screen and (max-width: 680px) {
  .save-settings-wrap > .save-successfull {
    width: 100% !important;
  }
}

.form-inline {
  display: inline;
}

.button.deactivate-acc {
  background-color: #666666;
}

.optional-form-field {
  color: #666666;
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 0.466666667em;
}

.placeholder {
  color: #a9a9a9;
}

div.media-modal,
div.media-modal-backdrop {
  width: auto;
}

.comp-members {
  padding-top: 20px;
}
.comp-members a {
  text-align: right;
}

.comp-members-grid {
  margin: 0 30px;
}
.comp-members-grid img {
  margin-bottom: 5px;
  width: 117px;
  max-height: 117px;
  min-height: 117px;
}
.comp-members-grid a,
.comp-members-grid p {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.5;
  display: block;
}
.comp-members-grid a {
  font-family: NewsGothicBT-Italic, sans-serif;
}
.comp-members-grid p {
  font-family: NewsGothicBT-Bold, sans-serif;
  margin-bottom: 0;
}
.comp-members-grid div > div {
  min-height: 182px;
  overflow: hidden;
  padding-right: 9px;
}

@media only screen and (max-width: 680px) {
  .comp-members-grid {
    margin: 0;
  }
  .comp-members-grid .mobile-three {
    width: 33.333333% !important;
    float: left;
  }
}

@media only screen and (max-width: 480px) {
  .comp-members-grid {
    margin: 0;
  }
  .comp-members-grid img {
    max-height: 100px;
    min-height: 100px;
  }
  .comp-members-grid .columns {
    float: left !important;
    width: 33.333333% !important;
  }
  .comp-members {
    margin-left: 0;
  }
}

#respond {
  position: relative;
}
#respond .row {
  margin: 0;
}
#respond .row .columns {
  padding: 0;
}
#respond #submit {
  position: absolute;
  top: 7px;
  right: 10px;
  background-color: black;
  border: 1px solid #868686;
  color: white;
  font-size: 18px;
  text-transform: uppercase;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  padding: 7px 14px;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
@media only screen and (max-width: 568px) {
  #respond #submit {
    position: inherit;
    width: 100%;
    margin-top: 25px;
  }
}
#respond .comment-tip {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 11px 19.1px 11px 0;
  border-color: transparent #e0e0e0 transparent transparent;
  position: absolute;
  top: 12px;
  left: -14px;
}
@media only screen and (max-width: 424px) {
  #respond .comment-tip {
    display: none;
  }
}
#respond .comment-form-comment {
  position: relative;
  border: 1px solid #dedede;
}
@media only screen and (max-width: 424px) {
  #respond .comment-form-comment {
    margin-left: 10px;
  }
}
#respond .comment-form-comment label {
  background-color: #e0e0e0;
  margin-bottom: 0;
  padding: 18px 20px;
  font-size: 18px;
  color: black;
  line-height: 18px;
  font-family: NewsGothicBT-Bold, sans-serif;
}
#respond .comment-form-comment textarea {
  margin: 0;
  min-height: 80px;
  border-radius: 0;
}

.commentlist .comment {
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
@media only screen and (max-width: 424px) {
  .commentlist .comment .comment-body {
    padding-left: 10px;
  }
}

.commentlist .comment-title p {
  font-family: NewsGothicBT-Bold, sans-serif;
}

.module-comments-wrapper {
  margin-left: 190px !important;
  margin-top: 105px !important;
}
.module-comments-wrapper h2.large-title {
  text-align: left;
  margin-left: 17%;
  font-size: 32px;
  color: #000000;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  text-shadow: none;
}
.module-comments-wrapper .comment-body {
  text-align: left;
}
.module-comments-wrapper .comment-title p {
  margin-bottom: 0;
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 16px;
}
.module-comments-wrapper .comment-title a {
  color: #333333;
}
.module-comments-wrapper .comment-title a:hover {
  color: #333333;
}
.module-comments-wrapper .comment-text p {
  font-size: 15px;
  font-family: NewsGothicBT-Roman, sans-serif;
}
.module-comments-wrapper #respond .comment-form-comment label {
  text-align: left;
}

@media only screen and (max-width: 1024px) {
  .module-comments-wrapper {
    margin: 50px auto !important;
  }
}

@media only screen and (max-width: 768px) {
  #respond .columns.two,
  .commentlist .columns.two {
    width: 16.66667% !important;
    float: left;
  }
  #respond .columns.ten,
  .commentlist .columns.ten {
    width: 83.33333% !important;
    float: left;
  }
  .single-show .module-comments {
    display: none;
  }
  #content > .module-comments {
    display: block;
    width: 100%;
    padding-top: 10px;
  }
  .module-comments-wrapper {
    width: 100% !important;
  }
}

@media only screen and (min-width: 769px) {
  #content > .module-comments {
    display: none;
  }
}

/* Rating module */
.rating {
  margin-top: 30px;
}
.rating p {
  float: left;
  text-transform: uppercase;
  color: #508301;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 14px;
  line-height: 14px;
  margin-right: 15px;
}
.rating > ul li {
  height: 25px;
}
.rating > ul li p {
  color: #333333;
  text-transform: uppercase;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 14px;
  line-height: 24px;
  margin-right: 15px;
  vertical-align: bottom;
}
.rating > ul li span {
  color: #333333;
  text-transform: uppercase;
  font-family: NewsGothicBT-Roman, sans-serif;
  font-size: 14px;
  line-height: 24px;
  vertical-align: bottom;
}
.rating > ul li .rw-ui-container.rw-ui-star.rw-size-small.rw-style-oxygen {
  height: 25px;
  margin-top: -4px;
  width: 100px;
}
.rating > ul li .avg-text,
.rating > ul li .avg,
.rating > ul li .votes-text,
.rating > ul li .rating-stars {
  display: none;
}
.rating .not-yet {
  color: #333333;
  text-transform: uppercase;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 14px;
  line-height: 19px;
  margin-right: 15px;
  vertical-align: bottom;
  display: none;
}
.rating .rw-ui-info-container,
.rating .rw-report-link,
.rating .rw-ui-tooltip {
  visibility: hidden !important;
  display: none !important;
}
.rating
  .rw-ui-container.rw-ui-star.rw-size-small.rw-style-oxygen
  .rw-action-area {
  height: 21px;
}
.rating
  .rw-ui-container.rw-ui-star.rw-size-small.rw-style-oxygen
  .rw-action-area
  .rw-ui-stars
  li {
  line-height: 21px;
}
.rating .post-id {
  line-height: 25px;
}
.rating
  .post-id
  .rw-ui-container.rw-ui-star.rw-size-small.rw-style-oxygen
  .rw-ui-stars
  li {
  background: url("../images/icons/rate-star.png") no-repeat !important;
}
.rating
  .post-id
  .rw-ui-container.rw-ui-star.rw-size-small.rw-style-oxygen
  .rw-ui-stars
  li.rw-ui-star-half-selected {
  background: url("../images/icons/rate-star-half-.png") no-repeat !important;
}
.rating
  .post-id
  .rw-ui-container.rw-ui-star.rw-size-small.rw-style-oxygen
  .rw-ui-stars
  li:hover,
.rating
  .post-id
  .rw-ui-container.rw-ui-star.rw-size-small.rw-style-oxygen
  .rw-ui-stars
  li.rw-ui-star-selected,
.rating
  .post-id
  .rw-ui-container.rw-ui-star.rw-size-small.rw-style-oxygen
  .rw-ui-stars
  li.rw-ui-star-over {
  background: url("../images/icons/rate-star-hover.png") no-repeat !important;
}
.rating
  .rw-ui-container.rw-urid-36.rw-ui-star.rw-size-small.rw-style-oxygen
  .rw-ui-stars
  li {
  background: url("../images/icons/rate-star.png") no-repeat !important;
}
.rating
  .rw-ui-container.rw-urid-36.rw-ui-star.rw-size-small.rw-style-oxygen
  .rw-ui-stars
  li.rw-ui-star-half-selected {
  background: url("../images/icons/rate-star-half-.png") no-repeat !important;
}
.rating
  .rw-ui-container.rw-urid-36.rw-ui-star.rw-size-small.rw-style-oxygen
  .rw-ui-stars
  li.rw-ui-star-selected,
.rating
  .rw-ui-container.rw-urid-36.rw-ui-star.rw-size-small.rw-style-oxygen
  .rw-ui-stars
  li.rw-ui-star-over {
  background: url("../images/icons/rate-star-hover.png") no-repeat !important;
}
.rating .rw-ui-star-0 {
  width: 10px;
  height: 10px;
}
.rating .post-id {
  display: inline;
}

.social {
  display: block;
  line-height: 100%;
  margin: 0;
}
.social ul {
  margin: 0 auto;
}
.social ul li a {
  background-image: url("../images/icons/social.png");
  display: block;
  width: 30px;
  height: 37px;
  background-size: 30px auto;
}
.social ul li a.youtube {
  background-position: 0 -43px;
}
.social ul li a.twitter {
  background-position: 0 -86px;
}
.social ul li a.instagram {
  background-position: 0 -128px;
}

/* line 10, ../scss/components/_mod-invite-my-friends.scss */
.invite-ico {
  background-image: url("/wp-content/themes/jerry-garcia/images/invite-friends/invite-ico-s8cd9667b35.png");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}

/* line 19, ../scss/components/_mod-invite-my-friends.scss */
.invite-ico-email-black {
  background-position: 0 0;
  height: 16px;
  width: 20px;
}

/* line 19, ../scss/components/_mod-invite-my-friends.scss */
.invite-ico-email-white {
  background-position: 0 -16px;
  height: 16px;
  width: 20px;
}

/* line 19, ../scss/components/_mod-invite-my-friends.scss */
.invite-ico-facebook {
  background-position: 0 -88px;
  height: 30px;
  width: 30px;
}

/* line 19, ../scss/components/_mod-invite-my-friends.scss */
.invite-ico-hand-black {
  background-position: 0 -60px;
  height: 28px;
  width: 22px;
}

/* line 19, ../scss/components/_mod-invite-my-friends.scss */
.invite-ico-hand-white {
  background-position: 0 -32px;
  height: 28px;
  width: 22px;
}

/* line 19, ../scss/components/_mod-invite-my-friends.scss */
.invite-ico-search {
  background-position: 0 -118px;
  height: 35px;
  width: 34px;
}

/* line 26, ../scss/components/_mod-invite-my-friends.scss */
.req-inner-invite-friends {
  margin-top: 2.142857143em;
}

@media only screen and (max-width: 768px) {
  /* line 26, ../scss/components/_mod-invite-my-friends.scss */
  .req-inner-invite-friends {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 34, ../scss/components/_mod-invite-my-friends.scss */
.reveal-modal .req-inner-invite-friends {
  padding-top: 1.357142857em;
}

@media only screen and (max-width: 768px) {
  /* line 34, ../scss/components/_mod-invite-my-friends.scss */
  .reveal-modal .req-inner-invite-friends {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 44, ../scss/components/_mod-invite-my-friends.scss */
.invite-friends-form {
  position: relative;
  z-index: 2;
}

/* line 48, ../scss/components/_mod-invite-my-friends.scss */
.invite-friends-form > p {
  color: #333333;
  font-size: 1em;
  margin-bottom: 0.428571429em;
}

/* line 55, ../scss/components/_mod-invite-my-friends.scss */
.invite-tabs {
  position: absolute;
  left: 0;
  top: -4.928571429em;
}

@media only screen and (max-width: 1024px) {
  /* line 55, ../scss/components/_mod-invite-my-friends.scss */
  .invite-tabs {
    top: -60px;
  }
}

/* line 64, ../scss/components/_mod-invite-my-friends.scss */
.invite-tabs-item {
  background-color: black;
  display: inline-block;
  float: left;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 1.142857143em;
  margin-right: 1px;
}

@media only screen and (max-width: 1024px) {
  /* line 64, ../scss/components/_mod-invite-my-friends.scss */
  .invite-tabs-item {
    font-size: 10px;
  }
}

/* line 76, ../scss/components/_mod-invite-my-friends.scss */
.invite-tabs-item.active {
  background-color: #e0e0e0;
}

/* line 79, ../scss/components/_mod-invite-my-friends.scss */
.invite-tabs-item.active > a {
  color: black;
}

/* line 84, ../scss/components/_mod-invite-my-friends.scss */
.invite-tabs-item.active > a:active,
.invite-tabs-item.active > a:hover,
.invite-tabs-item.active > a:focus {
  background-color: #e0e0e0;
}

/* line 90, ../scss/components/_mod-invite-my-friends.scss */
.invite-tabs-item > a {
  color: white;
  display: inline-block;
  line-height: 3.125em;
  padding-left: 1.1875em;
  padding-right: 1.25em;
}

@media only screen and (max-width: 1024px) {
  /* line 90, ../scss/components/_mod-invite-my-friends.scss */
  .invite-tabs-item > a {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

/* line 106, ../scss/components/_mod-invite-my-friends.scss */
.invite-tabs-item > a:active,
.invite-tabs-item > a:hover,
.invite-tabs-item > a:focus {
  background-color: #71b20e;
}

/* line 113, ../scss/components/_mod-invite-my-friends.scss */
.invite-ico-hand-black,
.invite-ico-hand-white {
  margin-top: -3px;
  margin-right: 11px;
}

/* line 118, ../scss/components/_mod-invite-my-friends.scss */
.invite-ico-facebook {
  margin-top: -1px;
  margin-right: 10px;
}

/* line 124, ../scss/components/_mod-invite-my-friends.scss */
.invite-ico-email-black,
.invite-ico-email-white {
  margin-top: -1px;
  margin-right: 11px;
}

/* line 129, ../scss/components/_mod-invite-my-friends.scss */
.invite-query-container {
  position: relative;
  width: 100%;
}

/* line 133, ../scss/components/_mod-invite-my-friends.scss */
.invite-query-container > .invite-ico-search {
  position: absolute;
  right: 12px;
  top: 14px;
}

/* line 141, ../scss/components/_mod-invite-my-friends.scss */
.reveal-modal .error_summary {
  display: none;
  margin: 30px 0;
}

/* line 146, ../scss/components/_mod-invite-my-friends.scss */
.reveal-modal .error_summary > .columns > img {
  float: left;
  height: 38px;
  margin-right: 10px;
  margin-top: -7px;
  width: 38px;
}

/* line 154, ../scss/components/_mod-invite-my-friends.scss */
.reveal-modal .error_summary > .columns > p {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #cc003e;
}

@media only screen and (max-width: 480px) {
  /* line 154, ../scss/components/_mod-invite-my-friends.scss */
  .reveal-modal .error_summary > .columns > p {
    padding-left: 38px;
  }
}

/* line 162, ../scss/components/_mod-invite-my-friends.scss */
.reveal-modal .error_summary > .columns > ul {
  margin-top: 10px;
  padding-left: 75px;
}

@media only screen and (max-width: 480px) {
  /* line 162, ../scss/components/_mod-invite-my-friends.scss */
  .reveal-modal .error_summary > .columns > ul {
    padding-left: 38px;
  }
}

/* line 170, ../scss/components/_mod-invite-my-friends.scss */
.reveal-modal .error_summary > .columns > ul > li {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #cc003e;
  list-style-type: disc;
}

/* line 178, ../scss/components/_mod-invite-my-friends.scss */
.reveal-modal small.error {
  background-color: #cc003e;
  margin-top: 0;
  max-width: 175px;
  padding: 15px;
  width: 100%;
}

/* line 185, ../scss/components/_mod-invite-my-friends.scss */
.reveal-modal small.error:before {
  border-bottom: 10px solid #cc003e;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: " ";
  height: 0;
  left: 15px;
  position: absolute;
  top: 76px;
  width: 0;
}

/* line 200, ../scss/components/_mod-invite-my-friends.scss */
#invite-error-container,
#share-error-container {
  margin-top: 0;
  padding-top: 30px;
}

/* line 205, ../scss/components/_mod-invite-my-friends.scss */
.people-added {
  background: none repeat scroll 0 0 #ffffff;
  float: left;
  height: auto;
  min-height: 37px;
  padding: 8px 19px 0;
  width: 100%;
  border: 1px solid #cccccc;
  display: none;
}

/* line 217, ../scss/components/_mod-invite-my-friends.scss */
#invite-query,
#share-query {
  color: #999999;
  font-size: 1.571428571em;
  line-height: 2.363636364em;
  height: auto;
  min-height: 64px;
  margin-bottom: 1.318181818em;
  max-width: none;
  padding-left: 0.818181818em;
  padding-right: 2.909090909em;
}

/* line 228, ../scss/components/_mod-invite-my-friends.scss */
#invite-query.error,
#share-query.error {
  margin-bottom: 0.818181818em;
}

/* line 233, ../scss/components/_mod-invite-my-friends.scss */
.invite-friends-autocomplete-list {
  background-color: #ffffff;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.4);
  padding: 0;
  z-index: 10000;
}

/* line 240, ../scss/components/_mod-invite-my-friends.scss */
.invite-friends-autocomplete-list-item {
  border-bottom: 1px solid #e9e8e8;
  border-top: 1px solid #e9e8e8;
  width: 50%;
}

/* line 245, ../scss/components/_mod-invite-my-friends.scss */
.ui-menu .invite-friends-autocomplete-list-item.ui-menu-item {
  padding: 0;
}

/* line 251, ../scss/components/_mod-invite-my-friends.scss */
.ui-menu-item.invite-friends-autocomplete-list-item
  .invite-friends-autocomplete-list-link {
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  line-height: 38px;
  padding: 0.714285714em 1.357142857em;
}

@media only screen and (max-width: 768px) {
  /* line 251, ../scss/components/_mod-invite-my-friends.scss */
  .ui-menu-item.invite-friends-autocomplete-list-item
    .invite-friends-autocomplete-list-link {
    font-size: 13px;
    padding: 5px;
  }
}

@media only screen and (max-width: 480px) {
  /* line 251, ../scss/components/_mod-invite-my-friends.scss */
  .ui-menu-item.invite-friends-autocomplete-list-item
    .invite-friends-autocomplete-list-link {
    font-size: 12px;
  }
}

/* line 268, ../scss/components/_mod-invite-my-friends.scss */
.ui-menu-item.invite-friends-autocomplete-list-item
  .invite-friends-autocomplete-list-link.ui-state-active,
.ui-menu-item.invite-friends-autocomplete-list-item
  .invite-friends-autocomplete-list-link.ui-state-focus {
  background-color: #efefef;
  font-weight: bold;
  margin: 0;
}

/* line 275, ../scss/components/_mod-invite-my-friends.scss */
.invite-friends-autocomplete-list-link > input {
  visibility: hidden;
}

/* line 279, ../scss/components/_mod-invite-my-friends.scss */
.invite-friends-autocomplete-list-link .custom-check + label {
  display: none;
}

/* line 283, ../scss/components/_mod-invite-my-friends.scss */
.invite-friends-autocomplete-list-link > img {
  margin-right: 0.928571429em;
  vertical-align: top;
  border-radius: 3px;
  width: 38px;
  height: 38px;
}

@media only screen and (max-width: 768px) {
  /* line 283, ../scss/components/_mod-invite-my-friends.scss */
  .invite-friends-autocomplete-list-link > img {
    margin-right: 5px;
  }
}

/* line 297, ../scss/components/_mod-invite-my-friends.scss */
.view-all .ui-menu-item.invite-friends-autocomplete-list-item {
  border-bottom: 2px solid #cccccc;
  border-right: 2px solid #cccccc;
  border-top: 0 none;
  float: left;
  width: 33.33%;
}

@media only screen and (max-width: 680px) {
  /* line 297, ../scss/components/_mod-invite-my-friends.scss */
  .view-all .ui-menu-item.invite-friends-autocomplete-list-item {
    border-bottom: none;
    border-right: none;
    border-top: 2px solid #cccccc;
    float: none;
    width: 100%;
  }
  /* line 311, ../scss/components/_mod-invite-my-friends.scss */
  .view-all .ui-menu-item.invite-friends-autocomplete-list-item:first-child {
    border-top: none;
  }
}

/* line 316, ../scss/components/_mod-invite-my-friends.scss */
.view-all .ui-menu-item.invite-friends-autocomplete-list-item:nth-child(3n) {
  border-right: none;
}

/* line 320, ../scss/components/_mod-invite-my-friends.scss */
.view-all
  .ui-menu-item.invite-friends-autocomplete-list-item
  .custom-check
  + label {
  display: inline-block;
  vertical-align: middle;
}

/* line 326, ../scss/components/_mod-invite-my-friends.scss */
.view-all-link.invite-friends-autocomplete-list {
  border-width: 0 1px 1px;
}

/* line 330, ../scss/components/_mod-invite-my-friends.scss */
.view-all-link.invite-friends-autocomplete-list
  .ui-menu-item.invite-friends-autocomplete-list-item:last-child
  .invite-friends-autocomplete-list-link {
  background: #999999;
  color: white;
  width: 133px;
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 18px;
  line-height: 20px;
  margin-left: 1.35714em;
  margin-top: 9px;
  margin-bottom: 9px;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
  /* line 330, ../scss/components/_mod-invite-my-friends.scss */
  .view-all-link.invite-friends-autocomplete-list
    .ui-menu-item.invite-friends-autocomplete-list-item:last-child
    .invite-friends-autocomplete-list-link {
    margin-left: 5px;
  }
}

/* line 347, ../scss/components/_mod-invite-my-friends.scss */
.view-all-link.invite-friends-autocomplete-list
  .ui-menu-item.invite-friends-autocomplete-list-item:last-child
  .invite-friends-autocomplete-list-link:hover {
  color: #84d010;
}

@media only screen and (max-width: 680px) {
  /* line 330, ../scss/components/_mod-invite-my-friends.scss */
  .view-all-link.invite-friends-autocomplete-list
    .ui-menu-item.invite-friends-autocomplete-list-item:last-child
    .invite-friends-autocomplete-list-link {
    margin: 0;
    padding: 14px 5px;
    width: 100%;
  }
}

/* line 357, ../scss/components/_mod-invite-my-friends.scss */
.view-all-link.invite-friends-autocomplete-list
  .ui-menu-item.invite-friends-autocomplete-list-item:last-child
  .invite-friends-autocomplete-list-link
  img {
  display: none;
}

/* line 364, ../scss/components/_mod-invite-my-friends.scss */
.invite-note-container {
  max-width: 454px;
  text-align: right;
  width: 61.85286104%;
}

/* line 371, ../scss/components/_mod-invite-my-friends.scss */
#invite-note,
#share-note {
  font-size: 0.928571429em;
  padding: 0.923076923em 0.769230769em;
  resize: none;
}

/* line 377, ../scss/components/_mod-invite-my-friends.scss */
.cta-container {
  margin-top: 1.928571429em;
}

/* line 380, ../scss/components/_mod-invite-my-friends.scss */
.cta-container > a {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  margin-left: 0.714285714em;
  text-transform: uppercase;
}

/* line 386, ../scss/components/_mod-invite-my-friends.scss */
.removeItem {
  background: #e0e0e0;
  border: 1px solid #cecece;
  float: left;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 20px;
  font-weight: normal;
  margin: 0px 15px 8px 0px;
  padding: 10px;
  line-height: 1;
  color: #636363;
  text-transform: uppercase;
}

/* line 393, ../scss/components/_mod-invite-my-friends.scss */
.removeItem span {
  display: inline-block;
  font-family: NewsGothicBT-Bold, sans-serif;
  font-size: 15px;
  font-weight: normal;
  margin: -4px 0 0 10px;
  padding: 10px;
  line-height: 0.6;
  color: white;
  background: #636363;
  border-radius: 26px;
  box-shadow: 0px 2px 10px 1px #999;
  vertical-align: middle;
}

/* line 402, ../scss/components/_mod-invite-my-friends.scss */
.removeItem span:hover {
  color: #84d010;
  cursor: pointer;
}

@media only screen and (max-width: 680px) {
  /* line 386, ../scss/components/_mod-invite-my-friends.scss */
  .removeItem {
    display: block;
    margin-right: 0;
    float: none;
    position: relative;
    width: auto;
  }
  /* line 415, ../scss/components/_mod-invite-my-friends.scss */
  .removeItem span {
    margin-left: 0;
    position: absolute;
    right: 10px;
    top: 10px;
  }
}

/* line 423, ../scss/components/_mod-invite-my-friends.scss */
.add-more {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 22px;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 10px;
  line-height: 1;
  color: #999999;
  float: left;
}

/* line 427, ../scss/components/_mod-invite-my-friends.scss */
.clearfix {
  clear: both;
}

/* line 431, ../scss/components/_mod-invite-my-friends.scss */
input[type="checkbox"].custom-check {
  display: none;
}

/* line 435, ../scss/components/_mod-invite-my-friends.scss */
.custom-check + label {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #cccccc;
  height: 18px;
  width: 18px;
}

/* line 442, ../scss/components/_mod-invite-my-friends.scss */
input[type="checkbox"].custom-check:checked + label {
  background: url("../images/icons/check.png") no-repeat center center #e0e0e0;
}

/* Jerry Head Icon */
.j-head {
  width: 62px;
  height: 65px;
  background-size: 62px 65px;
  background-image: url("../images/icons/jhead.png");
  background-repeat: no-repeat;
  display: inline-block;
}

/* Jerry Head Icon */
.j-head-loading {
  width: 239px;
  height: 322px;
  background-size: 239px 322px;
  background-image: url("../images/icons/jhead.gif");
  background-repeat: no-repeat;
  display: inline-block;
}

#sidebar .component {
  max-width: 100%;
}
#sidebar .component h3 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 32px;
  font-weight: normal;
  margin: 0 0 30px 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

.invite {
  margin: 60px 0 0 0;
}

#footer .twelve {
  line-height: 0;
  position: relative;
}

ul.inline-list,
ul.link-list {
  margin: 10px 0 10px -22px;
}

ul.indent-list,
ol.indent-list {
  margin: 0 0 20px 50px;
}

.subhead.shop {
  margin-bottom: 20px;
}

#sidebar .component .tile-container {
  text-align: center;
  width: 100%;
  position: relative;
  padding: 0 5px 2px 5px;
}
#sidebar .component .tile-container h3.title {
  left: 0%;
  width: 100%;
  text-align: center;
  display: inline-block;
  top: 42%;
  position: absolute;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 60px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);
}

.tile-container {
  text-align: center;
  width: 100%;
  position: relative;
  padding: 0 5px 2px 5px;
}
.tile-container h3.title {
  left: 0%;
  width: 100%;
  text-align: center;
  display: inline-block;
  top: 42%;
  position: absolute;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 60px;
  font-weight: normal;
  margin: 0;
  padding: 5px;
  line-height: 1;
  color: #fff;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.4);
}
@media only screen and (max-width: 768px) {
  .tile-container h3.title {
    font-size: 30px;
    top: 35%;
  }
  .tile-container h3.title.linebr {
    top: 25%;
  }
}

.error404 .page-404 {
  background-image: url("../images/bg-404.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100%;
}
.error404 .page-404 #main {
  position: relative;
  text-align: center;
}
.error404 .page-404 #main img {
  margin: 170px auto;
}

.page-browser-detect {
  background-image: url("../images/bg-browserpage.jpg");
  background-repeat: repeat-x;
  min-height: 100%;
}
.page-browser-detect #main {
  position: relative;
  text-align: center;
}
.page-browser-detect #main h1 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 54px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
  color: rgba(23, 197, 218, 0.8);
  text-shadow: 0px 2px 1px #09c8c6, 0 0 0 #333, 0px 2px 1px #09c8c6;
}
.page-browser-detect #main p {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 20px;
  font-weight: normal;
  margin: 20px 0 20px 0;
  padding: 0;
  line-height: 1;
  color: #333333;
  text-transform: uppercase;
}
.page-browser-detect #main a {
  font-family: NewsGothicBT-BoldCondensed, sans-serif;
  font-size: 14px;
}
.page-browser-detect #main a.button.large {
  margin: 20px 0 20px 0;
  font-size: 22px;
}
.page-browser-detect #main a.button.large img {
  float: left;
  margin: 0 10px 0 0;
}
.page-browser-detect #main a.button.large span {
  line-height: 1.7;
}
.page-browser-detect #main img {
  margin: 100px auto;
}

.share-module {
  position: relative;
}
.black-theme .share-module .button.share {
  background-image: url("../images/icons/share-icon-black.png");
}
.black-theme .share-module .button.share:hover span {
  color: #84d010;
}
.black-theme .share-module .button.share span {
  text-shadow: rgba(0, 0, 0, 0.49804) 1px 1px 0px;
  color: #000;
}
.share-module img {
  width: auto;
}
.share-module a:hover {
  padding: 0 2px;
}
.share-module .button.share {
  background: transparent url("../images/icons/share-icon.png") 0 7px no-repeat;
  color: #fff;
  padding: 0 0 0 35px !important;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  outline: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  box-shadow: none;
}
.share-module .button.share:hover {
  color: #84d010 !important;
  background-image: url("../images/icons/share-icon-hover.png") !important;
}
.share-module .box {
  display: inline-block;
  vertical-align: middle;
}
.share-module.share-left .button {
  margin: 0 12px 0 0;
}

.article-page {
  background-color: #fff;
  margin: 50px auto 50px auto;
}
.article-page .post-box {
  margin: 100px 50px 100px 50px;
}
.article-page h1 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 50px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 68px;
  color: #333333;
  text-transform: uppercase;
}

.image-page {
  background-color: #fff;
  max-width: 1120px;
  margin: 0px auto 50px auto;
}
@media only screen and (max-width: 1024px) {
  .image-page {
    width: 100%;
  }
}
.image-page .post-box {
  margin: 50px 0 0 0;
  text-align: center;
}
.image-page .post-box .image {
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
}
.image-page .post-box .image > span {
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 2px;
  display: inline-block;
  font-family: NewsGothicBT-BoldItalic, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
  /*text-shadow: 1px -1px 1px #000; */
  text-rendering: optimizelegibility;
  text-shadow: black 0px 0px 3px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=5);
}
.image-page .post-box .image > span.dark {
  text-shadow: none;
}
.image-page .post-box .image > span.light {
  font-family: NewsGothicBT-Italic, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #333;
}
.image-page .post-box.full .details {
  padding-right: 0;
}
.image-page .post-box.medium .details {
  padding-right: 50px;
}
.image-page .post-box.small .details {
  padding-right: 250px;
}
.image-page .post-box .details {
  text-align: center;
}
.image-page h1 {
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 50px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 50px;
  color: #333333;
  margin-top: 10px;
  text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
  .image-page h1 {
    font-size: 40px;
    line-height: 38px;
  }
}

.blue-bar {
  background: #09c8c6;
  width: 100%;
  padding: 30px 20px;
  position: relative;
  height: 90px;
}

.purple-bar {
  background: #7e0f8d;
  width: 100%;
  padding: 30px 20px;
  position: relative;
  height: 90px;
}

.pink-bar {
  background: #f26d7d;
  width: 100%;
  padding: 30px 20px;
  position: relative;
  height: 90px;
}

.transparent-bar {
  background: transparent;
  width: 100%;
  padding: 30px 20px;
  position: relative;
  height: 90px;
}
#single-tour .transparent-bar {
  position: absolute;
  z-index: 1;
}

.single-image .tooltip,
.single-album .tooltip,
.single-song .tooltip {
  color: black;
  background: white;
}

.single-image .tooltip > .nub,
.single-album .tooltip > .nub,
.single-song .tooltip > .nub {
  border: solid 5px;
  border-color: transparent transparent white transparent;
  border-color: transparent transparent white transparent;
}

.navi-bar > li {
  margin: 0 12px 0 0;
}

/* State rules */
.d-toggle {
  display: none;
}

@media only screen and (max-width: 480px) {
  .d-toggle {
    display: inline-block;
    color: #fff;
    height: 30px;
    width: 30px;
    position: absolute;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    top: 15px;
    right: 0;
    background: #508301 url("../images/icons/icon-sprites.png") no-repeat -77px -10px;
  }
  .d-toggle.active {
    background: #508301 url("../images/icons/icon-sprites.png") no-repeat -79px -68px;
  }
  .collapsed-mobile {
    display: none;
  }
  .collapsed-mobile.expanded {
    display: block;
  }
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.hide {
  display: none;
}

.hide-override {
  display: none !important;
}

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99;
}

/* Visibility Classes ---------------------- */
/*                                           */
/* Standard (large) display targeting */
.show-for-small,
.show-for-medium,
.show-for-medium-down,
.hide-for-large,
.hide-for-large-up,
.show-for-xlarge,
.show-for-print {
  display: none !important;
}

.hide-for-small,
.hide-for-medium,
.hide-for-medium-down,
.show-for-large,
.show-for-large-up,
.hide-for-xlarge,
.hide-for-print {
  display: inherit !important;
}

/* Very large display targeting */
@media only screen and (min-width: 769px) {
  .hide-for-small,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-large,
  .show-for-large-up,
  .show-for-xlarge {
    display: inherit !important;
  }
  .show-for-small,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-large,
  .hide-for-large-up,
  .hide-for-xlarge {
    display: none !important;
  }
}

/* Medium display targeting */
@media only screen and (max-width: 768px) {
  .hide-for-small,
  .show-for-medium,
  .show-for-medium-down,
  .hide-for-large,
  .hide-for-large-up,
  .hide-for-xlarge {
    display: inherit !important;
  }
  .show-for-small,
  .hide-for-medium,
  .hide-for-medium-down,
  .show-for-large,
  .show-for-large-up,
  .show-for-xlarge {
    display: none !important;
  }
}

/* Small display targeting */
@media only screen and (max-width: 480px) {
  .show-for-small,
  .hide-for-medium,
  .show-for-medium-down,
  .hide-for-large,
  .hide-for-large-up,
  .hide-for-xlarge {
    display: inherit !important;
  }
  .hide-for-small,
  .show-for-medium,
  .hide-for-medium-down,
  .show-for-large,
  .show-for-large-up,
  .show-for-xlarge {
    display: none !important;
  }
}

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important;
  }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}

@media screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important;
  }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important;
  }
}

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important;
}

.hide-for-touch {
  display: inherit !important;
}

.touch .show-for-touch {
  display: inherit !important;
}

.touch .hide-for-touch {
  display: none !important;
}

.Page-title {
  margin: 64px 0 44px 0;
  font-family: NewsGothicBT-BoldExtraCondensed, sans-serif;
  font-size: 50px;
  font-weight: normal;
  padding: 0;
  line-height: 68px;
  color: #09c8c6;
  text-transform: uppercase;
  text-shadow: 0px -1px 0px #079d9d;
}

.Content p {
  font-size: 18px;
  color: #333333;
  padding-bottom: 13px;
}

.Content h1,
.Content h2,
.Content h3,
.Content h4,
.Content h5 {
  font-family: NewsGothicBT-Bold, sans-serif;
  font-weight: normal;
  color: #333333;
  margin: 0 0 15px 0;
  text-transform: none;
  padding: 0;
  line-height: 1;
}

.Content h3 {
  font-size: 24px;
}