@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 #73b14a; 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 #73b14a; 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: #73b14a; }

    .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 #73b14a; }

    .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; text-align: left; }
    .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; }
    .pSections .lItem { display: inline-block; margin: 0 10px 10px 0; }

    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: 3px 15px; }
    .food-offer-disabled { color: #999999; }
    .food-offer-disabled input { opacity: 0.50; }
    .food-offer input { border: 1px solid #999; margin-right: 10px; margin-bottom: 10px; text-align: center; display: inline-block; width: 50px; }
    .food-offer input.contact { display: block; width: 100%; text-align: left; }
    .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; }

        .home-picture {
        margin: 1.00rem;
    }
    .home-picture-crop {
        display: inline-block;
        max-width: 150px;
        height: auto;
        position: relative;
        overflow: hidden;
    }
    .home-picture .home-picture-crop img { 
        display: block;
        margin: 0 auto;
        height: auto;
        width: 100%; 
        margin: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;  
        border: 5px solid #DAA520;
    }
    .home-contact-crop {
        display: inline-block;
        /*max-width: 200px;*/
        height: 150px;
        position: relative;
        overflow: hidden;
        margin: 0 1.00rem;
    }
    .home-picture .home-contact-crop img { 
        display: block;
        margin: 0 auto;
        height: 150px;
        
        margin: 0;
    }
}


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

    .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 #73b14a; 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: #73b14a; }
}

@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; }
    .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; }
}
