* { margin: 0; padding: 0 }

@font-face {
    font-display: swap;
    font-family: 'RobotoLight';
    font-style: normal;
    font-weight: 300;
    src: url('webfonts/roboto-v30-latin-300.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'RobotoBold';
    font-style: normal;
    font-weight: 700;
    src: url('webfonts/roboto-v30-latin-700.woff2') format('woff2');
}

@font-face {
  font-family: 'FWFont';
  src: url('../albumTour2015/webfonts/lhfbootcampregular-webfont.eot');
  src: url('../albumTour2015/webfonts/lhfbootcampregular-webfont.eot?#iefix') format('embedded-opentype'),
  url('../albumTour2015/webfonts/lhfbootcampregular-webfont.woff') format('woff'),
  url('../albumTour2015/webfonts/lhfbootcampregular-webfont.ttf') format('truetype'),
  url('../albumTour2015/webfonts/lhfbootcampregular-webfont.svg#lhf_boot_camp_regularregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

body { font: 0.83em/1.6em "RobotoLight", sans-serif }

h1 { font: 4.0em/1.0em FWFont, sans-serif; padding-left: 40px }
h1 span.red, h1 span.big, h1 span.bigger { padding: 0; background: none }
h1 span.red { color: #9f0005 }
h1 span.big { font-size: 1.3em }
h1 span.bigger { font-size: 1.5em }
h1.inner-small { font-size: 3.0em; padding: 0 }
h2 { font: 2.5em/1.2em FWFont, sans-serif; background: #000; padding: 10px 15px; display: inline }
h1 span { background: rgba( 0,0,0,0.6 ); padding: 10px 15px; display: inline }
h2 span { z-index: 10; opacity: 0.5 }
h3 { font: 2.0em/1.2em FWFont, sans-serif; position: relative }
h3 span { position: absolute; left: 90px; top: 0 }

p { padding-bottom: 15px }
p:last-child { padding-bottom: 0 }
p > strong {
    font-family: 'RobotoBold';
}

.text-justify { text-align: justify }
.text-center { text-align: center }
.text-right { text-align: right }
.letter-spacing-1 { letter-spacing: 0.03em }

iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }

header, main { width: 100% }
header { background: url('../albumTour2015/images/headerBGBand.png') center top no-repeat; height: 340px; margin-bottom: -40px; margin-top: -40px; position: relative }

a.logo { background: #101010; padding: 30px 40px; position: absolute; bottom: 0; left: 50%; margin-left: -480px }
a.logo:after { content: ''; width: 480px; height: 48px; background: url('../albumTour2015/images/logoShadow.png') center top no-repeat; position: absolute; left: 0; bottom: -48px }
a.logo img {  width: 400px }

a { outline: none; text-decoration: underline; color: #dfce8f  }
a:hover { color: #dcd8bf }
a.button { text-decoration: none; padding: 20px 30px; background: #9f0005; font-size: 2.0em; font-family: FWFont, sans-serif; line-height: 1.8em }

img.promobanner { width: 100% }

.outerContainer { width: 100%; padding: 40px 0 }
.outerContainer.padding-10 { padding: 10px 0 }
.outerContainer.light { background: #dcd8bf }
.outerContainer.light.background { background: #dcd8bf url('../albumTour2015/images/outerContainerBGLight.jpg') center top fixed no-repeat }
.outerContainer.light h1 { color: #dcd8bf }
.outerContainer.light h1 span { background: #000 }
.outerContainer.light h2 { color: #dcd8bf; opacity: 1.0 }
.outerContainer.dark { background: #101010; color: #dfce8f }
.outerContainer.dark.background { background: #101010 url('../albumTour2015/images/outerContainerBGDark.png') left top no-repeat }
.outerContainer.dark-dark { background: #333 }
.outerContainer .innerContainer.header { width: 100% }
.outerContainer .innerContainer { width: 80%; margin: 0 auto }

ul.menu { margin: 8px 0; position: relative; z-index: 20 }
ul.menu li { list-style-type: none; display: inline }
ul.menu li a { font: 1.7em/1.0em FWFont, sans-serif; color: #dfce8f; text-decoration: none; padding: 5px 15px; border-right: 1px dotted #dfce8f }
ul.menu li a:hover span { background: rgba(223,206,143,0.4); color: #333 }
ul.menu li a.last { border-right: none }
ul.menu li a span { padding: 5px 10px; margin-top: -5px; margin-left: -10px }
ul.menu li a.current span { background: #dfce8f; color: #333 }

.row { width: 100%; margin-bottom: 25px }
.row.trans-black-10 { background: rgba( 0,0,0,0.1  ); padding: 15px 0 20px }
.row:last-child { margin-bottom: 0 }
.row:after { content: ''; display: table; clear: both }
.row.shoplink { margin-top: -50px }
.row .inner { float: left; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 15px }
.row .inner:last-child { margin-bottom: 0 }
.row .inner.padding-40 { padding: 0 40px }
.row .inner.paddingtopbottom-20 { padding-top: 20px; padding-bottom: 20px }
.row .inner.border-right { border-right: 1px solid #dfce8f }
.row .inner.border-right.border-dotted { border-right-style: dotted }
.row .inner.one-column-lay { width: 100%; float: none }
.row .inner.four-column-lay { width: 25% }
.row .inner.four-column-lay.stretch-two { width: 50% }
.row .inner.three-column-lay { width: 33.3333333333% }

.videoframe { position: relative; padding-bottom: 50%; height: 0; overflow: hidden }

.tourdates { background: #9f0005; position: relative; top: 13px; padding: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.tourdates:before, .tourdates:after { content: ''; height: 10px; width: 100%; background: #9f0005; position: absolute; left: 0 }
.tourdates:before { top: -13px }
.tourdates:after { bottom: -13px }

.actions { margin-bottom: 10px; border-bottom: 1px dotted #333; padding-bottom: 25px; position: relative }
.page-options { right: 0; top: 50px; position: absolute }
.page-options a.social-media-icons { display: block; float: left; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; margin-left: 5px; cursor: pointer }
.page-options a.social-media-icons.youtube { background-image: url('../albumTour2015/images/youtube-logo.png'); width:75px }
.page-options a.social-media-icons.youtube:hover { background-image: url('../albumTour2015/images/youtube-logo-active.png') }
.page-options a.social-media-icons.facebook { background-image: url('../albumTour2015/images/facebook-logo.png') }
.page-options a.social-media-icons.facebook:hover { background-image: url('../albumTour2015/images/facebook-logo-active.png') }
.page-options a.social-media-icons.twitter { background-image: url('../albumTour2015/images/twitter-logo.png') }
.page-options a.social-media-icons.twitter:hover { background-image: url(.'./img/twitter-logo-active.png') }
.page-options a.social-media-icons.google-plus { background-image: url('../albumTour2015/images/google-plus-logo.png') }
.page-options a.social-media-icons.google-plus:hover { background-image: url('../albumTour2015/images/google-plus-logo-active.png') }

ul.partners {	margin-bottom: 30px; display: table-cell }
ul.partners li { list-style-type: none; width: 7%; display: inline-block; padding: 0 1%; vertical-align: middle }
ul.partners li img { width :100% }

@media screen and (max-width: 1440px) {
  .row.tourdates-outer .inner.four-column-lay,
  .row.tourdates-outer .inner.four-column-lay.stretch-two { width: 100% }
  .tourdates .row .inner.four-column-lay { width: 25% }
  .tourdates .row .inner.four-column-lay.stretch-two { width: 50% }
  .row.tourdates-outer .inner.border-right { border-right: none }
  .row.tourdates-outer .inner.border-right.border-dotted { border-right-style: none }
}

@media screen and (max-width: 1280px) {
  .row.shoplink { margin: 0 }
}

@media screen and (max-width: 1024px) {
  .row .inner.four-column-lay,
  .row .inner.four-column-lay.stretch-two { width: 100% }
  ul.partners li { width: 12%; margin-top: 8px }
  .row .inner.border-right { border-right: none }
  .row .inner.border-right.border-dotted { border-right-style: none }
}

@media screen and (max-width: 900px) {
  .page-options { position: relative; top: 10px }
  .page-options a.social-media-icons { float: none; display: inline-block }
  .outerContainer .innerContainer.menu { width: 100% }
  .row .inner.three-column-lay { width: 100% }
}

@media screen and (max-width: 800px) {
  .outerContainer .innerContainer { width: 100% }
  .row .inner.padding-40 { padding: 15px }
  a.logo { margin-left: -370px }
}

@media screen and (max-width: 600px) {
  ul.partners li { width: 20% }
  h1 { padding-left: 0; margin-bottom: 10px }
  ul.menu li { display: block; margin: 10px 0 }
  ul.menu li a { border-right: none; border-bottom: 1px dotted #dfce8f }
  a.logo { margin-left: -240px }
}

@media screen and (max-width: 520px) {
  header { height: 200px }
  .tourdates .row .inner.four-column-lay { width: 100%; padding: 0; margin: 0; text-align: center }
  .tourdates .row .inner.four-column-lay.stretch-two { width: 100%; padding: 0; margin: 0 }
  h3 span { position: relative; left: 15px }
  a.logo { position: absolute; margin-left: 0; left: 0; bottom: 0 }
  a.logo img, a.logo:after { width: 100% }
}

@media screen and (max-width: 400px) {
  header { height: 150px }
  img.fwsclogo { width: 90% }
}