@charset "UTF-8";
@media screen, projection
{
    body { font-family: 'Roboto Condensed', 'Arial', helvetica, sans-serif; background: #1e1e1e url("../images/design/background.png") repeat top center; background-attachment: fixed; }

    h1, h2, h3 { font-family: 'Bree Serif', 'Arial', helvetica, serif; text-align: left; }
    h1 { font-size: 2.70em; margin-bottom: 0.50em; }

    .bg { border-left: 1px solid #1e1e1e; border-right: 1px solid #1e1e1e; box-shadow: 0 0 25px #000000; }

    .header { background-image: url("../images/design/header.jpg"); background-position: center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 27em; border-bottom: 10px solid #DAA520; position: relative; }

    .logotype { text-align: center; padding: 2em 0 2em 0; background: rgba(255, 255, 255, 0.7); background: linear-gradient(to top, rgba(255, 255, 255, 0.0), rgba(0, 0, 0, 0.7)); }
    .logotype span { display: none; }

    .iconmenu { font-family: 'Bree Serif', 'Arial', helvetica, serif; overflow: hidden; position: absolute; bottom: 0px; left: 0px; width: 100%; margin: 0; padding: 0; text-align: center; }
    .iconmenu li { float: left; width: 25%; list-style-type: none; margin: 0; padding: 0; }
    .iconmenu li span { border-radius: 100px; margin: 10px 20px 0 20px; border: 5px 15px 15px 15px; display: block; max-width: 100%; overflow: hidden; border: 8px solid #DAA520; border-top-width: 3px; box-shadow: 0 0 10px #000000; }
    .iconmenu li img { width: 100%; }
    .iconmenu strong { display: block; margin: -80px 0 10px 0; text-transform: uppercase; color: #FFFFFF; text-shadow: 0 0 5px #000000; font-size: 1.20em; }
    .iconmenu a:hover strong { color: #DAA520; }

    .content { background: #F6F6F6; padding: 2.50em; text-align: justify; }

    .breadcrumbs li { color: #999999; }
    .breadcrumbs li a { color: #999999; }
    .breadcrumbs li a:hover { color: #666666; }

    .footer { background: #E6E6E6; padding: 2.50em; border-top: 10px solid #DAA520; }

    .contact-title { font-family: 'Bree Serif', 'Arial', helvetica, serif; font-size: 1.50em; padding-bottom: 0.40em; margin-bottom: 0.40em; border-bottom: 1px dotted #999999; }
    .contact-title strong { font-weight: normal; }
    .contact-time { line-height: 2.00em; }
    .contact-time span { display: inline-block; width: 5em; }
    .contact-map-box { width: 100%; height: 10em; border: 1px solid #999999; }

    .social { background: #D6D6D6; padding: 1.00em; text-align: center; }
    .social a { display: inline-block; color: #FFFFFF; margin: 0 1.50em; }
    .social a span { display: inline-block; border-radius: 30px; width: 3.00em; height: 3.00em; line-height: 3.00em; }
    .social a span i { font-size: 1.50em; line-height: 2.00em; }
    .social a.icon-facebook span { background: #4267b2; }

    .w100, .w60 { width: 100px; }
    .aRight { text-align: right; }

    .daily h2 { font-size: 1.50em; margin: 0; }
    .daily h3 { font-size: 1.30em; margin: 0 0 0.50em 0; }
    .dailymenutitle { font-size: 1.70em; margin: 0 0 0.50em 0; }
    .dailyprint h2 { font-size: 1.50em; margin: 0 0 0.50em 0; }
    .dailyprint h3 { font-size: 1.20em; margin: 0 0 0.50em 0; }

    .document-gallery { text-align: left; }
    .document-gallery .thumbnail { margin-right: 0.50em; }

    .pSections, .food-links { margin: 1.00em 0; }
    .pSections a, .food-links a { display: inline-block; padding: 1.00em 1.50em; border-radius: 5px; background: #66CC00; color: #FFFFFF; font-weight: bold; text-transform: uppercase; }
    .pSections a:hover, .food-links a:hover { background: #336600; }

    h2.food-title { margin-bottom: 20px; text-transform: uppercase; font-weight: normal; font-size: 170%; }
    h3.food-title { margin: 20px 0 10px 0; font-size: 150%; }
    .food-offer { padding: 10px; margin: 10px 0; border: 1px solid #D6D6D6; background: rgba(255, 255, 255, 0.75); border-radius: 5px; }
    .food-offer-disabled { color: #999999; }
    .food-offer-disabled input { opacity: 0.50; }
    .food-offer label.quantity-label { font-size: 0.60rem; text-transform: uppercase; color: #666666; text-align: center; }
    .food-offer input { border: 1px solid #999; margin: 0; text-align: center; }
    .food-offer input.info-input { border: 1px solid #DDDDDD; background-color: #E6E6E6; }
    .food-offer input.info-input-first { margin-left: 0; }
    .food-offer input.contact { display: block; width: 100%; text-align: left; }
    .food-offer span.offer-name { display: table-cell; padding-top: 6px; height: 3.50rem; vertical-align: middle; }
    .food-offer-alert { color: #CC0000; }
    .food-offer-info { color: #008000; }
    .food-offer-disabled .food-offer-info { color: #999999; }
    .contact-button { margin-top: 1.50em; }
    .food-offer-weeks { margin: 1.00em 0; }
    .food-offer-weeks a { padding: 0.50em 1.00em; }
    .food-offer-weeks hr { margin: 0.40em 0 0.60em 0; }

    .noshow { display: none; }

    .phone-link { color: #0a0a0a; border-bottom: 1px dotted #666666; }

    .copyright { color: #E6E6E6; text-align: center; background: #999999; padding: 1.50em; }
    .copyright a { color: #E6E6E6; }

    .loginBox { position: relative; }
    .loginBox h5 {
        font-weight: bold; border-bottom: 1px dotted #CCCCCC; color: rgba(0, 0, 0, 0.35);
        padding-bottom: 0.50rem; margin-bottom: 0.70rem; letter-spacing: -1px;
    }
    .loginBox .loginBoxFloat {
        display: none; position: absolute; z-index: 99;
        width: 300px; margin-top: 3.00rem; top: 0; right: 0;
        border-radius: 5px; box-shadow: 0 0 5px #CCCCCC;
    }
    .loginBox .loginBoxFloat .button { margin-top: 0.50rem; }
    .loginBox .button { border-radius: 5px; box-shadow: 0px 0px 5px #CCCCCC; }
    .loginBox .button:hover { box-shadow: none; }
    .loginBox .formError { padding: 0.5rem; color: #CC0000; }

    .food-user-info { color: #CC0000; font-weight: bold; }
    .food-user-info-order { color: #009900; font-weight: bold; border: 1px solid #009900; border-radius: 5px; padding: 10px; background: rgba(0, 153, 0, 0.15); }

    .registration-form {
        border: 1px solid #D6D6D6; background: rgba(255, 255, 255, 0.50); border-radius: 5px;
        padding: 15px; margin: 25px 0; clear: both;
    }


    .home-picture {
        margin: 1.00rem;
    }
    .home-picture-crop {
        display: inline-block;
        /*max-width: 200px;*/
        height: 135px;
        position: relative;
        overflow: hidden;
        margin: 0 1.00rem;
    }
    .home-picture-crop img {
        display: block;
        height: 135px;
        margin: 0;
    }
    .home-contact-crop {
        display: inline-block;
        /*max-width: 200px;*/
        height: 135px;
        position: relative;
        overflow: hidden;
        margin: 0 1.00rem;
    }
    .home-picture .home-contact-crop img { 
        display: block;
        height: 135px;
        margin: 0;
    }
}


@media only screen and (max-width: 40.0625em) {
    .logotype img { width: 75%; }

    .food-offer hr { margin: 1.00rem 0 0.30rem; }
    .food-offer span.offer-name { display: inline-block; height: auto; }

    .iconmenu { font-family: 'Bree Serif', 'Arial', helvetica, serif; overflow: hidden; position: absolute; bottom: 0px; left: 0px; width: 100%; margin: 0; padding: 0; text-align: center; }
    .iconmenu li { float: left; width: 100%; list-style-type: none; margin: 0; padding: 0; }
    .iconmenu li span { border-radius: 100px; margin: 10px 100px 0 100px; border: 5px 15px 15px 15px; display: block; max-width: 100%; overflow: hidden; border: 8px solid #DAA520; border-top-width: 3px; box-shadow: 0 0 10px #000000; }
    .iconmenu li img { width: 100%; }
    .iconmenu strong { display: block; margin: -80px 0 0px 0; text-transform: uppercase; color: #FFFFFF; text-shadow: 0 0 3px #000000; font-size: 1.20em; }
    .iconmenu a:hover strong { color: #DAA520; }
}

@media print {
    h1                  { display: none; }
    .noprint            { display: none; }
    .document-gallery   { display: none; }
    .header             { display: none; }
    .pSections          { display: none; }
    .page-tree          { display: none; }
    .footer             { display: none; }
    .social             { display: none; }
    .copyright          { display: none; }
    .bottom-photos      { display: none; }
    .main-bottom        { display: none; }
    .food-links         { display: none; }
    .breadcrumbs        { display: none; }

    .w100, .w60 { width: 100px; }
    .aRight { text-align: right; }

    table thead, table tbody, table tfoot { border: 0; }
    table tbody tr { border-top: 1px solid #E1E1E1; }
    table tbody tr:first-child { border-top: 0px; }

    h1, h2, h3 { font-family: 'Bree Serif', 'Arial', helvetica, serif; text-align: left; }

    .medium-6 { max-width: 100%; flex: inherit; width: 100%; }

    .dailyprint { font-family: 'Bree Serif', 'Arial', helvetica, serif; }
    .dailyprint h2 { font-size: 200%; text-align: center; margin-bottom: 30px }
    .dailyprint h3 { font-size: 175%; }
    .dailyprint table { font-size: 130%; width: 100%; }
    .dailyprint .dailyinfo { text-align: center; font-weight: bold; font-size: 120%; margin-top: 15px; }

    .pSectionDescription p { margin: 0; text-align: center; font-size: 80%; }
    .weeklyprint { font-size: 80%; }
    .weeklyprint input { font-size: 80%; }
    .weeklyprint h2 { margin: 0; font-size: 110%; font-weight: bold; text-align: center; }
    .weeklyprint h3 { margin: 0; font-size: 100%; font-weight: bold; }
    .weeklyprint .food-offer { padding: 0px 0px 1px 0px; border: 0; }
    .weeklyprint .food-offer input { border: 1px solid #ccc; padding: 0; font-size: 85%; padding: 0; margin-right: 10px; margin-bottom: 0px; text-align: center; display: inline-block; width: 50px; height: 1.8em; }
    .weeklyprint .contact { margin-top: 10px; line-height: 100%; text-align: center; }

}