div{position:relative;width:100%;height:1.5rem;margin:0 auto;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;cursor:pointer}@media (max-width:639px){.mobile-header--nav-toggle>div{margin-left:auto;-webkit-transform:scale(.7);transform:scale(.7)}}.mobile-header--nav-toggle>div span{display:block;position:absolute;height:4px;width:100%;background-color:hsl(0deg,0%,100%);border-radius:4px;opacity:1;left:0;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}.mobile-header--nav-toggle>div span:nth-child(1){top:0}.mobile-header--nav-toggle>div span:nth-child(2),.mobile-header--nav-toggle>div span:nth-child(3){top:12px}.mobile-header--nav-toggle>div span:nth-child(4){top:24px}.mobile-header--nav-toggle.nav-open div span:nth-child(1){top:18px;width:0%;left:50%}.mobile-header--nav-toggle.nav-open div span:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mobile-header--nav-toggle.nav-open div span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.mobile-header--nav-toggle.nav-open div span:nth-child(4){top:18px;width:0%;left:50%}.mobile-header--container.nav-open .mobile-header--top-bar{border-top:.0625rem solid var(--menu-background-color,hsl(0deg,0%,100%))}.mobile-header--container.nav-open .mobile-header--navigation{top:4.6875rem;grid-column:1;grid-row:2;margin:0;padding:0;list-style:none;position:relative;display:block;width:100%;z-index:800;-webkit-transition:1s ease-out .3s;transition:1s ease-out .3s;overflow:auto;background-color:var(--menu-background-color,#000)}@media (max-width:639px){.mobile-header--container.nav-open .mobile-header--navigation{top:7.1875rem;grid-row:3;grid-column:1/-1}}.mobile-header--container.nav-open .mobile-header--navigation li{display:grid;width:100%;grid-template-columns:1fr auto;border-bottom:.0625rem solid var(--menu-background-color,hsl(0deg,0%,100%))}.mobile-header--container.nav-open .mobile-header--navigation li:not(.menu-item-has-children)>a{grid-column:1/3}.mobile-header--container.nav-open .mobile-header--navigation li:not(.menu-item-has-children)>.mobile-header--navigation--arrow{display:none}.mobile-header--container.nav-open .mobile-header--navigation li a{color:inherit;-webkit-transition:color .3s ease;transition:color .3s ease;font-size:1rem;padding:.9375rem .9375rem;display:block;width:100%;grid-column:1;line-height:2}.mobile-header--container.nav-open .mobile-header--navigation li a:active,.mobile-header--container.nav-open .mobile-header--navigation li a:visited{color:inherit}.mobile-header--container.nav-open .mobile-header--navigation li a:hover{color:var(--menu-accent-color,hsl(171deg,40%,19%));-webkit-transition:color .3s;transition:color .3s}.mobile-header--container.nav-open .mobile-header--navigation li ul{display:none;padding:0;background:var(--menu-secondary-color,#232323);grid-column:1/3;max-height:75vh;overflow:auto}.mobile-header--container.nav-open .mobile-header--navigation li ul li{border-bottom:var(--menu-background-color,hsl(220deg,6%,19%))}.mobile-header--container.nav-open .mobile-header--navigation li ul a{font-size:.875rem}.mobile-header--container.nav-open .mobile-header--navigation li ul ul{padding-left:1.25rem;background-color:var(--menu-secondary-color,#505050)}.mobile-header--container.nav-open .mobile-header--navigation li .mobile-header--navigation--arrow{grid-column:2;display:grid;place-items:center;height:100%;padding:15px 30px;font-size:24px;cursor:pointer}.mobile-header--container.nav-open .mobile-header--navigation li .mobile-header--navigation--arrow.is-open{-webkit-transform:translate(-2px,-3px) scale(1.75);transform:translate(-2px,-3px) scale(1.75)}.mobile-header--overlay{display:none}.mobile-header--container.nav-open+.mobile-header--overlay{position:absolute;width:100%;height:100%;top:0;left:0;display:block;background-color:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.main-nav.sticky{position:fixed;top:0;left:0;width:100%;background-color:#000;-webkit-box-shadow:0 4px 8px -2px rgba(0,0,0,.4);box-shadow:0 4px 8px -2px rgba(0,0,0,.4);z-index:10000}.main-nav--inner{display:grid;grid-template-columns:auto 1fr;gap:1.875rem}.main-nav--navigation{grid-row:1;grid-column:2;margin:0;padding:0;list-style:none;font-size:clamp(.88rem,.28vw + .79rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.9375rem;z-index:2}@media (max-width:1289px){.main-nav--navigation{grid-column:1/3;grid-row:2;width:100%}}.main-nav--navigation li{position:relative;-webkit-transition:opacity .6s ease,background-color .6s ease;transition:opacity .6s ease,background-color .6s ease;overflow:hidden}.main-nav--navigation li>a{padding:0}.main-nav--navigation li a{padding:10px;color:var(--nav-link,hsl(0deg,0%,100%));-webkit-transition:color,.5s ease-in-out 0s;transition:color,.5s ease-in-out 0s}.main-nav--navigation li a:active,.main-nav--navigation li a:visited{color:inherit}.main-nav--navigation li a:hover{color:hsl(171deg,40%,19%);-webkit-transition:color .6s ease;transition:color .6s ease}.main-nav--navigation li:hover{overflow:visible}.main-nav--navigation li:hover>.sub-menu{left:0;width:270px;height:auto;opacity:1}.main-nav--navigation li:hover>.sub-menu li:hover .sub-menu{left:270px;opacity:1;z-index:5}.main-nav--navigation>li:first-child{margin-left:2%}.main-nav--navigation .sub-menu{margin:0;padding:0;list-style:none;position:absolute;display:block;top:100%;left:0;width:0;height:0;background:var(--nav-subnav-background,hsl(220deg,6%,19%));opacity:0;-webkit-box-shadow:0 6px 22px rgba(0,0,0,.25);box-shadow:0 6px 22px rgba(0,0,0,.25);-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.main-nav--navigation .sub-menu li{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5rem .5rem;-webkit-transition:background-color .6s ease;transition:background-color .6s ease}.main-nav--navigation .sub-menu li:hover{background-color:var(--nav-hover-background,hsl(171deg,40%,19%))}.main-nav--navigation .sub-menu a{-webkit-transition:color .6s ease;transition:color .6s ease}.main-nav--navigation .sub-menu a:hover{color:var(--nav-hover,hsl(174deg,28%,14%))}.main-nav--navigation .sub-menu .menu-item-has-children{position:relative}.main-nav--navigation .sub-menu .menu-item-has-children:after{content:"‣";position:absolute;font-size:2rem;right:20px;top:18px;color:hsl(39deg,38%,88%)}.main-nav--navigation .sub-menu .sub-menu{top:0!important;left:270px;width:270px;height:auto;background-color:var(--nav-background,hsl(220deg,6%,19%));z-index:3}.hero-block--mega-nav{grid-row:1/3;grid-column:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}@media (max-width:1023px){.hero-block--mega-nav{display:none}}.hero-block--mega-nav>.main-nav--navigation{display:block;text-align:right}.hero-block--mega-nav>.main-nav--navigation>li{margin-bottom:.9375rem}.hero-block--mega-nav>.main-nav--navigation>li:hover{background-color:none}#main-nav{padding:2.8125rem .9375rem;grid-row:1;grid-column:1/4}@media (max-width:1023px){#main-nav{display:none}}.main-nav--inner{display:grid;grid-template-columns:200px 1fr 50px;grid-template-rows:auto;gap:1.875rem}.main-nav--logo{grid-column:1;grid-row:auto;z-index:10000}@media (max-width:1289px){.main-nav--logo{grid-column:1;grid-row:1}}.main-nav--logo a{display:block}.main-nav--logo a img{max-width:18.75rem;height:auto;width:100%}.main-nav--quick-links{grid-column:3;z-index:1;margin-left:3.125rem}@media (max-width:1289px){.main-nav--quick-links{grid-column:3;grid-row:1;display:grid;width:100%}}.main-nav--quick-links--icon svg{width:2rem;fill:hsl(0deg,0%,100%)}.hero-block{min-height:400px;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.hero-block--background{position:relative}.hero-block--background-image{max-width:100%;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background-color:transparent}.hero-block--background-image picture{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hero-block--background-image picture img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hero-block--background-video{position:absolute;max-width:100%;z-index:-1;top:0;left:0;right:0;bottom:0}.hero-block--background-video img,.hero-block--background-video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-block--inner{position:relative;width:100%}.hero-block--content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero-block--content.with-vertical{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.hero-block--title{text-align:center;color:hsl(0deg,0%,100%)}.search-modal.open-search{background:rgba(236,228,213,.6)}.search-modal.open-search .form-wrapper input:not(:-moz-placeholder-shown)+button{display:grid;place-items:center}.search-modal.open-search .form-wrapper input:not(:-ms-input-placeholder)+button{display:grid;place-items:center}.search-modal.open-search .form-wrapper input:not(:placeholder-shown)+button{display:grid;place-items:center}.search-modal.open-search .form-wrapper{-webkit-box-shadow:0 -3px 12px rgba(46,47,51,.1),0 1px 0 rgba(46,47,51,.1);box-shadow:0 -3px 12px rgba(46,47,51,.1),0 1px 0 rgba(46,47,51,.1)}#main-nav{position:fixed;z-index:900;width:100%;padding:1.5625rem 3rem;background:0 0;display:grid;place-items:center;-webkit-transition:background,.3s ease-in-out 0s;transition:background,.3s ease-in-out 0s}#main-nav.sticky{background:hsl(39deg,38%,88%);-webkit-transition:background,.3s ease-in-out 0s;transition:background,.3s ease-in-out 0s}#main-nav .main-nav--logo{grid-column:1;width:100%}#main-nav .main-nav--logo a img{max-width:100%;width:100%;height:auto}#main-nav .main-nav--inner{width:100%;display:grid;grid-template-columns:21.875rem calc(100% - 21.875rem - 2.8125rem);gap:0 2.8125rem;place-items:center end}@media (max-width:1179px){#main-nav .main-nav--inner{grid-template-columns:15.625rem calc(100% - 15.625rem - 2.8125rem)}}#main-nav .main-nav--right{display:grid;grid-column:2;place-items:center end}#main-nav .main-nav--navigation{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;margin-left:auto;gap:0;grid-row:2}#main-nav .main-nav--navigation>li li{padding:0}#main-nav .main-nav--navigation>li li:hover{background:0 0}#main-nav .main-nav--navigation>li li a,#main-nav .main-nav--navigation>li li a:active,#main-nav .main-nav--navigation>li li a:visited{padding:.9375rem;width:100%;font-size:clamp(.75rem,.28vw + .67rem,.88rem);color:hsl(171deg,40%,19%);-webkit-transition:color,background,,.5s ease-in-out 0s;transition:color,background,,.5s ease-in-out 0s}#main-nav .main-nav--navigation>li li a:active:hover,#main-nav .main-nav--navigation>li li a:hover,#main-nav .main-nav--navigation>li li a:visited:hover{background:hsl(171deg,40%,19%);color:hsl(0deg,0%,100%);opacity:1;-webkit-transition:color,background,,.5s ease-in-out 0s;transition:color,background,,.5s ease-in-out 0s}#main-nav .main-nav--navigation>li a,#main-nav .main-nav--navigation>li a:active,#main-nav .main-nav--navigation>li a:visited{display:block;color:hsl(220deg,6%,19%);font-family:"Source Sans 3",sans-serif;font-size:clamp(.88rem,.28vw + .79rem,1rem);font-weight:700;-webkit-transition:.3s opacity ease-in-out;transition:.3s opacity ease-in-out;text-transform:uppercase}#main-nav .main-nav--navigation>li a:active:hover,#main-nav .main-nav--navigation>li a:hover,#main-nav .main-nav--navigation>li a:visited:hover{color:hsl(171deg,40%,19%);opacity:.7;-webkit-transition:.3s opacity ease-in-out;transition:.3s opacity ease-in-out}#main-nav .main-nav--navigation>li .sub-menu{background:hsl(0deg,0%,100%)}#main-nav .main-nav--navigation>li .sub-menu>.menu-item-has-children:after{top:5px;color:hsl(171deg,40%,19%)!important;-webkit-transition:color,.5s ease-in-out 0s;transition:color,.5s ease-in-out 0s}#main-nav .main-nav--navigation>li .sub-menu>.menu-item-has-children:hover:after{top:5px;color:hsl(0deg,0%,100%)!important;-webkit-transition:color,.5s ease-in-out 0s;transition:color,.5s ease-in-out 0s}#main-nav .main-nav--navigation>li:first-child{margin-left:0}@media (max-width:1023px){#main-nav .main-nav--navigation>li:first-child a{padding:0}}#main-nav .main-nav--navigation>li>a{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content}#main-nav .main-nav--navigation a.search-btn{display:block}#main-nav .main-nav--navigation a.search-btn svg path{fill:hsl(220deg,6%,19%)}#main-nav .main-nav--navigation a.search-btn:hover svg path{fill:hsl(171deg,40%,19%)}#main-nav .main-nav--social-phone{grid-row:1;grid-column:2;display:grid;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;gap:.9375rem;place-items:center end}#main-nav .main-nav--social{grid-column:1;grid-row:1}#main-nav .main-nav--social .social--links{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1.5rem);place-items:end;gap:.3125rem;direction:rtl}#main-nav .main-nav--social .social--links a{display:grid;place-items:center;color:hsl(171deg,40%,19%)}#main-nav .main-nav--social .social--links svg{width:1.375rem;height:1.375rem}#main-nav .main-nav--social .social--links svg .footer--icon{fill:hsl(171deg,40%,19%)}#main-nav .main-nav--phone{grid-column:2;grid-row:1}#main-nav .main-nav--phone--link{color:hsl(171deg,40%,19%);text-align:right;font-size:clamp(.88rem,.28vw + .79rem,1rem);font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase;padding:.9375rem 0}.page-contact #main-nav{background:hsl(39deg,38%,88%)}.mobile-header--overlay{z-index:700}.hero-block{display:grid;grid-template-rows:6.375rem auto;overflow:visible}@media (max-width:480px){.hero-block{grid-template-rows:7.1875rem auto}}.hero-block--background-image{background:hsl(0deg,0%,100%);position:absolute;grid-row:1/3}.hero-block--background-image::after{content:none}.hero-block--background-image img,.hero-block--background-image picture{width:100%;height:auto}.hero-block--inner{grid-row:2;display:grid;place-items:center;position:relative;z-index:3}.hero-block--content{display:grid;place-items:center;grid-template-columns:repeat(2,calc(50% - 1.40625rem));grid-template-rows:auto;gap:2.8125rem;padding-top:2.8125rem;width:100%}@media (max-width:859px){.hero-block--content{grid-template-columns:100%}}@media (max-width:768px){.hero-block--content{height:100%}}@media (max-width:639px){.hero-block--content{padding-top:2.8125rem}}.hero-block--content--wrap{grid-column:1;grid-row:1;z-index:3}.hero-block--content--image{grid-column:2;grid-row:1;position:relative;height:100%;width:100%;max-height:37.5rem;min-height:25rem;border-radius:1.875rem;overflow:hidden}@media (max-width:859px){.hero-block--content--image{grid-column:1;grid-row:2;height:21.875rem;min-height:unset}}.hero-block--content--image img,.hero-block--content--image picture{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-block--title,.hero-block--title h1{font-family:"EB Garamond",serif;font-weight:600;text-transform:none;font-size:clamp(3.25rem,.83vw + 3rem,3.63rem);line-height:1.1;line-height:1;text-transform:uppercase;margin-bottom:0;text-align:center;padding:0;color:hsl(220deg,6%,19%)}@media (max-width:480px){.hero-block--title,.hero-block--title h1{font-size:clamp(2.25rem,2.22vw + 1.58rem,3.25rem)}}.home .hero-block--title{font-size:clamp(1.75rem,1.11vw + 1.42rem,2.25rem);font-weight:600;text-transform:uppercase;color:hsl(220deg,6%,19%);position:relative;padding-bottom:calc(1.875rem + 6px);margin-bottom:calc(1.875rem - 3px)}.home .hero-block--title strong{font-size:clamp(5.63rem,4.17vw + 4.38rem,7.5rem);font-weight:600;font-style:italic;text-transform:none;color:hsl(171deg,40%,19%);display:block;position:relative}.home .hero-block--title::after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:150px;height:3px;background:hsl(171deg,40%,19%)}.home .hero-block--subheading{font-family:"EB Garamond",serif;font-weight:400;text-transform:none;font-size:clamp(2.25rem,1.67vw + 1.75rem,3rem);line-height:1.1;font-style:italic;max-width:28.125rem;text-align:center;margin-bottom:3.75rem}.home .hero-block--cta .button{text-transform:uppercase}.home .hero-block--content{display:grid;place-items:center;grid-template-columns:repeat(2,calc(50% - 1.875rem));grid-template-rows:auto;gap:3.75rem}@media (max-width:859px){.home .hero-block--content{grid-template-columns:100%}}.home .hero-block--content--wrap{display:grid;grid-template-rows:auto;place-items:center}.home .hero-block--content--image{max-height:unset;height:auto}.home .hero-block--content--image img,.home .hero-block--content--image picture{max-width:100%;height:auto;display:block}@media (max-width:80rem){.page-id-10 .hero-block--inner.container,.single-profile .hero-block--inner.container{padding-left:0!important;padding-right:0!important}}.page-id-10 .hero-block--content,.single-profile .hero-block--content{grid-template-columns:3fr 1fr;gap:3.75rem}@media (max-width:1023px){.page-id-10 .hero-block--content,.single-profile .hero-block--content{grid-template-columns:auto}}.page-id-10 .hero-block--content--image,.single-profile .hero-block--content--image{grid-column:2;grid-row:1;position:relative;height:100%;width:100%;max-height:25rem;min-height:25rem;border-radius:1.875rem;overflow:hidden}@media (max-width:1023px){.page-id-10 .hero-block--content--image,.single-profile .hero-block--content--image{grid-column:1;grid-row:2;height:auto;min-height:unset;width:300px}}.page-id-10 .hero-block--content--image img,.page-id-10 .hero-block--content--image picture,.single-profile .hero-block--content--image img,.single-profile .hero-block--content--image picture{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width:768px){.page-id-10 .hero-block--content,.single-profile .hero-block--content{padding-top:0;height:100%}}.search-no-results .hero-block--title,.search-results .hero-block--title{margin-bottom:1.875rem}.search-no-results .hero-block--title span,.search-results .hero-block--title span{display:block;text-align:center;font-size:clamp(1.5rem,1.11vw + 1.17rem,2rem);font-weight:600;color:hsl(171deg,40%,19%);text-transform:none}.search-no-results .hero-block--content,.search-results .hero-block--content{grid-template-columns:auto}.search-no-results .hero-block .form-wrapper,.search-results .hero-block .form-wrapper{-webkit-box-shadow:0 -3px 12px rgba(46,47,51,.1),0 1px 0 rgba(46,47,51,.1);box-shadow:0 -3px 12px rgba(46,47,51,.1),0 1px 0 rgba(46,47,51,.1)}.error404 .hero-block--content{grid-template-columns:auto;max-width:50rem;place-items:center}.error404 .hero-block--cta{display:grid;place-items:center;margin-top:1.875rem;margin-bottom:3.75rem}.badges--inner{display:grid;place-items:center}.badges--badges{display:grid;grid-template-columns:repeat(6,1fr);gap:1.875rem}@media (max-width:1023px){.badges--badges{grid-template-columns:repeat(3,1fr)}}@media (max-width:639px){.badges--badges{grid-template-columns:repeat(2,1fr)}}.badges--badge{display:grid;place-items:center;gap:2.8125rem}.badges--badge img{max-height:6.5625rem;width:auto;height:100%;display:block}@media (max-width:375px){.badges--badge img{max-height:4.6875rem}}.page-thank-you .hero-block{margin-bottom:8rem}.page-thank-you .hero-block--thanks--wrap{display:grid;place-items:center}.page-thank-you #page-container{display:none} Contact | The Law Offices of Susan A. Kassel, P.C.
Call Us 631-881-4238
Website Designed & Managed by

© 2026 Law Offices of Susan A. Kassel, P.C. All rights reserved. Attorney advertising.