/* # Sticky NAVS
---------------------------------------------------------------------------------------------------- */
#mobile_footer_sticky_nav,
.sr-text.sr-text-phone,
.flickity-page-dots,
.firebirds-pro-nolocaiton .site-inner,
.firebirds-pro-nolocaiton .nav-half.dyn-nav-container{
	display: none;
}

#mobile_footer_sticky_nav{
	visibility: hidden;
}

.page-template-restaurant_landing_template li.locations-link,
.single-menus li.locations-link,
.firebird-giftcard li.locations-link{
		display: none;
}

#sticky_phone_directions{
      display: none;
      visibility: hidden;
}

#opentable_slide_out{
	z-index: 9999999999;
}

.nav-dynamic .nav-half.dyn-nav-container .visit-half.first a span.address{
	font-size: 1.4rem !important;
}

@keyframes bounceOutMoreInfo {
  0% {
	opacity: 0;
      top: -100px;
  }
  100% {
	opacity: 1;
      top: 0;
  }
}

@keyframes stickyPhone {
  0% {
	opacity: 0;
      top: -200px;
  }
  100% {
	opacity: 1;
      top: 70;
  }
}

@media only screen and (max-width: 760px) {

      .to-top{
		bottom: 68px !important;
	}

      .slideout-menu{
            z-index: 999999999999999;
      }

	#mobile_footer_sticky_nav{
		display: block;
		visibility: hidden;
		position: fixed;
		bottom: -60px;
		left: 0;
		width: 100%;
		z-index: 999999999999999999;
		background: #821f18;
		opacity: 0;

		-webkit-transition: all 0.4s ease-in-out;
	      -moz-transition:    all 0.4s ease-in-out;
	      -ms-transition:     all 0.4s ease-in-out;
	      -o-transition:      all 0.4s ease-in-out;
	      transition:         all 0.4s ease-in-out;
	}

	#mobile_footer_sticky_nav a:last-child,
	#mobile_footer_sticky_nav button{
		font-size: 1.3rem;
		width: 50%
	}

	#mobile_footer_sticky_nav button{
		background-color: #888f3f;
	}

	#mobile_footer_sticky_nav a:last-child{
		color: #FFF;
		font-weight: 600;
		text-transform: uppercase;
		text-align: center;
		display: block;
		float: right;
		padding: 16px 0;
	}

	#mobile_footer_sticky_nav.active{
		visibility: visible;
		opacity: 1;
		bottom: 0;
	}

      .nav-dynamic.genesis-responsive-menu.mobile .reserv-half.reservations a.btn-half,
	.nav-dynamic.genesis-responsive-menu.mobile .reserv-half.reservations button.btn-half1.first {
		padding: 24px 0;
		width: 50%;
	}

	.nav-dynamic .nav-half.dyn-nav-container .reserv-half.reservations a.btn-half{
		background: #821f18;
	}

      .nav-dynamic .nav-half.dyn-nav-container .visit-half.first span.right,
	.nav-dynamic .nav-half.dyn-nav-container .visit-half.first a span.address,
      .nav-dynamic .nav-half.dyn-nav-container .visit-half.first a span.address,
      .nav-dynamic .nav-half.dyn-nav-container .visit-half.first a span.born span.small-letters,
	span.hide_word{
		display: none;
	}

	.sr-text.sr-text-directions{
		display: block !important;
	}

	.nav-dynamic .nav-half.dyn-nav-container .visit-half.first a.left,
	.nav-dynamic.genesis-responsive-menu.desktop span.tel{
		width: 50% !important;
	}

	.nav-dynamic .nav-half.dyn-nav-container span.tel i {
		display: inline-block !important;
	      font-size: 1.8rem !important;
	      position: relative !important;
	      top: 2px !important;
	}

	.sr-text.sr-text-phone{
		display: inline-block !important;
		font-size: 1.4rem;
	}

      .site-header{
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition:    all 0.4s ease-in-out;
            -ms-transition:     all 0.4s ease-in-out;
            -o-transition:      all 0.4s ease-in-out;
            transition:         all 0.4s ease-in-out;
      }

      .site-header.active{
            position: fixed;
            top: 0;
            width: 100%;
            opacity: 0;
            animation: bounceOutMoreInfo 1s;
      	animation-iteration-count: 1;
      	animation-fill-mode: forwards;
      }

      .site-header.active .site-title>a{
            min-height: auto !important;
            height: 28px !important;
            width: 94px !important;
      }

      .site-header.active .menu-toggle{
            padding: 0;
            margin-top: 12px;
      }

      .nav-dynamic .visit-half.first.active{
            position: fixed;
            top: 70px;
            width: 100%;
      }

      .nav-dynamic .nav-half.dyn-nav-container .visit-half.first.active a span.born,
      .visit-half.first.active .sr-text.sr-text-phone,
      .nav-dynamic .nav-half.dyn-nav-container .active span.tel i{
            font-size: 1.1rem !important;
      }

      .nav-dynamic .nav-half.dyn-nav-container .visit-half.first.active a.left{
            padding: 18px 0;
      }

      .nav-dynamic.genesis-responsive-menu.desktop .active span.tel{
            max-height: 50px;
      }

      #sticky_phone_directions{
            display: block;
            visibility: hidden;
            opacity: 0;
            position: fixed;
            width: 100%;
            top: 70px;
            z-index: 9999999;
            background: #4a898f;
      }

      #sticky_phone_directions.active{
            visibility: visible;
            animation: stickyPhone 1.2s;
      	animation-iteration-count: 1;
      	animation-fill-mode: forwards;
      }

      #sticky_phone_directions #choose_location,
      #sticky_phone_directions #location_menu,
      #sticky_phone_directions span.address,
      #sticky_phone_directions a.left span.small-letters{
            display: none;
      }

      #sticky_phone_directions a{
            color: #FFF;
      }

      #sticky_phone_directions a.left,
      #sticky_phone_directions span.tel{
            width: 50%;
            padding: 8px;
            display: block;
            float: left;
            font-size: 1.2rem;
            text-align: center;
            text-transform: uppercase;
            font-weight: 600;
      }

      #sticky_phone_directions span.tel{
            background: #888f3f;
      }

      #sticky_phone_directions .beacon{
            left: 40px;
            top: 46%;
      }

      #sticky_phone_directions .beacon i.icon.ion-ios-location{
            color: #25676d;
            position: absolute;
            left: 6px;
            top: 1px;
      }

	.nav-dynamic.genesis-responsive-menu.mobile{
		position: fixed !important;
	      bottom: 0 !important;
	      z-index: 9999 !important;
	}


	button#view-all-menus{
		display: none !important;
	}
}
