/* Making a change. */


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

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

}

@font-face {
    font-family: 'AsapBoldItalic';
    src: url('webfonts/Asap/asap-bolditalic-webfont.eot');
    src: url('webfonts/Asap/asap-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Asap/asap-bolditalic-webfont.woff') format('woff'),
         url('webfonts/Asap/asap-bolditalic-webfont.ttf') format('truetype'),
         url('webfonts/Asap/asap-bolditalic-webfont.svg#AsapBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AsapItalic';
    src: url('webfonts/Asap/asap-italic-webfont.eot');
    src: url('webfonts/Asap/asap-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Asap/asap-italic-webfont.woff') format('woff'),
         url('webfonts/Asap/asap-italic-webfont.ttf') format('truetype'),
         url('webfonts/Asap/asap-italic-webfont.svg#AsapItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AsapRegular';
    src: url('webfonts/Asap/asap-regular-webfont.eot');
    src: url('webfonts/Asap/asap-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Asap/asap-regular-webfont.woff') format('woff'),
         url('webfonts/Asap/asap-regular-webfont.ttf') format('truetype'),
         url('webfonts/Asap/asap-regular-webfont.svg#AsapRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

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

}

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

h1, h2, h3{
    font-weight: normal;
}
body {
  background: black url('images/background.jpg') no-repeat top center;
  color: white;
}

ul li {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

tr.even, tr.odd {
  background-color: #666;
  border-bottom: 1px solid #CCC;
  padding: 0.1em 0.6em;
}

.form-item input.error, .form-item textarea.error, .form-item select.error {
  background: #ff9999 !important;
}

/*
 * HEADER
 */

#site-header {
  border: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
  z-index: 1;
}

#head-left-region {
  position: relative;
  height: 89px;
  z-index: 30;
  overflow: hidden;
}

#head-center-region {
  position: relative;
  height: 89px;
  z-index: 0;
  overflow: hidden;
}

#head-right-region {
  position: relative;
  height: 89px;
  z-index: 30;
  overflow: hidden;
}

#header-region {
  position: relative;
  top: -50px;
  z-index: 10;
}
/* Store Locator */
.locator-mini-form {
  background: transparent url('images/header/find_a_mellow.png') no-repeat 40px 40px;
  
  height: 82px;
  width: 370px;
  /*position: relative;*/
  zoom: 1;
  *background-position-y: 50px;
}

.locator-mini-form label {
  position: relative;
  top: 42px;
  left: 115px;
  display: block;
  width: 166px;
  line-height: 16px;
  padding: 3px 0 3px 6px;  


  background: white;
  color: black;
  font-size: 12px;
  font-weight: normal;
  font-family: "AsapRegular", Helvetica;  
  cursor: pointer;
  z-index: 1;
  color: #888;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-transition: color 0.15s linear;

}

/* When the input has focus */
.locator-mini-form label.inlined.focus { 
  color: #ccc !important;
}

/* When the input has text in it */
.locator-mini-form label.inlined.has-text { 
  color: #fff !important; 
  -webkit-transition-duration: 0s;
}


.locator-mini-form .input-text {
  position: relative;
  top: 24px;
  left: 115px;
  width: 164px;
  z-index: 2;
  font-family: "AsapRegular", Helvetica;
  font-weight: normal;
  font-size: 1em;
  display: block;
  background: transparent;
  margin: -5px 0 10px 0;
  padding: 3px 4px;
  border: none;
  /*border: 1px solid #bbb;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px #fff;*/
  text-shadow: 0 0 1px #fff;
  color: #181818;
  line-height: 18px;
  outline: none;
  height: 18px;
}

.locator-mini-form .input-text:focus {
  color: #000;
  border: 2px solid #e09811;
  padding: 1px 2px;
}

.locator-mini-form .form-submit {
  position: relative;
  top: -15px;
  left: 305px;
  height: 22px;
  width: 40px;
  background-color: transparent;
  border: none;
  /*text-indent: -999px;*/
  /*line-height: 0;*/
  overflow: hidden;
  cursor: pointer;
  margin: 0;
  padding: 0;
  font-size: 0;
  z-index: 99;
}

/* Hang Out and Holla! */

/*
#block-block-2 {
  background: url('images/header/jobs_holler_hang.png') no-repeat 0px 35px;
  height: 100%;
  width: 100%;
  position: relative;
}*/

#hollerandhang {
  background: url('images/header/holler_hang_tell.png') no-repeat 0px 35px;
  /*background: url('images/header/holler_hang_6sm.png') no-repeat 0px 35px;
  background: url('images/header/jobs_holler_hang.png') no-repeat 0px 35px;*/
  height: 100%;
  width: 100%;
  position: relative;
}



#hollerandhang a{
  display: block;
  position: relative;
  width: 26px;
  height: 26px;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  /*background: red;
  opacity: 0.5;*/
  zoom: 1;
}

  #hollerandhang li{
    display: inline;
    margin: 0;
    padding: 0;
  }

  #jobs {
    top: 39px;
    left: -7px;
    height: 25px !important;
    width: 25px !important;
  }

  #holler {
    top: 18px;
    left: 79px;
    height: 18px !important;
    width: 27px !important;
  }

  #hangpinterest {
    top: -60px;
    left: 209px;
  }

  #hangfacebook {
    left: 149px;
    top: -8px;
  }

  #hangtwitter {
    top: -34px;
    left: 179px;
  }

  #hangyoutube {
    top: -138px;
    left: 298px;
  }

  #hanggoogleplus {
    top: -112px;
    left: 269px;
  }
  
  #hanginstagram {
    top: -86px;
    left: 239px;    
  }

/* Main menu bar */


/* Primary Menu */

#block-menu-primary-links {
  background: url('images/header/header_menu_bar.png') no-repeat;
  height: 140px;
  margin: 0;
}

#block-menu-primary-links .content {
  padding-top: 60px;
}


#block-menu-primary-links ul {
  display: inline;
  padding: 0;
}


  #block-menu-primary-links ul li{
    float: left;
    padding: 0;
    font-family: LeagueGothic;
    text-transform: uppercase;
    font-size: 18pt;
  }

  #block-menu-primary-links ul a{
    display: block;
    color: #beb291;
    text-decoration: none;
    margin-left: 20px;
    font-size: 0.8em;
  }

  #block-menu-primary-links ul a.active{
    color: #f1a540;
  }

  #block-menu-primary-links ul a:hover{
    display: block;
    color: #f1a540;
  }

  /* Z Gaskins 11/12 - remove when gear system is re-enabled, also go back and correct links which were changed 
        #block-menu-primary-links ul a#primary-gear.active, #block-menu-primary-links ul a#primary-gift-cards.active {
          color: #beb291;
        }
      
        #primary-gift-cards.active, #primary-gift-cards:hover {
            color: #beb291;  
        }
        
        
        #primary-gear.active, #primary-gear:hover {
            color: #beb291;
        }
   */

#primary-menu {
/* Bryan Jordin 11/18/15 - remove to accomodate new catering addition to meny
  margin-left: 36px !important;
*/
}


#primary-locations {
}


#primary-beer-club {
}


#primary-happenings {
}



#primary-belt-buckle {
  height: 135px;
  margin-top: -60px;
  width: 200px;
  /*background: red;
  opacity: 0.5;*/
}

#primary-about-us {
}



#primary-franchising {
}

#primary-news {
  
}


#primary-right-bumper {
}
/*
 * MAIN CONTENT
 */

/* This might only apply to the slideshow... so be ready to specify a body id for it. */
#main {
  position: relative;
  top: -90px;
}

.node, .column, .column .block {
  margin-bottom: 0px;
}
/*
 * BOTTOM CONTENT
 */

#bottom-content {
  position: relative;
  top: -90px;
}

/* Bottom main menu */

.home-minibanners {
  background-image: url('images/bottommenu/home_tribanner_bg.png');
/*  margin-top: 40px;
  top: -130px;*/
  position: relative;
  height: 183px;
}

.home-minibanners .views-row {
  float: left;
  display: inline;
  padding: 0;
  margin: 0;
  width: 316px;
  height: 183px;  
}

#bottom-main-menu a {
  display: block;
}

/*
 * FOOTER
 */

#footer {
  border: none;
  /*padding-top: 50px;*/
  position: relative;
  top: -90px;
  padding: 0px;
  margin-top: 10px;
}

#fresh-tweets {
  background: url('images/footer/freshtweets.png') no-repeat;
  position: relative;
  /*top: -160px;*/
  height: 42px;
  margin-top: 10px;
  overflow: hidden;

}
#fresh-tweets a{
    color: #E09811;
}

#fresh-tweets #signupeclub{
  display: block;
  height: 37px;
  width: 300px;
  position: relative;
  left: 650px;
  top: 2px;
  background: transparent;
}

#signupeclubcart {
    height: 37px;
    width: 303px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background: url('images/eclubcart.png') no-repeat;
    display: block;
}

#freshtweets-feed {
  position: relative;
  top: -40px;
  left: 160px;
  width: 470px;
}

#freshtweets-feed li {
  height:42px;
  /*padding-left: 30px !important;*/
  line-height:  42px;
}

#freshtweets-feed .mention {
  color: #e09811;
}

#freshtweets-feed li span{
  display: -moz-inline-box;
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  color: #ffffff;
  *display : inline; /* Stupid IE7 hack */
}

.tweetuid {
  color: #e09811;
}


#footer-message {
  text-align: center;
  position: relative;
  /*top: -115px;*/
  font-size: 0.8em;
}

#footer-message a {
  color: #e09811;
  text-decoration: none;

}

/* PRIVACY & TERMS */

.terms-privacy {
  font-family: "AsapRegular";
  width: 800px;
}

.terms-privacy h1 {
  font-size: 2em;
  font-family: "AsapBold";
}

.terms-privacy h2 {
  font-size: 1.5em;
  font-family: "AsapBold";
}

.terms-privacy a {
}

/* Pager */
.pager {
    display: block;
    width: 154px;
    height: 36px;
    color: white;
    background: url('/sites/all/themes/mellowmushroom/media/images/paginate_bubble.png') no-repeat;
    position: relative;
}
.pager .pager-previous a, .pager .pager-next a{
    display: block;
    width: 32px;
    height: 32px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
}
.pager li.pager-previous a{
    background: url('/sites/all/themes/mellowmushroom/media/images/left_paginate_arrow.png') no-repeat;
    top: 3px;
    left: 7px;
}
.pager li.pager-next a{
    background: url('/sites/all/themes/mellowmushroom/media/images/right_paginate_arrow.png') no-repeat;
    position: absolute;
    top: 3px;
    right: 8px;
}
.pager li.pager-current, .pager li.pager-item {
    color: #f3e9d4;
    font-weight: normal;
    font-size: 13px;
    position: absolute;
    display: block;
    left:  24px; 
    top: 10px;
    font-weight: normal;
    font-family: "AsapRegular";
}


.item-list .pager li.pager-current, .item-list .pager li.pager-item {
    margin-left: 34px !important;
}

.inactive_pager a {
    cursor: default;
}
.marker, .form-required {
    color: #ac3101;
}

.page-game object {
  display: block;
  margin: 50px auto 0px auto;
}


#jquery_ui_dialog .dialog-page-content{
  color: #333;
}

ul li.wysiwyg_imageupload_tab {
  padding: 0px 5px !important;
}

.page-beerclub #page #main {
    background: url('images/beer_club.jpg') no-repeat;
    height: 906px;
}
.page-beerclub #page #main .beerClubInfo {
    height: 185px;
    margin-left: 525px;
    margin-top: 430px;
    width: 320px;
    text-align: center;
    font-size: 18px;
    color: #1c1b19;
}

.front .fancybox-wrap .fancybox-skin,
.front .fancybox-wrap .fancybox-skin div{
    background: transparent;
    box-shadow: none;
}

#gift-card-popup{
    display: none;
}

#gift-card-popup .inner-popup{
    background: url(images/popup-bottom.png) no-repeat;
    background-position: 0px 100%;
    width: 568px;
    text-align: center;
}

#gift-card-popup .inner-popup .popup-orange-button{
    background: url(images/orange-button.png) no-repeat;
    color: #fff;
    text-align: center;
    text-decoration: none;
    width: 180px;
    height: 65px;
    display: block;
    float: right;
    line-height: 57px;
    font-family: 'AsapBold';
    font-size: 19px;
    text-indent: -8px;
    margin-top: 5px;
}

#gift-card-popup .inner-popup iframe{
    margin: 0px auto;
}

#gift-card-popup .inner-popup .text-popup{
    width: 90%;
    margin: 0px auto;
    margin-top: 11px;
    text-align: left;
    overflow: hidden;
    color: #fff;
    padding-bottom: 5px;
}

#gift-card-popup .inner-popup .text-popup span{
    font-size: 12px;
    font-family: 'AsapRegular';
}

#gift-card-popup .inner-popup .text-popup .popup-title{
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 0px;
    font-family: ChangingMedium;
    font-weight: 400;
}

#gift-card-popup .inner-popup .text-popup .text-container{
    width: 64%;
    float: left;
    padding-left: 10px;
    box-sizing: border-box;
}

.front .fancybox-close{
    width: 27px;
    height: 26px;
    background: url(images/close-popup.png) no-repeat;
    right: -3px;
    top: -11px;
}

.front .fancybox-desktop{
    top: 185px !important;
}

#block-menu-primary-links ul a {
  margin-left: 16px;
}

.node-1196367 #top_news_content,
.node-1196367 .field-field-article-pub-date{
    display: none;
}

.node-1196367 .center{
        padding-top: 70px;
}

.node-simple-promotion{
    background: url(images/simple-promotion-background.png) no-repeat;
    background-position: -22px -18px;
    background-size: 102.5%;
}

.node-simple-promotion .container-promotion{
    max-width: 830px;
    margin: 0px auto;
    padding-top: 62px;
    width: 100%;
    padding-bottom: 62px;
}

.node-simple-promotion h1{
    font-family: ChangingMedium;
    font-size: 58px;
    margin-bottom: 30px;
    line-height: 54px;
    color: #f5f3ec;
}

.node-simple-promotion h2{
    font-family: "AsapRegular";
    font-size: 24px;
    margin-bottom: 35px;
    color: #efebe0;
}

.catering_landing_page {
	background: url(images/catering_header.png) no-repeat;
	height: 361px;
	width: 100%;
	background-size: cover;
}
.catering_locations {
	background: url(images/catering_page_locations.png) no-repeat;
	height: 260px;
	width: 100%;
	background-size: cover;
}
.catering_lp_email {
	width: 157px;
	padding: 23px 0px;
	text-align: center;
	display: block;
	color: #fff;
	text-decoration: none;
	background: url(images/catering_lp/email_hover.png) no-repeat 0px 0px;
	font-weight: bold;
	position: relative;
	margin-left: 80px;
}
.catering_lp_email:hover {
	padding: 26px 0px 20px;
}
.catering_lp_email span.text {
	z-index: 100;
	position: relative;
}
.catering_lp_email span.bghover {
	position: absolute;
	z-index: 10;
	top: 1px; left: 0; bottom: 0; right: 0;
	background: url(images/catering_lp/email_hover.png) no-repeat 0px -67px;opacity: 0;
	-webkit-transition: opacity 0.2s;
	-moz-transition:    opacity 0.2s;
	-o-transition:      opacity 0.2s;
}
.catering_lp_email:hover span.bghover {
	opacity: 1;
}

.catering_lp_coupon_redeem {
	width: 318px;
	padding: 7px 0px 10px;
	text-align: center;
	display: block;
	color: #fff;
	text-decoration: none;
	background: url(images/catering_lp/rd_hover.png) no-repeat 0px 0px;
	font-weight: bold;
	position: relative;
}
.catering_lp_coupon_redeem:hover {
	padding: 10px 0px 7px;
}
.catering_lp_coupon_redeem span.text {
	z-index: 100;
	position: relative;
}
.catering_lp_coupon_redeem span.bghover {
	position: absolute;
	z-index: 10;
	top: 0px; left: 0; bottom: 0; right: 0;
	background: url(images/catering_lp/rd_hover.png) no-repeat 0px -37px;opacity: 0;
	-webkit-transition: opacity 0.2s;
	-moz-transition:    opacity 0.2s;
	-o-transition:      opacity 0.2s;
}
.catering_lp_coupon_redeem:hover span.bghover {
	opacity: 1;
}


.catering_lp_menu_link {
	width: 128px;
	padding: 27px 0px 30px;
	text-align: center;
	display: block;
	color: #fff;
	text-decoration: none;
	background: url(images/catering_lp/cm_hover.png) no-repeat 0px 0px;
	font-weight: bold;
	position: absolute;
	top: 70px;
	right: 50px;
}
.catering_lp_menu_link:hover {
	padding: 30px 0px 27px;
}
.catering_lp_menu_link span.text {
	z-index: 100;
	position: relative;
}
.catering_lp_menu_link span.bghover {
	position: absolute;
	z-index: 10;
	top: 1px; left: 0; bottom: 0; right: 0;
	background: url(images/catering_lp/cm_hover.png) no-repeat 0px -79px;opacity: 0;
	-webkit-transition: opacity 0.2s;
	-moz-transition:    opacity 0.2s;
	-o-transition:      opacity 0.2s;
}
.catering_lp_menu_link:hover span.bghover {
	opacity: 1;
}
.catering_locations .grid-8.first {
	background: none;
}
.catering_locations .grid-8 {
	text-align: center;
	color: #5b2c1b;
	margin-top: 50px;
	background: url(images/catering_lp/locations_bg.png) no-repeat 0px 0px;
}
.catering_locations .grid-8 h3 {
	font-family: ChangingMedium;
	font-size: 25px;
}
.catering_locations .grid-8 .addr_loc {
	padding-left: 20px;
	text-decoration: underline;
	background: url(images/catering_lp/loc_pin.png) no-repeat 20px 7px;
}
.catering_landing_page .page-content {
	padding: 40px 70px;
}
.catering_landing_page .page-content h2 {
	font-size: 70px;
	font-family: ChangingMedium;
	text-shadow: 2px 3px 2px #69685a;
	color: #dd902a;
	margin-bottom: 0px;
}
.catering_landing_page .page-content p {
	width: 320px;
	margin-left: 5px;
	margin-top: 10px;
}