/* This file will hold styles that are loaded using the same media query as the wide grid. */
/* ==========================================================================
   Global imports
   ========================================================================== */
/* ==========================================================================
   Variables
   ========================================================================== */
/* CDN */
/* Colors */
/* Transition Times */
/*
$default-text-shadow-color: rgba(0,0,0, 0.4);
$default-text-shadow-blur: 0px;
$default-text-shadow-v-offset: 0px;
*/
/* ==========================================================================
   Font classes
   ========================================================================== */
/* ==========================================================================
   Button Stripe Backgrounds;
   =========================================================================== */
/* ==========================================================================
   Spriting
   ========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/*
 * 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>)'
 */
/**/
/*
 * 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>)'
 */
.icons-sprite, .icons-fb-footer-icon-mobile, .icons-fb-footer-icon, .icons-fb-icon-hover-mobile, .icons-fb-icon-hover-narrow, .icons-fb-icon-hover-share, .icons-fb-icon-mobile, .icons-fb-icon-narrow, .icons-fb-icon-share, .icons-fb-icon, .icons-featured-content-aboutbonnaroo, .icons-featured-content-artists, .icons-featured-content-attractions, .icons-featured-content-blog, .icons-featured-content-camping, .icons-featured-content-connect, .icons-featured-content-festivalinfo, .icons-featured-content-fooddrink, .icons-featured-content-getinvolved, .icons-featured-content-media, .icons-featured-content-music, .icons-featured-content-photos, .icons-featured-content-tickets, .icons-featured-content-travel, .icons-featured-content-videos, .icons-footer-ace-logo, .icons-footer-superfly-logo, .icons-fountain-footer-icon-mobile, .icons-fountain-footer-icon, .icons-fountain_logo, .icons-fountain_logo_mobile, .icons-instagram-footer-icon-mobile, .icons-instagram-footer-icon, .icons-instagram-icon-hover-mobile, .icons-instagram-icon-hover-narrow, .icons-instagram-icon-mobile, .icons-instagram-icon-narrow, .icons-instagram-icon, .icons-roo-icon-hover-mobile, .icons-roo-icon-hover-narrow, .icons-roo-icon-mobile, .icons-roo-icon-narrow, .icons-roo-icon, .icons-search-icon, .icons-see-all-flag, .icons-spotify-footer-icon-mobile, .icons-spotify-footer-icon, .icons-spotify-icon-hover-mobile, .icons-spotify-icon-hover-narrow, .icons-spotify-icon-mobile, .icons-spotify-icon-narrow, .icons-spotify-icon, .icons-twitter-footer-icon-mobile, .icons-twitter-footer-icon, .icons-twitter-icon-hover-mobile, .icons-twitter-icon-hover-narrow, .icons-twitter-icon-hover-share, .icons-twitter-icon-mobile, .icons-twitter-icon-narrow, .icons-twitter-icon-share, .icons-twitter-icon, .icons-youtube-footer-icon-mobile, .icons-youtube-footer-icon, .icons-youtube-icon-hover-mobile, .icons-youtube-icon-hover-narrow, .icons-youtube-icon-mobile, .icons-youtube-icon-narrow, .icons-youtube-icon {
  background-image: url('http://s3.amazonaws.com/dostuff-production/property_assets/28027/icons-sa9c5e4a386.png');
  background-repeat: no-repeat;
}

.icons-fb-footer-icon-mobile {
  background-position: 0 0;
}

.icons-fb-footer-icon {
  background-position: 0 -40px;
}

.icons-fb-icon-hover-mobile {
  background-position: 0 -148px;
}

.icons-fb-icon-hover-narrow {
  background-position: 0 -199px;
}

.icons-fb-icon-hover-share {
  background-position: 0 -276px;
}

.icons-fb-icon-mobile {
  background-position: 0 -413px;
}

.icons-fb-icon-narrow {
  background-position: 0 -464px;
}

.icons-fb-icon-share {
  background-position: 0 -541px;
}

.icons-fb-icon {
  background-position: 0 -576px;
}
.icons-fb-icon:hover, .icons-fb-icon.fb-icon-hover {
  background-position: 0 -311px;
}

.icons-featured-content-aboutbonnaroo {
  background-position: 0 -678px;
}

.icons-featured-content-artists {
  background-position: 0 -720px;
}

.icons-featured-content-attractions {
  background-position: 0 -762px;
}

.icons-featured-content-blog {
  background-position: 0 -804px;
}

.icons-featured-content-camping {
  background-position: 0 -846px;
}

.icons-featured-content-connect {
  background-position: 0 -888px;
}

.icons-featured-content-festivalinfo {
  background-position: 0 -930px;
}

.icons-featured-content-fooddrink {
  background-position: 0 -972px;
}

.icons-featured-content-getinvolved {
  background-position: 0 -1014px;
}

.icons-featured-content-media {
  background-position: 0 -1056px;
}

.icons-featured-content-music {
  background-position: 0 -1098px;
}

.icons-featured-content-photos {
  background-position: 0 -1140px;
}

.icons-featured-content-tickets {
  background-position: 0 -1182px;
}

.icons-featured-content-travel {
  background-position: 0 -1224px;
}

.icons-featured-content-videos {
  background-position: 0 -1266px;
}

.icons-footer-ace-logo {
  background-position: 0 -1308px;
}

.icons-footer-superfly-logo {
  background-position: 0 -1345px;
}

.icons-fountain-footer-icon-mobile {
  background-position: 0 -1382px;
}

.icons-fountain-footer-icon {
  background-position: 0 -1422px;
}

.icons-fountain_logo {
  background-position: 0 -1530px;
}
.icons-fountain_logo:hover, .icons-fountain_logo.fountain_logo-hover {
  background-position: 0 -1662px;
}

.icons-fountain_logo_mobile {
  background-position: 0 -1794px;
}
.icons-fountain_logo_mobile:hover, .icons-fountain_logo_mobile.fountain_logo_mobile-hover {
  background-position: 0 -1846px;
}

.icons-instagram-footer-icon-mobile {
  background-position: 0 -1898px;
}

.icons-instagram-footer-icon {
  background-position: 0 -1938px;
}

.icons-instagram-icon-hover-mobile {
  background-position: 0 -2046px;
}

.icons-instagram-icon-hover-narrow {
  background-position: 0 -2097px;
}

.icons-instagram-icon-mobile {
  background-position: 0 -2276px;
}

.icons-instagram-icon-narrow {
  background-position: 0 -2327px;
}

.icons-instagram-icon {
  background-position: 0 -2404px;
}
.icons-instagram-icon:hover, .icons-instagram-icon.instagram-icon-hover {
  background-position: 0 -2174px;
}

.icons-roo-icon-hover-mobile {
  background-position: 0 -2506px;
}

.icons-roo-icon-hover-narrow {
  background-position: 0 -2557px;
}

.icons-roo-icon-mobile {
  background-position: 0 -2734px;
}

.icons-roo-icon-narrow {
  background-position: 0 -2785px;
}

.icons-roo-icon {
  background-position: 0 -2861px;
}
.icons-roo-icon:hover, .icons-roo-icon.roo-icon-hover {
  background-position: 0 -2633px;
}

.icons-search-icon {
  background-position: 0 -2962px;
}

.icons-see-all-flag {
  background-position: 0 -3034px;
}
.icons-see-all-flag:hover, .icons-see-all-flag.see-all-flag-hover {
  background-position: 0 -3010px;
}

.icons-spotify-footer-icon-mobile {
  background-position: 0 -3058px;
}

.icons-spotify-footer-icon {
  background-position: 0 -3098px;
}

.icons-spotify-icon-hover-mobile {
  background-position: 0 -3206px;
}

.icons-spotify-icon-hover-narrow {
  background-position: 0 -3257px;
}

.icons-spotify-icon-mobile {
  background-position: 0 -3436px;
}

.icons-spotify-icon-narrow {
  background-position: 0 -3487px;
}

.icons-spotify-icon {
  background-position: 0 -3564px;
}
.icons-spotify-icon:hover, .icons-spotify-icon.spotify-icon-hover {
  background-position: 0 -3334px;
}

.icons-twitter-footer-icon-mobile {
  background-position: 0 -3666px;
}

.icons-twitter-footer-icon {
  background-position: 0 -3706px;
}

.icons-twitter-icon-hover-mobile {
  background-position: 0 -3814px;
}

.icons-twitter-icon-hover-narrow {
  background-position: 0 -3865px;
}

.icons-twitter-icon-hover-share {
  background-position: 0 -3942px;
}

.icons-twitter-icon-mobile {
  background-position: 0 -4079px;
}

.icons-twitter-icon-narrow {
  background-position: 0 -4130px;
}

.icons-twitter-icon-share {
  background-position: 0 -4207px;
}

.icons-twitter-icon {
  background-position: 0 -4242px;
}
.icons-twitter-icon:hover, .icons-twitter-icon.twitter-icon-hover {
  background-position: 0 -3977px;
}

.icons-youtube-footer-icon-mobile {
  background-position: 0 -4344px;
}

.icons-youtube-footer-icon {
  background-position: 0 -4384px;
}

.icons-youtube-icon-hover-mobile {
  background-position: 0 -4492px;
}

.icons-youtube-icon-hover-narrow {
  background-position: 0 -4543px;
}

.icons-youtube-icon-mobile {
  background-position: 0 -4722px;
}

.icons-youtube-icon-narrow {
  background-position: 0 -4773px;
}

.icons-youtube-icon {
  background-position: 0 -4850px;
}
.icons-youtube-icon:hover, .icons-youtube-icon.youtube-icon-hover {
  background-position: 0 -4620px;
}

h1 {
  font-size: 46px;
  font-size: 4.6rem;
  line-height: 48px;
  line-height: 4.8rem;
}
h1.main-title {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 48px;
  line-height: 4.8rem;
}

h2 {
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 40px;
  line-height: 4rem;
}

h3 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 22px;
  line-height: 2.2rem;
}

.main-title {
  text-align: center;
  margin-top: 40px;
  font-size: 74px;
  font-size: 7.4rem;
  line-height: 78px;
  line-height: 7.8rem;
}

.region-branding {
  background-position: center 27px;
}

.zone-footer-wrapper > ul > li {
  width: 14%;
  margin-right: 1.5%;
}
.zone-footer-wrapper > ul > li:first-child {
  width: 14%;
}

.zone-footer-wrapper .menu-name-menu-footer-menu {
  max-width: 990px;
  margin: 0 auto;
}
.zone-footer-wrapper ul.menu > li.menu-mlid-577 {
  width: 18%;
}
.zone-footer-wrapper ul.menu > li.menu-mlid-636 {
  width: 10%;
}
.zone-footer-wrapper ul.menu > li.menu-mlid-633 {
  width: 12%;
}
.zone-footer-wrapper ul.menu > li.menu-mlid-624 {
  width: 17%;
}
.zone-footer-wrapper ul.menu > li.menu-mlid-634 a {
  text-align: left;
}

.section-footer .left {
  display: block;
  top: 100px;
  left: 0;
}
.section-footer .right {
  display: block;
  top: 110px;
  right: 0;
}

/* Featured Content */
/* zone crosshatch bottom height */
.zone-crosshatch-wrapper .separator {
  height: 85px;
  bottom: -85px;
}

/* TOP BUTTONS */
.connect-button {
  margin-right: 16%;
}

.page-burst {
  margin-left: 16%;
}

.featured-list .holder .featured-content-title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 26px;
  line-height: 2.6rem;
}

/* Search Button */
/*
.search-button {

    margin-right: 10%;

}
*/
/* Article */
.article-title {
  font-size: 60px;
  font-size: 6rem;
  line-height: 60px;
  line-height: 6rem;
}

/* Arts & Ent */
.activity-image {
  width: 330px;
  float: left;
  overflow: hidden;
}

.activity-body,
.activity-headline {
  margin-left: 370px;
}

/*# sourceMappingURL=bonnaroo2016-alpha-default-wide.css.map */