@import url("../brooklyn/style.css");

.ut-header-dark #ut-mobile-nav      {background:rgba(0,0,0,0.85);}

.ha-header.ut-header-dark {
    background:rgb(18,18,18);
    background:rgba(0,0,0,0.85);
}

.ut-mobile-menu a {
    color:#ffffff!important;
    padding:10px 0;
    border-bottom:1px solid #EFEFEF;
    display:block;
    padding-left:30px;
    position:relative;
    -webkit-transition:none;
    -moz-transition:none;
    transition:none;
}



.home-left-panel        {margin: 0; padding: 0; max-width: 400px; width: 49%; height: 100vh; background: rgba(0,0,0,0.8); position: absolute; z-index: 100; top:0; left:0; float: left}
.home-right-panel       {margin: 0; padding: 0; max-width: 400px; width: 49%; height: 100vh; background: rgba(0,0,0,0.8); position: absolute; z-index: 100; top:0; right:0; float: right}
.hr-wht                 {margin: 0; padding: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.3)}
.logo-panel             {margin: 0; padding: 12.5% 16.666666667%; }
#mobile-phone           {margin: 10px auto 15px; padding: 0; font-family: 'Titillium Web', sans-serif; font-weight: 700; font-size: 20px; text-shadow: 2px 2px 0 rgba(0,0,0,0.5); color: #ffffff; text-align: center; text-transform: uppercase}
#mobile-phone a:link,
#mobile-phone a:active,
#mobile-phone a:visited     {text-decoration: none; color: #d60000;}
#mobile-phone a:hover 	    {text-decoration: none; color: #ffffff;}

.home-social            {margin: 0; padding: 0; background: rgba(255,255,255,0.1); width:100%; max-height: 100px;}
.home-social-item       {margin: 0; padding: 0; max-width: 100px; width: 25%; float: left}

.home-nav               {margin: 35px 0 0 0; padding: 0; width: 100%; max-width: 400px; font-family: 'Titillium Web', sans-serif; font-weight: 700; font-size: 22px; text-shadow: 2px 2px 0 rgba(0,0,0,0.5)}
.home-nav ul            {margin: 0; padding: 0; width: 100%; max-width: 400px;}
.home-nav li            {margin: 0; padding: 0; width: 100%; height: 30px; list-style: none; text-transform: uppercase}
.home-nav li a          {margin: 0; padding: 0 0 0 50px; max-width:350px; width: 100%; height: 30px; color:#ffffff; }
.home-nav li a:hover    {margin: 0; padding: 0 0 0 50px; width:400px; width: 100%; height: 30px; color:#d60000;}

.home-section-title     {margin: 0; padding: 0; font-family: 'Titillium Web', sans-serif; font-weight: 700; font-size: 24px; color: #d60000; text-shadow: 2px 2px 0 rgba(0,0,0,0.5); text-transform: uppercase}
.home-findus            {margin: 0; padding: 50px 0 0 50px; width: 100%; max-width: 400px; height: 280px; background: url("/wp-content/uploads/home-map-bg.png") no-repeat; border-bottom: solid 1px rgba(255,255,255,0.3);}
.home-address           {margin: 25px 0 0 0; padding: 0; max-width: 300px; font-family: 'Titillium Web', sans-serif; font-weight: 400; font-size: 20px; line-height: 22px; color: #ffffff; text-shadow: 2px 2px 0 rgba(0,0,0,0.5); }
.home-address a:link,
.home-address a:active,
.home-address a:visited     {text-decoration: none; color: #ffffff; line-height: 22px}
.home-address a:hover 	    {text-decoration: none; color: #d60000;}

.home-hours-container       {margin: 0; padding:  50px 0 50px 50px;}
.home-hours                 {margin: 25px 0 0 0; padding: 0; max-width: 300px; font-family: 'Titillium Web', sans-serif; font-size: 14px;  text-shadow: 2px 2px 0 rgba(0,0,0,0.5); color:#ffffff}
.home-hours-section-title   {margin: 25px 0 0 0; padding; 0; font-size: 20px; font-weight: 700}

.home-rez-container         {margin: 50px 50px 20px 50px; padding: 0;}
.home-menu-container        {margin: 50px 50px 20px 50px; padding: 0;}
.home-meu-item              {margin-bottom: 30px; clear: both}

.close-panel                {margin: 0; padding: 0; top:0; left:0; position: fixed; width: 40px; font-family: 'Titillium Web', sans-serif; font-weight: 700; font-size: 18px;  text-shadow: 2px 2px 0 rgba(0,0,0,0.5); color:#999999;}

.social_big                 {margin-bottom: 25px; margin-top: 25px}

.bold                   {font-weight: 700}
.semi-bold              {font-weight: 600}

/*#OT_searchWrapperAll    {width:100%;height:200px;position:relative;margin:0;padding:0;}     */
#OT_searchWrapper               {margin: 25px 0 0 0}
.OT_feedTitle                   {display: none !important}
#OT_defList                     {margin: 0; padding: 0; font-family: 'Titillium Web', sans-serif; font-size: 14px; font-weight: 600;}
#OT_submitWrap                  {margin: 0 auto; width: 109px; border: none}
.OT_TableButton                 {margin: 0; padding: 0; background: none; border:none;}
#startDate                      {font-family: 'Titillium Web', sans-serif; font-size: 16px; font-weight: 400; color:#333333}
#OT_date                        {margin: 0; padding: 0; height: 70px}
#OT_dateDisplay                 {margin: 0 0 0 0; padding: 0; color: #999999}
.calendarAll                    {background: #ffffff; position: relative; z-index: 100000;}
.partOfCal img.partOfCal.spacer {display:block; width:1px; height:1px;margin:0;padding:0}
.monthRow                       {color:#ffffff}
.monthRow td                    {background:#d60000; font-weight:700; }
#OT_searchWrapper input.hidden  {display:none}
#OT_partySize                   {margin: 0; padding: 0; height: 50px}
#OT_partySizeLbl                {margin-bottom:3px; color:#ffffff !important; font-size: 20px !important; text-shadow: 2px 2px 0 rgba(0,0,0,0.5);}
#OT_dateLbl                     {margin-bottom:3px; color:#ffffff !important; font-size: 20px !important; text-shadow: 2px 2px 0 rgba(0,0,0,0.5);}
#OT_timeLbl                     {margin-bottom:3px; color:#ffffff !important; font-size: 20px !important; text-shadow: 2px 2px 0 rgba(0,0,0,0.5);}
.feedFormField                  {font-family: 'Titillium Web', sans-serif; font-size: 16px; font-weight: 400; color:#333333}
#imageCal td img.rightArrow.partOfCal  {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/wp-content/uploads/calendar-month-right.png) no-repeat;
    width: 11px;
    height: 17px;
    padding-left: 11px;
}
#imageCal td img.leftArrow.partOfCal  {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/wp-content/uploads/calendar-month-left.png) no-repeat;
    width: 11px;
    height: 17px;
    padding-left: 11px;
    margin-left: 11px;
    margin-right: 0;
}
#imageCal tr                    {border-bottom: none}
p#dateDisplay                   {display: none}

#chef-container                 {margin: 0; padding: 0; width: 100%; max-width: 700px; height: 100%; background: #ffffff}

.ut-left-footer-area a:link,
.ut-left-footer-area a:active,
.ut-left-footer-area a:visited  {color:#ffffff !important;}
.ut-left-footer-area a:hover    {color:#d60000 !important;}


@media only screen and (min-width: 550px) and (max-width: 799px) {
    .nye-2016-tix-link {
        padding-top: 15px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 549px) {
    .nye-2016-tix-link {
        text-align: left !important;
        font-size: 16px !important;
    }
}

@media only screen and (min-width: 1023px) and (max-width: 1220px) {
    #navigation ul li a {
        padding-left: 15px;
        font-size: 10px;
    }
    .ut-header-dark #navigation ul li a:after {
        left: 5px;
    }
}

@media all and (max-width:768px) {
    .home-rez-container     {margin: 50px 50px 20px 50px; padding: 0; max-width: 50%}
    .home-menu-container    {margin: 50px 50px 20px 50px; padding: 0; max-width: 50%}
    .home-address           {margin: 25px 0 0 0; padding: 0; max-width: 70%; font-family: 'Titillium Web', sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; color: #ffffff; text-shadow: 2px 2px 0 rgba(0,0,0,0.5); }
    .home-hours             {margin: 25px 0 0 0; padding: 0; max-width: 70%; font-family: 'Titillium Web', sans-serif; font-size: 12px;  text-shadow: 2px 2px 0 rgba(0,0,0,0.5); color:#ffffff}
    .home-section-title     {margin: 5px 0 0 0; padding:0px; font-size: 18px; font-weight: 700}
    .logo-panel             {margin: 0 auto; padding: 15px 16.666666667%; width: 90% }
    .home-left-panel        {width: 100%;}
    .home-right-panel       {display:none}
    .home-nav               {margin: 15px 0 0 0; padding: 0; font-family: 'Titillium Web', sans-serif; font-weight: 700; font-size: 16px; text-shadow: 2px 2px 0 rgba(0,0,0,0.5)}
    .home-nav ul            {margin: 25px 0 0 0; padding: 0; width: 100%; max-width: 400px;}
    .home-nav li            {margin: 0; padding: 0; width: 50%; height: 30px; list-style: none; text-transform: uppercase; float: left}
    .home-nav li a          {margin: 0; padding: 0 0 0 25px; max-width: 175px; color:#ffffff; float: left }
    .home-nav li a:hover    {margin: 0; padding: 0 0 0 25px; color:#d60000;}

}
@media all and (min-width:769px) {
    #mobile-phone           {display: none}

}