/***********************************************************************************************
 *
 *             GLOBAL
 *
***********************************************************************************************/
body
{
    font: 16px/1.3 'BrandonGrotW01-Regular';
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    background: url('../images/greek-bg.gif');
}

#greek-larder .amatic
{
    font-family: 'Amatic SC', cursive;
}

#greek-larder .brandon-reg
{
    font-family:'BrandonGrotW01-Regular';
}
#greek-larder .brandon-med
{
    font-family:'Brandon Grot W01 Medium';
    font-weight: 500;
}
#greek-larder .brandon-bold
{
    font-family:'Brandon Grot W01 Bold';
}

#greek-larder .shadows
{
    font-family: 'Shadows Into Light', cursive;
    font-size: 18px;
    color: #000;
    display: inline-block;
    margin: 0 0 20px 20px;
    font-weight: bold;
    text-decoration: underline;
}


#greek-larder .wrapper
{
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    clear: both;
}
    #greek-larder .wrapper .left
    {
        float: left;
    }
    #greek-larder .wrapper .right
    {
        float: right;
    }
    
#greek-larder .cf
{
    clear: both;
}

/* For modern browsers */
.clearf:before,
.clearf:after {
    content:"";
    display:table;
}

.clearf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearf {
    *zoom:1;
}

#greek-larder .greek-bg
{
    height: 100%;
    width: 100%;
    background: url('../images/greek-bg.jpg');
}

#greek-larder .no-bg
{
    background: none !important;
}

#greek-larder #main
{
    margin-bottom: 50px;
}

#greek-larder .cb
{
    clear: both;
}

#greek-larder .hide
{
    display: none !important;
}

#greek-larder a.hideLink
{
    cursor: default;
}

@media(max-width: 600px)
{
    #greek-larder .wrapper
    {
        width: 100%;
    }
}

/***********************************************************************************************
 *
 *             FONTS
 *
***********************************************************************************************/
h1, h2, h3, h4
{
    font-family: 'Amatic SC', cursive;
    font-weight: bold;
    text-transform: uppercase;
    color: #86ae56;
    padding: 0;
    margin: 0;
}

h1.centre, h2.centre, h3.centre, h4.centre
{
    text-align: center;
}

h1
{
    font-size: 64px;
}

h3
{
    font-size: 54px;
    color: #333333;
    margin-bottom: 25px;
}

h4
{
    font-size: 24px;
    color: #333333;
}

#greek-larder .news h4
{
    font-size: 30px;
}

#greek-larder .news-dates
{
    font-size: 16px !important;
    font-family:'Brandon Grot W01 Bold';
    color: #78a85f;
    margin-top: 15px;
}

.normalise
{
    font-family: 'PT Sans', 'sans-serif';
    text-transform: none;
}

h3.green-underline
{
    position: relative;
}

h3.green-underline:before
{
    content: " ";
    position: absolute;
    bottom: -5px;
    left: 0;
    background: url('../images/green-border.png') bottom center no-repeat;
    width: 100%;
    height: 8px;
}

#greek-larder p
{
    padding-bottom: 8px;
}

.green
{
    color: #77a85e;
}

#greek-larder .bold
{
    font-weight: bold;
}

#greek-larder span.special
{
    display: inline-block;
    background: url('../images/x-icon.png') center center no-repeat;
    position: relative;
    height: 100%;
    width: 80px;
    height: 25px;
    vertical-align: initial;
}
#greek-larder h1.special
{
    display: inline-block;
    vertical-align: middle;
}

#greek-larder span.special.white
{
    background: url('../images/x-icon-white.png') center center no-repeat;
}

#greek-larder .underline
{
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}
    #greek-larder .underline:before
    {
        content: " ";
        position: absolute;
        bottom: -10px;
        left: 0;
        height: 10px;
        width: 100%;
        background: url('../images/link-underline.png') bottom no-repeat;
        background-size: cover;
    }
    
#greek-larder a:hover
{
    color: #77a85e;
}

@media(max-width: 900px)
{
    h1
    {
        font-size: 50px;
    }
    h3
    {
        font-size: 40px;
    }
    p
    {
        font-size: 16px;
    }
}

/***********************************************************************************************
 *
 *             HEADER
 *
***********************************************************************************************/
#greek-larder #header
{
    height: 100%;
    width: 100%;
}
    #greek-larder #header .wrapper
    {
        position: relative;
    }
    
#greek-larder #header #main-nav
{
    position: relative;
    background: #fff;
    padding: 30px 40px;
}

#greek-larder #header .nav-scroll-bg #main-nav
{
    padding: 10px 40px;
}

    #greek-larder #header #main-nav > .left > a
    {
        height: 131px;
        display: block;
    }
    
    #greek-larder #header .nav-scroll-bg #main-nav > .left > a
    {
        height: 100px;
        display: block;
    }
        #greek-larder #header .nav-scroll-bg #main-nav > .left > a img
        {
            height: 100%;
            width: auto;
        }
    
    #greek-larder #header #main-nav #coming-soon
    {
        font-size: 24px;
        font-weight: bold;
        display: block;
    }
        #greek-larder #header #main-nav #coming-soon > span
        {
            margin-right: 15px;
        }
        #greek-larder #header #main-nav #coming-soon a img
        {
            vertical-align: middle;
            margin-left: 10px;
        }
        
@media(max-width: 768px)
{
    #greek-larder #header #main-nav #coming-soon
    {
        display: none;
    }
}

@media(max-width: 600px)
{
    #greek-larder #header #main-nav
    {
        
    }
}
        
/***********************************************************************************************
 *
 *             NAV
 *
***********************************************************************************************/
#greek-larder #header .wrapper#fixed-nav
{
    position: fixed;
    z-index: 4;
}

#greek-larder #fixed-nav-fix
{
    padding-bottom: 191px;
}

#greek-larder .nav
{
    padding: 0;
    margin: 0px 0 0 0;
    list-style: none;
    margin-top: 10px;
}

#greek-larder #header .nav-scroll-bg .nav
{
    margin-top: 20px;
}

    #greek-larder .nav li
    {
        margin-left: 5px;
        /* margin-left: 90px; */
        display: inline-block;
        text-align: center;
        position: relative;
        min-width: 80px;
    }
        #greek-larder .nav li a
        {
            font-family:'Brandon Grot W01 Bold';
            font-weight: 400;
            font-size: 18px;
            color: #333333;
            text-decoration: none;
            
            text-transform: lowercase;
        }
            #greek-larder .nav li a span, #greek-larder .nav li a span img
            {
                text-align: center;
                margin: 0 auto;
            }
        #greek-larder .nav li:hover a
        {
            color: #86ae56;
            z-index: 99;
        }
        #greek-larder .nav li a.nav-selected, #greek-larder .nav li a.nav-path-selected
        {
            color: #86ae56;
            position: relative;
        }
        #greek-larder .nav li.nav-selected a:before, #greek-larder .nav li.nav-path-selected a:before, #greek-larder .nav li a:hover:before
        {
            content: " ";
            position: absolute;
            bottom: -5px;
            left: 0;
            background: url('../images/green-border.png') bottom center no-repeat;
            width: 100%;
            height: 8px;
        }
        /*
        #greek-larder .nav li.nav-selected:before, #greek-larder .nav li.nav-path-selected:before, #greek-larder .nav li:hover:before
        {
            content: " ";
            position: absolute;
            bottom: 45px;
            left: -20px;
            background: url('../images/x-icon.png') top left no-repeat;
            width: 23px;
            height: 19px;
        }
        #greek-larder .nav li.nav-selected:after, #greek-larder .nav li.nav-path-selected:after, #greek-larder .nav li:hover:after
        {
            content: " ";
            position: absolute;
            bottom: 45px;
            right: -20px;
            background: url('../images/x-icon.png') top right no-repeat;
            width: 23px;
            height: 19px;
        }
        */
    #greek-larder #responsive-menu
    {
        display: none;
        height: 30px;
        float: right;
        color: #ffffff;
        padding: 0 0px;
        cursor: pointer;
        margin-top: 20px;
    }
        #greek-larder #responsive-menu img
        {
            padding-top: 24px;
            display: block;
            width: 50px;
            height: 50px;
        }
        
@media(max-width: 1200px)
{
    #greek-larder .nav li
    {
        /*margin-left: 50px;*/
        
    }
}

@media(max-width: 1000px)
{
    #greek-larder .nav li
    {
        /*margin-left: 20px;*/
    }
    
    #greek-larder .nav li a
    {
        font-size: 18px;
    }
}
        
@media(max-width: 768px)
{
    #greek-larder #header .wrapper#fixed-nav
    {
        position: absolute;
        width: 100%;
    }
    
    #greek-larder #main-nav > .right
    {
        display: none;
        float: none;
        position: absolute;
        left: 0;
        top: 100%;
        background: #fff;
        width: 100%;
        z-index: 999;
        border-bottom: solid #86ae56 2px;
    }
    
    #greek-larder .nav li
    {
        display: block;
        margin-bottom: 10px;
        margin-left: 0;
    }
    
    #greek-larder .nav li.nav-selected:before, #greek-larder .nav li.nav-path-selected:before, #greek-larder .nav li:hover:before
    {
        bottom: 45px;
        left: 50px;
    }
    #greek-larder .nav li.nav-selected:after, #greek-larder .nav li.nav-path-selected:after, #greek-larder .nav li:hover:after
    {
        bottom: 45px;
        right: 50px;
    }
        
    #greek-larder .nav li a:hover
    {
        color: #86ae56;
    }
    #greek-larder .nav li a.nav-selected, #greek-larder .nav li a.nav-path-selected
    {
        color: #86ae56;
    }
        
    #greek-larder #responsive-menu
    {
        display: block;
    }
}
        
/***********************************************************************************************
 *
 *             BANNER
 *
***********************************************************************************************/   
#greek-larder .banner
{
    height: 378px;
    width: auto;
    position: relative;
}

#greek-larder a.newsletter-click
{
    color: green;
    text-decoration: none !important;
    border: none !important;
}

#greek-larder .banner #banner-titles
{
    position: relative;
    margin: 0 auto;
    padding: 70px 0 0 0;
    text-align: center;
    text-decoration: none;
    border: none;
}
    #greek-larder .banner #banner-titles h1
    {
        color: #fff;
        text-decoration: none !important;
        font-size: 120px;
        letter-spacing: 10px;
        border: 0 none;
        font-weight: 200;
        position: relative;
        display: inline-block;
    }
    #greek-larder .banner #banner-titles h1:before
    {
        content: " ";
        position: absolute;
        bottom: 60px;
        left: -40px;
        background: url('../images/white-x.png') left no-repeat;
        width: 23px;
        height: 19px;
    }
    #greek-larder .banner #banner-titles h1:after
    {
        content: " ";
        position: absolute;
        bottom: 60px;
        right: -40px;
        background: url('../images/white-x.png') right no-repeat;
        width: 23px;
        height: 19px;
    }
    
    #greek-larder .banner #banner-titles h2
    {
        color: #fff;
        text-decoration: none;
        font-size: 40px;
    }
    #greek-larder .banner #banner-titles h2:before
    {
        content: " ";
        position: absolute;
        bottom: -5px;
        left: 0;
        background: url('../images/white-border.png') bottom center no-repeat;
        width: 100%;
        height: 15px;
    }

@media(max-width: 1200px)
{
    #greek-larder .banner
    {
        height: 500px;
    }
}

@media(max-width: 1000px)
{
    #greek-larder .banner
    {
        height: 400px;
    }
    
    #greek-larder .banner #banner-titles h1
    {
        font-size: 90px;
    }
}

/***********************************************************************************************
 *
 *             HOME CONTENT
 *
***********************************************************************************************/
#greek-larder .wrapper
{
    background: #fff;
}

#greek-larder .wrapper.heading
{
    text-align: center;
}
    #greek-larder .heading h1
    {
        margin: 50px 0;
    }
    #greek-larder .heading a
    {
        text-decoration: none;
    }

#greek-larder .wrapper.intro
{
    position: relative;
}

#greek-larder #home .wrapper .container img
{
    max-width: 100%;
    height: auto;
}

#greek-larder .wrapper.border
{
    border-top: 2px solid #f4f4f4;
    border-bottom: 2px solid #f4f4f4;
    box-sizing: border-box;
    
    background-color: #fbfbfb;
    /*
    -moz-border-image:url("../images/borders/full.png") 20 20 20 20 stretch; 
    -webkit-border-image:url("../images/borders/full.png") 20 20 20 20 stretch; 
    -o-border-image:url("../images/borders/full.png") 20 20 20 20 stretch; 
    border-image:url("../images/borders/full.png") 20 20 20 20 stretch;
    */
}

    #greek-larder #home .wrapper .left, #greek-larder #home .wrapper .right
    {
        width: 48%;
    }
    #greek-larder .wrapper.intro .left .container, #greek-larder .wrapper.intro .right .container
    {
        padding: 40px;
    }
    #greek-larder .wrapper .right, #greek-larder .wrapper .left
    {
        position: relative;
    }
    #greek-larder .wrapper .container img.wide
    {
        text-align: right;
        width: 100%;
    }
    
#greek-larder .wrapper.news
{
    position: relative;
    padding: 50px 0;
    /*background: url('../images/notepad.jpg');*/
}
    #greek-larder .wrapper.news > h3
    {
        padding-left: 20px;
    }
    #greek-larder .wrapper.news .left .container, #greek-larder .wrapper.news .right .container
    {
        padding: 20px;
    }
    #greek-larder .wrapper.news .container img
    {
        max-width: 100%;
        height: auto;
    }
    
@media(max-width: 768px)
{
    #greek-larder #home .wrapper .left, #greek-larder #home .wrapper .right
    {
        width: 100%;
    }

    #greek-larder .full .wrapper
    {
        padding: 0 50px;
        width: auto;
    }
}
/***********************************************************************************************
 *
 *             CONTENT PAGE
 *
***********************************************************************************************/
#greek-larder #content .left
{
    width: 49%;
    margin-right: 1%;
}
#greek-larder #content .right
{
    width: 49%;
    margin-left: 1%;
}

#greek-larder #content .right .container p, #greek-larder #content .left .container p
{
    margin: 0 0 20px 0;
    padding: 0;
}

#greek-larder #content .right .container, #greek-larder #content .left .container
{
    padding: 20px 50px;
    background-position: center;
    color: #333333;
}
    #greek-larder #content .right .container img, #greek-larder #content .left .container img
    {
        width: 90%;
        max-width: 310px;
        height: auto;
        margin: 0 auto;
        margin-top: 20px;
    }
    
#greek-larder .wrapper.content
{
    padding: 20px 30px;
}

@media(max-width: 768px)
{
    #greek-larder #content .left
    {
        width: 100%;
    }
    #greek-larder #content .right
    {
        width: 100%;
    }
}

/***********************************************************************************************
 *
 *             Image Content
 *
***********************************************************************************************/
.image-content .image, .image-content.force img
{
    border: 4px solid #fff;
    border-radius: 3px;
    -webkit-box-shadow: 2px 4px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 4px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 2px 4px 10px 0px rgba(0,0,0,0.3);
}

/***********************************************************************************************
 *
 *             MENU PAGE
 *
***********************************************************************************************/
#greek-larder #menu-columns
{
    font-size: 0;
}
    #greek-larder #menu-columns .column
    {
        font-size: 0;
        width: 33.33333%;
        height: 450px;
        display: inline-block;
        text-align: center;
        color: #fff;
        position: relative;
        vertical-align: top;
    }
    #greek-larder #menu-columns .column.wide
    {
        width: 50%;
        height: 180px;
    }
        #greek-larder #menu-columns .title, #greek-larder #menu-columns h3
        {
            position: relative;
            font-size: 48px;
            margin-top: 130px;
            color: #fff;
            z-index: 3;
        }
        #greek-larder #menu-columns .title, #greek-larder #menu-columns .wide h3
        {
            margin-top: 20px;
        }
        #greek-larder #menu-columns .description
        {
            position: relative;
            font-size: 18px;
            margin-bottom: 20px;
        }
        
    #greek-larder #menu-columns .column .overlay
    {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        
        -webkit-opacity: 0.8;
        -moz-opacity: 0.8;
        filter:alpha(opacity=80);
    }
        
    #greek-larder #menu-columns .column:hover .overlay
    {
        display: block;
        
    }
    
    #greek-larder #menu-columns .column:hover h3, #greek-larder #menu-columns .column:hover .description
    {
        color: #333333;
    }
    
    #greek-larder #menu-columns .column:hover button
    {
        color: #fff;
        background-color: #333333;
        /*border: 8px solid #333333;
        
        -moz-border-image:url("../images/borders/button-border-black.png") 8 8 8 8 stretch; 
        -webkit-border-image:url("../images/borders/button-border-black.png") 8 8 8 8 stretch;
        -o-border-image:url("../images/borders/button-border-black.png") 8 8 8 8 stretch; 
        border-image:url("../images/borders/button-border-black.png") 8 8 8 8 stretch;
        */
    }
    
    #greek-larder #menu-columns .column span.special
    {
        background: url('../images/x-icon-white.png') center center no-repeat;
        height: 60px;
        vertical-align: top;
    }
        #greek-larder #menu-columns .column:hover span.special
        {
            background: url('../images/x-icon-black.png') center center no-repeat;
        }
        
#greek-larder .wrapper.full-width-content
{
    font-size: 0;
    margin-top: 50px;
    margin-bottom: 50px;
    background: none;
    position: relative;
}
    #greek-larder .wrapper.full-width-content .two-thirds
    {
        font-size: 18px;
        width: 66.666%;
        height: 100%;
        min-height: 180px;
        display: inline-block;
    }
    #greek-larder .wrapper.full-width-content .one-thirds
    {
        position: relative;
            
        font-size: 18px;
        width: 33.333%;
        height: 100%;
        min-height: 120px;
        padding-top: 60px;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        vertical-align: top;
        z-index: 10;
    }
        #greek-larder .wrapper.full-width-content .one-thirds .background
        {
            background: #86ae56;
        
            -webkit-opacity: 0.7;
            -moz-opacity: 0.7;
            filter:alpha(opacity=70);
            
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            min-height: 180px;
        }
        
@media(max-width: 950px)
{
    #greek-larder .wrapper.full-width-content .two-thirds
    {
        width: 55%;
    }
    #greek-larder .wrapper.full-width-content .one-thirds
    {
        width: 45%;
    }
}

@media(max-width: 768px)
{
    #greek-larder #menu-columns .column
    {
        width: 100%;
    }
     #greek-larder .wrapper.full-width-content .two-thirds
    {
        width: 50%;
    }
    #greek-larder .wrapper.full-width-content .one-thirds
    {
        width: 50%;
    }
}

@media(max-width: 600px)
{
     #greek-larder .wrapper.full-width-content .two-thirds
    {
        width: 100%;
    }
    #greek-larder .wrapper.full-width-content .one-thirds
    {
        width: 100%;
    }
    
    #greek-larder #menu-columns .column span.special
    {
        width: 50px;
    }
}
       
/***********************************************************************************************
*
*             Menu Items
*
***********************************************************************************************/    

#greek-larder .left-column
{
    width: 48%;
    float: left;
}

#greek-larder .right-column
{
    width: 48%;
    float: right;
}

#greek-larder .menu-footer
{
    clear: both;
}

#greek-larder .menu-list 
{
    background: #fff;
    padding: 0 0 70px;
}

    #greek-larder .menu-list .inner
    {
         padding: 20px 50px;
         max-width: 900px;
         margin: 0 auto;
    }

    #greek-larder .menu-list .black-line
    {
        display: block;
        height: 1px;
        width: 300px;
        margin: 0 auto;
        clear: both;
        border-bottom: 1px solid #000;
        padding: 50px 0 0;
    }

#greek-larder .menu-footer-text
{
    background: #fff;
    text-align: center;
    font-size: 90%;
    padding: 30px 0;
}

    #greek-larder .menu-footer-text .wrapper
    {
        max-width: 900px;
    }

#greek-larder .menu-wide 
{
    height: auto;
    padding: 30px 0 70px;
}

#greek-larder .heading.move-left
{
    text-align: left;
}

    #greek-larder .heading.move-left .inner 
    {
        max-width: 900px;
        margin: 0 auto;
    }



@media(max-width: 767px){
    #greek-larder .left-column,
    #greek-larder .right-column
    {
        width: 100%;
        float: none;
    }

    #greek-larder .menu-footer-text .wrapper
    {
        width: 90%;
    }
}

/***********************************************************************************************
 *
 *             GALLERY PAGE
 *
***********************************************************************************************/
#greek-larder .wrapper.gallery
{
    font-size: 0;
}
    #greek-larder .wrapper.gallery .gItem
    {
        width: 20%;
        display: inline-block;
        vertical-align: top;
        height: 250px;
        margin-bottom: 20px;
    }
        #greek-larder .wrapper.gallery .gItem .gItemBorder
        {
            width: 80%;
            height: 80%;
            border: 5px solid #d3dee2;
            overflow: hidden;
            margin: 0 auto;
            
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }
            #greek-larder .wrapper.gallery .gItem img
            {
                width: auto;
                height: 100%;
                overflow: hidden;
            }
        
@media(max-width: 768px)
{
    #greek-larder .wrapper.gallery .gItem
    {
        width: 33.333% !important;
    }
}

@media(max-width: 600px)
{
    #greek-larder .wrapper.gallery .gItem
    {
        width: 100% !important;
    }
}      
/***********************************************************************************************
 *
 *             NEWS LIST PAGE
 *
***********************************************************************************************/       
#greek-larder #news .wrapper .left, #greek-larder #news .wrapper .right
{
    width: 48%;
}

@media(max-width: 768px)
{
    #greek-larder #news .wrapper .left, #greek-larder #news .wrapper .right
    {
        width: 100%;
    }
}

/***********************************************************************************************
 *
 *             CONTACT PAGE
 *
***********************************************************************************************/
#greek-larder #contact .wrapper
{
    padding-bottom: 50px;
}

#greek-larder #contact .wrapper .left
{
    width: 33%;
}
#greek-larder #contact .wrapper .right
{
    width: 66%;
    text-align: center;
}
    #greek-larder #contact .wrapper .right img
    {
        max-width: 100%;
        height: auto;
    }
    #greek-larder #contact .wrapper .right img:nth-child(2)
    {
        margin-top: 120px;
    }

#greek-larder #contact .wrapper .left .container,
#greek-larder #contact .wrapper .right .container,
#greek-larder #contact .wrapper .container
{
    padding: 20px 50px;
}

#greek-larder #contact .wrapper .container .third
{
    display: inline-block;
    width: 33%;
    vertical-align: top;
}

#greek-larder #contact .wrapper .container .image-content img
{
    width: 100%;
    height: auto;
}

#greek-larder #contact .container p
{
    padding: 5px 0;
    margin: 0;
}

#greek-larder #contact .wrapper .container a, #greek-larder #contact .wrapper .container span.green
{
    color: #86ae56;
    text-decoration: none;
}

@media(max-width: 768px)
{
    #greek-larder #contact .wrapper .left
    {
        width: 100%;
    }
    #greek-larder #contact .wrapper .right
    {
        width: 100%;
    }
    #greek-larder #contact .wrapper .right img:nth-child(2)
    {
        margin-top: 0px;
    }
    
    #greek-larder #contact .wrapper .container .third
    {
        width: 100%;
    }
}

/***********************************************************************************************
 *
 *             ARTICLES
 *
***********************************************************************************************/
#greek-larder #article .wrapper .container, #greek-larder #article .wrapper .container
{
    padding: 20px 50px;
}
    #greek-larder #article img
    {
        width: 100%;
        height: auto;
    }
/***********************************************************************************************
 *
 *             TWITTER
 *
***********************************************************************************************/
#greek-larder #tweets
{
    
}
    #greek-larder #tweets .tweet_list
    {
        list-style: none;
        padding: 0;
        margin: 0 0 20px 0;
    }
        #greek-larder #tweets .tweet_list li
        {
            display: inline-block;
            width: 50%;
            font-size: 18px;
            vertical-align: top;
        }   
            #greek-larder #tweets .tweet_list li a
            {
                color: #86ae56;
            }
        
#greek-larder #tweets .twitterTitle
{
    font-family: 'Amatic SC', cursive;
    color: #86ae56;
    font-size: 24px;
    font-weight: bold;
}

@media(max-width: 768px)
{
    #greek-larder #tweets .tweet_list li
    {
        width: 100%;
        margin-bottom: 10px;
    }   
}

/***********************************************************************************************
 *
 *             CSS BUTTONS
 *
***********************************************************************************************/
#greek-larder button
{
    color: #fff;
    font-size: 18px;
    padding: 15px 50px;
    background:  #333333;
    text-transform: lowercase;
    
    border: none;
    box-sizing: border-box;
    position: relative;
}
    #greek-larder button:hover
    {
        color: #fff;
        background: #77a85e;
    }

#greek-larder button.heading
{
    margin: 30px 0;
}

#greek-larder button.green
{
    color: #333333;
    background-color: #fff;
}

#greek-larder button.transparent
{
    background-color: transparent;
}

#greek-larder button.special
{
    text-transform: uppercase;
    font-family: 'Amatic SC', cursive;
    font-size: 36px;
    padding: 0px 20px;
}

/*
#greek-larder button
{
    font-family: 'Amatic SC', cursive;
    color: #86ae56;
    font-size: 36px;
    font-weight: bold;
    padding: 0px 10px;
    background: transparent;
    
    border: 8px solid #86ae56;
    box-sizing: border-box;
    position: relative;
    
    -moz-border-image:url("../images/borders/button-border.png") 8 8 8 8 stretch; 
    -webkit-border-image:url("../images/borders/button-border.png") 8 8 8 8 stretch; 
    -o-border-image:url("../images/borders/button-border.png") 8 8 8 8 stretch; 
    border-image:url("../images/borders/button-border.png") 8 8 8 8 stretch;
}

    #greek-larder button.black
    {
        color: #333333;
        border: 8px solid #333333;

        -moz-border-image:url("../images/borders/button-border-black.png") 8 8 8 8 stretch; 
        -webkit-border-image:url("../images/borders/button-border-black.png") 8 8 8 8 stretch; 
        -o-border-image:url("../images/borders/button-border-black.png") 8 8 8 8 stretch; 
        border-image:url("../images/borders/button-border-black.png") 8 8 8 8 stretch;
    }
    
    #greek-larder button.white
    {
        color: #fff;
        border: 8px solid #fff;

        -moz-border-image:url("../images/borders/button-border-white.png") 8 8 8 8 stretch; 
        -webkit-border-image:url("../images/borders/button-border-white.png") 8 8 8 8 stretch; 
        -o-border-image:url("../images/borders/button-border-white.png") 8 8 8 8 stretch; 
        border-image:url("../images/borders/button-border-white.png") 8 8 8 8 stretch;
    }
    
*/

/***********************************************************************************************
 *
 *             FOOTER
 *
***********************************************************************************************/
#greek-larder #footer
{
    height: 80px;
    background: #000;
    width: 100%;
    opacity: 0.75;
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    filter:alpha(opacity=75);
}
    #greek-larder #footer ul
    {
        display: inline-block;
        list-style: none;
        padding: 0;
        margin: 0;
    }
        #greek-larder #footer ul li
        {
            display: inline-block;
            padding: 28px 20px 0 20px;
        }
            #greek-larder #footer ul li a
            {
                color: #bbbbbb;
                font-size: 18px;
                text-decoration: none;
            }
            #greek-larder #footer ul li:hover a
            {
                color: #86ae56;
            }
    #greek-larder #footer #copyright
    {
        
    }
        #greek-larder #footer #copyright span
        {
            display: inline-block;
            color: #bbbbbb;
            font-size: 18px;
            text-decoration: none;
            padding: 28px 20px 0 20px;
        }
#greek-larder #footer-logo
{
    text-align: center;
    margin: 40px 0;
}

@media(max-width: 1000px)
{
    #greek-larder #footer
    {
        height: 100%;
    }
    #greek-larder #footer ul
    {
        display: block;
        width: 100%;
    }
    #greek-larder #footer #copyright
    {
        float: none;
        padding-bottom: 10px;
    }
}

@media(max-width: 750px)
{
    #greek-larder #footer ul li
    {
        display: block;
        padding: 10px 20px 0 20px;
    }
}















/***********************************************************************************************
 *
 *             FONTS
 *
***********************************************************************************************/


a
{
    color: #77a85e;
}

.grey
{
    color: #696969;
}

.red
{
    color: #fb0d1b;
}

.white
{
    color: #fff;
}

.bold
{
    font-weight: bold;
}



/***********************************************************************************************
 *
 *             BANNERS
 *
***********************************************************************************************/  
#greek-larder #home-banner
{
    
    overflow: hidden;
    
    -webkit-box-shadow: 
        0 2px 3px 0 rgba(0,0,0,0.1),
        0 -2px 3px 0 rgba(0,0,0,0.1);
    
    -moz-box-shadow: 
        0 2px 3px 0 rgba(0,0,0,0.1),
        0 -2px 3px 0 rgba(0,0,0,0.1);
    
    -o-box-shadow: 
        0 2px 3px 0 rgba(0,0,0,0.1),
        0 -2px 3px 0 rgba(0,0,0,0.1);
    
    box-shadow: 
        0 2px 3px 0 rgba(0,0,0,0.1),
        0 -2px 3px 0 rgba(0,0,0,0.1);
}

#greek-larder #home-banner .flexslider .slides
{
    position: relative;
    padding: 0;
}

#greek-larder #home-banner .flexslider img
{
    height: auto;
    width: 100%;
}

#greek-larder #home-banner .flex-direction-nav a, #greek-larder #product-banner .flex-direction-nav a
{
    height: 70px;
    width: 70px;
}
    #greek-larder #home-banner .flex-direction-nav .flex-prev, #greek-larder #product-banner .flex-direction-nav .flex-prev
    {
        background: url(../images/slider-arrows.jpg) 0 0 no-repeat;
    }
    #greek-larder #home-banner .flex-direction-nav .flex-next, #greek-larder #product-banner .flex-direction-nav .flex-next
    {
        background: url(../images/slider-arrows.jpg) -70px 0 no-repeat;
    }
    
.flex-direction-nav .flex-prev { left: -70px; }
.flex-direction-nav .flex-next { right: -70px; text-align: right; }

.flexslider:hover .flex-prev { opacity: 0.7; left: 0px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 0px; }

#greek-larder #home-banner .content
{
    position: absolute;
    bottom: 5%;
    right: 10%;
    background: #fff;
    padding: 20px;
}
    #greek-larder #home-banner .content h1
    {
        font-size: 50px;
        color: #fb0d1b;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
    }
    #greek-larder #home-banner .content span
    {
        display: block;
        font-size: 30px;
        color: #696969;
        font-weight: 300;
    }
    
@media(max-width: 768px)
{
    #greek-larder #home-banner
    {
        
    }
        #greek-larder #home-banner .flexslider img
        {
            
        }
    
    #greek-larder #home-banner .content
    {
        position: absolute;
        bottom: 10px;
        right: 20px;
        background: #fff;
        padding: 10px;
    }
        #greek-larder #home-banner .content h1
        {
            font-size: 24px;
            color: #fb0d1b;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0;
        }
        #greek-larder #home-banner .content span
        {
            display: block;
            font-size: 16px;
            color: #696969;
            font-weight: 300;
        }
}
    
#greek-larder #product-banner 
{
    height: 430px;
    overflow: hidden;
}

#greek-larder #product-banner .flexslider .slides
{
    position: relative;
    padding: 0;
}
    #greek-larder #product-banner .flexslider .slides li
    {
        width: 280px;
        position: relative;
        background-color: #eeeeee;
        height: 430px;
    }
        #greek-larder #product-banner .flexslider .slides li .overlay
        {
            z-index: 99;
            background-color: #000;
            
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            
            opacity: 0;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            filter:alpha(opacity=0);
            
            transition: opacity .5s ease-in-out;
            -moz-transition: opacity .5s ease-in-out;
            -webkit-transition: opacity .5s ease-in-out;
        }
        #greek-larder #product-banner .flexslider .slides li:hover .overlay
        {
            opacity: 0.85;
            -webkit-opacity: 0.85;
            -moz-opacity: 0.85;
            filter:alpha(opacity=85);
        }
            #greek-larder #product-banner .flexslider .slides li .overlay .content h4
            {
                font-size: 18px;
                color: #fff;
                font-weight: bold;
                text-transform: uppercase;
                margin: 0;
            }
            #greek-larder #product-banner .flexslider .slides li .overlay .content span
            {
                font-size: 13px;
                color: #fff;
                font-weight: 300;
                text-transform: uppercase;
                margin: 0;
                display: block;
            }
                #greek-larder #product-banner .flexslider .slides li .overlay .content span a
                {
                    color: #fff;
                    text-decoration: none;
                }
                #greek-larder #product-banner .flexslider .slides li .overlay .content span a:hover
                {
                    color: #fb0d1b;
                    text-decoration: underline;
                }
    #greek-larder #product-banner .flexslider .slides li .top
    {
        height: 210px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 280px;
    }
        #greek-larder #product-banner .flexslider .slides li .top img
        {
            width: 165px;
            margin: 0 auto;
        }
    #greek-larder #product-banner .flexslider .slides li .bottom
    {
        height: 210px;
        background-color: #fff;
    }
        #greek-larder #product-banner li .bottom .content,
        #greek-larder #product-banner .flexslider .slides li .overlay .content
        {
            padding: 20px;
            position: relative;
            height: 170px;
        }
            #greek-larder #product-banner li .bottom h4
            {
                font-size: 18px;
                color: #696969;
                font-weight: bold;
                text-transform: uppercase;
                margin: 0;
            }
            #greek-larder #product-banner li .bottom p
            {
                font-size: 13px;
                color: #696969;
                font-weight: 300;
            }
            #greek-larder #product-banner li .bottom .content button
            {
                position: absolute;
                bottom: 20px;
                left: 20px;
                z-index: 999;
            }
            
@media(max-width: 768px)
{
    #greek-larder #product-banner .flexslider .slides li:hover .overlay
    {
        display: none;
    }
}

/***********************************************************************************************
 *
 *             HOME CONTENT
 *
***********************************************************************************************/
#greek-larder #home-content
{
    padding: 80px 0;
}
    #greek-larder #home-content h3
    {
        font-size: 18px;
        color: #696969;
        font-weight: bold;
    }
    #greek-larder #home-content p
    {
        font-size: 30px;
        color: #696969;
        font-weight: 300;
    }
    #greek-larder #home-content p.link
    {
        font-size: 16px;
        color: #fb0d1b;
        font-weight: 400;
    }
    
@media(max-width: 768px)
{
    #greek-larder #home-content
    {
        padding: 20px 0;
    }
    #greek-larder #home-content p
    {
        font-size: 20px;
    }
    #greek-larder #home-content p.link
    {
        font-size: 14px;
        color: #fb0d1b;
        font-weight: 400;
    }
}


/***********************************************************************************************
 *
 *             BREADCRUMB
 *
***********************************************************************************************/
#greek-larder .breadcrumb
{
    font-size: 13px;
    font-weight: 400;
    color: #696969;
    text-transform: uppercase;
    display: inline-block;
}
    #greek-larder .breadcrumb a
    {
        color: #fb0d1b;
        text-decoration: none;
    }


/***********************************************************************************************
 *
 *             CSS ARROWS
 *
***********************************************************************************************/
#greek-larder .arrow-up
{
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    
    margin: 0 auto;
}

/***********************************************************************************************
 *
 *             FORMS
 *
***********************************************************************************************/
#greek-larder input[type='text']
{
    border: 1px #d9d9d9 solid;
    outline: none;
    -webkit-appearance:none;
    padding: 5px 10px;
    
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    
    color: #fb0d1b;
    font-size: 14px;
}
    #greek-larder input.search
    {
        background: #fff url('../images/input-search.png') right 10px top 50% no-repeat;
    }
    

/***********************************************************************************************
 *
 *             SLIDER
 *
***********************************************************************************************/
#greek-larder .ui-slider
{
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    
    border: none;
    
    margin: 10px 0 30px 0;
    
    width: 65%;
    display: inline-block;
    float: left;
}

#greek-larder .slider-value
{
    display: inline-block;
    width: 15%;
    float: left;
    color: #fb0d1b;
    font-size: 16px;
    font-weight: bold;
}
    #greek-larder .slider-value.start
    {
    }
    #greek-larder .slider-value.end
    {
        text-align: right;
        padding-left: 5%;
    }

#greek-larder .ui-slider-range
{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    
    background-color: #b7b7b7;
}

#greek-larder .ui-slider-handle
{
    background: url(../images/slider_handles.png) 0 -23px no-repeat;
}

#greek-larder .ui-slider-horizontal .ui-slider-handle
{
    top: -10px;
    cursor: pointer;
}

@media(max-width: 700px)
{
    #greek-larder #our-products > .left
    {
        width: 100%;
    }
    #greek-larder #our-products > .right
    {
        width: 100%;
    }
}

/***********************************************************************************************
 *
 *             SLIDER
 *
***********************************************************************************************/
#greek-larder .ui-widget
{
    font: 18px/1.5 'Open Sans', 'sans-serif';
}

#greek-larder .ui-tabs
{
    border: none;
    background: none;
}
    #greek-larder .ui-tabs ul
    {
        border: none;
        background: #474747;
    }
        #greek-larder .ui-tabs li
        {
            border: none;
            border-radius: 0;
            background: #474747;
            color: #a3a3a3;
            box-shadow: none;
            margin: 0;
            top: 0;
        }
            #greek-larder .ui-tabs li a
            {
                color: #a3a3a3;
                text-shadow: none;
                font-size: 14px;
                font-weight: bold;
                text-transform: uppercase;
                padding: 15px;
            }
        #greek-larder .ui-tabs li.ui-tabs-active, #greek-larder .ui-tabs li:hover
        {
            background: #fb0d1b;
        }
            #greek-larder .ui-tabs li.ui-tabs-active a, #greek-larder .ui-tabs li:hover a
            {
                color: #fff;
            }
        
#greek-larder .ui-tabs-panel
{
    background: #333333;
    border: none;
    border-width: 0;
}
    #greek-larder .ui-tabs-panel h3
    {
        font-size: 18px;
        font-weight: bold;
        color: #fff !important;
        margin: 0;
    }
    #greek-larder .ui-tabs-panel p
    {
        font-size: 14px;
        font-weight: 400;
        color: #fff;
    }
    
    
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#overlaybg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 11;
}
.overlayoff {
	display: none;
}
#formbox {
	background: #fff;
	width: 303px;
	margin: 20% auto;
	padding: 30px 0 0 0;
	position: relative;
	z-index: 12;
}
#formbox p {
	width: 280px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#formbox input {
	background: #f8f8f8;
	width: 283px;
	height: 30px;
	border: none;
	font-size: 16px;
	color: #333;
	margin: 0 0 5px 0;
	padding: 10px;
}
#formbox label {
	display: none;
}
#formbox input[type=submit] {
	width: 291px;
	background: #333;
	color: #fff;
	padding: 20px;
	height: 60px;
	margin: 0 0 5px 5px;
}
#close {
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 13;
}
#close a img {
	margin: 0;
}

/***********************************************************************************************
 *
 *             Open Table Reserve Button
 *
***********************************************************************************************/

a.reserve_btn
{
background: url('../images/reserve-button.png');
background-size: cover;
width: 175px;
height: 60px;
display: inline-block;
vertical-align: middle;
text-indent: -9999em;
}
li.reserve_btn_container.mobile
{
text-align: center;
list-style-type: none;
}
    a.reserve_btn.mobile
    {
    text-align: center;
    display: inline-block;
    list-style-type: none;
    }
@media(min-width: 768px){

    li.reserve_btn_container.mobile
    {
        display: none;
    }
    
}