);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 rgb(14 49 91/.129)}@media (min-width:1170px){#wrapper-navbar{padding-top:0!important;padding-bottom:0!important}}@media (max-width:1169.98px){#wrapper-navbar:before{content:"";display:block;position:fixed;width:100%;height:100vh;background-color:#fff0;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{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%);box-shadow:0 4px 10px -3px rgb(0 0 0/.15);min-width:1200px;padding-top:1.5em}#main-header .dropdown-menu .widget-title{display:flex;justify-content:space-between;line-height:2.5em}}@media (max-width:1530px) and (min-width:1169.98px){#main-header{max-width:1400px}}@media (max-width:1310px) and (min-width:1169.98px){.col-actions .btn{padding-left:12px;padding-right:12px;font-size:.95rem}#main-nav .nav-link{letter-spacing:-.2px;font-size:.95rem;padding-right:.25em;padding-left:.25em}}.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}}@media (min-width:1170px){.col-logo{padding-top:12px}}.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}.dropdown-menu .widget-title{border-bottom:1px solid rgb(0 0 0/.15)}@media (min-width:1170px){.dropdown-menu .row--mega-menu{--grid-layout-gap:4em;--grid-column-count:4;--grid-item--min-width:100px;--gap-count:calc(var(--grid-column-count) - 1);--total-gap-width:calc(var(--gap-count) * var(--grid-layout-gap));--grid-item--max-width:calc((100% - var(--total-gap-width)) / var(--grid-column-count));display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-item--min-width),var(--grid-item--max-width)),1fr));grid-gap:var(--grid-layout-gap);text-align:left}}@media (min-width:1500px){.dropdown-menu .row--mega-menu{--grid-layout-gap:6em}}.dropdown-menu ul a{color:#252525;display:block;font-size:.9rem;font-weight:400;opacity:.7;padding:.25rem 0;white-space:nowrap}.dropdown-menu .menu{padding-left:0}@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}#main-nav .nav-link{letter-spacing:0;line-height:1;font-size:1.05rem;padding-top:calc(.75rem + 14px);padding-bottom:calc(.75rem + 14px)}@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#fff0;opacity:0;transform:translateX(-100%)}#main-nav .nav-link{padding-left:20px;padding-right:20px;padding-top:.75rem;padding-bottom:.75rem;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 #fff0;border-right:0;border-bottom:.375rem solid #fff0;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-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 #fff0;border-right:0;border-bottom:.375rem solid #fff0;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 rgb(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:4em;padding-bottom:4.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:1em;padding-right:1em;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:1185px){.single-case-studies .wp-post-image{max-width:425px;width:50vw}}@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}.single-case-studies .wp-post-image{margin-top:2.25em;margin-bottom:3em;margin-left:auto;margin-right:auto;display:block;width:100%}.single-case-studies p .btn{margin-left:auto;margin-right:auto;display:block;max-width:300px}}
Fava Tea Company Case Study - WebCitz WebCitz started working with this client in 2018
WebCitz started working with Fava Tea Company in 2018, when they approached our ecommerce development agency for help in maintaining their WooCommerce website. We migrated their online store from a previous web developer and started taking over for the routine maintenance and support requests. To date, we continue to help with ongoing website support and have improved the usability and mobile experience surrounding multiple aspects of their design.
See All Case Studies