@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css');

    body { font-size:12px; background-color:#f5e79f; color:#ffffff; font-family:'Lato', 'Sans-serif'; }
    .page-container { max-width:1100px; width:100%; margin:0 auto; }
    a { color:#d01414; }
    a:hover { color:#d01414; text-decoration:underline; }
    .ui-datepicker {font-size:1.2rem; }
    .left { width:65%; padding:0; display:inline-block; vertical-align:top; overflow:hidden; }
    .right { width:30%; padding:0 0 0 5%; display:inline-block;  vertical-align:top; overflow:hidden; }

    ul.basket { width:100%; list-style:none; margin:0; padding:0; }
    ul.basket li { width:100%; list-style:none; margin:0 0 25px 0; padding:0; }
    ul.basket li div.image { width:20%; margin-right:5%; display:inline-block; }
    ul.basket li div.image img { max-width:100%; }
    ul.basket li div.details { vertical-align:top; margin-top:15px; width:47%; padding-right:3%; display:inline-block; }
    ul.basket li div.pz_buttons { vertical-align:top; margin-top:15px; width:20%; display:inline-block; }


    ul.date_selection { }
    ul.date_selection li {  }

    .remove_basket { cursor:pointer; }

    /*ul.menu { width:100%; list-style:none; margin:0; padding:0; }
    ul.menu li { display:inline-block; vertical-align:top; width:28%; list-style:none; margin:0 5% 6% 0; padding:0; }
    ul.menu li div.image { width:100%; display:inline-block; cursor:pointer; }
    ul.menu li div.image img { max-width:100%; }
    ul.menu li div.details { width:50%; display:inline-block; }
    ul.menu li div.label { min-height:30px; padding:10px 5px 0 5px; line-height:1.4em; }
    ul.menu li div.price { padding:5px 5px 0 5px; }
    ul.menu li div.pz_buttons { width:20%; display:inline-block; }*/

    h1 { color:#5C677E; font-size:22px; border-top:1px solid; border-bottom:1px solid; border-color:#5C677E; padding:10px; text-align:center; }
    .menu h3 { text-align:center; text-decoration:underline; font-size:22px; }

    hr { color:#5C677E; text-align:center; width:50%; margin-left:25%; border-top:1px solid; }
    
    ul.menu { width:100%; list-style:none; margin:0; padding:0; font-family:'open sans', sans-serif; }
    ul.menu li { vertical-align:top; width:auto; text-align:center; list-style:none; margin:0 0% 2% 0; padding:5px; cursor:pointer; }
    ul.menu li:hover { background-color:#F0F0F0; }
    ul.menu li div.image { width:100%; display:inline-block; cursor:pointer; }
    ul.menu li div.image img { max-width:100%; }
    ul.menu li div.details { width:50%; display:inline-block; }
    ul.menu li .label { min-height:30px; color:#373c49; text-align:center; font-weight:600; font-size:14px; padding:10px 5px 0 5px; }
    ul.menu li .price, 
    ul.menu li .description { font-size:14px; color:#373c49; }
    ul.menu li div.pz_buttons { width:20%; display:inline-block; }

    ul.date_selection { width:100%; color:#5C677E; font-size:26px; }
    ul.date_selection li { width:100%; margin-top:2rem; cursor:pointer; padding:0.5em; }
    ul.date_selection li:hover { background-color:#F0F0F0; }
    ul.date_selection li span { vertical-align: top; }
    
    ul.date_selection li span.date { width:10%; display:inline-block; }
    ul.date_selection li span.date .day { width:100%; display:inline-block; font-size:0.9em; }
    ul.date_selection li span.date .month { width:100%; display:inline-block; font-size:0.7em; }
    
    ul.date_selection li span.info { width:70%; display:inline-block; }
    ul.date_selection li span.info .location { width:100%; display:inline-block; font-size:0.8em; font-weight:bold; color:#000; }
    ul.date_selection li span.info .date { width:100%; display:inline-block; font-size:0.7em; }
    ul.date_selection li span.info .description { width:100%; display:inline-block; font-size:0.7em; }

    ul.date_selection li span.location_image { width:20%; display:inline-block; }
    ul.date_selection li span.location_image img { max-height:100px; }

    p.notice { color:#5C677E; font-size:20px; color:#bf2d2d; }

    .product_detail h2 { margin:0 0 15px 0; font-size:15px; }
    .product_detail h3 { font-size:14px; }
    .product_detail .image { width:40%; display:inline-block; }
    .product_detail .image img { width:100%; }
    .product_detail .right { width:55%; display:inline-block; padding:0 2.5%; }
    .product_detail .price { font-size:13px; }
    .product_detail .description { width:100%; padding-top:20px; font-size:13px; }

    .product_detail .options { margin-top:10px; }

    .product_detail ul { margin:0 0 30px 0; padding:0; }
    .product_detail ul li { list-style:none; margin:0 0 15px 20px; padding:0; }
    .product_detail ul li.items_attributes label { font-size:15px; width:60%; }
    .product_detail ul li.items_attributes label select { font-size:15px; float:right; width:50%; }
    .product_detail ul li.items_attributes label select[name=item_quantity] { width:25%; }
    .product_detail ul li.notes label textarea { width:100%; height:100px;  }

    .nav_buttons { display:block; font-size:20px; text-decoration:none; margin-bottom:15px; }
    .nav_buttons a { text-decoration:none; }
    .nav_buttons span, 
    .nav_buttons a span { text-decoration:none; color:#000; font-size:15px; padding-left:12px; }
    .nav_buttons i { background-color:#FDE97C; color:#6A6447; padding:7px 12px 7px 10px; border-radius: 10px; }
    .nav_buttons i.fa-cutlery { padding:7px 12px 7px 10px; }
    .nav_buttons i.fa-calendar { padding:7px 10px 7px 10px; }
    .nav_buttons i.fa-shopping-basket { padding:7px 8px 7px 8px; }

    .order_details span.error { font-size:18px; color:#ff9090; font-weight:bold; }
    .order_details label.order_info { display:block; width:95%; margin-left:2%; font-size:14px; margin-bottom:20px; }
    .order_details label.order_info span { display:inline-block; width:25%; }
    .order_details label.order_info input { padding:5px; width:50%; }
    .order_details p.payment_info { margin-left:2%; font-size:14px; text-align:left; }

    .order_details h2 { margin-top:25px; }            
    .order_details .pz_buttons { padding-top:20px; }

    .order_complete h1 { text-align:center; width:80%; }
    .order_complete p { text-align:center; width:80%; font-size:14px; }

    .ui-datepicker th { color:#000000; }

    #mobile_nav { display:no2ne; }
    #mobile_nav div.nav_buttons { display:inline-block; font-size:15vw; margin:2vw 2% 2vw 2%; text-align:center; }
    #mobile_nav div.nav_buttons a { text-decoration:none; }

    ul.basket li div.details { margin-top:0; line-height:1.5em; }
    ul.basket li div.pz_buttons { margin-top:0; font-size:23px; text-align:right; color:#d67e7e; }

    .desktop_element { display:block; }
    .mobile_element { display:none; }


    @media only screen and (min-width: 0px) and (max-width: 1000px)
    {
        /* ul.menu li { width:45%; }*/
    }

    @media only screen and (min-width: 0px) and (max-width: 850px)
    {
        .desktop_element { display:none; }
        .mobile_element { display:block; }

        .ui-datepicker {font-size:1.0rem; }
        
        #mobile_nav { display:block; }

        ul.available_times { margin:0; padding:0; }
        ul.available_times li { margin:0; padding:0 0 10px 0; display:inline-block; margin-right:10px; }
        ul.available_times li { display:inline-block; }

        p { text-align:left; width:100%; }

        #right_panel { display:none; }
        #left_panel { width:96%; }
        #left_panel.left { padding:2%; }

        .product_detail .right { width:100%; padding:5% 0; }
        .product_detail .image { width:100%; }
    }