/* This file will hold styles that are loaded using the same media query as the wide grid. */
/*
 * Retina Sprites for Compass
 * by:              Gaya Kessler
 * last update:     03/11/14
 *
 * Usage:
 * 1. create two folders in your image directory (in this case 'icons' and 'icons-2x').
 * 2. adjust the foldernames defined below if you use different names.
 * 3. create sprite images for pixel ratio 1 screens and put them in the first folder.
 * 4. create sprite images for pixel ratio 2 screens and put them in the second folder, use the same filenames.
 * 5. use the sprite-image in your Sass/Scss using: '@include use-sprite(<sprite-name>)'
 */
/*
 * Retina Backgrounds for Compass
 * by:              Gaya Kessler
 * last update:     03/11/14
 *
 * Usage:
 * 1. create background image for pixel ratio 1 screens and put it somewhere in your images folder.
 * 2. create background image for pixel ratio 2 screens and put it somewhere in your images folder.
 * 3. include the background-image property in your Sass/Scss using: '@include background-retina(<ratio-1-imagefile>, <ratio-2-imagefile>)'
 */
/* @import "animate.scss"; */
/* ==========================================================================
   Variables
   ========================================================================== */
/* colors */
/* ==========================================================================
   Mixins
   ========================================================================== */
h1.logo {
  margin-left: -76px;
}

.history-body {
  color: #ECDDC7;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  line-height: 1.6rem;
  /* 		@include text-shadow(rgba(0,0,0, 0.8) 1px 1px 3px); */
}

p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 16px;
  line-height: 1.6rem;
}

.zone-featured-wrapper .page-title {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 34px;
  line-height: 3.4rem;
}

.block-main-menu .menu {
  width: 1220px;
  margin-left: -10px;
}
.block-main-menu .menu li {
  margin: 0 41px;
}
.block-main-menu .menu li a {
  font-size: 16pt;
}

.slide-content {
  left: 10%;
  top: 14%;
  width: 26%;
}
.slide-content .slide-title p, .slide-content .slide-title span {
  font-size: 70px;
  line-height: 60px;
}
.slide-content .slide-body p {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 18px;
}

.news-front-list li {
  height: 680px;
}

.front-tour-list li .tour-venue, .tour-list li .tour-venue {
  margin-right: 30%;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 24px;
  line-height: 2.4rem;
}
.front-tour-list li .tour-city, .tour-list li .tour-city {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
}

.next-show-list .links {
  padding-top: 20px;
  margin: 0 auto;
}

#block-menu-menu-footer-menu .menu li {
  margin-right: 55px;
  margin-bottom: 2px;
}
#block-menu-menu-footer-menu .menu li a {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 15px;
  line-height: 1.5rem;
}

.zone-footer-wrapper .skynyrd-nation {
  margin-top: 30px;
}

#block-menu-menu-footer-menu .menu {
  margin-left: 20px;
}

.zone-footer-wrapper .footer-group .legal {
  margin-left: 20px;
}

.region-featured .view-news-view h2.news-title {
  font-size: 44px;
  font-size: 4.4rem;
  line-height: 44px;
  line-height: 4.4rem;
}
.region-featured .view-news-view .news-body {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 19px;
  line-height: 1.9rem;
}
.region-featured .views-news-view .news-body a.views-more-link {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
}