@import url( 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Montserrat:wght@400;700&family=Roboto+Mono:wght@300&display=swap' );




body                                                                    { font-family: 'Montserrat', sans-serif; font-size: .9em; margin: 0; padding: 0; background: #ffffff; color: #333333; }

/*
h1, h2, h3, h4, h5, h6                                                  { font-family: 'Merriweather', serif; }
*/
h1, h2, h3, h4, h5, h6                                                  { font-family: 'Roboto', sans-serif; }

button.button                                                           { background: #dd2c00; color: #ffffff; border: 1px solid #dd2c00; font-size: 100%; padding: 8px 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
button.button:disabled                                                  { background: #f5f5f5; border-color: #dddddd; color: #cccccc; }
button.plain                                                            { background: #ffffff; color: #dd2c00; }

.regularfont                                                            { font-family: 'Montserrat', sans-serif; }
.headingfont                                                            { font-family: 'Merriweather', serif; }
.fixedfont                                                              { font-family: 'Roboto Mono', monospace; font-size: 90%; }

.secondarycolor                                                         { color: #ff0000 !important; }

.linkcolor, a                                                           { color: #dd2c00 !important; text-decoration: none; }
.linkborder                                                             { border-color: #dd2c00 !important; }
.linkbg                                                                 { background-color: #dd2c00 !important; color: #ffffff !important; }

.fa-spin                                                                { animation-duration: 1s; }

.spinnerbegone::-webkit-outer-spin-button                               { -webkit-appearance: none; margin: 0; }
.spinnerbegone::-webkit-inner-spin-button                               { -webkit-appearance: none; margin: 0; }
.spinnerbegone                                                          { -moz-appearance: textfield }


.roundedsmall                                                           { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.roundedlarger                                                          { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.boxsizing                                                              { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }




.container                                                              { margin: 0 16px; }

@media( min-width: 512px ) {

.container                                                              { margin: 0 auto; width: 480px; }
.container.wide                                                         { margin: 0 16px; width: auto; }

}

@media( min-width: 1056px ) {

.container.wide                                                         { margin: 0 auto; width: 1024px; }

}




.thenavbutton                                                           { z-index: 1000; cursor: pointer; opacity: .5; position: fixed; top: 16px; right: 16px; font-size: 150%; }
.thenavbutton:hover                                                     { opacity: 1; }

.thenav                                                                 { display: none; z-index: 1001; background: #a30000; position: fixed; top: 8px; right: 8px; font-size: 100%; width: 180px; margin: 0; padding: 8px 16px; list-style: none; }
.thenav li                                                              { margin: 0; padding: 0; }
.thenav li:not( :first-child )                                          { border-top: 1px solid rgba( 255, 255, 255, .5 ); }

.thenav a                                                               { display: flex; flex-flow: row nowrap; justify-content: space-between; color: #ffffff !important; padding: 12px 0; }
.thenav a .txt                                                          { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }




.isdev                                                                  { text-transform: uppercase; font-weight: bold; letter-spacing: 1em; margin: 0; padding: 0; color: #ffffff; background: #F8C720; padding: 4px 0; text-align: center; font-size: 75%; }




.middleblock                                                            {}

.middleblock h2.pagetitle                                               { margin: 24px 0 0 0; padding: 0; font-size: 150%;}


/* GLOBAL RESTO STYLE */

.middleblock .resto                                                     { margin: 24px 0 0 0; }
.middleblock .resto header h3                                           { text-align: center; margin: 0; padding: 0; font-size: 140%; }
.middleblock .resto header address                                      { text-align: center; margin: 8px 0 0 0; padding: 0; font-size: 80%; color: #666666; font-style: normal; }
.middleblock .resto header .openhours                                   { margin: 8px 0 0 0; font-size: 75%; text-transform: uppercase; text-align: center; }
.middleblock .resto header .openhours .txt                              { margin-right: 6px; }

.middleblock .resto h4.pagetitle                                        { text-align: center; margin: 26px 0 0 0; padding: 0; font-size: 150%; }
.middleblock .resto h5.pagesubtitle                                     { text-align: center; margin: 22px 0 0 0; padding: 0; text-transform: uppercase; font-size: 110%; font-weight: normal; letter-spacing: .2em; color: #666666; }

.middleblock .resto footer                                              { padding-bottom: 16px; }
.middleblock .resto footer p                                            { margin: 16px 0 0 0; text-align: center; font-size: 85%; color: #666666; }

.middleblock .resto .bottomnav                                          { margin: 0; padding: 0 0 32px 0; text-align: center; }




.footerblock                                                            {}