WebCitz started working with this client in 2011
- Client: Schreiner's Diner
- Platform: Other
- Industry: Food & Beverage
- Services: Web Development, Maintenance / Support, Web Hosting
")}input,button{font-size:100%;font-weight:400;line-height:1.2;color:#000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none}input{display:block;width:100%;padding:12px 10px;font-size:100%;font-weight:400;line-height:1.2;color:#000;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;appearance:none;margin:0;border-radius:.125rem;max-width:100%;box-shadow:0 1px 1px rgba(0,0,0,.075) inset}:root{--swiper-theme-color:#007aff}:root{--swiper-navigation-size:44px}.fillLogo{fill:#297eda}.fillBody{fill:#252525}.btn-green{background-color:var(--bs-green);border-color:var(--bs-green);background-color:#176324;border-color:#176324;color:#fff}.btn-icon-svg{display:inline-block;height:1em;margin-right:4px;margin-top:2px}.btn-icon-svg svg{fill:currentColor;display:block;height:100%}@media (min-width:992px){.btn{min-width:unset!important}}.btn-sm{padding:.425rem .525rem}body img{width:auto;height:auto}a:link:not(.btn),a:not(.btn),a:visited:not(.btn){font-weight:500}.navbar-toggler{padding:0;font-size:32px;border:none;border-radius:0;box-shadow:none}.navbar-toggler-icon{width:28px;height:32px}@media (min-width:1170px){.navbar-toggler{display:none}}#wrapper-navbar{left:0;padding:12px 0;position:fixed;right:0;top:0;z-index:500;background-color:var(--wp--preset--color--body-bg);box-shadow:0 6px 45px 2px rgba(14,49,91,.129)}@media (max-width:1169.98px){#wrapper-navbar:before{content:"";display:block;position:fixed;width:100%;height:100vh;background-color:rgba(0,0,0,0);top:0;bottom:0;left:0;transform:translateX(-100%)}}#wrapper-navbar+.wrapper{padding-top:70px}#main-header .navbar-brand svg{width:180px}#main-header .fillLogo{fill:#297eda}#main-header .fillBody{fill:#252525}@media (max-width:1169.98px){#main-header.container{max-width:unset}}@media (min-width:1170px){#main-header .navbar,#main-header .dropdown{position:unset;display:flex;justify-content:center}#main-header .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;left:50%;transform:translateX(-50%)}}.col-actions{display:flex;justify-content:flex-end;align-items:center}.col-actions a{margin-right:8px}.col-actions .btn{display:flex}@media (max-width:599.98px){.col-actions .btn{width:auto}}@media (min-width:992px){.col-actions .btn{padding-left:20px;padding-right:20px}}@media (max-width:374.98px){.col-actions .btn-green{margin-right:auto!important}}.col-actions .btn-icon-svg{margin-right:0;vertical-align:-2px}@media (min-width:992px){.col-actions .btn-icon-svg{margin-right:4px;vertical-align:0}}.col-actions .btn-content{display:block}@media (max-width:374.98px){.col-actions .btn-content{font-size:.7rem;margin-left:8px;line-height:1;padding-top:2px;font-weight:700}}@media (min-width:375px){.col-actions .btn-content{display:none}}@media (min-width:782px){.col-actions .btn-content{display:block;white-space:nowrap;padding-left:8px}}@media (max-width:1169.98px){.col-nav{width:0;flex:0;padding:0}}.dropdown-menu h3{color:var(--bs-primary);display:flex;font-size:.875rem;font-weight:600;letter-spacing:2px;margin-bottom:.625rem;text-transform:uppercase;white-space:nowrap}@media (min-width:1170px){.dropdown-menu .row--mega-menu{display:grid;gap:4rem;grid-template-columns:repeat(4,1fr);text-align:left}}@media (min-width:1500px){.dropdown-menu .row--mega-menu{gap:6rem}}.dropdown-menu ul a{color:#252525;display:block;font-size:.9rem;font-weight:400;opacity:.6;padding:.25rem 0;white-space:nowrap}.dropdown-menu .menu{padding-left:0}.dropdown-menu .sub-menu{padding-left:1rem}@media (max-width:374.98px){.navbar-brand{display:block;text-align:center;padding-top:0}}#main-nav{align-content:flex-start}#main-nav .navbar-brand--mobile,#main-nav .navbar-mobile--close{display:none}@media (max-width:1169.98px){#main-nav{border-left:4px solid #297eda;box-shadow:0 0 0 0 #000;height:100vh;left:0;max-width:calc(100% - 30px);overflow:hidden;position:fixed;top:0;width:400px;z-index:999999;background:#f8fbfe}#main-nav:not(.show),#main-nav:not(.show-nav){box-shadow:0 0 0 0 rgba(0,0,0,0);opacity:0;transform:translateX(-100%)}#main-nav .nav-link{padding-left:20px;padding-right:20px;font-size:20px;display:flex;align-items:center;justify-content:space-between}#main-nav .navbar-inner{height:100%!important;flex-basis:100%;flex-grow:1}#main-nav .navbar-brand--mobile{display:block;margin-left:20px;margin-right:auto}#main-nav .navbar-mobile--close{display:block;padding-left:20px;font-size:20px;color:#252525;line-height:46px}#main-nav .navbar-toggler--mobile{margin-right:10px;font-size:20px;width:36px;height:36px}#main-nav .dropdown-toggle:after{border-top:.375rem solid rgba(0,0,0,0);border-right:0;border-bottom:.375rem solid rgba(0,0,0,0);border-left:.375rem solid}#main-nav .navbar-nav .dropdown-menu{position:absolute;top:0;left:100%;width:100%;padding:0;height:100%;transform:translateX(0);border-radius:0;display:block;padding-top:8px}#main-nav .dropdown{position:unset}#main-nav .dropdown-menu h3{font-size:20px;padding:8px 20px;color:#252525;text-transform:capitalize;font-weight:500;display:flex;align-items:center;justify-content:space-between}#main-nav .dropdown-menu h3:after{border-top:.375rem solid rgba(0,0,0,0);border-right:0;border-bottom:.375rem solid rgba(0,0,0,0);border-left:.375rem solid;display:inline-block;margin-left:.3rem;vertical-align:.235em;content:""}#main-nav .dropdown-menu ul.menu{position:absolute;top:0;left:100%;width:100%;transform:translateX(0);background-color:#f8fbfe;background-clip:padding-box;border:0 solid rgba(255,255,255,.3);height:100%;padding-top:8px}#main-nav .dropdown-menu ul a{font-size:20px;padding:8px 20px}}@media (max-width:599.98px){#main-nav{max-width:calc(100% - 15vw)}}@media screen and (max-width:450px){#main-nav .nav-link,#main-nav .dropdown-menu h3,#main-nav .dropdown-menu ul a{font-size:4.25vw;line-height:5.5vw}}.form-wrapper input{margin-bottom:0}@media screen and (max-width:991px){.form-wrapper input{margin-bottom:20px}}.entry-header{background:#0c1a34;color:#fff;overflow:hidden;padding:30px 0;position:relative;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw}@media (min-width:782px){.entry-header{padding:3.5em 15px 4em}}.entry-header:before{background:#132541;bottom:0;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,79% 100%);clip-path:polygon(0 0,100% 0,100% 100%,79% 100%);content:"";display:block;position:absolute;right:0;top:0;width:60%}@media (min-width:782px){.entry-header{padding-top:3.5em;padding-bottom:4em}}@media (min-width:992px){.entry-header{padding-top:6em;padding-bottom:6.5em}}@media (min-width:1170px){.entry-header{padding-right:0;padding-left:0}}.entry-title{color:#fff;display:inline-block;margin-bottom:10px;position:relative;max-width:1500px;margin-left:auto;margin-right:auto;display:block;padding-left:var(--wp--preset--font-size--normal);padding-right:var(--wp--preset--font-size--normal);font-weight:900}.entry-header--single{padding:3em 0;margin-bottom:3em}.entry-header--single .entry-title{text-align:center}#single-wrapper{padding-top:55px}@media (min-width:782px){#single-wrapper{padding-top:70px}}ul:not(:last-child){margin-bottom:.75em}.wrapper{padding-top:0;padding-bottom:0}@media (max-width:1169.98px){.container{max-width:unset}}@media screen and (min-width:1530px){.container{max-width:1500px}}.case-studies-ul{padding-left:1.25em}@media (max-width:991.9px){.entry-content p{white-space:wrap;word-wrap:break-word}}@media (max-width:782.9px){#wrapper-navbar+.wrapper{padding-top:60px}}@media (max-width:449.98px){.col.col-logo{flex:0 0 auto;width:auto;padding-right:0;padding-top:5px}#main-header .navbar-brand svg{width:150px}}.btn,h1,h3{font-family:Inter,sans-serif}body img{width:auto;height:auto}h1{font-size:1.625rem}h3{font-size:1.2rem}.container{--bs-gutter-x:1em;--bs-gutter-y:0;width:100%;padding-right:var(--bs-gutter-x,1em);padding-left:var(--bs-gutter-x,1em);margin-right:auto;margin-left:auto}.row{--bs-gutter-x:1em;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y)*-1);margin-right:calc(var(--bs-gutter-x)*-.5);margin-left:calc(var(--bs-gutter-x)*-.5)}.screen-reader-text{word-wrap:normal!important;-webkit-clip-path:inset(50%);clip-path:inset(50%);position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.dropdown,.navbar{position:relative}.dropdown-menu ul a,.dropdown-toggle,.navbar-brand{white-space:nowrap}#main-nav .navbar-brand--mobile,#main-nav .navbar-mobile--close,.collapse:not(.show){display:none}a:link:not(.btn),a:not(.btn),a:visited:not(.btn){font-weight:500}.mx-auto{margin-right:auto!important;margin-left:auto!important}.navbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;z-index:100;padding:0}.navbar-toggler{line-height:1;background-image:unset;box-shadow:inset 0 0 8px rgba(255,255,255,.02),inset 1px 1px 1px 1px rgba(0,0,0,.015);background-color:rgba(0,0,0,0);z-index:9999;padding:0;font-size:32px;border:none;border-radius:0;box-shadow:none}.dropdown-menu{position:absolute;z-index:400;display:none;min-width:18em;padding:2rem;margin:0;font-size:.7875rem;color:#fff;text-align:left;list-style:none;background-color:#f8fbfe;background-clip:padding-box;border:0 solid rgba(255,255,255,.3);border-radius:8px}.btn,.btn-icon-svg{display:inline-block}.navbar-nav .dropdown-menu{position:static}.dropdown-menu .menu{padding-left:0}.dropdown-menu .sub-menu{padding-left:1rem}.dropdown-menu ul a{color:#252525;display:block;font-size:.9rem;font-weight:400;opacity:.6;padding:.25rem 0}.dropdown-menu h3{color:#2273ba;display:flex;font-size:.875rem;font-weight:600;letter-spacing:2px;margin-bottom:.625rem;text-transform:uppercase;white-space:nowrap}.navbar-nav{margin-bottom:0}.navbar-brand{max-width:100%;font-weight:700;padding-top:.675em;padding-bottom:.675em;margin-right:.5rem;font-size:calc(1.25625rem + .075vw)}.btn,.navbar .nav-link{font-weight:500;letter-spacing:0;font-size:1.05rem}.navbar-brand{color:#333}.btn{line-height:1.3;color:#000;text-align:center;vertical-align:middle;background-color:rgba(0,0,0,0);border:1px solid transparent;padding:12px 20px;border-radius:6px;width:100%;text-transform:none}.btn-primary{color:#fff;background-color:#2273ba;border-color:#2273ba}.btn-green{background-color:#176324;border-color:#176324;color:#fff}.btn-icon-svg{height:1em;margin-right:4px;margin-top:2px}.col-actions .btn,.navbar-nav{display:flex}.col-actions a{margin-right:8px}.col-actions .btn-icon-svg{margin-right:0;vertical-align:-2px}.col-actions .btn-content{display:block}.navbar-nav{flex-direction:column;padding-left:0;list-style:none}.navbar .nav-link{display:block;padding:.75rem 0;color:#333;line-height:1}#wrapper-navbar{left:0;padding:12px 0;position:fixed;right:0;top:0;z-index:500;box-shadow:0 6px 45px 2px rgba(14,49,91,.129);background-color:#fff}#main-header .navbar-brand svg{width:180px}#main-header .fillLogo{fill:#297eda}#main-header .fillBody{fill:#252525}#main-nav{align-content:flex-start}@media (min-width:375px){.btn{width:auto}.col-actions .btn-content{display:none}}@media (min-width:782px){h1{font-size:calc(1.44rem + 2.28vw)}h3{font-size:calc(1.279875rem + .3585vw)}.navbar{padding-left:0;padding-right:0}.col-actions .btn-content{display:block;white-space:nowrap;padding-left:8px}}@media (min-width:992px){.col-actions .btn{padding-left:20px;padding-right:20px}.btn{min-width:unset!important}}@media (min-width:1170px){.col-xl-auto{flex:0 0 auto;width:auto}.mx-auto{margin-right:auto!important;margin-left:auto!important}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.dropdown-menu .row--mega-menu{display:grid;gap:4rem;grid-template-columns:repeat(4,1fr);text-align:left}#main-header .dropdown,#main-header .navbar{position:unset;display:flex;justify-content:center}#main-header .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;left:50%;transform:translateX(-50%)}}@media (min-width:1200px){.navbar-brand{font-size:1.3125rem}}@media (min-width:1500px){.dropdown-menu .row--mega-menu{gap:6rem}}@media (max-width:1169.98px){#main-nav,#wrapper-navbar:before{height:100vh;left:0;position:fixed;top:0}#main-nav .dropdown-menu ul.menu,#main-nav .navbar-nav .dropdown-menu{position:absolute;left:100%;width:100%;height:100%;transform:translateX(0)}.col-nav{width:0;flex:0;padding:0}#wrapper-navbar:before{content:"";display:block;width:100%;background-color:rgba(0,0,0,0);bottom:0;transform:translateX(-100%)}#main-header.container{max-width:unset}#main-nav{border-left:4px solid #297eda;box-shadow:0 0 0 0 #000;max-width:calc(100% - 30px);overflow:hidden;width:400px;z-index:999999;background:#f8fbfe}#main-nav:not(.show),#main-nav:not(.show-nav){box-shadow:0 0 0 0 transparent;opacity:0;transform:translateX(-100%)}#main-nav .navbar-brand--mobile{display:block;margin-left:20px;margin-right:auto}#main-nav .navbar-toggler--mobile{margin-right:10px;font-size:20px;width:36px;height:36px}#main-nav .navbar-inner{height:100%!important;flex-basis:100%;flex-grow:1}#main-nav .nav-link{padding-left:20px;padding-right:20px;font-size:20px;display:flex;align-items:center;justify-content:space-between}#main-nav .navbar-mobile--close{display:block;padding-left:20px;font-size:20px;color:#252525;line-height:46px}#main-nav .dropdown{position:unset}#main-nav .navbar-nav .dropdown-menu{top:0;padding:8px 0 0;border-radius:0;display:block}#main-nav .dropdown-menu ul a{font-size:20px;padding:8px 20px}#main-nav .dropdown-menu ul.menu{top:0;background-color:#f8fbfe;background-clip:padding-box;border:0 solid rgba(255,255,255,.3);padding-top:8px}}@media (max-width:781.98px){.navbar-nav#main-menu{align-items:initial!important}}@media (max-width:599.98px){.col-actions .btn{width:auto}#main-nav{max-width:calc(100% - 15vw)}}@media (max-width:450px){#main-nav .dropdown-menu h3,#main-nav .dropdown-menu ul a,#main-nav .nav-link{font-size:4.25vw;line-height:5.5vw}.col-actions{display:flex;justify-content:flex-end;align-items:center;flex:1 0 0%}}@media (max-width:449.98px){.col.col-logo{flex:0 0 auto;width:auto;padding-right:0;padding-top:5px}#main-header .navbar-brand svg{width:150px}}
WebCitz started working with this client in 2011