::-webkit-scrollbar-button {
    display: none;
    height: 13px;
    border-radius: 0px;
    background-color: #AAA;
}

::-webkit-scrollbar-thumb {
    background-color: #ea222f;
}


::-webkit-scrollbar-track {
    background-color: #efefef;
}
::-webkit-scrollbar {
    width: 13px;
}
.page-id-173 .menu-section a {
color:black!important;
}
.page-id-173 .menu-section a:visited {
    color: black !important;
}
    @font-face {
        font-family: 'AvantGarde';
        src: url('../fonts/AvantGardeITCbyBT-Bold.eot');
        src: local('☺'), url('../fonts/AvantGardeITCbyBT-Book.woff') format('woff'), url('../fonts/AvantGardeITCbyBT-Book.ttf') format('truetype'), url('../fonts/AvantGardeITCbyBT-Book.svg') format('svg');
        font-weight: normal;
        font-style: normal;
    }

      @font-face {
          font-family: 'AvantGarde';
          src: url('../fonts/AvantGardeITCbyBT-Bold.eot');
          src: local('☺'), url('../fonts/AvantGardeITCbyBT-Bold.woff') format('woff'), url('../fonts/AvantGardeITCbyBT-Bold.ttf') format('truetype'), url('../fonts/AvantGardeITCbyBT-Bold.svg') format('svg');
          font-weight: bold;
          font-style: normal;
      }

    *{
        font-family: 'AvantGarde', sans-serif;
    }
    div#rev_slider_1_1_forcefullwidth {
        vertical-align: bottom!important;
    }
    #footer-left{
        display:inline-block;
    }
    .target{
          position: absolute;
          left: 0px;
          top: -110px;
    }
    .home section {
        margin: 0px !important;
        padding: 0px !important;
        overflow-x: hidden!important;
    }

    .site-branding {
        display: inline-block;
        padding: 0px 50px !important;
        height:100%;
    }
    .site-branding:before{
         content: '';
         display: inline-block;
         height: 100%;
         vertical-align: middle;
         margin-right: -0.25em;
         /* Adjusts for spacing */
    }
    img.custom-logo {
        max-width: 250px;
        display: inline;
    }

    #right-header {
        float: right;
        text-align: right;
        margin-right:50px;
    }
.top-navigation li {
    float: none;
    display: inline-block;
    position: relative;
}
.menu-menu-1-container,
.menu-menu-1-french-container {
    position: absolute;
    bottom: 0px;
    right: 50px;
}
.top-navigation li a{
    width: 120px;
    display:inline-block;
    text-align: center;
    padding: 5px 0px 5px 0px;
    color: white;
    background: #414042;
    text-decoration: none;
}
ul#primary-menu {
    margin: 0px;
    padding: 0px;
}
#searchbar{
    padding: 20px 0px 0px 0px
}
#searchbar input[type="text"]{
    border-radius: 0;
    padding: 0px;
    height: 32px;

}
#searchbar input[type="submit"]{
    vertical-align: top;
    height: 32px;
    padding: 0px 8px;
    border-radius: 0px;
    border-color:#ea222f;
    background:#ea222f;
    color:white;
    font-size:18px;
}
    .home .section {
        min-height:100vh;
        overflow: auto;
        background-size: cover;
        position:relative;
    }
    #about-us, #location{
        padding-top:120px!important;
        padding-bottom: 120px!important;
    }
    #about-us {
        color: white;
        display: flex;
        /* establish flex container */
        flex-direction: column;
        /* make main axis vertical */
        justify-content: center;
        /* center items vertically, in this case */
        align-items: center;
        /* center items horizontally, in this case */
    }
    .about-text {
        max-width: 600px;
        margin: auto;
        padding-top:10px;
    }
    #mapsection{
        padding-top:10px;
    }
    #about-us h1 {
        text-align: center;
    }
    header {
        border-bottom: solid #ea222f 7px;
        position:fixed;
        width:100%;
        z-index: 10;
    }
    #headnav{
                background: black;
                height:110px;
                position: relative;
    }
    header * {
        color: white;
    }

    footer {
        background: black;
    }

    nav a {
        color: white
    }

    #left-image {
        position: absolute;
        left: 0px
    }

    #right-image {
        position: absolute;
        right: 0px
    }
    .plates {
        height: auto;
        width: 100%;
        max-width: 350px;
    }
    .steps{
            display: flex;
            align-items: center;
    }

.step-image {
    float: left;
}
.step-content {
    float: right;
    font-size:20px;
    text-align:left;
}
.step-content a{
    color: #ea222f;
    text-decoration:none
}
.step-image, .step-content {
    width: 50%;
    padding: 0px 10px;
}
.wrapper{
    width:100%;
    max-width: 800px;
    margin: auto;
}
.wrapper h1{
    text-align:center;
}
h1{
    font-size:50px!important;
}
.marker{
    font-family: 'Permanent Marker', cursive;
}
.site-content{
    padding-top:110px;
    padding-bottom: 25px;
}
.custom-logo-link{
    display: inline-block;
    vertical-align: middle;
}
#contform{
    max-width: 600px;
    width: 100%;
    margin:auto;
}
#contform input[type="text"],
#contform input[type="email"] {
    width: 100%;
    border-radius: 0;
    padding: 12px;
}
#contform p {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    box-sizing: border-box;
    padding: 0px 10px;
}
#contform input[type="submit"]{
    width:100%;
    background:#ea222f;
    color: white;
    font-weight: bold;
    padding:18px;
    cursor:pointer;
    font-size:16px;
    margin-top:10px;
    border-radius:0px;
}
.slp_results_container .results_entry .location_name {
    font-weight: bold!important;
}
.slp_results_container .results_entry{
    border-width:0px 0px 1px 0px!important;
    border-radius:0px!important;
}
a.storelocatorlink {
    color: #ea222f !important;
    text-decoration: none;
    font-weight: bold;
}
.top-navigation li a.menuactive {
    background: #ea222f ;
}
#food-selection{
    background: #ea222f;
    padding-top:7px;
    text-align: center
}
#food-selection ul{
    padding:0px;
    margin:0px;
    display: inline-block;
    margin:auto;
    font-size:0px;
    width: 100%
}
#food-selection li{
    display:inline-block;
}
#food-selection ul li a{
    display:inline-block;
    text-decoration: none;
    font-weight: bold;
    width: 200px;
    text-align: center;
    font-size:16px;
}
#food-selection ul li a:visited {
    color: white;
}
#food-selection ul li a:focus{
    color: white;
}

.foodactive{
    color:black!important;
}
.menu-section{
    padding-top:30px!important;
}
.top-navigation li a.onpage {
    background: #ea222f!important;
}
footer{
    position:fixed;
    width:100%;
    bottom:0px;
}
footer img{
    max-height:20px;
    vertical-align: middle;
}
footer span{
    color:white; 
    font-size:15px;
    margin: 0 10px;
    vertical-align: middle;
}
footer small{
    vertical-align: text-bottom;
}
footer ul{
    display: inline;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
footer ul li{
    display: inline-block;
}
footer ul li a{
    text-decoration:none;
    color: white;
    display: inline-block;
    padding: 0 10px;
}
footer ul li a:focus, footer ul li a:visited{
    color:white;
}
footer ul li a:hover,
footer ul li a.onpage {
color:#ea222f;
}
.menu-footer-menu-french-container,
.menu-footer-menu-container {
    display: inline;
    float: right;
    vertical-align: middle;
}
.site-info{
        margin: 0 30px;
}

@media only screen and (min-width: 690px){
    .wpml-ls-menu-item{
        display:none!important;
    }
    .nav-btn{
        display:none!important;
    }
    #right-header .top-navigation{
        display: block!important;
    }
     #food-selection ul li a:hover{
         color:black!important;
     }
     .bigger-text p{
         font-size: 22px!important; 
     }
     .step-content.bigger-text p em{
         font-size:16px;
     }
}
@media only screen and (max-width: 850px) {
#searchbar form{
    display:none!important;
}
.site-branding {
    display: inline-block;
    padding: 14px 50px !important;
    height: auto!important;
} 
}
@media only screen and (max-width: 820px){
    #food-selection ul li a {
        width: 100%;
    }

    #food-selection ul li {
        width: 50%;
    }
    }
@media only screen and (max-width:750px){
   #location div#map.slp_map,
   div#map_sidebar {
        width:100%!important;
        margin:0px!important;
    }
    #location div#map_sidebar{
            height: auto;
            overflow-y: auto;
    }
}
@media only screen and (max-width: 691px) {

#footer-left{
    width:100%;
}
.menu-footer-menu-french-container,
.menu-footer-menu-container{
    float:none!important;
}
.site-info{
    text-align: center;
}
.site-content {
    padding-bottom: 51px !important;
}
}
@media only screen and (max-width: 690px) {
    .home .section {
        min-height: initial!important;
        overflow: auto;
        background-size: cover;
        position: relative;
    }
#searchbar{
display: none;
}
.top-navigation li{
    display: block;
}
.top-navigation li a{
    width:100% !important;
}
#right-header {
    float: none;
    text-align: center!important;
    width: 100%;
    margin-right: 0px!important;
}
.menu-menu-1-container,
.menu-menu-1-french-container {
position: relative!important;
right:0px!important;
}
#headnav{
    height:auto!important;
}
#right-header .top-navigation {
    float: none;
    display:none
}
.nav-btn{
    display: block !important;
    cursor: pointer;
    font-size: 25px;
    margin-right:20px
    }
    .nav-btn:before{
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }
    .nav-btn a{
        display: inline-block;
        vertical-align: middle;
    }
     .nav-btn a:hover {
        color: #ea222f!important;
     }
     img.custom-logo {
         max-width: 125px!important;
     }
     .site-content{
         padding-top:60px!important;
     }
     .hesperiden.tparrows{
         display:none!important;
     }
     .menu-food .item-food{
         max-width:50%;
     }
     .about-text p{
         font-size:16px!important;
     }
    }
     @media only screen and (max-width: 575px) {

#location .slp_search_form .search_box .search_item {
    width:100%;
    padding-left:10px;
}
#about-us,
#location {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.about-text{
    margin:10px;
}
.card-title .card-demo {
    display: block;
    align-items: center;
    overflow: auto;
    box-sizing: border-box;
    padding: 10px;
}
.card-demo .card-pic,
.card-demo .card-info{
width:100%;
}
.card-info p{
    font-size: 20px!important;
}
.step-content *{
    font-size: 20px!important;
}
.gift-content * {
    font-size: 20px !important;
}
body .wrapper h1{
    font-size:35px !important
}
}
@media only screen and (max-width: 575px) {
#food-selection ul li a{
    font-size: 12px!important;
}
}
@media only screen and (max-width: 530px){
    footer ul li:nth-of-type(1) {
        width: 100%;
    }
    .site-content {
        padding-bottom: 76px !important;
    }
}
@media only screen and (max-width:749px) {

}