*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
  overflow-x: hidden;
}

body {
  background-color: #fbf5f2;
  position: relative;
}

body.single-service .body__extra, body.single-service .relatedArticles__wrapper, body.single-lawyer .body__text,
.single-lawyer .body__text, body.single-lawyer .body__extra,
.single-lawyer .body__extra, .hero__wrapper, .primaryServices__wrapper, .whoWeAre__wrapper, .callToAction__wrapper, .ourTeam__wrapper, .whatWeDo__wrapper, .ourServices__wrapper, .blogsArticles__wrapper, .footer__wrapper, body:not(.home) .body__wrapper, body:not(.home) .body__content, .lines__wrapper, .pageHeader__wrapper, .header__wrapper, .header .menu__wrapper {
  display: grid;
  grid-template-columns: [full-start] minmax(2.5rem, 1fr) [main-start] repeat(12, minmax(0, 82.5px)) [main-end] minmax(2.5rem, 1fr) [full-end];
}
@media (min-width: 1200px) {
  body.single-service .body__extra, body.single-service .relatedArticles__wrapper, body.single-lawyer .body__text,
  .single-lawyer .body__text, body.single-lawyer .body__extra,
  .single-lawyer .body__extra, .hero__wrapper, .primaryServices__wrapper, .whoWeAre__wrapper, .callToAction__wrapper, .ourTeam__wrapper, .whatWeDo__wrapper, .ourServices__wrapper, .blogsArticles__wrapper, .footer__wrapper, body:not(.home) .body__wrapper, body:not(.home) .body__content, .lines__wrapper, .pageHeader__wrapper, .header__wrapper, .header .menu__wrapper {
    grid-gap: 0 3rem;
  }
}

html {
  font-size: 112.5%;
}

body {
  color: #212121;
  font-family: "Owners Text", sans-serif;
  font-weight: 400;
  line-height: 1.6;
}

a {
  color: #abc382;
  text-decoration: none;
  transition: color 300ms ease-out;
}

p {
  margin: 1.38rem 0;
}

ul,
ol {
  margin: 0 0 1.38rem 2rem;
  padding: 0;
}
ul li,
ol li {
  margin-bottom: 0.5rem;
}

hr {
  border: 0;
  border-top: 1px solid #212121;
  margin: 3rem 0;
}

h5,
.page-bw-in-the-news .mediaMention__title, h4,
body.single-lawyer .extraFields .extraField__title,
.single-lawyer .extraFields .extraField__title,
.callToAction__text,
.pageHeader__pageHeading,
.pageHeader__meta,
.header__phone, h3,
.header .menu__container .menu__itemLink, h2, h1,
.hero__text p,
.pageHeader__title {
  color: #585576;
  font-family: "IvyMode", serif;
  font-weight: 400;
  margin: 3rem 0 1.38rem;
}

h1,
.hero__text p,
.pageHeader__title {
  font-size: 2.197265625rem;
  line-height: 1.6;
}
@media (min-width: 1200px) {
  h1,
  .hero__text p,
  .pageHeader__title {
    font-size: 2.7465820313rem;
  }
}

h2 {
  font-size: 1.7578125rem;
  line-height: 1.55;
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2.197265625rem;
  }
}

h3,
.header .menu__container .menu__itemLink {
  font-size: 1.40625rem;
  line-height: 1.5;
}
@media (min-width: 1200px) {
  h3,
  .header .menu__container .menu__itemLink {
    font-size: 1.7578125rem;
  }
}

h4,
body.single-lawyer .extraFields .extraField__title,
.single-lawyer .extraFields .extraField__title,
.callToAction__text,
.pageHeader__pageHeading,
.pageHeader__meta,
.header__phone {
  font-size: 1.125rem;
  line-height: 1.45;
}
@media (min-width: 1200px) {
  h4,
  body.single-lawyer .extraFields .extraField__title,
  .single-lawyer .extraFields .extraField__title,
  .callToAction__text,
  .pageHeader__pageHeading,
  .pageHeader__meta,
  .header__phone {
    font-size: 1.40625rem;
  }
}

h5,
.page-bw-in-the-news .mediaMention__title {
  font-size: 1.125rem;
  line-height: 1.4;
}
@media (min-width: 1200px) {
  h5,
  .page-bw-in-the-news .mediaMention__title {
    font-size: 1.125rem;
  }
}

small,
.text_small,
.page-bw-in-the-news .mediaMention__content,
.button {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 1px;
}

large,
.text_large,
body.single-lawyer .pageHeader__title,
.single-lawyer .pageHeader__title {
  font-size: 2.7465820313rem;
  line-height: 1.6;
}
@media (min-width: 1200px) {
  large,
  .text_large,
  body.single-lawyer .pageHeader__title,
  .single-lawyer .pageHeader__title {
    font-size: 5.3644180298rem;
  }
}

.breadcrumbs {
  font-size: 0.75rem;
  font-weight: 500;
  grid-column: main-start/main-end;
  letter-spacing: 1.88px;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .breadcrumbs {
    margin-bottom: 6rem;
  }
}
.breadcrumbs__separator {
  color: #707070;
  display: inline-block;
  margin: 0 5px;
}

.breadcrumb_last {
  color: #707070;
}

.button {
  background-color: transparent;
  border: none;
  border-radius: 100px;
  color: #fff;
  cursor: pointer;
  display: block;
  letter-spacing: 1px;
  overflow: hidden;
  padding: 10px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 200ms ease-out;
  width: 100%;
}
.button::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: width 200ms ease-in;
  width: 0;
  z-index: 1;
}
.button:hover {
  color: #fff;
}
.button:hover::after {
  width: 100%;
}
.button span {
  position: relative;
  z-index: 2;
}
.button:disabled {
  opacity: 0.5;
}
.button.-large {
  font-size: 1.125rem;
  padding: 20px 40px;
}
.button.-black {
  background-color: #000;
  color: #fff;
}
.button.-white {
  background-color: #fff;
  color: #000;
}
.button.-olivine {
  background-color: #abc382;
  color: #000;
}
@media (min-width: 1200px) {
  .button {
    display: inline-block;
    text-align: left;
    width: auto;
  }
}

.footer .formFields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer .formFields .formField {
  flex-basis: 100%;
  margin-bottom: 10px;
}
.footer .formFields .formField > label {
  color: #ccc;
  display: inline-block;
  margin-bottom: 1rem;
}
.footer .formFields .formField .wpcf7-form-control-wrap {
  display: block;
}
.footer .formFields .formField.-h {
  height: 0;
}
.footer .formFields .formField.-half {
  flex-basis: 100%;
}
@media (min-width: 1200px) {
  .footer .formFields .formField.-half {
    flex-basis: 48%;
  }
}
.footer .formFields .formField.-right {
  text-align: right;
}
@media (min-width: 1200px) {
  .footer .formFields .formField.-submit {
    align-items: center;
    display: flex;
  }
}
.footer .wpcf7 form {
  width: 100%;
}
.footer .wpcf7 input[type=text],
.footer .wpcf7 input[type=email],
.footer .wpcf7 input[type=tel],
.footer .wpcf7 input[type=url],
.footer .wpcf7 textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #808080;
  box-sizing: border-box;
  color: #fff;
  font-family: inherit;
  font-size: 1.5rem;
  padding: 0.5rem 0;
  width: 100%;
}
.footer .wpcf7-acceptance {
  margin-right: 1rem;
}
.footer .wpcf7-acceptance input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #808080;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  outline: none;
  position: relative;
  vertical-align: middle;
  width: 16px;
}
.footer .wpcf7-acceptance input[type=checkbox]:checked {
  background-color: #fff;
}
.footer .wpcf7-acceptance label {
  align-items: center;
  color: #fff;
  display: flex;
}
.footer .wpcf7-acceptance span {
  vertical-align: middle;
}
.footer .wpcf7-list-item {
  margin: 0;
}
.footer .wpcf7 input[type=submit] {
  margin-left: auto;
  margin-top: 1rem;
}
@media (min-width: 1200px) {
  .footer .wpcf7 input[type=submit] {
    margin-top: 0;
  }
}
.footer .wpcf7-spinner {
  display: none;
}
.footer .wpcf7-not-valid-tip {
  color: #999;
}
.footer .wpcf7-validation-errors,
.footer .wpcf7-mail-sent-ok {
  border: 2px solid #00a0d2;
  margin: 1em 0;
  padding: 1em 1em;
}
.footer .wpcf7-validation-errors.wpcf7-validation-errors,
.footer .wpcf7-mail-sent-ok.wpcf7-validation-errors {
  border-color: #999;
}

@keyframes fadeInDown {
  0% {
    display: none;
    opacity: 0;
    visibility: hidden;
  }
  1% {
    display: block;
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}
html.-menuOpen .header::after,
html.-menuOpen .header.-scrolled::after {
  background-color: rgba(0, 0, 0, 0);
}
html.-menuOpen .header .header__cta,
html.-menuOpen .header.-scrolled .header__cta {
  background-color: #000;
  color: #fff;
}
html.-menuOpen .header .header__phone,
html.-menuOpen .header.-scrolled .header__phone {
  color: #000;
}

body.home .header .logo {
  opacity: 0;
  visibility: hidden;
}

.header {
  background-color: transparent;
  left: 0;
  padding: inherit;
  padding: 1.25rem 0;
  position: absolute;
  top: 0;
  transition: all 300ms ease-out;
  width: 100%;
  z-index: 10;
}
.header::after {
  background-color: black;
  content: "";
  height: 0;
  inset: 0;
  position: absolute;
  transition: all 200ms cubic-bezier(0.675, 0, 0.325, 1);
  width: 100%;
  z-index: 1;
}
.header::before {
  content: "";
  inset: 0;
  position: absolute;
  transition: background-color 300ms ease-out;
  z-index: 1;
}
@media (min-width: 1200px) {
  .header::before {
    display: none;
  }
}
.header.-scrolled {
  animation: fadeInDown 500ms ease-out forwards;
  position: fixed;
}
.header.-scrolled::after {
  height: 100%;
}
.header.-scrolled .logo__full {
  display: none;
}
.header.-scrolled .logo__icon {
  display: block;
}
@media (min-width: 1200px) {
  .header.-scrolled .header__phone {
    color: #fff;
  }
}
@media (min-width: 1200px) {
  .header.-scrolled::before {
    display: none;
  }
}
.header.-scrolled .header__cta {
  background-color: #fff;
  color: #000;
}
@media (min-width: 1200px) {
  .header.-scrolled {
    padding: 1.25rem 0;
  }
}
.header__wrapper {
  align-items: center;
}
.header__content {
  align-items: flex-start;
  display: flex;
  grid-column: main-start/main-end;
  justify-content: space-between;
}
.header__left, .header__right {
  align-items: center;
  display: flex;
}
.header .logo {
  align-items: center;
  display: inline-block;
  margin: 0;
  position: relative;
  z-index: 10;
}
.header .logo__link {
  display: block;
}
.header .logo__icon {
  align-self: center;
  display: inline-block;
  height: 45px;
  max-width: 100%;
}
@media (min-width: 1200px) {
  .header .logo__icon {
    display: none;
  }
}
.header .logo__full {
  display: none;
  height: 45px;
  margin: 0;
  max-width: 100%;
  transition: all 300ms ease-out;
  width: auto;
}
@media (min-width: 1200px) {
  .header .logo__full {
    display: inline-block;
    height: 140px;
  }
}
@media (min-width: 1200px) {
  .header .logo {
    grid-column: main-start/4;
  }
}
.header__cta {
  display: none;
  position: relative;
  z-index: 10;
}
@media (min-width: 1200px) {
  .header__cta {
    display: inline-block;
  }
}
.header__phone {
  color: #000;
  margin: 0 1rem 0 auto;
  position: relative;
  z-index: 10;
}
.header .menu {
  background-color: #f5efeb;
  height: 100vh;
  inset: 0;
  opacity: 0;
  overflow-y: scroll;
  padding: 25vw 0 0;
  position: absolute;
  visibility: hidden;
  white-space: nowrap;
  width: 100%;
}
.header .menu__container {
  grid-column: main-start/main-end;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  word-break: break-all;
}
.header .menu__container .menu__item {
  margin: 0;
  text-align: right;
}
.header .menu__container .menu__itemLink {
  color: #585576;
  width: 100%;
}
.header .menu__childContainer {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.header .menu__childContainer .menu__childContainer {
  white-space: normal;
}
.header .menu__childContainer .menu__childContainer .menu__itemTitle {
  border: none;
}
.header .menu__item {
  position: relative;
}
.header .menu__itemTitle {
  display: inline-block;
  padding: 1rem 0;
}
.header .menu__expandArrow {
  background-color: transparent;
  border: none;
  border-left: 1px solid #000;
  cursor: pointer;
  display: block;
  margin-left: auto;
  padding: 0 1.5rem;
}
@media (min-width: 1200px) {
  .header .menu {
    padding: 15vh 0 0;
  }
}
.header .burger {
  background-color: #000;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  display: block;
  justify-self: flex-end;
  margin-left: 1rem;
  padding: 20px;
  position: relative;
  z-index: 999;
}
.header .burger__patty {
  background-color: #fff;
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
}
.header .burger__patty:before, .header .burger__patty:after {
  background-color: #fff;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 20px;
}
.header .burger__patty:before {
  transform: translateY(-5px);
}
.header .burger__patty:after {
  transform: translateY(5px);
}

.pageHeader {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 60vh;
  overflow: hidden;
  padding-top: 190px;
  position: relative;
}
.pageHeader__background {
  aspect-ratio: 16/9;
  font-size: 0;
  grid-column: main-start/main-end;
  margin-top: 3rem;
  position: relative;
}
.pageHeader__background::before {
  background: rgba(88, 85, 118, 0.4);
  content: "";
  inset: 0;
  position: absolute;
}
@media (min-width: 1200px) {
  .pageHeader__background {
    aspect-ratio: 21/9;
    grid-column: main-start/main-end;
  }
}
.pageHeader__backgroundImage {
  height: 100%;
  object-fit: cover;
  object-position: center top;
  width: 100%;
}
.pageHeader__backgroundImage img {
  height: 100%;
  object-fit: cover;
  object-position: center top;
  width: 100%;
}
.pageHeader__backgroundImage.-desktop {
  display: none;
}
@media (min-width: 1200px) {
  .pageHeader__backgroundImage.-desktop {
    display: block;
  }
}
.pageHeader__backgroundImage.-mobile {
  display: block;
}
@media (min-width: 1200px) {
  .pageHeader__backgroundImage.-mobile {
    display: none;
  }
}
.pageHeader__wrapper {
  height: 100%;
}
.pageHeader__content {
  display: flex;
  flex-direction: column;
  grid-column: main-start/main-end;
  position: relative;
  z-index: 1;
}
@media (min-width: 1200px) {
  .pageHeader__content {
    grid-column: main-start/10;
  }
}
.pageHeader__separator {
  border-top: 1px solid #cccccc;
  content: "";
  grid-column: main-start/main-end;
}
@media (min-width: 1200px) {
  .pageHeader__separator {
    grid-column: main-start/main-end;
  }
}
.pageHeader__subtitle {
  font-size: 1.125rem;
  letter-spacing: 1.88px;
  margin: 1rem 0;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}
.pageHeader__title {
  margin: 1rem 0;
}
.pageHeader__pageHeading, .pageHeader__meta {
  color: #8c8c8c;
  font-family: "Owners Text", sans-serif;
  margin: 0;
}
.pageHeader__cta {
  margin-top: 2rem;
}
@media (min-width: 1920px) {
  .pageHeader {
    min-height: 80vh;
  }
}

html.-menuOpen {
  overflow-y: hidden;
}

body:not(.home) .lines {
  opacity: 0.25;
}
body:not(.home) .body {
  grid-column: 1/span 12;
  padding: 0 0 5rem;
  position: relative;
}
body:not(.home) .body__content {
  grid-column: full-start/full-end;
}
@media (min-width: 1200px) {
  body:not(.home) .body__content {
    grid-gap: 3rem;
  }
}
body:not(.home) .body__text {
  grid-column: main-start/main-end;
  padding-bottom: 3rem;
}
body:not(.home) .body__text > *:first-child {
  margin-top: 0;
}
body:not(.home) .body__extra {
  background-color: #f5efeb;
  grid-column: full-start/full-end;
}
body:not(.home) .body.-hasSidebar .body__header {
  grid-column: main-start/main-end;
}
body:not(.home) .body.-hasSidebar .body__header h1 {
  margin: 0 0 1.38rem;
}
@media (min-width: 1200px) {
  body:not(.home) .body.-hasSidebar .body__header h1 {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  body:not(.home) .body.-hasSidebar .body__header {
    grid-column: main-start/9;
  }
}
body:not(.home) .body.-hasSidebar .body__sidebar {
  grid-column: main-start/main-end;
}
@media (min-width: 1200px) {
  body:not(.home) .body.-hasSidebar .body__sidebar {
    grid-column: main-start/6;
  }
}
body:not(.home) .body.-hasSidebar .body__text {
  grid-column: main-start/main-end;
}
@media (min-width: 1200px) {
  body:not(.home) .body.-hasSidebar .body__text {
    grid-column: 6/main-end;
  }
}
@media (min-width: 1200px) {
  body:not(.home) .body {
    padding: 0 0 8rem;
  }
}

.lines {
  inset: 0;
  opacity: 0.25;
  position: fixed;
  z-index: -1;
}
.lines .line {
  grid-row: 1/1;
}
.lines .line.-left {
  grid-column: full-start/1;
}
.lines .line.-middle {
  position: relative;
  top: 50%;
}
.lines .line.-one {
  grid-column: full-start/1;
  grid-row: 1/1;
  position: relative;
  top: 200px;
}
.lines .line.-two {
  grid-column: 12/full-end;
  grid-row: 1/1;
}
.lines .line.-three {
  grid-column: 12/full-end;
  grid-row: 1/1;
  justify-self: end;
}
.lines .line.-four {
  grid-column: 12/full-end;
  grid-row: 1/1;
  justify-self: end;
}
@media (min-width: 1200px) {
  .lines {
    opacity: 1;
  }
}

.footer {
  background-color: #212121;
  color: #fff;
  padding: 5rem 0;
}
.footer a {
  color: #fff;
}
.footer a:hover {
  color: #abc382;
}
.footer__info {
  grid-column: main-start/main-end;
}
@media (min-width: 1200px) {
  .footer__info {
    grid-column: main-start/6;
  }
}
.footer__form {
  grid-column: main-start/main-end;
  margin-top: 3rem;
}
@media (min-width: 1200px) {
  .footer__form {
    grid-column: 7/main-end;
    margin-top: 0;
  }
}
.footer__title {
  color: #fff;
  margin-top: 0;
}
.footer__logo {
  height: 143px;
  margin-bottom: 3rem;
  width: auto;
}
.footer__address {
  font-style: normal;
  margin-bottom: 1rem;
}
.footer .social {
  margin-top: 1rem;
}
.footer .social__link {
  font-size: 1.40625rem;
  margin-right: 0.5rem;
}
@media (min-width: 1200px) {
  .footer {
    padding: 8rem 0 4rem;
  }
}

.section {
  padding: 5rem 0;
}
.section__title {
  color: #abc382;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .section {
    padding: 8rem 0;
  }
}

.hero {
  height: 95vh;
  padding: 0;
}
.hero__wrapper {
  height: 100%;
  position: relative;
}
.hero__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  grid-column: main-start/main-end;
  justify-content: center;
  position: relative;
  z-index: 3;
}
.hero__logo {
  display: block;
  height: auto;
  margin-bottom: 2rem;
  max-width: 50vw;
  position: absolute;
  width: 100%;
}
@media (min-width: 1200px) {
  .hero__logo {
    max-width: 400px;
  }
}
.hero__text {
  opacity: 0;
  visibility: hidden;
}
.hero__text p {
  margin: 0;
  text-align: center;
}
@media (min-width: 1200px) {
  .hero__text p {
    font-size: 5.3644180298rem;
  }
}
.hero__cta {
  margin-top: 2rem;
  text-align: center;
}
.hero__videoPoster {
  inset: 0;
  position: absolute;
}
.hero__videoPoster img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.hero__video {
  display: none;
  inset: 0;
  position: absolute;
}
.hero__video video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.hero__video::before {
  background-color: rgba(88, 85, 118, 0.4);
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}
@media (min-width: 1200px) {
  .hero__video {
    display: block;
  }
}
.primaryServices {
  padding-bottom: 0;
  padding-top: 0;
}
@media (min-width: 1200px) {
  .primaryServices__wrapper {
    height: 50vh;
  }
}
.primaryServices__familyLaw {
  background-color: #212121;
  grid-column: main-start/main-end;
}
@media (min-width: 1200px) {
  .primaryServices__familyLaw {
    border-radius: 16px 0 0 16px;
    grid-column: main-start/8;
    margin-right: -1.5rem;
  }
}
.primaryServices__mediation {
  background-color: #585576;
  grid-column: main-start/main-end;
}
@media (min-width: 1200px) {
  .primaryServices__mediation {
    border-radius: 0 16px 16px 0;
    grid-column: 8/main-end;
    margin-left: -1.5rem;
  }
}
.primaryServices .primaryService {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
  text-align: center;
}
.primaryServices .primaryService__title {
  color: #fff;
  margin: 0;
}
.primaryServices .primaryService__content {
  font-size: 1.40625rem;
}
.primaryServices .primaryService__button {
  margin-top: 1rem;
}
@media (min-width: 1200px) {
  .primaryServices .primaryService {
    padding: 3rem 6rem;
  }
}

.whoWeAre__wrapper {
  height: 100%;
  position: relative;
}
.whoWeAre__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  grid-column: main-start/main-end;
  justify-content: center;
  position: relative;
  z-index: 3;
}
.whoWeAre__content:last-child {
  grid-column: main-start/main-end;
}
@media (min-width: 1200px) {
  .whoWeAre__content {
    grid-column: 4/12;
    text-align: center;
  }
}
.whoWeAre__awards {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin-top: 3rem;
}
.whoWeAre__awards .award {
  display: inline-block;
  text-align: center;
}
.whoWeAre__awards .award img {
  height: auto;
  max-height: 180px;
  max-width: 300px;
}
@media (min-width: 1200px) {
  .whoWeAre__awards .award img {
    max-width: 220px;
  }
}
@media (min-width: 1200px) {
  .whoWeAre__awards .award {
    flex-basis: calc(25% - 1rem);
  }
}
@media (min-width: 1200px) {
  .whoWeAre__awards {
    flex-direction: row;
  }
}

.callToAction {
  background-image: url(/wp-content/themes/tatami/static/images/bg-pattern-dark.png);
  background-repeat: repeat;
}
.callToAction__wrapper {
  align-items: center;
  height: 100%;
  position: relative;
}
.callToAction__text {
  color: #fff;
  grid-column: main-start/main-end;
  margin: 0 0 3rem;
}
@media (min-width: 1200px) {
  .callToAction__text {
    grid-column: main-start/10;
    margin: 0;
  }
}
.callToAction__link {
  grid-column: main-start/main-end;
}
@media (min-width: 1200px) {
  .callToAction__link {
    grid-column: 11/main-end;
  }
}

.ourTeam {
  background-color: #fbf5f2;
  position: relative;
}
.ourTeam__background {
  display: block;
  height: auto; /* Maintains aspect ratio */
  position: absolute;
  width: 100%;
  z-index: 1;
}
.ourTeam__background.-top {
  left: 0;
  top: 0;
}
.ourTeam__background.-bottom {
  bottom: 0;
}
.ourTeam__lawyers {
  display: grid;
  grid-column: main-start/main-end;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  margin: 0 -5vw;
  position: relative;
  z-index: 5;
}
@media (min-width: 1200px) {
  .ourTeam__lawyers {
    grid-column: main-start/span 12;
  }
}
.ourTeam .lawyer {
  display: block;
  flex-basis: calc(45% - 10vw);
  margin: 7vw;
}
.ourTeam .lawyer__image {
  display: block;
}
.ourTeam .lawyer__image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.ourTeam .lawyer__info {
  margin-top: 1rem;
}
.ourTeam .lawyer__name {
  color: #212121;
  margin: 0;
}
.ourTeam .lawyer__position {
  color: #abc382;
  margin: 0;
}
.ourTeam .lawyer:nth-child(2) {
  margin-top: 20vw;
}
.ourTeam .lawyer:nth-child(odd):not(:first-child) {
  margin-top: -10vw;
}

.whatWeDo {
  background-color: #f5efeb;
}
.whatWeDo__heading {
  align-self: start;
  grid-column: main-start/main-end;
}
@media (min-width: 1200px) {
  .whatWeDo__heading {
    grid-column: main-start/7;
    position: sticky;
    top: 190px;
  }
}
.whatWeDo__text {
  grid-column: main-start/main-end;
}
.whatWeDo__text hr {
  margin-top: 0;
}
@media (min-width: 1200px) {
  .whatWeDo__text hr {
    margin: 3rem 0;
  }
}
@media (min-width: 1200px) {
  .whatWeDo__text {
    grid-column: 8/main-end;
  }
}
.whatWeDo .accordion {
  border-top: 1px solid #212121;
  margin-bottom: 3rem;
  margin-top: 3rem;
  padding-top: 3rem;
}
.whatWeDo .accordion__checkbox {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
@media (min-width: 1200px) {
  .whatWeDo .accordion__checkbox {
    display: none;
  }
}
.whatWeDo .accordion__label {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.whatWeDo .accordion__label .accordion__title {
  margin: 0;
}
.whatWeDo .accordion__label .accordion__icon {
  margin-left: auto;
  transition: transform 0.3s ease;
}
@media (min-width: 1200px) {
  .whatWeDo .accordion__label {
    cursor: default;
  }
}
@media (min-width: 1200px) {
  .whatWeDo .accordion__icon {
    display: none;
  }
}
.whatWeDo .accordion__text {
  height: 0;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .whatWeDo .accordion__text {
    height: auto;
    overflow: visible;
  }
}
@media (min-width: 1200px) {
  .whatWeDo .accordion {
    margin-bottom: 0;
  }
}

.ourServices {
  background-color: #f5efeb;
}
.ourServices__text {
  display: flex;
  flex-direction: column;
  grid-column: main-start/main-end;
  justify-content: center;
}
.ourServices__text > *:first-child {
  margin-top: 0;
}
@media (min-width: 1200px) {
  .ourServices__text {
    grid-column: 2/6;
  }
}
.ourServices__list {
  grid-column: main-start/main-end;
  margin-top: 3rem;
}
@media (min-width: 1200px) {
  .ourServices__list {
    column-count: 2;
    column-gap: 1rem;
    grid-column: 7/main-end;
    margin-top: 0;
  }
}
.ourServices .service {
  border-radius: 16px;
  break-inside: avoid;
  display: inline-block;
  margin-bottom: 1rem;
  padding: 2.5rem;
  width: 100%;
}
.ourServices .service__category {
  color: #fff;
  margin: 0;
}
.ourServices .service__category a {
  color: #212121;
}
.ourServices .service__category a:hover {
  text-decoration: underline;
}
.ourServices .service__list {
  margin-bottom: 0;
  margin-top: 1rem;
}
.ourServices .service__link {
  color: #fff;
}
.ourServices .service__link:hover {
  text-decoration: underline;
}
.ourServices .service:first-child, .ourServices .service:last-child {
  background-color: #585576;
  color: #fff;
}
.ourServices .service:nth-child(3), .ourServices .service:nth-child(5) {
  background-color: #cccccc;
}
.ourServices .service:nth-child(2), .ourServices .service:nth-child(6) {
  background-color: #212121;
  color: #fff;
}
.ourServices .service:nth-child(2) .service__category a, .ourServices .service:nth-child(6) .service__category a {
  color: #fff;
}
.ourServices .service:nth-child(4), .ourServices .service:nth-child(7) {
  background-color: #abc382;
}
.ourServices .service:nth-child(4) .service__category, .ourServices .service:nth-child(7) .service__category {
  color: #212121;
}
.ourServices .service:nth-child(4) .service__link, .ourServices .service:nth-child(7) .service__link {
  color: #212121;
}

.blogsArticles {
  background-color: #fbf5f2;
  position: relative;
}
.blogsArticles__background {
  display: block;
  height: auto; /* Maintains aspect ratio */
  position: absolute;
  width: 100%;
  z-index: 1;
}
.blogsArticles__background.-top {
  left: 0;
  top: 0;
}
.blogsArticles__background.-bottom {
  bottom: 0;
}
.blogsArticles__wrapper {
  position: relative;
  z-index: 5;
}
.blogsArticles__header {
  grid-column: main-start/main-end;
}
@media (min-width: 1200px) {
  .blogsArticles__header {
    grid-column: main-start/6;
  }
}
.blogsArticles__posts {
  grid-column: main-start/main-end;
  margin-top: 3rem;
}
@media (min-width: 1200px) {
  .blogsArticles__posts {
    grid-column: 7/main-end;
    margin-top: 0;
  }
}
.blogsArticles__title {
  margin: 0;
}
.blogsArticles .social {
  margin-top: 1rem;
}
.blogsArticles .social__link {
  color: #abc382;
  font-size: 1.40625rem;
  margin-right: 0.5rem;
}
.blogsArticles .social__link:hover {
  color: #585576;
}
.blogsArticles .post {
  border-top: 1px solid #212121;
  padding: 2rem;
  position: relative;
}
.blogsArticles .post:hover .post__icon {
  color: #585576;
}
.blogsArticles .post:hover .post__image {
  opacity: 0.5;
}
.blogsArticles .post:hover .post__heading,
.blogsArticles .post:hover .post__category,
.blogsArticles .post:hover .post__date {
  color: #fff;
}
.blogsArticles .post__content {
  position: relative;
  z-index: 1;
}
.blogsArticles .post__meta {
  color: #212121;
}
.blogsArticles .post__category {
  color: #abc382;
  transition: color 300ms ease-out;
}
.blogsArticles .post__date {
  color: #999999;
  transition: color 300ms ease-out;
}
.blogsArticles .post__heading {
  align-items: center;
  color: #212121;
  display: flex;
  flex-direction: row;
  margin: 1rem 0 0;
  transition: color 300ms ease-out;
}
@media (min-width: 1200px) {
  .blogsArticles .post__title {
    padding-right: 3rem;
  }
}
.blogsArticles .post__icon {
  color: #abc382;
  display: none;
  flex-basis: 64px;
  font-size: 1.40625rem;
  margin-left: auto;
  text-align: right;
  transition: color 300ms ease-out;
}
@media (min-width: 1200px) {
  .blogsArticles .post__icon {
    display: inline-block;
  }
}
.blogsArticles .post__image {
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 300ms ease-out;
}
.blogsArticles .post__image::before {
  background: rgba(88, 85, 118, 0.8);
  content: "";
  inset: 0;
  position: absolute;
}
.blogsArticles .post__image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.blog,
.archive,
.search {
  background-image: url(/wp-content/themes/tatami/static/images/bg-post.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.blog .widget,
.archive .widget,
.search .widget {
  background-color: #212121;
  margin-bottom: 3rem;
  padding: 2rem;
}
.blog .widget__title,
.archive .widget__title,
.search .widget__title {
  color: #fff;
  font-family: "Owners Text", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0 0 1rem;
}
.blog .widget__content,
.archive .widget__content,
.search .widget__content {
  margin-top: 1rem;
}
.blog .widget__content select,
.archive .widget__content select,
.search .widget__content select {
  padding: 8px;
  width: 100%;
}
.blog .widget__content ul,
.archive .widget__content ul,
.search .widget__content ul {
  list-style: none;
  margin: 0;
}
.blog .widget__content ul li.current-cat,
.archive .widget__content ul li.current-cat,
.search .widget__content ul li.current-cat {
  font-weight: 700;
}
.blog .widget__content ul li a,
.archive .widget__content ul li a,
.search .widget__content ul li a {
  color: #fff;
}
.blog .widget__content ul li a:hover,
.archive .widget__content ul li a:hover,
.search .widget__content ul li a:hover {
  color: #abc382;
}
.blog .posts,
.archive .posts,
.search .posts {
  grid-column: main-start/main-end;
  margin-top: 3rem;
}
@media (min-width: 1200px) {
  .blog .posts,
  .archive .posts,
  .search .posts {
    grid-column: 7/main-end;
    margin-top: 0;
  }
}
.blog .post,
.archive .post,
.search .post {
  border-top: 1px solid #212121;
  padding: 2rem;
  position: relative;
}
.blog .post:hover .post__icon,
.archive .post:hover .post__icon,
.search .post:hover .post__icon {
  color: #585576;
}
.blog .post:hover .post__image,
.archive .post:hover .post__image,
.search .post:hover .post__image {
  opacity: 0.5;
}
.blog .post:hover .post__heading,
.blog .post:hover .post__category,
.blog .post:hover .post__date,
.archive .post:hover .post__heading,
.archive .post:hover .post__category,
.archive .post:hover .post__date,
.search .post:hover .post__heading,
.search .post:hover .post__category,
.search .post:hover .post__date {
  color: #fff;
}
.blog .post__content,
.archive .post__content,
.search .post__content {
  position: relative;
  z-index: 1;
}
.blog .post__meta,
.archive .post__meta,
.search .post__meta {
  color: #212121;
}
.blog .post__category,
.archive .post__category,
.search .post__category {
  color: #abc382;
  transition: color 300ms ease-out;
}
.blog .post__date,
.archive .post__date,
.search .post__date {
  color: #999999;
  transition: color 300ms ease-out;
}
.blog .post__heading,
.archive .post__heading,
.search .post__heading {
  align-items: center;
  color: #212121;
  display: flex;
  flex-direction: row;
  margin: 1rem 0 0;
  transition: color 300ms ease-out;
}
@media (min-width: 1200px) {
  .blog .post__title,
  .archive .post__title,
  .search .post__title {
    padding-right: 3rem;
  }
}
.blog .post__icon,
.archive .post__icon,
.search .post__icon {
  color: #abc382;
  display: none;
  flex-basis: 64px;
  font-size: 1.40625rem;
  margin-left: auto;
  text-align: right;
  transition: color 300ms ease-out;
}
@media (min-width: 1200px) {
  .blog .post__icon,
  .archive .post__icon,
  .search .post__icon {
    display: inline-block;
  }
}
.blog .post__image,
.archive .post__image,
.search .post__image {
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 300ms ease-out;
}
.blog .post__image::before,
.archive .post__image::before,
.search .post__image::before {
  background: rgba(88, 85, 118, 0.8);
  content: "";
  inset: 0;
  position: absolute;
}
.blog .post__image img,
.archive .post__image img,
.search .post__image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.pagination {
  grid-column: main-start/main-end;
  margin-top: 3rem;
  text-align: center;
  width: 100%;
}
.pagination__pages {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pagination__pages li {
  display: inline-block;
}
.pagination__link {
  background-color: rgba(171, 195, 130, 0);
  border: none;
  border-radius: 4px;
  color: #585576;
  display: inline-block;
  margin: 0 2px;
  padding: 3px 8px;
  transition: all 0.3s ease-in-out;
}
.pagination__link:hover {
  background-color: #abc382;
  color: #fff;
}
.pagination__link--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
@media (min-width: 1200px) {
  .pagination {
    padding: 0 30px;
  }
}

body.single {
  background-image: url(/wp-content/themes/tatami/static/images/bg-post.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

body.single-service {
  background-image: url(/wp-content/themes/tatami/static/images/bg-post.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
body.single-service .body {
  padding-bottom: 0;
  padding-top: 0;
}
body.single-service .relatedServices {
  background-color: #212121;
  margin-bottom: 3rem;
  padding: 2rem;
}
body.single-service .relatedServices__title {
  color: #fff;
  font-family: "Owners Text", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0 0 1rem;
}
body.single-service .relatedServices__services {
  list-style: none;
  margin: 0;
}
body.single-service .relatedServices__service a {
  color: #fff;
}
body.single-service .relatedServices__service a:hover {
  color: #abc382;
}
body.single-service .relatedServices__service a.-active {
  font-weight: 700;
}
@media (min-width: 1200px) {
  body.single-service .relatedServices {
    margin-bottom: 0;
  }
}
body.single-service .relatedArticles {
  background-color: #fff;
  grid-column: full-start/full-end;
  padding: 5rem 0;
  position: relative;
}
body.single-service .relatedArticles__background {
  display: block;
  height: auto; /* Maintains aspect ratio */
  position: absolute;
  width: 100%;
  z-index: 1;
}
body.single-service .relatedArticles__background.-top {
  left: 0;
  top: 0;
}
body.single-service .relatedArticles__background.-bottom {
  bottom: 0;
}
body.single-service .relatedArticles__wrapper {
  position: relative;
  z-index: 5;
}
body.single-service .relatedArticles__header {
  grid-column: main-start/main-end;
}
@media (min-width: 1200px) {
  body.single-service .relatedArticles__header {
    grid-column: main-start/6;
  }
}
body.single-service .relatedArticles__posts {
  grid-column: main-start/main-end;
  margin-top: 3rem;
}
@media (min-width: 1200px) {
  body.single-service .relatedArticles__posts {
    grid-column: 7/main-end;
    margin-top: 0;
  }
}
body.single-service .relatedArticles__title {
  margin: 0;
}
body.single-service .relatedArticles .social {
  margin-top: 1rem;
}
body.single-service .relatedArticles .social__link {
  color: #abc382;
  font-size: 1.40625rem;
  margin-right: 0.5rem;
}
body.single-service .relatedArticles .post {
  border-top: 1px solid #212121;
  padding: 2rem 0;
}
body.single-service .relatedArticles .post__meta {
  color: #212121;
}
body.single-service .relatedArticles .post__category {
  color: #abc382;
}
body.single-service .relatedArticles .post__date {
  color: #999999;
}
body.single-service .relatedArticles .post__heading {
  margin: 1rem 0 0;
}
@media (min-width: 1200px) {
  body.single-service .relatedArticles .post__title {
    padding-right: 3rem;
  }
}
body.single-service .relatedArticles .post__link {
  align-items: center;
  color: #212121;
  display: flex;
  flex-direction: row;
}
body.single-service .relatedArticles .post__icon {
  color: #abc382;
  display: none;
  flex-basis: 64px;
  font-size: 1.40625rem;
  margin-left: auto;
  text-align: right;
  transition: color 300ms ease-out;
}
@media (min-width: 1200px) {
  body.single-service .relatedArticles .post__icon {
    display: inline-block;
  }
}

body.single-lawyer .body,
.single-lawyer .body {
  padding-bottom: 0;
}
body.single-lawyer .body__text,
.single-lawyer .body__text {
  grid-column: full-start/full-end;
  margin-bottom: 5rem;
}
body.single-lawyer .pageHeader,
.single-lawyer .pageHeader {
  min-height: 80vh;
}
body.single-lawyer .pageHeader__content,
.single-lawyer .pageHeader__content {
  grid-column: main-start/main-end;
}
@media (min-width: 1200px) {
  body.single-lawyer .pageHeader__content,
  .single-lawyer .pageHeader__content {
    grid-column: main-start/11;
  }
}
body.single-lawyer .pageHeader__getStarted,
.single-lawyer .pageHeader__getStarted {
  align-items: flex-end;
  display: flex;
  grid-column: main-start/main-end;
  margin-top: 2rem;
}
@media (min-width: 1200px) {
  body.single-lawyer .pageHeader__getStarted,
  .single-lawyer .pageHeader__getStarted {
    grid-column: 11/main-end;
    margin-top: 0;
  }
}
body.single-lawyer .pageHeader__header,
.single-lawyer .pageHeader__header {
  margin: 1rem 0 0;
}
@media (min-width: 1200px) {
  body.single-lawyer .pageHeader__header,
  .single-lawyer .pageHeader__header {
    align-items: flex-end;
  }
}
body.single-lawyer .pageHeader__title,
.single-lawyer .pageHeader__title {
  margin: 0;
}
body.single-lawyer .pageHeader .contact,
.single-lawyer .pageHeader .contact {
  margin: 1rem 0;
}
body.single-lawyer .pageHeader .contact__phone, body.single-lawyer .pageHeader .contact__email,
.single-lawyer .pageHeader .contact__phone,
.single-lawyer .pageHeader .contact__email {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 1rem;
}
body.single-lawyer .pageHeader .contact__phone i, body.single-lawyer .pageHeader .contact__email i,
.single-lawyer .pageHeader .contact__phone i,
.single-lawyer .pageHeader .contact__email i {
  margin-right: 10px;
}
@media (min-width: 1200px) {
  body.single-lawyer .pageHeader .contact,
  .single-lawyer .pageHeader .contact {
    margin-bottom: 2rem;
  }
}
body.single-lawyer__bio,
.single-lawyer__bio {
  grid-column: main-start/main-end;
  order: 2;
}
body.single-lawyer__bio > *:first-child,
.single-lawyer__bio > *:first-child {
  margin-top: 0;
}
@media (min-width: 1200px) {
  body.single-lawyer__bio,
  .single-lawyer__bio {
    grid-column: main-start/7;
    order: 1;
  }
}
body.single-lawyer__image,
.single-lawyer__image {
  grid-column: main-start/main-end;
  margin-bottom: 3rem;
  order: 1;
}
body.single-lawyer__image img,
.single-lawyer__image img {
  height: auto;
  max-width: 100%;
}
@media (min-width: 1200px) {
  body.single-lawyer__image,
  .single-lawyer__image {
    grid-column: 8/main-end;
    margin-bottom: 0;
    order: 2;
  }
}
body.single-lawyer .extraFields,
.single-lawyer .extraFields {
  grid-column: main-start/main-end;
  padding: 5rem 0;
}
@media (min-width: 1200px) {
  body.single-lawyer .extraFields.-hasAwards .extraFields__content,
  .single-lawyer .extraFields.-hasAwards .extraFields__content {
    column-count: 2;
    column-gap: 3rem;
  }
}
@media (min-width: 1200px) {
  body.single-lawyer .extraFields.-hasAwards,
  .single-lawyer .extraFields.-hasAwards {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: 1fr 3fr;
  }
}
body.single-lawyer .extraFields__awards,
.single-lawyer .extraFields__awards {
  grid-column: 1;
}
body.single-lawyer .extraFields__awards .award,
.single-lawyer .extraFields__awards .award {
  margin: 0.5rem;
  text-align: center;
}
body.single-lawyer .extraFields__awards .award img,
.single-lawyer .extraFields__awards .award img {
  height: auto;
  max-height: 180px;
  max-width: 300px;
}
@media (min-width: 1200px) {
  body.single-lawyer .extraFields__awards .award img,
  .single-lawyer .extraFields__awards .award img {
    max-width: 220px;
  }
}
body.single-lawyer .extraFields__content,
.single-lawyer .extraFields__content {
  grid-column: 2;
}
@media (min-width: 1200px) {
  body.single-lawyer .extraFields__content,
  .single-lawyer .extraFields__content {
    column-count: 3;
    column-gap: 3rem;
  }
}
body.single-lawyer .extraFields .extraField,
.single-lawyer .extraFields .extraField {
  break-inside: avoid;
  margin-bottom: 3rem;
}
body.single-lawyer .extraFields .extraField:first-child,
.single-lawyer .extraFields .extraField:first-child {
  grid-column: 1/2;
}
body.single-lawyer .extraFields .extraField:not(:first-child),
.single-lawyer .extraFields .extraField:not(:first-child) {
  grid-column: 2/4;
}
body.single-lawyer .extraFields .extraField__title,
.single-lawyer .extraFields .extraField__title {
  border-bottom: 1px solid #585576;
  display: block;
  margin: 0 0 1rem;
}
body.single-lawyer .extraFields .extraField__content img,
.single-lawyer .extraFields .extraField__content img {
  height: auto;
  max-width: 300px;
}

body.page {
  background-image: url(/wp-content/themes/tatami/static/images/bg-post.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
body.page .pageHeader {
  min-height: 60vh;
}

.page-bw-in-the-news .mediaMention {
  background-color: #fcfaf9;
  padding: 2rem;
}
.page-bw-in-the-news .mediaMention:nth-of-type(even) {
  background-color: #f5efeb;
}
.page-bw-in-the-news .mediaMention__title {
  margin: 0 0 1rem;
}
.page-oren-weinberg-mediator-services .pageHeader__background,
.parent-pageid-19133 .pageHeader__background {
  aspect-ratio: 16/10;
}
.page-oren-weinberg-mediator-services .relatedServices,
.parent-pageid-19133 .relatedServices {
  background-color: #212121;
  margin-bottom: 3rem;
  padding: 2rem;
}
.page-oren-weinberg-mediator-services .relatedServices__title,
.parent-pageid-19133 .relatedServices__title {
  color: #fff;
  font-family: "Owners Text", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0 0 1rem;
}
.page-oren-weinberg-mediator-services .relatedServices__services,
.parent-pageid-19133 .relatedServices__services {
  list-style: none;
  margin: 0;
}
.page-oren-weinberg-mediator-services .relatedServices__service a,
.parent-pageid-19133 .relatedServices__service a {
  color: #fff;
}
.page-oren-weinberg-mediator-services .relatedServices__service a:hover,
.parent-pageid-19133 .relatedServices__service a:hover {
  color: #abc382;
}
.page-oren-weinberg-mediator-services .relatedServices__service a.-active,
.parent-pageid-19133 .relatedServices__service a.-active {
  font-weight: 700;
}
@media (min-width: 1200px) {
  .page-oren-weinberg-mediator-services .relatedServices,
  .parent-pageid-19133 .relatedServices {
    margin-bottom: 0;
  }
}

.page-practice-areas .services {
  grid-column: main-start/main-end;
  margin-top: 3rem;
}
@media (min-width: 1200px) {
  .page-practice-areas .services {
    column-count: 2;
    column-gap: 1rem;
    margin-top: 0;
  }
}
.page-practice-areas .service {
  border-radius: 16px;
  break-inside: avoid;
  display: inline-block;
  margin-bottom: 1rem;
  padding: 2.5rem;
  width: 100%;
}
.page-practice-areas .service__category {
  color: #fff;
  margin: 0;
}
.page-practice-areas .service__category a {
  color: #212121;
}
.page-practice-areas .service__category a:hover {
  text-decoration: underline;
}
.page-practice-areas .service__list {
  margin-bottom: 0;
  margin-top: 1rem;
}
.page-practice-areas .service__link {
  color: #fff;
}
.page-practice-areas .service__link:hover {
  text-decoration: underline;
}
.page-practice-areas .service:first-child, .page-practice-areas .service:last-child {
  background-color: #585576;
  color: #fff;
}
.page-practice-areas .service:nth-child(3), .page-practice-areas .service:nth-child(5) {
  background-color: #cccccc;
}
.page-practice-areas .service:nth-child(2), .page-practice-areas .service:nth-child(6) {
  background-color: #212121;
  color: #fff;
}
.page-practice-areas .service:nth-child(2) .service__category a, .page-practice-areas .service:nth-child(6) .service__category a {
  color: #fff;
}
.page-practice-areas .service:nth-child(4), .page-practice-areas .service:nth-child(7) {
  background-color: #abc382;
}
.page-practice-areas .service:nth-child(4) .service__category, .page-practice-areas .service:nth-child(7) .service__category {
  color: #212121;
}
.page-practice-areas .service:nth-child(4) .service__link, .page-practice-areas .service:nth-child(7) .service__link {
  color: #212121;
}

.page-who-we-are .lawyers {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  grid-column: main-start/main-end;
  margin-bottom: 2rem;
  position: relative;
  z-index: 5;
}
@media (min-width: 1200px) {
  .page-who-we-are .lawyers {
    grid-column: main-start/span 12;
  }
}
.page-who-we-are .lawyer {
  flex-basis: calc((100% - 2rem) / 2);
}
.page-who-we-are .lawyer__image {
  display: block;
}
.page-who-we-are .lawyer__image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.page-who-we-are .lawyer__info {
  margin-top: 1rem;
}
.page-who-we-are .lawyer__name {
  color: #212121;
  margin: 0;
}
.page-who-we-are .lawyer__position {
  color: #abc382;
  margin: 0;
}
@media (min-width: 1200px) {
  .page-who-we-are .lawyer {
    flex-basis: calc((100% - 6rem) / 4);
  }
}
.page-who-we-are .staff {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  grid-column: main-start/main-end;
  margin-bottom: 2rem;
  position: relative;
  z-index: 5;
}
.page-who-we-are .staff__member {
  flex-basis: calc((100% - 2rem) / 2);
}
@media (min-width: 1200px) {
  .page-who-we-are .staff__member {
    flex-basis: calc((100% - 6rem) / 4);
  }
}
.page-who-we-are .staff__image {
  display: block;
}
.page-who-we-are .staff__image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.page-who-we-are .staff__info {
  margin-top: 1rem;
}
.page-who-we-are .staff__info hr {
  border-top-color: #999;
  margin: 0.5rem 0;
}
.page-who-we-are .staff__name {
  color: #212121;
  margin: 0;
}
.page-who-we-are .staff__position {
  color: #abc382;
  margin: 0;
}
@media (min-width: 1200px) {
  .page-who-we-are .staff {
    grid-column: main-start/span 12;
  }
}
.page-who-we-are .gb-container {
  grid-column: main-start/main-end;
}
.page-who-we-are .gb-container img {
  height: auto;
  width: 100%;
}

.page-careers .careers {
  grid-column: main-start/main-end;
}
.page-careers .career {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ccc;
}
@media (min-width: 1200px) {
  .page-careers .career {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.page-careers .career__title {
  color: #212121;
  margin: 0;
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  .page-careers .career__title {
    margin-bottom: 0;
  }
}