");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}#main-nav .nav-link{letter-spacing:0;line-height:1;font-size:1.05rem}@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: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}}@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}}
Hope Clinic Case Study - WebCitz WebCitz started working with this client in 2020
WebCitz started working with HOPE Clinic in 2020, when they approached our web design agency for help with the redesign of their website. We were able to move their website into the WordPress platform after creating several design mockups and working with them on the creation of a custom-themed WordPress development. Since then, we’ve continued to help them with routine website maintenance and support services.
See All Case Studies