a:focus {
    text-decoration:none;
}
 p,  #opening-slide p{
   font-family: georgia, serif;
   font-size: 19px;
   color: #2C2535 ;
   line-height: 1.618em;
}
h5 {
    font-family: 'LA Web Display Kis Bold', Georgia, serif;
    line-height: 120%;
    color: #000;
    font-size:16px;
    font-weight:normal;
}
h2 {
    font-family: 'LA Web Display Kis Bold', Georgia, serif;
    line-height: 120%;
    color: #000;
    font-size:42px;
    font-weight:normal;
}
#container {
    margin-top:60px;
}
.tophat-banner-container {
    margin:0px;
    text-align:initial;
}
#tophat-container {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:999999;
}

/*OPENING SLIDE*/
#opening-slide div {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 17px;
    color: #2C2535;
    line-height: 1.4em;
    font-weight: 100;
}
#header-row {
    padding-top:20px;
    padding-bottom:20px;
}
#user {
    font-family: Arial, sans-serif;
    color:black;
    font-size:14px;
    margin-top:12px;
}
.LATAvatar {
    margin-right:4px;
}
.share-buttons {
    float:left;
}
.sign-in {
    float:right;
}

/*SLIDE AND DETAILS*/
.slide {
    padding:40px 40px 40px 0;
}
.slide-description {
    margin-top:20px;
    display: block;
}
.desc-text p {
    margin-top:0px;
}
.list-num {
    font-family:'Belizio Narrow Bold',Georgia,serif;
}
.new-slide-divider {
    width:100%;
    position:relative;
    padding-bottom:10px;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #ddd;
    margin: 0 !important;
}
.restaurant-meta {
    margin: 0px;
    font-family: 'Helvetica Neue', Helvetica,Arial, sans-serif;
    font-size: 13px;
    color: #454545;
}

.restaurant-meta li {
   line-height: 23px;
   font-size: 15px;
}

/*MENU*/
#menu-container {
    margin-left:0px;
}
#menu {
    overflow-x:hidden;
    overflow-y: scroll;
    position:relative;
    background:white;
    bottom:0px;
    padding-left:10px;
    padding-right:10px;
    border-left-width: thin;
    border-left-style: solid;
    border-left-color: #ddd;
}
#menu ul {
    list-style-type:none;
    margin:0px 0px 0px 0px;
}
#menu ul li {
    padding:10px;
}
#menu::-webkit-scrollbar {
    width: 6px;
}
#menu::-webkit-scrollbar-track {
    background-color: #F8F8F8;
}
#menu::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
#menu::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}
#full-menu .menu-fixed {       
    position:absolute;     
    top:50px;      
}
ul {
    list-style-type:none;
}
.alphabetized, .priced {
    display:none;
}
.list-price {
    font-weight:bold;
    font-family: Arial, sans-serif;
}
.grayed-price {
    font-family: 'Helvetica Neue', Helvetica,Arial, sans-serif;
    font-size: 12px;
    color:#D9D9D9;
    margin:0px !important;
    display:inline-block;
    width:auto;
}
.grayed-price-menu {
    color:#D9D9D9;
}
.LATDDArrowDown {
    vertical-align: text-bottom;
}

/*FIG*/
figcaption {
    text-align:right;
}
figcaption.figcaption, .figcaption {
    font-family: Helvetica, Arial, sans-serif;
}

/*ADS*/
.btwn-ads {
    padding-top:20px;
}
#cube-ad {
    padding-top:20px;
    height:250px;
    width:300px;
    float:right;
}

/*BUTTONS*/
.btn.gray {
    border:1px solid #b2b2b2;
    background-color: white;
    color:#b2b2b2;
}
.btn.gray:hover {
    border:1px solid #b2b2b2;
    background-color: #b2b2b2;
    color: white;
}
.btn.gray:focus {
    outline:none;
}
.btn.gray.active {
    border:1px solid #b2b2b2;
    background-color: #b2b2b2;
    color: white;
}
.button-group {
    text-align:center;
    border-left-width: thin;
    border-left-style: solid;
    border-left-color: #ddd;
    background-color:white;
    z-index:100;
    padding:10px;
}
.btn.gray.more-button:hover {
  border: 1px solid #b2b2b2;
  background-color:white;
  color:#b2b2b2;
}
.more {
    text-align:center;
    padding-top:10px;
}

/*MEDIA QUERIES*/
@media (min-width: 1200px) {
    #full-menu {
        width:300px;
    }
    #menu {
        width:280px;
    }
    #menu-container {
        margin-left:0px;
        width:280px;
    }
    .button-group {
        width:280px;
    }
    h1 {
        font-size:53px;
    }
    .btwn-ads {
        padding-top:20px;
        padding-left:70px;
        padding-right:70px;
    }
}
@media (min-width: 980px) and (max-width: 1199px) {
    #full-menu {
        width:240px;
    }
    #menu {
        width:200px;
        margin-left:50px;
    }
    #menu-container {
        margin-left:0px;
        width:240px;
    }
    .button-group {
        margin-left:50px;
        width:200px;
    }
    h1 {
        font-size:42px;
    }
    .slide {
        padding-top:40px;
        padding-left:0px;
        padding-right:20px;
        padding-bottom:10px;
    }
    .btn.gray, .btn.gray.active {
        font-size:74%;
        padding: 5px 5px;
    }
    .new-slide-divider {
        width:749px;
    }
    .btwn-ads {
/*        padding-left: 214px;*/
/*        padding-right: 214px;*/
        width: 320px;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    #full-menu {
        width:186px;
    }
    #menu {
        width:176px;
    }
    #menu-container {
        width:176px;
    }
    .button-group {
        width:176px;
    }
    .container {
      padding: 0 20px 60px 20px;
    }
    .share-buttons {
        float:none;
    }
    .sign-in {
        float:none;
    }
    #tablet-title {
        float:left;
        width:50%;
    }
    .slide {
        padding-top:40px;
        padding-left:0px;
        padding-right:20px;
        padding-bottom:10px;
    }
    #slides {
        padding-right:0;
    }
    .btn.gray, .btn.gray.active {
        font-size:57%;
        padding: 4px 4px;
    }
    #cube-ad {
        /*padding-top:76px;*/
    }
    .btwn-ads {
        padding-top: 20px;
        padding-left: 109px;
        padding-right: 109px;
    }
}
@media (max-width: 767px) {
    .button-group {
        display:none;
    }
    .slide-description {
        display: none;
    }
    .container {
      padding: 0 20px 60px 20px;
    }
    #header-row {
        padding-bottom:0px;
    }
    #opening-slide div {
        text-align:center;
    }
    .row-fluid .span8 {
        float:left;
    }
    #menu {
        display:none;
    }
    h1 {
        text-align:center;
    }
    h2 {
        margin-bottom:0px;
        font-size:30px;
        text-align:center;
    }
    .slide {
        padding-top:40px;
        padding-left:10px;
        padding-right:10px;
        padding-bottom:10px;
    }
    .banner-ad {
        padding-top:25px;
        padding-bottom:10px;
        height:60px;
    }
    .btwn-ads {
        padding-top:0px;
    }
    .tophat-banner-container {
        position:absolute;
        left:50%;
        margin-left:-160px;
    }
    .desc-text p {
        margin-top:20px;
    }
    #first-divider {
        min-height:20px;
    }
}