/*!
Theme Name: Melmed Law Group P.C.
Theme URI: https://www.melmedlaw.com/
Author: Kyle D. Smith
Author URI: https://www.melmedlaw.com/
Description: A custom theme built for Melmed Law Group P.C.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: melmed-style-guide

--------------------------------------------------------------*/



/*
      FILE CONTENTS
====================================
--- # Footer Styling
--- # Contact Page
--- # Default Page
--- # Home Page
--- # Our Team Page
--- # Full-Width Contact Form Footer
--- # Site Map
--- # 404 Page
--- # Practice Areas Page
--- # Individual Practice Area Page
--- # About Page
--- # More Page
--- # Case Results Page
--- # Careers Page
--- # Blog Index Page
--- # Blog Pages
*/

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

* {
  margin: 0;
  padding: 0;
  font-family: var(--ff);
}

hr {
  border-width: 0.25px;
  border-color: var(--tinted-gray);
  width: 100%;
}

:root {
  --primary-melmed-blue: #0353a4;
  --cta-buttons-hover-color: #3b5e82;
  --light-melmed-blue: #19a0fa;
  --light-melmed-hover-color: #78add1;
  --dark-blue: #001e6c;
  --med-dark-blue: #002e5c;
  --light-dark-blue: #0353a4;
  --shaded-blue: #03002e;
  --melmed-dark-gray: #5e677c;
  --melmed-light-gray: #e8e8e8;
  --medium-blue-grey: #7a8aa9;
  --toned-light-blue: #72a5f1;
  --toned-black: #141414;
  --background-tinted-blue: #eef6ff;
  --font-grayish-white: #fbfcfe;
  --font-hover-color: #19a0fa;
  --tinted-gray: #f4f8fd;
  --image-overlay-color: rgba(20, 20, 20, 0.45);
  --image-hover-color: rgba(20, 20, 20, 0.65);
  --light-blue-gray: #9db1d8;
  --footer-bg-color: #080c1c;
  --invalid-dark-bg-color: #b40404;
  --invalid-light-bg-color: #fc6969;
  --valid-dark-bg-color: #1c651b;
  --valid-light-bg-color: #60d45e;

  --spacer: 1rem;
  --spacer-md: calc(var(--spacer) * 2);
  --spacer-lg: calc(var(--spacer) * 3);
  --spacer-xl: calc(var(--spacer) * 4);
  --spacer-xxl: calc(var(--spacer) * 5);
  --spacer-xxxl: calc(var(--spacer) * 6);

  --ff: 'Open Sans';

  --fw-l: 300;
  --fw-n: 400;
  --fw-sb: 600;
  --fw-b: 700;
  --fw-eb: 800;

  --fs-900: 6.4rem;
  --fs-800: 4.8rem;
  --fs-700: 3.6rem;
  --fs-600: 2.4rem;
  --fs-500: 2rem;
  --fs-400: 1.6rem;
  --fs-300: 1.2rem;
  --fs-200: 0.5rem;

  --br: 2px;

  --fs-body: var(--fs-600);
  --fs-primary-heading: var(--fs-900);
  --fs-secondary-heading: var(--fs-800);

  --size-100: 0.25rem;
  --size-200: 0.5rem;
  --size-300: 0.75rem;
  --size-400: 1rem;
  --size-500: 1.5rem;
  --size-600: 2rem;
  --size-700: 3.6rem;
  --size-800: 4.8rem;
  --size-900: 6.4rem;
	
	--transition: all 0.25s linear;
}

/* Utility Classes */
.text-accent-800 {
  color: var(--shaded-blue);
}

.text-accent-700 {
  color: var(--dark-blue);
}

.text-accent-600 {
  color: var(--med-dark-blue);
}

.text-accent-300 {
  color: var(--light-dark-blue);
}

.text-accent-200 {
  color: var(--background-tinted-blue);
}

.text-primary-400 {
  color: var(--primary-melmed-blue);
}

.text-primary-300 {
  color: var(--light-melmed-blue);
}

.text-neutral-200 {
  color: var(--tinted-gray);
}

.text-neutral-100 {
  color: var(--font-grayish-white);
}

.text-neutral-900 {
  color: var(--toned-black);
}

.bg-accent-800 {
  background-color: var(--shaded-blue);
}

.bg-accent-700 {
  background-color: var(--dark-blue);
}

.bg-accent-600 {
  background-color: var(--med-dark-blue);
}

.bg-accent-300 {
  background-color: var(--light-dark-blue);
}

.bg-accent-200 {
  background-color: var(--background-tinted-blue);
}

.bg-primary-400 {
  --button-bg-color: var(--primary-melmed-blue);
  background-color: var(--primary-melmed-blue);
}

.bg-primary-300 {
  --button-bg-color: var(--light-melmed-blue);
  background-color: var(--light-melmed-blue);
}

.bg-neutral-100 {
  background-color: var(--font-grayish-white);
}

.bg-neutral-200 {
  background-color: var(--tinted-gray);
}

.bg-neutral-900 {
  background-color: var(--toned-black);
}

.full-bleed-left-200 {
  box-shadow: 0 0 0 100vmax var(--background-tinted-blue);
  clip-path: inset(0 0 0 -100vmax);
}

.full-bleed-left-700 {
  box-shadow: 0 0 0 100vmax var(--dark-blue);
  clip-path: inset(0 0 0 -100vmax);
}

.full-bleed-right-200 {
  box-shadow: 0 0 0 100vmax var(--background-tinted-blue);
  clip-path: inset(0 -100vmax 0 0vmax);
}

.full-bleed-200 {
  box-shadow: 0 0 0 100vmax var(--background-tinted-blue);
  clip-path: inset(0 -100vmax);
}

.full-bleed-700 {
  box-shadow: 0 0 0 100vmax var(--dark-blue);
  clip-path: inset(0 -100vmax);
}

.full-bleed-800 {
  box-shadow: 0 0 0 100vmax var(--shaded-blue);
  clip-path: inset(0 -100vmax);
}

.fw-extrabold {
  font-weight: var(--fw-eb);
}

.fw-bold {
  font-weight: var(--fw-b);
}

.fw-semibold {
  font-weight: var(--fw-sb);
}

.fw-regular {
  font-weight: var(--fw-n);
}

.fw-light {
  font-weight: var(--fw-l);
}

.fs-primary-heading {
  font-size: var(--fs-primary-heading);
  line-height: 1;
}
.fs-secondary-heading {
  font-size: var(--fs-secondary-heading);
  line-height: 1;
}

.fs-200 {
  font-size: var(--fs-200);
}
.fs-300 {
  font-size: var(--fs-300);
}
.fs-400 {
  font-size: var(--fs-400);
}
.fs-500 {
  font-size: var(--fs-500);
}
.fs-600 {
  font-size: var(--fs-600);
}
.fs-700 {
  font-size: var(--fs-700);
}

.tt-uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

.text-emphasis {
  font-style: italic;
}

.warningInfo {
	font-size: 1.4rem;
	color: #ffffff;
	margin-bottom: 0.5em;
}

.padding-block-900 {
  padding-block: var(--size-900);
}

.padding-block-800 {
  padding-block: var(--size-800);
}

.padding-block-700 {
  padding-block: var(--size-700);
}

.padding-block-600 {
  padding-block: var(--size-600);
}

.padding-block-400 {
  padding-block: var(--size-400);
}

.padding-inline-900 {
  padding-inline: var(--size-900);
}

.padding-inline-800 {
  padding-inline: var(--size-800);
}

.padding-inline-700 {
  padding-inline: var(--size-700);
}

.padding-inline-600 {
  padding-inline: var(--size-600);
}

.padding-inline-400 {
  padding-inline: var(--size-400);
}

.mt-800 {
  margin-top: var(--size-800);
}

.mt-1000 {
  margin-top: calc(var(--size-800) + var(--size-900));
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.hide-overflow {
  overflow: hidden;
}

a:not(footer *, nav *) {
	background: linear-gradient(0deg, var(--primary-melmed-blue), var(--primary-melmed-blue)) no-repeat right bottom / 0 var(--bg-h);
	transition: background-size 350ms;
	padding-bottom: 2px;
	--bg-h: 2px;
	text-decoration: none;
	color: inherit;
	line-height: 1;
	font-weight: 700;
    color: var(--primary-melmed-blue);
}

a:not(footer *, nav *):hover,
a:not(footer *, nav *):active,
a:not(footer *, nav *):focus,
a:not(footer *, nav *):focus-visible {
  background-size: 100% var(--bg-h);
  background-position-x: left;
}

.small-border-left::after {
  content: '';
  height: 8px;
  width: 100px;
  background-color: var(--small-border-clr);
  margin-top: 1.5rem;
  display: block;
}

.small-border-left-100::after {
  content: '';
  height: 8px;
  width: 100px;
  background-color: var(--font-grayish-white);
  margin-top: 1.5rem;
  display: block;
}

.small-border-left-300::after {
  content: '';
  height: 8px;
  width: 100px;
  background-color: var(--light-melmed-blue);
  margin-top: 1.5rem;
  display: block;
}

.border-neutral-100.small-border-left::after {
  background-color: var(--font-grayish-white);
}

.small-border-center::after {
  content: '';
  height: 8px;
  width: 100px;
  background-color: var(--small-border-clr);
  margin-top: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.displayOnlyMobile {
	display: none;
}

.displayOnlyDesktop {
	display: unset;
}

@media screen and (max-width: 500px) {
	.displayOnlyMobile {
		display: unset;
	}

	.displayOnlyDesktop {
		display: none;
	}
}

main .container {
  --max-width: 1140px;
  --padding: 1rem;

  width: min(1140px, calc(100% - 2rem));
  margin-inline: auto;
}

main .full__container {
  --max-width: 1140px;

  width: min(var(--max-width));
  margin-inline: auto;
}

.header__color--big-block {
  min-height: 350px;
  background-color: var(--dark-blue);
}

.header__color--small-block {
  min-height: 200px;
  background-color: var(--dark-blue);
}

.header__color--big-block + .container {
  margin-top: -25rem;
}

.header__color--small-block + .container {
  margin-top: -10rem;
}

.content__container {
  --max-width: 700px;
  --padding: 1rem;

  width: min(700px, calc(100% - 2rem));
  margin-inline: auto;
}

:where(.flow :not(:first-child)) {
  margin-top: var(--flow-spacer, 5.3rem);
}

.even-columns {
  display: grid;
  gap: 1rem;
}

.uneven-columns,
.content__withAside {
  display: grid;
}

.mr-auto {
  margin-right: auto;
}

.half-width {
  width: 50%;
}

.semiCondensed-font {
  font-stretch: semi-condensed;
}

@media screen and (min-width: 60em) {
  .even-columns {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  .uneven-columns {
    grid-auto-flow: column;
    grid-template-columns: 1fr 2fr;
  }
  .content__withAside {
    grid-auto-flow: column;
    grid-template-columns: 59% 36%;
    gap: 5rem;
  }
}

/* @media (width < 60em) { */
@media screen and (max-width: 60em) {
  .margin-mobile-block-700 {
    margin-block: var(--size-700);
  }
  .full-bleed-left-200,
  .full-bleed-right-200 {
    clip-path: inset(0 -100vmax);
  }
  .full-bleed-left-700 {
    clip-path: inset(0 -100vmax);
  }
  .header__color--big-block + .container {
    margin-top: -35rem;
  }
  .header__color--small-block {
    min-height: 100px;
  }
}

@media screen and (max-width: 35em) {
  .fs-primary-heading h1 {
    font-size: 3.2rem;
  }
  .fs-secondary-heading {
    font-size: 2.8rem;
  }
  .small-border-center::after,
  .small-border-left::after {
    width: 83.5px;
  }
  .fs-700 {
    font-size: 2rem;
  }
  li,
  p,
  h4,
  .fs-600,
  .fs-400 {
    font-size: 1.8rem;
  }
}

/* General Styles */
html {
  font-size: 62.5%;
}
body {
  font-size: var(--fs-body);
  font-family: var(--ff);
  color: var(--toned-black);
  line-height: 1.5;
}

h3 {
	line-height: 1.25;
	margin-bottom: 0.5em;
}

h4 {
  font-size: var(--fs-600);
}

:where(.button) {
  border: 0;
  border-radius: 2px;
  font-weight: var(--fw-b);
  font-size: var(--fs-400);
  color: var(--shaded-blue);
  background-color: var(--button-bg-color);
  text-transform: uppercase;
  min-width: 194px;
  min-height: 48px;
  cursor: pointer;
  text-decoration: none;
  margin-right: var(--margin, 0);
}

.button:hover,
.button:focus-visible {
  background-color: var(--light-melmed-hover-color);
}

.button[data-type='inverted'] {
  background-color: transparent;
  border: 2px solid var(--light-melmed-blue);
  color: #ffffff;
	transition: var(--transition);
}

.button[data-type='inverted']:hover,
.button[data-type='inverted']:focus-visible {
  border-color: var(--light-melmed-hover-color);
  color: var(--light-melmed-blue);
}

/* Layout */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

footer {
  margin-top: auto;
}

.container {
  width: 100%;
  margin: 0;
}

.container__inner {
  margin: 0 auto;
  width: 100%;
}

/* Desktop Navbar */

.nav {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* Set other styles as needed */
	background: #ffffff;
	position: sticky;
	top: 0;
	z-index: 3;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
	padding: 0;
}

.nav__row {
  display: flex;
}

.nav__row:first-child {
	justify-content: space-between;
	max-width: calc(1140px + 8vw);
	padding: 0 4vw;
}

.nav__row:last-child {
	justify-content: center;
	background: var(--tinted-gray);
}

.nav__column {
  display: flex;
  align-items: center;
  /* Set other styles as needed */
}

#topLogoSVG {
	height: 2em;
	width: auto;
	display: block;
	transition: var(--transition);
}

#topLogoLink {
	padding: 0.5em 0;
	transition: var(--transition);
}

.bodyScrollDown #topLogoSVG {
	height: 1em;
}

.bodyScrollDown #topLogoSVG {
	padding: 0.1em 0;
}

.nav__language-select {
  position: relative;
  display: flex;
  align-items: center;
  /* Set other styles as needed */
}




.nav__language-select-icon {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  background-image: url('/wp-content/svg/global.svg');
  background-size: cover;
  width: 20px;
  height: 20px;
  /* Set other styles as needed */
}

.nav__language-select-dropdown { 
	padding: 1rem 2rem 1rem 4rem;
    border: 0.2rem solid var(--primary-melmed-blue);
    border-radius: var(--br);
    margin-right: var(--spacer);
    font-size: var(--fs-400);
    font-weight: var(--fw-b);
    color: var(--primary-melmed-blue);
    text-transform: uppercase;
	-webkit-appearance: none;
	outline: 2px solid transparent;
	height: 2.625em;
}

.nav__language-select-dropdown-icon {
	content: '';
	display: inline-block;
	width: 0.3em;
	height: 0.3em;
	border: solid var(--primary-melmed-blue);
	border-width: 2px 2px 0 0;
	transform: rotate(135deg);
	position: absolute;
	top: 42.5%;
	right: 0.85em;
	transform-origin: center;
	transition: var(--transition);
}

.nav__language-select-dropdown:focus {
	outline: 2px solid var(--light-melmed-blue);
}

.nav__language-select:active .nav__language-select-dropdown-icon,
.nav__language-select:focus .nav__language-select-dropdown-icon,
.nav__language-select:focus-within .nav__language-select-dropdown-icon {
	transform: rotate(315deg);
}

.nav__contact-button {
	padding: 0.9rem 2rem;
	border-radius: var(--br);
	background-color: var(--primary-melmed-blue);
	outline: none;
	color: var(--font-grayish-white);
	font-size: var(--fs-400);
	text-transform: uppercase;
	border: none;
	font-weight: 600;
	text-decoration: none;
}

.nav__contact-button:focus {
	outline: 2px solid var(--light-melmed-blue);
}

.nav__list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style-type: none;
	/* Set other styles as needed */
	gap: 2.5vw;
	max-width: 1140px;
	margin: 0 4vw;
}

.nav__item {
	position: relative;
	padding-top: 0.25em;
    line-height: 1;
	white-space: nowrap;
}

.nav__item:last-child .nav__submenu {
	right: 0;
	left: inherit;
	text-align: right;
}

.nav__item:first-child .nav__link--topLevel {
	padding: 1vh 1.5vw 1vh 0;
}

.nav__item:last-child .nav__link--topLevel {
	padding: 1vh 1.25em 1vh 1.5vw;
}

.nav__item:last-child .nav__has-submenu::after {
	right: 0;
}

.nav__list > .nav__item:hover .nav__link--topLevel,
.nav__list > .nav__item:active .nav__link--topLevel,
.nav__list > .nav__item:focus .nav__link--topLevel {
	border-bottom: 4px solid var(--primary-melmed-blue);
}

.nav__link {
	position: relative;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: var(--toned-black);
	font-family: var(--ff);
	font-size: var(--fs-400);
	font-weight: var(--fw-b)
}

.nav__link--topLevel {
	padding: 1vh 1.5rem;
	border-bottom: 4px solid transparent;
	display: block;
	transition: var(--transition);
}

.nav__has-submenu::after {
  content: '';
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border: solid var(--primary-melmed-blue);
  border-width: 0.15em 0.15em 0 0;
  transform: rotate(135deg);
  position: absolute;
  top: 32.5%;
  right: -0.5em;
  transform-origin: center;
}



.nav__has-submenu:hover::after,
.nav__item:hover .nav__has-submenu::after,
.nav__has-submenu:focus::after,
.nav__item:focus .nav__has-submenu::after,
.nav__has-submenu:active::after,
.nav__item:active .nav__has-submenu::after {
	transform: rotate(315deg);
	transition: var(--transition);
}

.nav__link--parent {
  /* Set other styles as needed */
}

.nav__categories__dropdown-icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  /* Set other styles as needed */
}

.nav__submenu {
  display: none;
  position: absolute;
  left: 0;
  z-index: 1;
  list-style-type: none;
  padding: var(--spacer-md) var(--spacer-md);
  background-color: var(--font-grayish-white);
  flex-direction: column;
  min-width: 165px;
  left: -50%;
}



.nav__submenu.has__multicol {
  min-width: auto;
}

.nav__multicol {
  display: flex;
}


.nav__submenu .nav__item {
  margin: 0px 0px var(--spacer) 0px;
}

.nav__submenu_child {
  list-style-type: none;
}

.nav__submenu_child-header {
  font-size: var(--fs-400);
  font-weight: var(--fw-b);
  margin-bottom: var(--spacer);
}

.nav__submenu .nav__item .nav__link {
  font-weight: var(--fw-n);
  text-transform: none;
  border-bottom: 4px solid transparent;
}

.nav__submenu .nav__item .nav__link:hover {
  border-bottom: 4px solid var(--primary-melmed-blue);
}

.nav__item:hover .nav__submenu,
.nav__item:focus .nav__submenu,
.nav__item:active .nav__submenu {
	display: flex;
	justify-content: space-between;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}

.nav__item:hover .nav__submenu--team,
.nav__item:hover .nav__submenu--practiceAreas,
.nav__item:focus .nav__submenu--team,
.nav__item:focus .nav__submenu--practiceAreas,
.nav__item:active .nav__submenu--team,
.nav__item:active .nav__submenu--practiceAreas {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 1.5em;
}

.nav__item--active .nav__link {
  /* Set active nav item styles as needed */
}

.nav__link:hover {
  /* Set nav item hover styles as needed */
}

/* Mobile Nav */
.mobile__nav.container {
  position: relative;
  display: flex;
  flex-direction: column;
}

.mobile__nav-container {
  margin-right: var(--spacer);
}

.mobile__nav .nav__row {
  justify-content: space-between;
}

.mobile__nav .nav__row:first-child {
  justify-content: center;
  padding: var(--spacer);
  background-color: var(--shaded-blue);
}

.mobile__nav .nav__row:first-child p {
  color: var(--font-grayish-white);
  font-weight: var(--fw-l);
}

.mobile__nav .nav__row:first-child p span {
  font-weight: var(--fw-b);
}

.nav__column--content {
  display: flex;
  justify-content: space-evenly;
}

.nav__column--content a {
  display: flex;
  margin-right: var(--spacer);
}

.nav--toggle_checkbox {
  display: none;
}

.nav--toggle_label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.hamburger,
.hamburger::before,
.hamburger::after {
  content: '';
  display: block;
  width: 25px;
  height: 3px;
  background-color: var(--toned-black);
  transition: transform 0.3s ease-in-out;
}

.hamburger::before {
  transform: translateY(-8px);
}

.hamburger::after {
  transform: translateY(5px);
}

.nav--toggle_checkbox:checked ~ .nav__mobile_menu {
  display: block;
}

.nav__mobile_menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 1rem;
  background-color: var(--dark-blue);
  list-style-type: none;
}

.nav__mobile_menu li {
  margin-bottom: var(--spacer-md);
}

.nav__mobile_menu a {
  color: var(--font-grayish-white);
  font-weight: var(--fw-b);
  text-decoration: none;
  display: block;
  text-align: right;
  text-transform: uppercase;
}

.nav--toggle_checkbox:checked ~ .nav--toggle_label .hamburger {
  transform: rotate(45deg);
}

.nav--toggle_checkbox:checked ~ .nav--toggle_label .hamburger::before {
  transform: translateY(0) rotate(90deg);
}

.nav--toggle_checkbox:checked ~ .nav--toggle_label .hamburger::after {
  transform: translateY(-3px) rotate(-90deg);
}

.mobile__nav.container {
	display: none;
}

.nav__link--svgIcon {
	display: none;
}

/* Nav Media Queries */

#mobilePracticeAreasText {
	display: none;
}
#desktopPracticeAreasText {
	display: inline;
}

#mobileLanguageSwitcher {
	display: none;
	position: fixed;
	right: 0;
	top: 7.5rem;
	border-radius: 5px 0 0 5px;
	display: none;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.6rem;
	border: 2px solid var(--primary-melmed-blue);
	border-right: none;
	background: var(--font-grayish-white);
	align-items: stretch;
	color: var(--toned-black);
}

#switcherEnglish,
#switcherSpanish {
	padding: 0.25em 0.5em;
}

.english #switcherEnglish,
.spanish #switcherSpanish {
	background: var(--primary-melmed-blue);
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.english #switcherArrow {
	border-top: 1em solid transparent;
	border-left: 0.5em solid var(--primary-melmed-blue);
	border-bottom: 1em solid transparent;
	border-right: 0 solid transparent;
}

.spanish #switcherArrow {
	border-top: 1em solid transparent;
	border-left: 0 solid transparent;
	border-bottom: 1em solid transparent;
	border-right: 0.5em solid var(--primary-melmed-blue);
}

#mobileCallButton {
	max-width: 6rem;
	display: none;
	position: fixed;
	right: 4vw;
	bottom: 7rem;
	flex-flow: column;
	font-size: 1.6rem;
	border: 2px solid var(--primary-melmed-blue);
	border-radius: 5px;
	padding: 0.5em 1em;
	align-items: center;
	text-decoration: none;
	font-weight: 600;
	background: var(--primary-melmed-blue);
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}


#mobileCallButton path {
	fill: #ffffff;
}

#mobileCallButton svg {
	max-height: 1.25em;
	margin-bottom: 0.25em;
}

@media screen and (max-width: 650px) {
	.nav__language-select {
		display: none;
	}
}

@media screen and (max-width: 550px) {
	.nav__language-select {
		display: none;
	}
	#mobileCallButton {
		display: flex;
	}
	#mobileLanguageSwitcher {
		display: none;
	}
	.nav__link--topLevel {
		padding: 1vh 1rem;
	}
	#nav__item--home {
		display: none;
	}
	#mobilePracticeAreasText {
		display: inline;
	}
	#desktopPracticeAreasText {
		display: none;
	}
	.nav__submenu {
		left: 0;
	}
	.nav__item:hover .nav__submenu--practiceAreas,
	.nav__item:focus .nav__submenu--practiceAreas,
	.nav__item:active .nav__submenu--practiceAreas {
		grid-template-columns: repeat(1,1fr);
	}
}

@media screen and (max-width: 550px) {
	.nav {
		pointer-events: all;
	}
	.container__inner {
		gap: 4vw;
		width: 100%;
	}
	.nav__contact-button {
		padding: 0.5rem 1rem;
	}
	#topLogoSVG {
		height: auto;
		max-height: 2em;
		width: 100%;
	}
	.nav__row.mt-1 {
		position: fixed;
		bottom: 0;
		left: 0;
		background: #ffffff;
		width: 100%;
		box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
	}
	.nav__list {
		gap: 0;
		margin: 0;
	}
	.nav__link--svgIcon {
		display: block;
		max-width: 1.5em;		
	}
	.nav__item {
		width: 25%;
		padding: 0;
		display: flex;
		flex-flow: column nowrap;
		height: 100%;
		align-items: center;
		justify-content: center;
		border-right: 1px solid var(--melmed-light-gray);
	}
	.nav__item:last-child {
		border-right: none;
	}
	.nav__link--svgIcon path {
		fill: var(--primary-melmed-blue);
	}
	.nav__has-submenu::after {
		content: none;
	}
	.nav__link--topLevel {
		padding: 0;
		border-bottom: 0;
		border-top: 2px solid transparent;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column nowrap;
		gap: 0.2em;
		font-size: var(--fs-300);
		width: 100%;
		height: 100%;
	}
	.nav__list > .nav__item:hover .nav__link--topLevel,
	.nav__list > .nav__item:active .nav__link--topLevel,
	.nav__list > .nav__item:focus .nav__link--topLevel {
		border-top: 2px solid var(--primary-melmed-blue);
	}
	.nav__item:hover .nav__submenu--team,
	.nav__item:hover .nav__submenu--practiceAreas,
	.nav__item:focus .nav__submenu--team,
	.nav__item:focus .nav__submenu--practiceAreas,
	.nav__item:active .nav__submenu--team,
	.nav__item:active .nav__submenu--practiceAreas,
	.nav__item:hover .nav__submenu,
	.nav__item:focus .nav__submenu,
	.nav__item:active .nav__submenu {
		display: none;
	}
	.nav__list>.nav__item:hover .nav__link--topLevel,
	.nav__list>.nav__item:active .nav__link--topLevel,
	.nav__list>.nav__item:focus .nav__link--topLevel {
		border-bottom: none;
	}
}



/* Footer Styles */
footer {
  background-color: var(--footer-bg-color);
  padding: var(--spacer);
}

.footer__body {
  display: flex;
  justify-content: center;
  align-items: start;
  padding: var(--spacer-md);
}

.footer__info {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.footer__info ul {
  list-style-type: none;
  margin-right: var(--spacer-lg);
}

.footer__info li {
  color: var(--font-grayish-white);
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem;
  font-size: var(--fs-400);
}

.footer__info li a {
  color: var(--font-grayish-white);
  text-decoration: none;
}

.footer__info ul:first-child li {
  align-items: start;
}



.footer__bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacer-md);
}

.footer__bottom ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style-type: none;
}

.footer__bottom li {
  margin-right: var(--spacer);
  color: var(--font-grayish-white);
  font-size: var(--fs-300);
}

.footer__bottom li:last-child {
	margin-right: 0;
}

.footer__bottom li a {
  color: var(--font-grayish-white);
  text-decoration: none;
  font-size: var(--fs-300);
}


/*---ASIDE Styles*---*/
.search__bar_container {
  border-radius: 2px;
  border: 1px solid var(--dark-blue);
  display: flex;
  align-items: center;
  max-width: 278px;
  margin-bottom: 9rem;
}

.search__bar {
  --max-width: 278px;

  width: min(calc(var(--max-width) - 4.75rem), 100%);
  padding: 1.6rem 2.2rem;
  font-size: 1.6rem;
  outline: none;
  border: none;
}

.search__bar-button {
  height: 100%;
  border: none;
  border-radius: 2px;
  background-color: var(--dark-blue);
  width: 32px;
  height: 33px;
  text-align: center;
}

.search__bar_button-mglass {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  text-align: center;
}

.categories__container {
  margin-bottom: 2.7rem;
}

.categories__list {
  list-style-type: none;
  color: var(--toned-black);
}

.categories__list_link {
  text-decoration: none;
  font-size: 1.4rem;
  color: inherit;
}

.categories__list_link:hover {
  text-decoration: underline;
}

.categories__list a {
}

/*---Accordion Styles---*/
.two-cred {
  --bg-blue-height: 350px;
}

.three-cred {
  --bg-blue-height: 390px;
}

.four-cred {
  --bg-blue-height: 450px;
}

.accordion {
  width: 100%;
  max-width: 40rem;
}

.accordion__item {
  background-color: var(--font-grayish-white);
  margin-bottom: 10px;
  overflow: hidden;
}

.accordion__list {
  list-style-type: none;
}

.accordion__list ul {
  list-style-type: none;
}

.accordion__item li {
  padding: 1rem 4rem;
  font-size: 1.6rem;
}

.accordion__list li:nth-child(odd) {
  background-color: var(--background-tinted-blue);
}

.accordion__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.8571 6.28571H9.71429V1.14286C9.71429 0.511786 9.2025 0 8.57143 0H7.42857C6.7975 0 6.28571 0.511786 6.28571 1.14286V6.28571H1.14286C0.511786 6.28571 0 6.7975 0 7.42857V8.57143C0 9.2025 0.511786 9.71429 1.14286 9.71429H6.28571V14.8571C6.28571 15.4882 6.7975 16 7.42857 16H8.57143C9.2025 16 9.71429 15.4882 9.71429 14.8571V9.71429H14.8571C15.4882 9.71429 16 9.2025 16 8.57143V7.42857C16 6.7975 15.4882 6.28571 14.8571 6.28571Z' fill='%23141414'/%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  transition: transform 0.3s ease-in-out;
}

.accordion__item.active .accordion__icon {
  transform: rotate(45deg);
}

.accordion__itemHeader {
  background-color: var(--font-grayish-white);
  color: #333;
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 2rem;
  font-weight: var(--fw-b);
}

.accordion__itemHeader:hover {
  background-color: #f7f7f7;
}

.accordion__itemHeader .icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.accordion__item.active .acoordion__itemHeader {
  background-color: #f7f7f7;
}

.accordion__item.active .accordion__itemContent {
	max-height: 1000px;
	width: 100%;
}

.accordion__itemContent {
  max-height: 0;
  font-size: 14px;
  background-color: var(--font-grayish-white);
}

/* Home Styles */
.home .our__team__member img {
	max-width: 100%;
    height: auto;
}
/*new*/
/*---CONTACT MODAL---*/
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.contact__modal-container.open {
  top: 10%;
  opacity: 1;
}

.overlay.open {
  display: block;
  opacity: 1;
}

.close__modal {
  position: absolute;
  top: -48px;
  right: 0px;
  background-color: transparent;
  border: none;
  font-size: 16px;
  color: var(--tinted-gray);
  background-color: var(--primary-melmed-blue);
  cursor: pointer;
  width: 100px;
  height: 48px;
}
.x__line {
  height: 3px;
  width: 24px;
  background-color: var(--tinted-gray);
  border-radius: 2px;
  display: block;
  margin: 0 auto;
}

.x__line.one {
  transform: rotate(45deg);
  top: 3px;
  position: relative;
}
.x__line.two {
  transform: rotate(-45deg);
}

.contact__modal {
	position: relative;
	display: none;
}

.contact__modal.displayBlock {
	display: block;
}

.contact__modal-container {
  display: grid;
  grid-template-columns: 45% 55%;
  width: 890px;
  margin: 0 auto;
  position: fixed;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10000;
  opacity: 0;
  transition: opacity 0.7s ease, top 0.7s ease-in-out;
  background-color: #fff;
}

.contact__modal_info__content {
  display: flex;
  flex-direction: column;
}

.contact__modal_info__cards {
  display: flex;
  gap: 2.3rem;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 7.5rem 0 5.4rem;
}

.contact__modal_info__cards a {
  text-decoration: none;
}

.info__card {
	display: flex;
	gap: 1.5rem;
	padding: 1.5rem 3rem;
	border: 2px solid var(--primary-melmed-blue);
	min-width: 334px;
	align-items: center;
}

.info__card--img {
	max-height: 2.5rem;
	width: auto;
}

.contact__modal_map {
  height: 100%;
}

.contact__modal_map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mobile__contact_cta {
  cursor: pointer;
}

@media screen and (max-width: 1000px) {
  .contact__modal-container {
    width: 690px;
  }
}


@media screen and (max-width: 740px) {
  .contact__modal-container {
    width: 400px;
    grid-template-columns: 1fr;
    top: -130%;
  }
  .contact__modal_info__content {
    display: none;
  }
}

/*---HOME FOUNDER/MEET THE TEAM---*/


.home__founder img {
	margin-bottom: var(--spacer-md);
	text-align: center;
	margin: 0 auto;
	max-width: 100%;
	box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.15);
}


.home__meet_team p {
  max-width: 50ch;
}

@media (min-width: 66em) {
  .melmed__founder::before {
    left: 30px;
  }
}

@media (max-width: 60em) {

  .home__meet_team {
    margin-top: 0px;
    text-align: center;
  }
  .home__meet_team p {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .home__meet_team button {
  }

  :where(.flow :not(:first-child)) {
    margin-top: var(--flow-spacer, 4rem);
  }
}

/*---HOME CLIENTS---*/


.home__clients h2 {
  font-stretch: semi-condensed;
}

.home__clients h3,
.home__clients p {
  margin-bottom: var(--spacer-md);
}

.home__clients_quoteBox {
  background-color: var(--font-grayish-white);
  padding: var(--spacer-lg);
  border: 1px solid var(--melmed-light-gray);
  text-align: left;
  max-width: 500px;
  margin-bottom: var(--spacer-xl);
}

.home__clients_quoteBox p {
	font-size: 2rem;
}

/*---HOME CONSULTATION---*/
.home__consultation_image {
  background-image: url('/sexual-assault-lawyers/wp-content/uploads/2023/10/c-swB3mQ.jpeg');
  background-size: cover;
  background-repeat: no-repeat;
}

.home__consultation_content_image img {
  width: 100%;
}

.home__consultation_banner {
  padding: var(--spacer-md) var(--size-900);
}

.home__consultation_copy h2 {
  font-stretch: semi-condensed;
  max-width: 37ch;
}

.home__consultation_contact h3 {
  margin-bottom: var(--spacer-lg);
}

@media (min-width: 60em) {
}

/*---About---*/
/*---Individual Practice---*/
/*---Single Articles---*/
/*---Article Archive---*/
.content__bottom_container {
  padding-bottom: var(--size-900);
}

.about__h1,
.individual__practice__h1,
.probono__h1,
.single__article__h1,
.articles__archive__h1 {
  max-width: 19ch;
}

.content__intro_h2 {
  max-width: 28ch;
}

.content__body_p {
  max-width: 61ch;
}

.content__list {
  padding-left: 2rem;
}

.content__list_item {
  margin-top: 1rem;
}

.content__body_pWithClr {
  max-width: 49ch;
}

.content__intro_image {
  width: 100%;
}

@media screen and (max-width: 35em) {
  .content__list {
    padding-left: 1.5rem;
  }
}

/*---Categories Mobile Dropdow---*/
.articles__filter_container {
  display: flex;
  justify-content: space-between;
  display: none;
}

.categories__dropdown {
  position: relative;
  display: inline-block;
}

.categories__dropdown-toggle {
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  font-size: 1.6rem;
  color: var(--dark-blue);
  font-weight: var(--fw-b);
}

.categories__dropdown-arrow {
  width: 14px;
  height: 16px;
  margin-left: 5px;
  background-image: url('/wp-content/svg/dropdown-arrow.svg');
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease-in-out;
}

.categories__dropdown_menu {
  position: absolute;
  top: 35px;
  left: 10px;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  padding: 10px;
  display: none;
  list-style-type: none;
}

.categories__dropdown_menu-link {
  text-decoration: none;
  font-size: 1.4rem;
  color: var(--toned-black);
}

.categories__dropdown_menu-link:hover {
  color: var(--light-melmed-blue);
}

.categories__dropdown.open .categories__dropdown-arrow {
  transform: rotate(180deg);
}

.categories__dropdown.open .categories__dropdown_menu {
  display: block;
}

@media (max-width: 59em) {
  .articles__filter_container {
    display: flex;
  }
  .articles__filter_container .search__bar_container {
    margin-bottom: 2rem;
  }

  .articles__filter_container .search__bar {
    width: min(calc(var(--max-width) - 8.75rem), calc(100% - 3rem));
    padding: 1rem 1.6rem;
    font-size: 1.2rem;
  }
  .articles__filter_container .search__bar-button {
    width: 24px;
    height: 25px;
  }
}

/*---Aside---*/
.aside__contactHeader {
  max-width: 20ch;
	line-height: 1.25;
}

.aside__contactDivider {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  justify-content: center;
}

.aside__contactDivider_line {
  height: 1px;
  width: 91px;
  background-color: var(--font-grayish-white);
  margin: 0 auto;
}

.aside__contactDivider_copy {
  margin-top: 0px;
}

.aside__contactForm input,
.aside__contactForm textarea {
	display: block;
	width: 100%;
	padding: var(--spacer);
    font-size: var(--fs-400);
	font-weight: 500;
}

@media (min-width: 60em) {
  .aside {
    height: 110vh;
    position: sticky;
    top: 0;
  }

  .aside-extended {
    position: relative;
    height: auto;
  }

  .aside__sticky_container {
    height: 100vh;
    position: sticky;
    top: 0;
  }

	.container__leftCol{
		min-height: 180vh;
	}
}

@media (max-width: 59em) {
  .content__intro_h2,
  .content__body_p,
  .content__body_pWithClr {
    margin: 0 auto;
  }
  .content__body_header {
    max-width: 49ch;
  }

  .content__body,
  .content__intro_h2 {
    max-width: 610px;
    margin-left: auto;
    margin-right: auto;
  }

  .about .container,
  .individual__practice .container .probono .container {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .aside__contactHeader_container,
  .aside__contactDivider,
  .aside__contactForm {
    --max-width: 410px;
    width: min(var(--max-width), calc(100% - var(--padding) * 2));
    margin-inline: auto;
  }
  .aside__contactForm .button {
    width: 100%;
  }

  .about__h1,
  .individual__practice__h1,
  .probono__h1 {
    text-align: center;
  }

  .aside__contactHeader {
    margin: 0 auto;
  }

  .aside-extended .search__bar-form,
  .aside-extended .categories__container {
    display: none;
  }
}

/***ARTICLES ARCHIVE***/
.articles__container {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 3rem;
  align-items: center;
  justify-content: start;
}
.articles__container-excerpt {
  text-transform: capitalize;
}

.articles__content {
  margin-top: var(--flow-spacer, 2rem);
}

.articles__content:first-child {
  margin-top: 0px;
}

@media (min-width: 60em) {
  .articles__container-excerpt {
    max-width: 45ch;
  }
}

@media (max-width: 59em) {
  .articles__archive__h1 {
    text-align: center;
  }
}

/*---Attorney Styles---*/

.attorney__page section {
  background-color: var(--font-grayish-white);
  background-image: linear-gradient(var(--dark-blue), var(--dark-blue));
  background-size: 100% var(--bg-blue-height);
  background-repeat: no-repeat;
  padding-top: 9.9rem;
}

.attorney__page .uneven-columns {
  gap: 2rem;
}

.attorney__credHeader {
  margin-bottom: 3.1rem;
}

.attorney__page .container__leftCol {
  max-width: 387px;
  margin: 0 auto;
}

.attorney__infoBox {
  display: flex;
  flex-direction: column;
  margin-bottom: 8.8rem;
}

.attorney__infoBox_details {
  border: 1px solid var(--medium-blue-grey);
  border-top: 0px;
}

.attorney__infoBox_details-content {
  margin: 2rem;
}

.attorney__infoBox_details_contact {
  list-style-type: none;
}

.attorney__infoBox_details_contact li {
  font-size: 1.6rem;
}

.attorney__bioHeader {
  margin-top: 6rem;
  margin-bottom: 2.5rem;
}

.attorney__bioContent {
  margin-bottom: 1rem;
}


/*---Our Team Styles---*/

.our__team__infoList li {
  color: var(--font-grayish-white);
  list-style-image: url('wp-content/svg/custom-bullet.svg');
  padding-inline: 1ch;
  max-width: 45%;
  font-size: 1.4rem;
  padding-bottom: 2rem;
}

.our__team__infoList {
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
  justify-content: center;
  list-style-type: none;
}
.sidePanel__info {
  padding: 3rem 0;
}

.our__team__member {
  max-width: 100%;
}

.our__team__member img {
  width: 100%;
  object-fit: cover;
/*   max-height: 160px; */
}

.our__team__member p {
	text-align: center;
	font-weight: var(--fw-b);
	max-width: 100%;
	margin: 0 auto;
	font-size: var(--fs-500);
	font-size: clamp(1.4rem, 1.2941rem + 0.5647vw, 2rem);
	white-space: nowrap;
	line-height: 1;
    padding-bottom: 1em;
}

.home .our__team__member p {
	color: var(--tinted-gray);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	padding-bottom: 0;
}

@media (min-width: 60em) {
  .our__team .uneven-columns {
    gap: 5%;
    grid-template-columns: 30% 65%;
  }
}

@media (max-width: 75em) and (min-width: 60em) {
  .our__team .container {
    --max-width: 1140px;
    --padding: 1rem;
    width: min(var(--max-width), calc(100% - var(--padding) * 6));
  }
}

@media (max-width: 60em) {
  .our__team__h1 {
    text-align: center;
  }
  .our__team__infoList {
    max-width: 503px;
    margin: 0 auto;
  }

  .our__team__infoList li {
    max-width: 100%;
  }

  .our__team__member p {
    max-width: 100%;
  }
}

@media (max-width: 35em) {
  .our__team__infoList {
    max-width: 400px;
  }
}

/*---Apply---*/
.apply h1 {
  text-align: center;
}

.apply .sidePanel__info {
  max-width: 560px;
  margin: 0 auto;
}

.apply__form_container {
  max-width: 455px;
  margin: 0 auto;
}

.apply__form_container input {
  width: 100%;
  max-width: 100%;
  padding: 1.2rem 2.2rem;
  display: block;
}

.apply__form_personalInfo,
.apply__form_contactInfo,
.apply__form_resume {
  margin-bottom: 3.2rem;
}

.apply__form h3,
.apply__form input {
  margin-bottom: 2.5rem;
}

.apply__form input:last-child {
  margin-bottom: 0;
}

.apply__form-add-resume {
  border: dashed 2px var(--toned-black);
  text-align: center;
  padding: 2.4rem 0;
  max-width: 100%;
}

.apply__form-add-resume p {
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}

.apply .sidePanel__info h2,
.apply .sidePanel__info p {
  margin-bottom: 2rem;
}

.apply__form button {
  width: 100%;
}

@media (min-width: 61em) {
  .apply h1 {
    text-align: left;
  }
  .apply .uneven-columns {
    grid-template-columns: 55% 45%;
  }

  .apply .sidePanel__info {
    max-width: 422px;
    margin-right: auto;
    padding-top: var(--size-700);
  }
  .apply__form_container {
    max-width: 454px;
    margin-left: auto;
  }

  .apply__form_container input,
  .apply__form-add-resume {
    max-width: 326px;
  }
}

/*---Careers---*/

.careers__hero_header {
  margin-bottom: 1.8rem;
  max-width: 40ch;
}

.careers__hero p {
  max-width: 60ch;
}

.careers__jobs_title,
.careers__jobs_description {
  margin-bottom: 1.6rem;
}

.careers__jobs_description {
  max-width: 70ch;
}

.careers__jobs_content {
  margin-bottom: 3.5rem;
}

.careers__jobs_content:last-child {
  margin-bottom: 0rem;
}

/*---Case Results---*/
.case__page_image {
  width: 100%;
}

.case__page_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case__top_content {
  margin-bottom: 3.6rem;
}

.case__top_content_header,
.case__bottom_content_header {
  margin-bottom: 2rem;
}

.case__group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 2rem;
  row-gap: 2rem;
}

.case__single {
  max-width: 320px;
  min-height: 320px;
  padding: 2.4rem 2.7rem;
  border: 1px solid var(--melmed-dark-gray);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--font-grayish-white);
}

.case__single_title,
.case__single_stat,
.case__single_description {
  margin-bottom: 2rem;
}

@media screen and (min-width: 60em) {
  .case__top_content_subHeader {
    max-width: 43ch;
  }

  .case__bottom_content_header {
    max-width: 28ch;
  }

  .case__bottom_content p {
    max-width: 54ch;
  }
}

@media screen and (max-width: 60em) {
  .case__group {
    grid-template-columns: 1fr 1fr;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 35em) {
  .case__group {
    display: flex;
    flex-direction: column;
  }
}

/*---Practice Areas---*/
.practice__areas_container {
  display: flex;
  flex-wrap: wrap;
  gap: 5.5rem;
}

.practice__area {
  position: relative;
  width: 240px;
  height: 240px;
}

.practice__area:hover .practice__area-img--overlay {
  background-color: rgba(20, 20, 20, 0.65);
}

.practice__area:hover .practice__area_title {
  text-decoration: underline;
}

.practice__area_img {
  width: 100%;
  height: 100%;
}

.practice__area_title {
  position: absolute;
  bottom: 0;
  z-index: 3;
  padding-left: 2.2rem;
  padding-bottom: 0.7rem;
  max-width: 25ch;
}

.practice__area-img--overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(20, 20, 20, 0.45);
  z-index: 2;
}

@media screen and (max-width: 60em) {
  .practice__areas_container {
    justify-content: center;
    align-items: center;
  }

  .practice__area {
    width: 303px;
    height: 303px;
  }

  .practice__areas_header {
    text-align: center;
  }
}

/*---Articles Categories---*/
.articles__categories_titles {
  margin-bottom: 8rem;
}

.category__content {
  cursor: pointer;
  margin-bottom: 5rem;
}

.category__content:last-child {
  margin-bottom: 1rem;
}

.category__content-header a {
  text-decoration: none;
  color: inherit;
}

.category__content:hover .category__content-header a {
  text-decoration: underline;
}

@media screen and (max-width: 60em) {
  .articles__categories_titles {
    text-align: center;
  }
}
/*new*/

.our__team__members a {
	text-decoration: none;
	color: #000000;
	background: none;
	line-height: inherit;
}
/* Formidable Form sstyling */

body:not(.conversionpage-template) .frm_screen_reader{
	display: none;
}
body:not(.conversionpage-template) .frm_form_fields fieldset{
	border: none;
}
body:not(.conversionpage-template) .frm_primary_label{
	display: none;
}
body:not(.conversionpage-template) .frm_verify{
	display: none;
}
body:not(.conversionpage-template) .frm_description{
	color: white;
	font-size: var(--size-500);
}
body:not(.conversionpage-template) .frm_submit button{
	background-color: transparent;
    border: 2px solid var(--light-melmed-blue);
    color: var(--light-melmed-blue);
}


:where(.frm_button_submit) {
  border: 0;
  border-radius: 2px;
  font-weight: var(--fw-b);
  font-size: var(--fs-400);
  color: var(--shaded-blue);
  background-color: var(--button-bg-color);
  text-transform: uppercase;
  min-width: 194px;
  min-height: 48px;
  cursor: pointer;
  text-decoration: none;
  margin-right: var(--margin, 0);
}

body:not(.conversionpage-template) .frm_button_submit:hover,
body:not(.conversionpage-template) .frm_button_submit:focus-visible {
  background-color: var(--light-melmed-hover-color);
}

body:not(.conversionpage-template) .frm_button_submit[data-type='inverted'] {
  background-color: transparent;
  border: 2px solid var(--light-melmed-blue);
  color: var(--light-melmed-blue);
}

body:not(.conversionpage-template) .frm_button_submit[data-type='inverted']:hover,
body:not(.conversionpage-template) .frm_button_submit[data-type='inverted']:focus-visible {
  border-color: var(--light-melmed-hover-color);
  color: var(--light-melmed-hover-color);
}
body:not(.conversionpage-template) .form_contact-form3 input,
body:not(.conversionpage-template) .form_contact-form3 textarea {
  display: block;
  width: 100%;
  padding: var(--spacer-md);
}
body:not(.conversionpage-template) .form_contact-form3 textarea{
	padding: 2000px;
}

/*------------------------------------*\
			 Footer Styling
\*------------------------------------*/

.footer__logo {
	padding: var(--spacer-md) 4vw;
	max-width: 100%;
	display: flex;
    justify-content: center;
	width: 51rem;
	margin: 0 auto;
}

#footerLogoSVG {
	max-height: 2em;
    width: 100%;
	height: auto;
	margin: 0 auto;
}

#footerLogoSVG .logoColor1 {
	fill: var(--font-grayish-white);
}

#footerLogoSVG .logoColor2 {
	fill: var(--light-melmed-blue);
}
#footerLogoSVG .logoColor3 {
	fill: var(--melmed-light-gray);
}

.footer__icon svg path {
	fill: var(--melmed-light-gray);
}

.footer__icon {
	margin-right: 0.5em;
	display: flex;
    align-items: center;
}

.footer__icon svg {
	max-width: 1.15em;
	width: auto;
	height: 1.15em;
}

.footer__iconWrapper {
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.location__icon {
	margin-top: 0.15em;
}

.footer__social_icons {
	display: flex;
    gap: var(--spacer);
}

.footer__social_icons svg {
	display: block;
}

.footer__social_icons path {
	fill: var(--melmed-light-gray);
}

.footer__social_icons a {
	width: 1.25em;
    display: block;
}

@media screen and (max-width: 850px) {
	.footer__body {
		flex-flow: column nowrap;
		align-items: center;
		gap: var(--spacer-md);
	}
}

@media screen and (max-width: 725px) {
	.footer__bottom ul {
		flex-flow: column nowrap;
		gap: var(--spacer);
	}
	.footer__bottom li {
		margin-right: 0;
	}
	.footer__info {
		flex-flow: column nowrap;
		gap: var(--spacer);
	}
	.footer__info ul {
		margin-right: 0;
	}
	.footer__info ul:last-child {
		display: none;
	}
	.footer__bottom li:last-child {
		text-align: center;
	}
}

@media screen and (max-width: 550px) {
	footer {
		padding-bottom: 5rem;
	}
}


/*------------------------------------*\
			 Contact Page
\*------------------------------------*/

.page-id-18715 #contactPage__wrapper,
.page-id-18127 #contactPage__wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	overflow: hidden;
}

.page-id-18715 #aside__contact,
.page-id-18127 #aside__contact {
	background: var(--dark-blue);
	padding-left: var(--size-600);
	padding-right: var(--size-600);
	padding-bottom: var(--fs-primary-heading);
}

.page-id-18715 .aside__contactHeader,
.page-id-18127 .aside__contactHeader {
	text-shadow: 2px 2px #000000;
	max-width: 60rem;
    margin: 0 auto;
	font-size: var(--fs-primary-heading);
	color: #ffffff;
	text-align: left;
    padding: 1em 0 0.75em 0;
	line-height: 1.25;
}

.page-id-18715 #quickLinksHeader,
.page-id-18127 #quickLinksHeader {
	margin: 0 auto;
	text-align: center;
	max-width: fit-content;
	color: var(--dark-blue);
	font-size: var(--fs-primary-heading);
	padding: 1em 0 0 0;
	line-height: 1.25;
}

.page-id-18715 .contact__info__content,
.page-id-18127 .contact__info__content {
	padding-left: var(--size-600);
    padding-right: var(--size-600);
}

.page-id-18715 .frm_form_fields,
.page-id-18127 .frm_form_fields{
	max-width: 60rem;
    margin: 0 auto;
}

.page-id-18715 .frm_form_field input,
.page-id-18715 .frm_form_field textarea,
.page-id-18127 .frm_form_field input,
.page-id-18127 .frm_form_field textarea {
	display: block;
    width: 85%;
    padding: var(--spacer);
    font-size: var(--fs-400);
    font-weight: 500;
	border-radius: 1px;
	margin-bottom: var(--spacer-md);
	border: none;
}

.page-id-18715 #contact__map,
.page-id-18127 #contact__map {
	height: 35rem;
    margin-bottom: var(--spacer-xxxl);
}
.page-id-18715 .frm_button_submit,
.page-id-18127 .frm_button_submit {
	background-color: transparent;
    border: 2px solid var(--light-melmed-blue);
    color: #ffffff;
    transition: var(--transition);
	text-shadow: 2px 2px #000000;
}

.page-id-18715 .frm_button_submit:hover,
.page-id-18715 .frm_button_submit:active,
.page-id-18715 .frm_button_submit:focus,
.page-id-18127 .frm_button_submit:hover,
.page-id-18127 .frm_button_submit:active,
.page-id-18127 .frm_button_submit:focus{
	border-color: var(--light-melmed-hover-color);
    color: var(--light-melmed-blue);
	background: var(--toned-black);
}

.page-id-18715 .info__card, 
.page-id-18127 .info__card {
	text-decoration: none;
	display: flex;
    gap: 1.5rem;
    padding: 1.5rem 3rem;
    border: 2px solid var(--primary-melmed-blue);
    min-width: initial;
	max-width: 20ch;
    align-items: center;
	margin: var(--spacer-lg) auto var(--spacer-lg) auto;
	border-radius: var(--br);
	background: none;
}

.page-id-18715 .info__card:first-child,
.page-id-18127 .info__card:first-child {
	margin: var(--fs-primary-heading) auto var(--spacer-lg) auto;
}

.page-id-18715 .info__card:nth-child(4),
.page-id-18127 .info__card:nth-child(4) {
	margin: var(--spacer-lg) auto var(--fs-primary-heading) auto;
}

.page-id-18715 .info__card--img,
.page-id-18127 .info__card--img {
	max-height: 2.5rem;
    width: auto;
}

.page-id-18715 .info__card--Text,
.page-id-18127 .info__card--Text {
	color: var(--primary-melmed-blue);
	font-weight: var(--fw-sb);
	font-size: var(--fs-400);
}

.frm_error_style,
.frm_error {
	font-size: var(--fs-500);
    color: var(--invalid-light-bg-color);
	max-width: 60rem;
    text-align: left;
    margin: -1em 0 0.5em 0;
}

#contactPage__wrapper .frm_error_style {
	margin-inline: auto;
}

.frm_message p {
	font-weight: 600;
    color: var(--valid-light-bg-color);
    text-align: center;
	max-width: 60rem;
	text-align: left;
	margin: 0 auto;
}

#contact__locationMap {
	width: 100%;
	height: 100%;
	border: none;
	overflow: hidden;
}

@media screen and (max-width: 1200px) {
	.page-id-18715 .aside__contactHeader,
	.page-id-18715 #quickLinksHeader,
	.page-id-18127 .aside__contactHeader,
	.page-id-18127 #quickLinksHeader {
		font-size: clamp(28px, calc(1.75rem + ((1vw - 2px) * 3.6)), 64px);
	}
}


@media screen and (max-width: 800px) {
	.page-id-18715 #contactPage__wrapper,
	.page-id-18127 #contactPage__wrapper {
		grid-template-columns: repeat(1,1fr);
	}
	.page-id-18715 .aside__contactHeader,
	.page-id-18715 #quickLinksHeader,
	.page-id-18715 .frm_form_fields,
	.page-id-18127 .aside__contactHeader,
	.page-id-18127 #quickLinksHeader,
	.page-id-18127 .frm_form_fields {
		margin: 0;
	}
	.page-id-18715 .info__card,
	.page-id-18715 .info__card:nth-child(4),
	.page-id-18127 .info__card,
	.page-id-18127 .info__card:nth-child(4) {
		margin-right: 0;
		margin-left: 0;
	}
	.page-id-18715 .contact__map,
	.page-id-18127 .contact__map {
		height: 25rem;
		margin-bottom: var(--spacer-xxxl);
	}
	#contactPage__wrapper .frm_error_style {
		margin-inline: 0;
	}
}

/*------------------------------------*\
			 Default Page
\*------------------------------------*/

#navyHeaderBanner {
	background: var(--dark-blue);
	background: linear-gradient(90deg, var(--dark-blue) 0%, rgba(2, 39, 139, 1) 33%, var(--dark-blue) 100%);
	padding: var(--spacer-xxxl) 0 0 0;
	margin-bottom: var(--spacer-xl);
	padding-inline: 4vw;
	overflow: auto;
}
#navyHeaderBanner h1 {
	color: var(--font-grayish-white);
	font-size: var(--fs-primary-heading);
	line-height: 1.25;
	text-shadow: 1px 1px 1px #000000;
	margin-top: var(--spacer-xxxl);
	margin-bottom: var(--spacer-xl);
}

.defaultPage__headerContainer {
	max-width: 1140px;
	max-width: min(1140px, 92vw);
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

.defaultPage__contentContainer {
	max-width: 1140px;
	max-width: min(1140px, calc(100% - 8vw));
	margin: 0 auto var(--spacer-xl) auto;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 40rem;
	gap: 5rem;
}

#defaultPage__content p {
	font-size: 2rem;
	margin-bottom: 1em;
	max-width: 70ch;
}

#defaultPage__content a {
	color: var(--primary-melmed-blue);
	font-weight: 600;
}

#defaultPage__content h2 {
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-size: clamp(2.5rem, 2.2585rem + 1.0732vw, 3.6rem);
}

#defaultPage__content > *:first-child {
	margin-top: 0;
}


.sidebar__contactForm--Wrapper {
	background: var(--shaded-blue);
	padding: var(--spacer-xl) var(--spacer-lg);
	border-radius: 0.5px;
}

.sidebar__contactForm--Wrapper h2 {
	font-size: var(--fs-700);
	color: var(--font-grayish-white);
	text-align: center;
	line-height: 1.25;
	margin-bottom: var(--spacer-md);
	border-bottom: 2px solid var(--light-melmed-blue);
	padding-bottom: var(--spacer);
}

.sidebar__contactForm--Wrapper .frm_form_field input,
.sidebar__contactForm--Wrapper .frm_form_field textarea {
	display: block;
	width: 100%;
	padding: var(--spacer);
	font-size: var(--fs-400);
	font-weight: 500;
	border-radius: 1px;
	margin-bottom: var(--spacer-md);
	border: none;
}

.sidebar__contactForm--Wrapper .frm_button_submit {
	background-color: transparent;
	border: 2px solid var(--light-melmed-blue);
	color: #ffffff;
	transition: var(--transition);
	text-shadow: 2px 2px #000;
	width: 100%;
}

.sidebar__contactForm--Wrapper .frm_button_submit:hover,
.sidebar__contactForm--Wrapper .frm_button_submit:active,
.sidebar__contactForm--Wrapper .frm_button_submit:focus {
	border-color: var(--light-melmed-hover-color);
	color: var(--light-melmed-blue);
	background: var(--toned-black);
}

#defaultPage__content img {
	max-width: 100%;
	height: auto;
	margin-bottom: 1em;
}

#defaultPage__content img + h2 {
	margin-top: 0;
}

#defaultPage__content ul {
	list-style-position: inside;
	list-style-type: none;
	margin-bottom: 2rem;
}

details {
	border: 2px solid var(--primary-melmed-blue);
	cursor: pointer;
	position: relative;
	display: inline-block;
}

summary::marker {
	font-size: 0;
}

summary {
	position: relative;
	width: 100%;
	padding: 0.25em 2em 0.25em 1.5rem;
	min-width: 30rem;
	max-width: 100%;
	font-weight: 700;
	background: var(--background-tinted-blue);
}

summary::after {
	content: '';
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    border: solid var(--primary-melmed-blue);
    border-width: 0.15em 0.15em 0 0;
    transform: rotate(135deg);
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    transform-origin: center;
	transition: var(--transition);
	margin-top: 0.15em;
}

details[open] summary::after {
	transform: rotate(315deg);
}

details li:nth-child(even) {
    background: var(--background-tinted-blue);
}

#practiceArea__BodyContent details li {
	padding: 0.5rem 1.5rem;
    text-indent: 0;
    margin: 0;
}

#practiceArea__BodyContent details li::before {
	content: none;
}

#defaultPage__content li {
	margin-bottom: 0.5em;
	padding-left: 4rem;
	position: relative;
	text-indent: -0.5rem;
	font-size: 2rem;
	max-width: 70ch;
}

#defaultPage__content li::before {
	content: "\2022";
	color: var(--primary-melmed-blue);
	font-weight: 700;
	font-size: 1.2em;
	display: inline-block;
	width: 2.5rem;
	margin-left: -2rem;
	vertical-align: -0.05em;
}

#defaultPage__content ol {
	list-style-position: outside;
    margin-left: 3rem;
}

#defaultPage__content h3 {
	margin-bottom: 0.5em;
}

#defaultPage__content ol li::before {
	content: none;
}

@media screen and (min-height: 800px) {
	.sidebar__contactForm--Wrapper {
		position: sticky;
		top: 15rem;
		margin-bottom: 1em;
	}
}

@media screen and (max-width: 1000px) {
	.defaultPage__contentContainer {
		grid-template-columns: 1fr 30rem;
		gap: 2.5rem;
	}
	.sidebar__contactForm--Wrapper h2 {
		font-size: var(--fs-600);
	}
	#navyHeaderBanner h1 {
		margin-top: var(--spacer-xl);
		font-size: var(--fs-secondary-heading);
	}
}
@media screen and (max-width: 800px) {
	#navyHeaderBanner h1 {
		font-size: clamp(28px, calc(1.75rem + ((1vw - 2px) * 3.6)), 64px);
	}
	.defaultPage__contentContainer {
		grid-template-columns: 1fr;
	}
	#aside__defaultPageSidebar {
		max-width: 45rem;
		margin: 0 auto;
	}
	#navyHeaderBanner {
		padding: 0;
	}
	#defaultPage__content p,
	#defaultPage__content li {
		font-size: 1.8rem;
	}
}

/*------------------------------------*\
			 Home Page
\*------------------------------------*/

#section__heroBanner {
	display: grid;
	grid-template-columns: 1fr 40vw;
	grid-template-rows: 1fr;
	background-image: url('/wp-content/images/hero-abstract-bg.webp');
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0;
	padding-left: max(calc(50% - 570px), 4vw);
/* 	min-height: 80vh; */
}

#home__hero--img {
	position: relative;
	-webkit-clip-path: polygon(25% 0%, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(25% 0%, 100% 0, 100% 100%, 0% 100%);
}

#home__heroImg--front,
#home__heroImg--back {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	transition: opacity 0.5s linear;
}

#home__heroImg--front {
	z-index: 2;
}

#home__heroImg--back {
	z-index: 1;
}

#home__heroImg--front.heroFaded {
	z-index: 1;
}
#home__heroImg--front.heroFadeIn {
	z-index: 2;
}

#home__heroImg--front.heroFadeOut,
#home__heroImg--back.heroFadeOut {
	opacity: 0;
}

/* #home__heroImg--front[src *= "unpaid-wages"] {
	object-position: 60% top;
} */

#home__heroImg--front {
	object-position: center center;
}

#home__hero--text h1 {
	line-height: 1.15;
	max-width: 18ch;
}

#typing__text {
	border-right: 1px solid transparent;
	min-height: 1em;
}

.hero__section_headline h2 {
	white-space: nowrap;
}

.spanish .hero__section_headline h2 {
	white-space: normal;
}

#section__meetTheTeam {
	padding-left: 4vw;
    padding-right: 4vw;
}

.home__team_section {
	display: grid;
	grid-template-areas: 
		"JM heading2"
		"JM meetTeam";
	grid-column-gap: 4vw;
	grid-template-columns: 2fr 3fr;
	max-width: 1140px;
	margin: 0 auto;
}

.home__team_section h2 {
	grid-area: heading2;
	font-stretch: semi-condensed;
}

.home__meet_team p {
	font-weight: 400;
	font-size: 2.2rem;
	margin-top: 1em;
}

.home__founder {
	grid-area: JM;
	text-align: center;
}

.home__meet_team {
	grid-area: meetTeam;
}

.home__founder img {
	max-width: calc(100% - 2rem);
	margin-left: 2rem;
	margin-top: 2rem;
}

.melmed__founder {
	max-width: 35rem;
	width: 100%;
	margin: 0 auto;
}

.melmed__founder::before {
	content: '';
	height: calc(100% - 3rem);
	width: calc(100% - 2rem);
	display: block;
	background-color: var(--shaded-blue);
	left: 0;
	top: 0;
	right: 2rem;
	bottom: 3rem;
	position: absolute;
	z-index: -1;
}

#section__attorneysList {
	padding: var(--size-900) 4vw;
	background: var(--dark-blue);
}

.our__team__members {
	max-width: 1140px;
	max-width: min(1140px, 92vw);
	margin: 0 auto;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	column-gap: min(3rem,4vw);
	row-gap: var(--spacer-lg);
}

#home__JM_link {
	text-decoration: none;
	line-height: inherit;
}

.home__consultation_copy p {
	max-width: 60ch;
	margin-top: 1em;
	font-size: 2.2rem;
	font-weight: 400;
	line-height: 1.35;
}

.home .frm_form_field input,
.home .frm_form_field textarea {
	display: block;
	padding: var(--spacer);
	font-size: var(--fs-400);
	font-weight: 500;
	border-radius: 1px;
	margin-bottom: var(--spacer-md);
	border: none;
	width: 100%;
	max-width: 50rem;
}

.home .frm_form_field textarea {
	height: calc(100% - var(--spacer-md));
}

.home .frm_button_submit {
	background-color: transparent;
	border: 2px solid var(--light-melmed-blue);
	color: #fff;
	transition: var(--transition);
	text-shadow: 2px 2px #000;
}

.home .frm_button_submit:hover,
.home .frm_button_submit:active,
.home .frm_button_submit:focus {
	border-color: var(--light-melmed-hover-color);
	color: var(--light-melmed-blue);
	background: var(--toned-black);
}

.home #section__consultation .frm_fields_container {
	display: grid;
	grid-template-areas: 
		"field1 field4"
		"field2 field4"
		"field3 field4"
		"warning warning"
		"submitButton submitButton";
	max-width: 100rem;
	column-gap: var(--spacer-md);
}


.home #frm_field_1_container,
.home #frm_field_60_container,
.home #frm_field_61_container{
	grid-area: field1;
}

.home #frm_field_3_container,
.home #frm_field_62_container{
	grid-area: field2;
}

.home #frm_field_23_container,
.home #frm_field_62_container,
.home #frm_field_63_container,{
	grid-area: field3;
}

.home #frm_field_5_container,
.home #frm_field_64_container{
	grid-area: field4;
}

#frm_field_125_container,
#frm_field_120_container,
#frm_field_124_container,
#frm_field_123_container,
#frm_field_122_container,
#frm_field_15_container,
#frm_field_10_container,
#frm_field_65_container{
	margin-bottom: 1em;
	line-height: 1.25;
	font-size: 1.4rem;
	color: #ffffff;
}

.home #frm_field_125_container,
.home #frm_field_120_container,
.home #frm_field_124_container,
.home #frm_field_123_container,
.home #frm_field_122_container,
.home #frm_field_65_container{
	grid-area: warning;
}

.home .frm_submit {
	grid-area: submitButton;
}

.home .frm_message p {
	margin: 0;
}

.home__clients {
	text-align: center;
	padding-inline: 4vw;
}

#reviewsMasonry {
	column-count: 3;
	max-width: 1140px;
	margin: 0 auto;
	width: 100%;
}

#reviewsMasonry .home__clients_quoteBox {
	break-inside: avoid;
}

.home__clients_quoteBox img {
	width: 3rem;
	height: auto;
	margin-bottom: var(--spacer);
}

.home__clients_quoteBox p:last-child {
	margin-bottom: 0;
}

.home__clients .container {
	width: 100%;
}

#section__learnMore {
	max-width: min(1140px, 92vw);
	margin: 0 auto;
	padding-block: var(--size-800);
	display: grid;
	grid-template-areas:
		"headingh2 headingh2 headingh2"
		"textContainer textContainer sidebarContainer";
	grid-column-gap: 0;
	grid-template-columns: 1fr 1fr 1fr;
}

#section__learnMore--textContainer {
	grid-area: textContainer;
	margin-right: 4vw;
}

#section__learnMore--sidebarContainer {
	grid-area: sidebarContainer;
}

#section__learnMore h2 {
	font-stretch: semi-condensed;
	font-size: var(--fs-secondary-heading);
	line-height: 1;
	text-align: center;
	padding-bottom: var(--size-900);
	grid-area: headingh2;
}

@media screen and (min-height: 1000px) {
	#section__learnMore #aside__contactForm {
		position: sticky;
		top: 15rem;
		margin-bottom: 1em;
	}
}

#section__learnMore h2::after {
	content: '';
	height: 8px;
	width: 100px;
	background-color: var(--primary-melmed-blue);
	margin-top: 1.5rem;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#section__learnMore h3 {
	margin-top: var(--size-700);
	margin-bottom: var(--spacer-md);
	font-size: var(--fs-700);
	line-height: 1.35;
}

#section__learnMore h3:first-child {
	margin-top: 0;
}

#section__learnMore p {
	margin-bottom: 1em;
	font-size: 2rem;
}

.melmed-blue {
	color: var(--primary-melmed-blue);
}

#section__learnMore ul {
	list-style: none;
	margin-left: 1.5em;
}

#section__learnMore li {
	margin-bottom: 1em;
	font-size: 2rem;
}

#section__learnMore li::before {
	content: "\2022";
	color: var(--primary-melmed-blue);
	font-weight: bold;
	font-size: 1.2em;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	vertical-align: -0.05em;
}

#section__ourResults {
	text-align: center;
	padding-inline: 4vw;
}

#section__ourResults h3 {
	text-transform: uppercase;
	font-size: 5rem;
	line-height: 1.25;
	margin-bottom: 0.25em;
}

#section__ourResults p,
#section__ourResults h2 {
	font-size: 3rem;
}

#section__ourResults #resultsNumber {
	border-bottom: 1px solid var(--font-hover-color);
	padding-bottom: 0;
	max-width: 15ch;
	margin: 0 auto;
	margin-bottom: 0.25em;
	font-size: 	4.5rem;
}

.home__clients h2,
#section__learnMore h2 {
	padding-bottom: 1em;
}

.reviewStars {
	display: flex;
	flex-flow: row nowrap;
	max-width: 15rem;
	gap: 0.25em;
	height: 1em;
}
.reviewStars path {
	fill: #F5CD00;
}

.home__clients .home__clients_quoteBox .reviewName {
	margin-bottom: 0.5em;
}

.contactButton {
	padding: 0.9rem 2rem;
	border-radius: var(--br);
	background-color: var(--primary-melmed-blue);
	outline: none;
	color: var(--font-grayish-white);
	border: none;
	font-weight: 600;
	text-decoration: none;
}

.hero__section_headline p {
	margin-block: var(--flow-spacer, 5.3rem);
	line-height: 1.35;
}

@media screen and (max-width: 1500px) {
	.hero__section_headline h2 {
		font-size: clamp(2.4rem, 2.2412rem + 0.8471vw, 3.3rem);
		margin-top: 3rem;
	}
	#home__hero--text {
		padding: var(--size-900) 0;
	}
	.hero__section_headline h1 {
		font-size: clamp(2.4rem, 1.9412rem + 2.4471vw, 5rem);
	}
	.hero__section_headline p {
		font-size: clamp(1.8rem, 1.7471rem + 0.2824vw, 2.1rem);
		margin-block: 3rem;
	}
	#section__heroBanner {
		grid-template-columns: 1fr 50vw;
	}
	#section__ourResults #resultsNumber {
		font-size: 	3.5rem;
	}
	#section__ourResults h2,
	#section__ourResults p {
		font-size: 2.5rem;
	}
	.contactButton {
		font-size: clamp(1.8rem, 1.7647rem + 0.1882vw, 2rem);
	}
	.home__meet_team p {
		font-size: 2.1rem;
	}
	.home__clients_quoteBox p {
		font-size: 1.8rem;
	}
	#section__learnMore p {
		font-size: 1.9rem;
	}
	#section__learnMore li {
		font-size: 1.9rem;
	}
}

@media screen and (max-width: 1100px) {
	#reviewsMasonry {
		column-count: 2;
	}
	.hero__section_headline h2 {
		font-size: 2.65rem;
	}
	.home__clients_quoteBox p {
		font-size: 1.8rem;
	}
	#section__learnMore p {
		font-size: 1.8rem;
	}
	#section__learnMore li {
		font-size: 1.9rem;
	}
}

@media screen and (max-width: 1000px) {
	.our__team__members {
		grid-template-columns: repeat(4, 1fr);
	}
	
}

@media screen and (max-width: 900px) {

	#section__learnMore--sidebarContainer {
		display: none;
	}
	#section__learnMore {
		grid-template-areas:
		"headingh2 headingh2 headingh2"
		"textContainer textContainer textContainer";
	}
}
@media screen and (max-width: 850px) {
	#section__heroBanner {
		display: flex;
		flex-flow: column-reverse nowrap;
		padding-left: 0;
	}
	#home__hero--img {
		-webkit-clip-path: none;
		clip-path: none;
		aspect-ratio: 2 / 1;
		clip-path: none;
		width: 100%;
	}
	#home__hero--text {
		padding-left: 4vw;
		padding-right: 4vw;
		text-align: center;
	}
	.hero__section_headline p {
		max-width: 70ch;
		margin-left: auto;
		margin-right: auto;
	}
	.hero__section_headline h2::after {
		margin: 1.5rem auto 0 auto;
	}
	.home__team_section {
		display: grid;
		grid-template-areas: 
			"heading2"
			"JM"
			"meetTeam";
		grid-column-gap: 0;
		grid-template-columns: 1fr;
	}
	.home__meet_team p {
		margin-top: 1em;
		font-size: 2rem;
	}
	.our__team__members {
		grid-template-columns: repeat(3, 1fr);
	}
	.home__team_section .small-border-left::after {
		margin-right: auto;
		margin-left: auto;
	}
	.home__team_section h2 {
		text-align: center;
	}
	.melmed__founder {
		width: 50vw;
		margin: var(--spacer-lg) auto;
	}
	.home__consultation_contact {
		padding: var(--spacer-md) 4vw;
	}
	.home__consultation_copy,
	.home__consultation_banner {
		padding: var(--spacer-xl) 4vw;
	}
	.hero__section_headline h2 {
		font-size: clamp(1.4rem, -0.3804rem + 7.3043vw, 3.5rem);
	}
	#section__ourResults h3 {
		font-size: 3rem;
	}
	#section__ourResults #resultsNumber {
		font-size: 	2.5rem;
	}
	#section__ourResults p,
	#section__ourResults h2 {
		font-size: 2rem;
	}
}
@media screen and (max-width: 650px) {
	#home__hero--img {
		-webkit-clip-path: none;
		clip-path: none;
	}
	.home__meet_team p {
		font-size: 1.8rem;
	}
	.home__clients_quoteBox p {
		max-width: none;
		font-size: 1.8rem;
	}
	.home #section__consultation .frm_fields_container {
		grid-template-areas:
			"field1"
			"field2"
			"field3"
			"field4"
			"warning"
			"submitButton";
	}
	#reviewsMasonry {
		column-count: 1;
	}
	.home__clients_quoteBox {
		max-width: 100%;
	}
}

@media screen and (max-width: 560px) {
	#section__meetTheTeam {
		padding-top: var(--spacer-xl);
	}
	.melmed__founder {
		margin-top: var(--spacer-xl);
	}
	#home__hero--text {
		padding-top: var(--spacer-xl);
		padding-bottom: var(--spacer-xl);
	}
	#section__learnMore h2 {
		font-size: 2.8rem;
	}
	#section__learnMore h3 {
		font-size: 2rem;
	}
	#section__ourResults {
		padding-block: var(--spacer-xl);
	}
}

@media screen and (max-width: 550px) {
	.our__team__members {
		grid-template-columns: repeat(2, 1fr);
	}
	#home__hero--img {
		aspect-ratio: 2 / 1;
	}
}

@media screen and (max-width: 450px) {
	.melmed__founder {
		width: auto;
	}
	.home__clients_quoteBox img {
		width: 2.5rem;
		height: auto;
		margin-bottom: var(--spacer);
	}
	.hero__section_headline {
		text-align: left;
	}
	.hero__section_headline h2::after {
		margin: 1.5rem 0 0 0;
	}
}

@media screen and (max-width: 350px) {
	.our__team__members {
		grid-template-columns: repeat(1,1fr);
	}
}

/*------------------------------------*\
			 Our Team Page
\*------------------------------------*/

.page-template-our-team #navyHeaderBanner {
	margin-bottom: var(--spacer-xxxl);
}
#div__teamWrapper {
	padding-bottom: var(--spacer-xxxl);
}

@media screen and (max-width: 800px) {
	.page-template-our-team #navyHeaderBanner {
		margin-bottom: var(--spacer-lg);
	}
	#div__teamWrapper {
		padding-bottom: var(--spacer-lg);
	}
	.page-template-our-team #navyHeaderBanner h1 {
		margin-bottom: var(--spacer-md);
	}
}

/*------------------------------------*\
	  Full-Width Contact Form Footer
\*------------------------------------*/

#contact__footer {
	background: var(--dark-blue);
	padding: var(--spacer-xxl) 4vw;
}

#contact__footer--inlineWrapper {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 4vw;
}

#contact__footer-topSection h3,
#contact__sidebar-topSection h3 {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 1.15;
	margin-bottom: var(--spacer-lg);
}

#contact__footer--callButton,
#contact__sidebar--callButton {
	background-color: var(--footer-bg-color);
	border: 2px solid var(--light-melmed-blue);
	color: var(--font-grayish-white);
	transition: var(--transition);
	text-shadow: 2px 2px #000;
	transition: var(--transition);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	text-decoration: none;
	font-size: var(--fs-500);
	font-weight: 600;
	padding: 1rem 3rem;
	border-radius: var(--br);
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
}

#contact__footer--callButton:hover,
#contact__footer--callButton:active,
#contact__footer--callButton:focus,
#contact__sidebar--callButton:hover,
#contact__sidebar--callButton:active,
#contact__sidebar--callButton:focus {
	background: transparent;
}

#contact__footer .frm_fields_container {
	display: grid;
	grid-template-areas:
		"field1 field4"
		"field2 field4"
		"field3 submitButton"
		"warning warning";
	max-width: 100rem;
	column-gap: var(--spacer-md);
	grid-template-columns: 1fr 1fr;
}

#contact__footer #frm_field_122_container {
	grid-area: warning;
}

#contact__footer #frm_field_1_container,
#contact__footer #frm_field_60_container,
#contact__footer #frm_field_61_container{
	grid-area: field1;
}

#contact__footer #frm_field_3_container,
#contact__footer #frm_field_62_container {
	grid-area: field2;
}

#contact__footer #frm_field_23_container,
#contact__footer #frm_field_61_container,
#contact__footer #frm_field_63_container,{
	grid-area: field3;
}

#contact__footer #frm_field_5_container,
#contact__footer #frm_field_63_container,
#contact__footer #frm_field_64_container{
	grid-area: field4;
}

#contact__footer .frm_submit {
	grid-area: submitButton;
}
#contact__footer .frm_submit button {
	min-height: 2.65em;
	width: 100%;
	border: 2px solid var(--light-melmed-blue);
	color: var(--font-grayish-white);
	transition: var(--transition);
	text-shadow: 2px 2px #000000;
	border-radius: 1px;
}

#contact__footer .frm_form_field input,
#contact__footer .frm_form_field textarea {
	display: block;
	width: 100%;
	padding: var(--spacer);
	font-size: var(--fs-400);
	font-weight: 500;
	border-radius: 1px;
	margin-bottom: var(--spacer-md);
	border: none;
}

#orYouCanWrapper,
#orYouCanWrapper--sidebar {
	overflow: hidden;
	text-align: center;
	margin-top: var(--spacer-md);
	color: var(--font-grayish-white);
	font-size: var(--fs-500);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	display: none;
}

#orYouCanWrapper::before,
#orYouCanWrapper::after,
#orYouCanWrapper--sidebar::before,
#orYouCanWrapper--sidebar::after {
  background-color: var(--font-grayish-white);
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

#orYouCanWrapper::before,
#orYouCanWrapper--sidebar::before {
  right: 0.5em;
  margin-left: -50%;
}

#orYouCanWrapper::after,
#orYouCanWrapper--sidebar::after {
  left: 0.5em;
  margin-right: -50%;
}

@media screen and (max-width: 1100px) {
	#contact__footer .frm_fields_container {
		grid-template-areas:
			"field1"
			"field2 "
			"field3"
			"field4"
			"warning"
			"submitButton";
		grid-template-columns: 1fr;
	}
	#contact__footer--inlineWrapper {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 800px) {
	#contact__footer {
		padding: var(--spacer-lg) 4vw;
	}
}

@media screen and (max-width: 750px) {
	#contact__footer #frm_form_1_container {
		max-width: 40rem;
		margin: 0 auto;
		width: 100%;
	}
	#contact__footer-topSection h3,
	#contact__sidebar-topSection h3 {
		text-align: center;
	}
	#contact__footer--callButton,
	#contact__sidebar--callButton {
		margin: 0 auto;
		display: block;
		max-width: fit-content;
		text-align: center;
	}
	#contact__footer--inlineWrapper {
		grid-template-columns: 1fr;
	}
	#contact__footer--callButton,
	#contact__sidebar--callButton {
		font-size: var(--fs-400);
	}
	#orYouCanWrapper,
	#orYouCanWrapper--sidebar {
		display: block;
	}
}

/*------------------------------------*\
	    Single Attorney Bio Page
\*------------------------------------*/

#attorney__page {
	display: grid;
	grid-template-rows: auto 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas:
		"navyHeader1 navyHeader2 navyHeader2"
		"sidebar content content";
	gap: var(--spacer-xl) 4vw;
	padding-bottom: var(--spacer-xl);
}

#attorneyBio__leftCol {
	margin-left: max(calc((100vw - 1140px) / 2), 4vw);
	grid-area: navyHeader1-start / sidebar-start / sidebar-end / navyHeader1-end;
	max-width: 40rem;
	z-index: 1;
	padding-top: calc( 2 * var(--spacer-xxxl));
}

#attorney__credentials_container {
	padding-right: max(calc((100vw - 1140px) / 2), 4vw);
	padding-left: calc(max((((100vw - 1140px) / 2)), 4vw) + 4vw + 40rem);
	grid-area: navyHeader1-start / navyHeader1-start / navyHeader2-end / navyHeader2-end;
	background: var(--dark-blue);
	background: linear-gradient(90deg, var(--dark-blue) 0%, rgba(2, 39, 139, 1) 33%, var(--dark-blue) 100%);
	padding-top: calc( 2 * var(--spacer-xxxl));
	padding-bottom: var(--spacer-xl);
}

#attorney__bio {
	grid-area: content;
}

.accordion__item {
	position: relative;
}

.accordion__item.active {
	overflow: visible;
}

.accordion__item .accordion__itemContent {
	position: absolute;
	z-index: 1;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

.accordion__item.active .accordion__itemHeader {
	z-index: 2;
}

#attorney__bio {
	padding-right: max(calc((100vw - 1140px) / 2), 4vw);
}

.content__body_p:not(:first-child) {
	margin-top: 1em;
}

.attorney-template #contact__footer {
	display: none;
}

.attorney__credHeader {
	font-size: clamp(2.4rem, 1.9765rem + 2.2588vw, 4.8rem);
}

.attorney__infoBox_details_name {
	font-size: var(--fs-600);
}

.attorney__infoBox img {
	max-width: 40rem;
	height: auto;
}

.attorney__infoBox_details_contact {
	font-weight: 600;
}

.attorney__infoBox_details_contact a {
	text-decoration: none;
	color: var(--toned-black);
	font-weight: 600;
}

#aside__contactForm {
	background: var(--dark-blue);
	padding: 4rem 2rem;
	border-radius: var(--br);
	height: fit-content;
}

#aside__contactForm h3{
	text-align: center;
}

#aside__contactForm #contact__footer--callButton,
#aside__contactForm #contact__sidebar--callButton {
	margin: 0 auto;
	display: block;
	max-width: fit-content;
	white-space: nowrap;
}

#aside__contactForm #orYouCanWrapper,
#aside__contactForm #orYouCanWrapper--sidebar {
	display: block;
	margin-block: var(--spacer-lg);
}

#aside__contactForm .frm_form_field input,
#aside__contactForm .frm_form_field textarea {
	display: block;
	width: 100%;
	padding: var(--spacer);
	font-size: var(--fs-400);
	font-weight: 500;
	border-radius: 1px;
	margin-bottom: var(--spacer-md);
	border: none;
}

#aside__contactForm .frm_button_submit {
	background-color: transparent;
	border: 2px solid var(--light-melmed-blue);
	color: #fff;
	transition: var(--transition);
	text-shadow: 2px 2px #000000;
	width: 100%;
}

#aside__contactForm .frm_button_submit:hover,
#aside__contactForm .frm_button_submit:active,
#aside__contactForm .frm_button_submit:focus {
	border-color: var(--light-melmed-hover-color);
	color: var(--light-melmed-blue);
	background: var(--toned-black);
}

@media screen and (max-width: 1000px) {
	#attorneyBio__leftCol {
		max-width: 30rem;
	}
	#attorney__credentials_container {
		padding-left: calc(max((((100vw - 1140px) / 2)), 4vw) + 4vw + 30rem);
	}
	.content__body_p {
		font-size: 1.8rem;
	}
	#aside__contactForm h3 {
		font-size: var(--fs-600);
	}
}


@media screen and (max-width: 800px) {
	.attorney-template #contact__footer {
		display: block;
	}
	#attorney__page {
		display: flex;
		flex-flow: column nowrap;
		gap: 0;
	}
	#attorneyBio__leftCol {
		max-width: 100%;
		margin: 0;
		margin-bottom: 40rem;
		padding: var(--spacer-xxl) 4vw var(--spacer-lg) 4vw;
		background: var(--dark-blue);
		background: linear-gradient(90deg, var(--dark-blue) 0%, rgba(2, 39, 139, 1) 33%, var(--dark-blue) 100%);
	}
	.attorney__infoBox {
		max-width: 35rem;
		margin: 0 auto;
		margin-bottom: -40rem;
	}
	.attorney__infoBox_details {
		background: var(--font-grayish-white);
	}
	#attorney__page #aside__contactForm {
		display: none;
	}
	.attorney__credHeader {
		display: none;
	}
	#attorney__credentials_container {
		padding: 0 4vw;
		max-width: 40rem;
		margin: 0 auto;
		background: none;
		width: 100%;
	}
	.accordion__itemHeader {
		border-radius: var(--br);
		background-color: var(--primary-melmed-blue);
		color: var(--font-grayish-white);
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	}
	.accordion__item:last-child {
		margin-bottom: var(--spacer-lg);
	}
	.accordion__itemHeader:hover,
	.accordion__itemHeader:active,
	.accordion__itemHeader:focus,
	.accordion__item.active .accordion__itemHeader {
		background: var(--dark-blue);
	}
	.accordion__icon {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.8571 6.28571H9.71429V1.14286C9.71429 0.511786 9.2025 0 8.57143 0H7.42857C6.7975 0 6.28571 0.511786 6.28571 1.14286V6.28571H1.14286C0.511786 6.28571 0 6.7975 0 7.42857V8.57143C0 9.2025 0.511786 9.71429 1.14286 9.71429H6.28571V14.8571C6.28571 15.4882 6.7975 16 7.42857 16H8.57143C9.2025 16 9.71429 15.4882 9.71429 14.8571V9.71429H14.8571C15.4882 9.71429 16 9.2025 16 8.57143V7.42857C16 6.7975 15.4882 6.28571 14.8571 6.28571Z' fill='%23ffffff'/%3E%3C/svg%3E");
	}
	#attorney__bio {
		padding: 0 4vw;
	}
}


/*------------------------------------*\
	  			Site Map
\*------------------------------------*/

#sitemap h2 {
	font-size: var(--fs-600);
	border-bottom: 1px solid var(--primary-melmed-blue);
	margin-bottom: 0.5em;
	margin-top: 1em;
}

#sitemap h2:first-child {
	margin-top: 0;
}

#sitemap ul {
	list-style: none;
	font-size: 2rem;
}

#sitemap li {
	margin-bottom: 0.5em;
}


/*------------------------------------*\
	  			404 Page
\*------------------------------------*/

#section__error404 {
	margin-inline: auto;
	max-width: min(1140px, 92vw);
	width: 100%;
	margin-block: 20vh;
}

#section__error404 h1 {
	font-size: clamp(3rem, 1.4118rem + 7.4706vw,12rem);
	line-height: 1.25;
	margin-bottom: 0.25em;
}

#section__error404 h2 {
	color: var(--primary-melmed-blue);
	line-height: 1.25;
	margin-bottom: 0.5em;
	font-size: clamp(2.5rem, 1.3059rem + 1.0353vw, 3.6rem);
}

#error404_links {
	display: flex;
	gap: var(--spacer-lg);
	margin-top: var(--spacer-lg);
	flex-flow: row wrap;
}

#error404_links a {
	border: 2px solid var(--primary-melmed-blue);
	color: var(--primary-melmed-blue);
	white-space: nowrap;
	display: block;
	background: var(--tinted-gray);
	padding: 0.5em 1em;
	font-weight: 600;
	transition: var(--transition);
}

#error404_links a:hover,
#error404_links a:active,
#error404_links a:focus {
	background: var(--primary-melmed-blue);
	color: var(--tinted-gray);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 800px) {
	#section__error404 {
		margin-block: 10vh;
	}
}

@media screen and (max-width: 800px) {
	#error404_links {
		flex-flow: column wrap;
		max-width: 40rem;
		text-align: center;
	}
}

/*------------------------------------*\
	  	  Practice Areas Page
\*------------------------------------*/

.practice__areas_container {
	max-width: 1140px;
	max-width: min(1140px, 92vw);
	margin: 0 auto;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: min(3rem, 4vw);
	row-gap: var(--spacer-lg);
	padding-top: 0;
}

.practice__area {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
}


.practice__area_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.practice__area_link {
	background: none;
}

.practice__area_title {
	background: rgba(0, 0, 0, 0.75);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	width: 100%;
	padding: 1em 0.5em;
	max-width: none;
	z-index: 2;
	min-height: 4em;
	display: flex;
	align-items: center;
	line-height: 1.25;
	bottom: 1.5em;
	transition: var(--transition);
	font-size: 1.8rem;
	font-weight: 700;
}

.practice__area:hover .practice__area_title {
	text-decoration: none;
}

.practice__area:hover .practice__area_title {
	min-height: 100%;
	bottom: 0;
}

@media screen and (max-width: 1000px) {
	.practice__areas_container {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 850px) {
	.practice__areas_container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 450px) {
	.practice__area_title {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 350px) {
	.practice__areas_container {
		grid-template-columns: repeat(1, 1fr);
	}
}

/*------------------------------------*\
	 Individual Practice Area Page
\*------------------------------------*/

/*
#practiceArea__MainSection {
	display: grid;
	grid-template-areas: 
		"PracticeHeading PracticeHeading"
		"IntroContent PracticeAreaSidebar"
		"PracticeAreaContent PracticeAreaSidebar";
	grid-column-gap: 4vw;
	grid-template-rows: auto 1fr;
	grid-template-columns: 5fr 3fr;
	margin: 0;
	padding: 0;
	gap: var(--spacer-xl) 4vw;
    padding-bottom: var(--spacer-xl);
}

#practiceArea__MainHeader {
	grid-area: PracticeHeading;
	padding-inline: max(calc((100vw - 1140px) / 2), 4vw);
    background: var(--dark-blue);
    background: linear-gradient(90deg,var(--dark-blue) 0%,rgba(2,39,139,1) 33%,var(--dark-blue) 100%);
    padding-top: calc(2 * var(--spacer-xxxl));
	padding-bottom: calc(2 * var(--spacer-xxxl));
	width: 100%;
	max-width: none;
	font-size: var(--fs-primary-heading);
	font-weight: 700;
}

#practiceArea__IntroContent {
	grid-area: IntroContent;
	margin-top: calc(-2 * var(--spacer-xxxl));
	margin-left: max(calc((100vw - 1140px) / 2), 4vw);
}

#practiceArea__BodyContent {
	grid-area: PracticeAreaContent;
	margin-left: max(calc((100vw - 1140px) / 2), 4vw);
}

#aside__PracticeArea_Sidebar {
	grid-area: PracticeAreaSidebar;
	margin-top: calc(-2 * var(--spacer-xxxl));
	margin-right: max(calc((100vw - 1140px) / 2), 4vw);
} */

#practiceArea__MainSection #navyHeaderBanner {
	padding-bottom: calc(2 * var(--spacer-xxxl));
}

#practiceArea__contentWrapper {
    max-width: 1140px;
    max-width: min(1140px,calc(100% - 8vw));
    margin: calc(-2 * var(--spacer-xxxl)) auto var(--spacer-xxxl) auto;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 40rem;
	grid-template-areas: 
		"IntroContent PracticeAreaSidebar"
		"PracticeAreaContent PracticeAreaSidebar";
    gap: 5rem;
}

#navyHeaderBanner #practiceArea__MainHeader {
	margin-bottom: 0;
}

#practiceArea__IntroContent {
	grid-area: IntroContent;
}

#practiceArea__BodyContent {
	grid-area: PracticeAreaContent;

}

#aside__PracticeArea_Sidebar {
	grid-area: PracticeAreaSidebar;
}

#aside__PracticeArea_Sidebar #aside__contactForm {
    background: var(--shaded-blue);
}

#practiceArea__BodyContent h2 {
	line-height: 1.15;
	margin-bottom: 0.5em;
    margin-top: 1em;
	font-size: clamp(2.5rem, 2.2585rem + 1.0732vw, 3.6rem);
}

#practiceArea__BodyContent p,
#practiceArea__BodyContent li {
	font-size: clamp(1.8rem, 1.7341rem + 0.2927vw, 2.1rem);
	margin-bottom: 1em;
}

#practiceArea__BodyContent li {
	margin-bottom: 0.5em;
	padding-left: 3rem;
	position: relative;
	text-indent: -0.5rem;
}

#practiceArea__BodyContent li:last-child {
	margin-bottom: 1em;
}


#practiceArea__BodyContent li::before {
	content: "\2022";
    color: var(--primary-melmed-blue);
    font-weight: 700;
    font-size: 1.2em;
    display: inline-block;
    width: 1.5rem;
    margin-left: -1.5rem;
    vertical-align: -0.05em;
}

#practiceArea__BodyContent ul {
	list-style-position: inside;
	list-style-type: none;
}


#practiceArea__BodyContent > *:first-child {
	margin-top: 0;
}


@media screen and (min-height: 1000px) {
	#aside__PracticeArea_Sidebar #aside__contactForm {
		position: sticky;
		top: 15rem;
	}
}

@media screen and (max-width: 1100px) {
	#practiceArea__MainSection h1 {
		font-size: var(--fs-secondary-heading);
	}
	#practiceArea__MainSection h3 {
		font-size: var(--fs-600);
	}
	#practiceArea__contentWrapper {
		grid-template-columns: 1fr 30rem;
		gap: var(--spacer-xl) 4vw;
	}
}

@media screen and (max-width: 900px) {
	#practiceArea__contentWrapper {
		grid-template-columns: 1fr;
		grid-template-areas: 
			"IntroContent"
			"PracticeAreaContent"
			"PracticeAreaSidebar";
	}
	#practiceArea__IntroContent h2 {
		max-width: 70ch;
		margin: 0;
	}
	#practiceArea__BodyContent {
		margin: 0;
		max-width: 70ch;
	}
	#aside__PracticeArea_Sidebar {
    	max-width: 40rem;
    	margin: 0 auto;
	}
}

@media screen and (max-width: 800px) {
	#practiceArea__MainSection h1 {
		font-size: clamp(28px,calc(1.75rem + ((1vw - 2px) * 3.6)), 64px);
	}
	#practiceArea__MainSection #navyHeaderBanner {
		padding-bottom: var(--spacer-xl);
	}
	#practiceArea__contentWrapper {
		margin-top: calc(-1 * var(--spacer-xxxl));
	}
}

/*------------------------------------*\
	 			About Page
\*------------------------------------*/

#aboutPageTeamWrapper h2 {
	font-stretch: semi-condensed;
	text-transform: uppercase;
	font-size: var(--fs-secondary-heading);
	line-height: 1;
	max-width: min(1140px, 92vw);
	margin: 0 auto var(--spacer-xl) auto;
}

#aboutPageTeamWrapper h2::after {
	content: '';
	height: 8px;
	width: 100px;
	background-color: var(--light-melmed-blue);
	margin-top: 1.5rem;
	display: block;
}

.page-id-242 #navyHeaderBanner,
.page-id-18244 #navyHeaderBanner {
	padding-bottom: var(--spacer-xxxl);
}

.page-id-242 .defaultPage__contentContainer,
.page-id-18244 .defaultPage__contentContainer {
	margin-top: calc(-2 * var(--spacer-xxxl));
}

@media screen and (max-width: 800px) {
	.page-id-242 #aside__defaultPageSidebar,
	.page-id-18244 #aside__defaultPageSidebar {
		display: none;
	}
}

/*------------------------------------*\
	 			More Page
\*------------------------------------*/

.page-id-18252 #defaultPage__content,
.page-id-18267 #defaultPage__content {
	max-width: 1140px;
	max-width: min(1140px, 92vw);
	margin: 0 auto;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	column-gap: min(3rem, 4vw);
	row-gap: var(--spacer-lg);
	padding-top: 0;
	height: min-content;
}

.morePage__link {
	max-width: 100%;
	display: block;
	overflow: hidden;
	background: none;
}

.morePage__img {
	max-width: 100%;
	height: auto;
}

.page-id-18252 #defaultPage__content .morePage__img,
.page-id-18267 #defaultPage__content .morePage__img {
	margin-bottom: 0;
}

.morePage__innerLinkWrapper {
	position: relative;
	width: 100%;
	height: auto;
}

#defaultPage__content .morePage__Text {
	background: rgba(0, 0, 0, 0.75);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	width: 100%;
	padding: 1em 0.5em;
	max-width: none;
	z-index: 2;
	display: flex;
	align-items: center;
	bottom: 1.5em;
	transition: var(--transition);
	font-size: 1.8rem;
	font-weight: 700;
	position: absolute;
	color: var(--font-grayish-white);
	line-height: 1;
	min-height: 1em;
	margin-bottom: 0;
	font-size: var(--fs-600);
}

#defaultPage__content .morePage__link:hover .morePage__Text,
#defaultPage__content .morePage__link:active .morePage__Text,
#defaultPage__content .morePage__link:focus .morePage__Text {
	min-height: 100%;
	bottom: 0;
}

#defaultPage__content .morePage__link:focus-within .morePage__Text {
	min-height: 100%;
	bottom: 0;
}

.page-id-18252 .defaultPage__contentContainer,
.page-id-18267 .defaultPage__contentContainer {
	grid-template-columns: 1fr;
}

.page-id-18252 #aside__defaultPageSidebar,
.page-id-18267 #aside__defaultPageSidebar {
	display: none;
}

@media screen and (max-width: 900px) {
	#defaultPage__content .morePage__Text {
		font-size: var(--fs-500);
	}
}

@media screen and (max-width: 750px) {
	.page-id-18252 #defaultPage__content,
	.page-id-18267 #defaultPage__content {
		column-gap: 2rem;
		row-gap: 2rem;
	}
}

@media screen and (max-width: 600px) {
	.page-id-18252 #defaultPage__content,
	.page-id-18267 #defaultPage__content {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 500px) {
	#defaultPage__content .morePage__Text {
		font-size: var(--fs-400);
	}
}

/*------------------------------------*\
	 	   Case Results Page
\*------------------------------------*/

.case__top_content_subHeader {
	max-width: 70ch;
	line-height: 1.25;
}

.case__bottom_content p {
	max-width: 70ch;
	font-size: 2rem;
}

.page-template-case-results main .container {
	max-width: 1140px;
	max-width: min(1140px, 92vw);
	margin: 0 auto;
	width: 100%;
}

.case__single {
	max-width: 100%;
	min-height: auto;
	justify-content: flex-start;
	height: 100%;
}

.case__single_title {
	font-stretch: semi-condensed;
	font-size: 2rem;
	margin-bottom: 0.25em;
	text-align: center;
	white-space: nowrap;
}

.spanish .case__single_title {
	white-space: normal;
}

.case__single_stat {
	margin-bottom: 1rem;
	text-align: center;
	font-size: 3rem;
	text-transform: uppercase;
	color: var(--light-dark-blue);
	white-space: nowrap;
}

.spanish .case__single_stat {
	white-space: normal;
}

.case__single_description {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 0.5em;
	margin-bottom: 0;
}

.case__single_date {
	text-align: center;
	font-weight: 600;
	font-size: 1.6rem;
	display: none;
}

#caseResultsContainer {
	padding-block: var(--spacer-xl);
	margin-top: var(--spacer-xl);
}

@media screen and (max-width: 1100px) {
	.case__single_stat {
		font-size: 2.5rem;
	}
}

@media screen and (max-width: 650px) {
	.case__group {
		display: flex;
		flex-direction: column;
	}
}

/*------------------------------------*\
	 	     Careers Page
\*------------------------------------*/

.careers__hero {
	box-shadow: none;
	background: none;
	padding-block: 0;
}

.careers__hero p,
.careers__hero_header {
	color: var(--toned-black);
	max-width: 70ch;
}
.careers__hero_header {
	font-size: clamp(2.4rem, 1.8947rem + 2.2456vw, 4rem);
}
.careers__hero p {
	font-size: clamp(1.8rem, 1.6737rem + 0.5614vw, 2.2rem);
}

.page-template-careers section.container {
	max-width: 1140px;
	max-width: min(1140px, 92vw);
	margin: 0 auto;
	width: 100%;
}

.careers__jobs_container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--spacer-lg);
}

.careers__jobs_content {
	padding: 2.4rem 2.7rem;
	border: 1px solid var(--melmed-dark-gray);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	background-color: var(--font-grayish-white);
	margin-bottom: 0;
}

.careers__jobs_title {
	font-stretch: semi-condensed;
	margin-bottom: 0.25em;
	text-align: center;
	white-space: nowrap;
	font-size: 3rem;
}

.careersApplyButton {
	padding: 1.5rem 3rem;
	border-radius: var(--br);
	background-color: var(--primary-melmed-blue);
	outline: none;
	color: var(--font-grayish-white);
	font-size: var(--fs-400);
	text-transform: uppercase;
	border: none;
	font-weight: 600;
	text-decoration: none;
	font-size: 2rem;
}

.careers__jobs_description {
	font-size: 1.8rem;
}


.apply__form_container input {
	display: block;
	width: 100%;
	padding: var(--spacer);
	font-size: var(--fs-400);
	font-weight: 500;
	border-radius: var(--br);
	margin-bottom: var(--spacer-md);
	border: 2px solid var(--primary-melmed-blue);
	background: var(--font-grayish-white);
}


.apply__form_container .frm_dropzone .dz-message {
	display: none;
}

.apply__form_container .frm_description {
    display: none;
}

.apply h1 {
	margin-top: 1em;
	padding-bottom: 0.5em;
}

.apply .sidePanel__info {
	margin: 0;
}

.apply .sidePanel__info h2 {
	font-weight: 600;
	font-size: clamp(2.5rem, 2.2585rem + 1.0732vw, 3.6rem);
	line-height: 1.15;
}

.apply .sidePanel__info p {
	font-size: 2rem;
}

.apply .sidePanel__info {
	max-width: calc(100% - 4rem);
}

.apply__form_container {
	max-width: calc(100% - 4rem);
}

main.apply .container {
	width: min(1140px, 92vw);
}

.apply__form_container .frm_submit button {
	border-color: var(--primary-melmed-blue);
    color: var(--primary-melmed-blue);
}

@media screen and (max-width: 60em) {
	.apply__form_container {
		max-width: 100%;
	}
}




@media screen and (max-width: 800px) {
	.careers__jobs_container {
		grid-template-columns: 1fr;
	}
}



/*------------------------------------*\
	 	     Blog Index Page
\*------------------------------------*/

.page-template-articles-archive .content__withAside {
    grid-template-columns: 2fr 1fr;
}

.page-template-articles-archive .content__withAside .content {
	overflow: auto;
}

.articles__container_image {
	max-width: 100%;
}

.articles__read-content {
	display: none;
}

.articles__container {
	align-items: start;
}

.articles__container_left-content a {
	background: none;
}

.articles__content {
	margin-bottom: 3rem;
    border-bottom: 1px solid var(--melmed-light-gray);
    padding-bottom: 3rem
}

.articles__content:last-child {
	border-bottom: none;
}

.articles__container_right-content a {
	display: block;
	background: none;
}

.articles__container_right-content a:first-child {
	color: var(--toned-black);
}

.articles__container-header {
	line-height: 1.25;
}

.articles__container_right-content {
	display: flex;
    flex-direction: column;
    gap: 1rem;
}

.articles__container-excerpt {
	font-size: 1.6rem;
	max-width: none;
}

.articles__container_right-content a.articles__container_readmore-link {
    background: var(--primary-melmed-blue);
    padding: 0.5em 1em;
    display: inline-block;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-weight: 600;
    font-style: normal;
}

.page-template-articles-archive main .container {
	width: min(1140px, 92vw);
}

.page-template-articles-archive #aside__contactForm {
	background: var(--shaded-blue);
}


@media screen and (max-width: 960px) {
	#archive__sidebar {
		display: none;
	}
	.page-template-articles-archive .content__withAside {
		grid-template-columns: 1fr;
	}
}


@media screen and (max-width: 600px) {
	.articles__container {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
}

/*------------------------------------*\
	 	     Blog Pages
\*------------------------------------*/

.post-template-single-article #aside__contactForm {
	background: var(--shaded-blue);
}

.post-template-single-article .content__body {
	margin-bottom: 5rem;
}
.post-template-single-article .content__withAside {
	display: grid;
	grid-template-columns: 2fr 1fr;
	max-width: min(1140px, 92vw);
    margin: 0 auto;
	gap: 5rem;
}

.post-template-single-article h2 {
	line-height: 1.15;
    margin-bottom: 0.5em;
    margin-top: 1em;
    font-size: clamp(2.5rem,2.2585rem + 1.0732vw,3.6rem);
}

@media screen and (max-width: 960px) {
	.post-template-single-article .content__withAside {
		display: grid;
		grid-template-columns: 1fr;
	}
}

.nav__row.container__inner.mt-1{
	display: none;
}

.frm__6530713fe44e9{
	display: none;
}