/*
Theme Name: Law Firm Sites - Guttenberg
Theme URI: http://www.lawfirmsites.com/
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 1
Author: Law Firm Sites
Author URI: http://www.lawfirmsites.com/
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: 
License URI: 
*/

/* FONT FACE
=================================*/

/* @font-face { font-family: Satoshi; src: url('fonts/Satoshi-Regular.otf') format("opentype"); font-weight: normal; } */

@import url("https://use.typekit.net/off8gdt.css");



:root {
  /*FONT SIZE*/
  --px12: 0.75rem;
  --px14: 0.875rem;
  --px15: 0.938rem;
  --px16: 1rem;
  --px17: 1.063rem;
  --px18: 1.125rem;
  --px20: 1.25rem;
  --px21: 1.35rem;
  --px22: 1.375rem;
  --px23: 1.438rem;
  --px24: 1.5rem;
  --px25: 1.563rem;
  --px26: 1.625rem;
  --px27: 1.688rem;
  --px28: 1.75rem;
  --px30: 1.875rem;
  --px32: 2rem;
  --px34: 2.125rem;
  --px35: 2.188rem;
  --px36: 2.25rem;
  --px38: 2.375rem;
  --px40: 2.5rem;
  --px42: 2.625rem;
  --px45: 2.813rem;
  --px48: 3rem;
  --px50: 3.125rem;
  --px55: 3.438rem;
  --px60: 3.75rem;
  --px61: 3.813rem;
  --px64: 4rem;
  --px65: 4.063rem;
  --px69: 4.313rem;
  --px72: 4.5rem;
  --px80: 5rem;
  --px86: 5.375rem;
  --px88: 5.5rem;
  --px90: 5.625rem;
  --px92: 5.75rem;
  --px95: 5.938rem;
  --px100: 6.25rem;
  --px126: 7.875rem;
  --px193: 12.063rem;


  /* --Satoshi: 'Satoshi'; */
  --Kumbh: 'kumbh-sans-variable', sans-serif;
  --Ellery: "ellery", sans-serif;
  --P22: "p22-allyson-pro", sans-serif;
  --Garamond: "adobe-garamond-pro", serif;
  --Minion: "minion-pro", serif;
  --Novantique: "novantique-serif", sans-serif;
  

  /*COLOR*/

  --TextDark: #0C1931;
  --TextBrown: #A2732D;
  --TextBrownLight: #EBD193;
  --TextGray: #727272;
  --BorderBrown: #B38E49;
  --Black: #111;
  --Dark: rgba(17, 17, 17, 0.8);
  --Red: #AA2B3D;
  --Blue: #006FFF;
  --Orange: #CA5162;
}


/* BODY
=================================*/

html { font-size: 0.833333vw; scroll-behavior: smooth; }

body { padding: 0; margin: 0; font-size: var(--px20); font-family:var(--Garamond); 
  font-weight:normal; line-height:1.5; color: var(--TextDark); 
}

a:hover { outline: none; text-decoration: none; }

/* Accessibility: Focus styles for keyboard navigation */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
	outline: 2px solid #006FFF;
	outline-offset: 2px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 2px solid #006FFF;
	outline-offset: 2px;
}

.text-gradient-gold-white {
  background: linear-gradient(91.14deg, #A1722D 0.33%, #EBD193 12.13%, #FFF3DA 38.55%, #FDEED2 70.64%, #A1722D 98.48%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.scroll { transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -webkit-transition: .6s; -o-transition: .6s; } 

.sub-menu , .repCasesBtn , a.imgHover:before ,
a , input , button , .sub-menu { transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }

img { max-width: 100%; width: auto; height: auto; object-fit: cover; object-position: center; }

a.imgHover { display: inline-block; position: relative; vertical-align: top; }

a.imgHover img { display: block; margin: 0; }

a.imgHover:before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; }

a.imgHover:hover:before { background-color: rgba(0,0,0,.5); }

.scroll.open { top: 0; }

.admin-bar .scroll.open { top: 32px; }

.scroll { position: fixed; display: none; top: -200px; left: 0; width: 100%; z-index: 5000; }

a.post-edit-link { display: inline-block; color: #fff; padding: .4rem 2rem; background-color: #000; font: 1.25rem; position: fixed; bottom: 1rem; left: 1rem; z-index: 3000; }

a.post-edit-link:hover { background-color: #333; }

section:before,section:after { clear: both; display: block; content: ''; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p { margin: 0; }

h1, .h1 { display: block; font-size: var(--px48); }

h2, .h2 { display: block; font-size: var(--px64); line-height: 1.3593; }

h3, .h3 { display: block; font-size: var(--px36); }

h4, .h4 { display: block; font-size: var(--px24); }

h5, .h5 { display: block; font-size: var(--px18); line-height: 1.3333; text-transform: uppercase; font-weight: 700; }

h6, .h6 { display: block; }

a.skip-main { 
	left: -999px; 
	position: absolute; 
	top: auto; 
	width: 1px; 
	height: 1px; 
	overflow: hidden; 
	z-index: 999; 
}

a.skip-main:focus {
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	overflow: visible;
	padding: 1rem;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

/* Screen reader only class */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	padding: inherit;
	margin: inherit;
	overflow: visible;
	clip: auto;
	white-space: normal;
}

svg { fill:inherit; stroke:inherit; }

picture { display:block; }

[width="9"] { width:0.563rem; }
[width="11"] { width:0.688rem; }
[width="18"] { width:1.175rem; }
[width="20"] { width:1.25rem; }
[width="22"] { width:1.375rem; }
[width="28"] { width:1.75rem; }
[width="57"] { width:3.563rem; }


/* FOOTER
=================================*/

#footer { 
  background-color: #F2EDE4;
  padding-top: 8.188rem;
}

.footer-logo {
  position: relative;
  width: 13.563rem;
  height: 14.438rem;
}

.footer-logo object { position: absolute; left: 0; width: 100%;
  transition: all 2s ease-out;
}

.footer-logo object#logo-L { left: 2.563rem; bottom: 0; }

.footer-logo object#logo-R { left: -2.188rem; top: 0; }

/* .effect-on .footer-logo object#logo-L { left: 0.75rem; }
.effect-on .footer-logo object#logo-R { left: 0; } */

.footer-top .wrap { 
  align-items: center; 
  gap: 0 2.313rem;
}

.footer-top-right h2 {
  padding-top: 1.563rem;
  font-family: var(--Ellery);
  font-size: var(--px88);
  letter-spacing: 0.15em;
  line-height: 1.25;
  text-transform: uppercase;
  font-weight: 800;
  min-height: 9.625rem;
  color: #001847;
}

.footer-top-right .tagline {
  
  font-family: var(--Garamond);
  font-size: var(--px18);
  line-height: 1.3333;
  font-weight: 400;
  color: var(--TextBrown);
}

.footer-top-right .tagline p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-right: 9.063rem;
  font-family: "korolev", sans-serif;
  font-size: var(--px16);
  line-height: 1.5;
/*   letter-spacing: 1.427em; */
  letter-spacing: 1em;
  color: #B38E49;
  text-transform: uppercase;
  align-items: center;
  font-weight: 300;
}
.footer-top-right .tagline .text {
  text-align: center;
}

.footer-top-right .tagline .dotted {
  width: 4.688rem;
  height: 1px;
  /*background-image: url('./assets/images/dotted-footer.png');
  background-position: center;*/
  content: '';
  display: block;
 
}

#footer .tnp-subscription label, 
#footer .tnp-profile label {
  display: none;
}
#footer p {
  font-size: var(--px20);
}

.footer-middle { 
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2.313rem;
  font-family: var(--Garamond);
/*   font-size: var(--px16); */
  line-height: 1.5;
  color: var(--TextGray);
}

.footer-middle .wrap {
  justify-content: space-between;
  gap: 0 2.813rem;
}

.footer-middle .div-block.socials {
  align-items: center;
  gap: 0 4.188rem;
}

.footer-middle p.h5 {
  font-family: var(--Garamond);
/*   font-size: var(--px16); */
  font-size: var(--px20);
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--TextBrown);
  font-weight: normal;
  color: #A2732D;
}

.footer-middle .div-block.address {
  gap: 0 2.313rem;
}

.footer-middle .div-block {
  padding: 1.688rem 0;
}

.footer-middle .div-block.address .address-wrap {
  flex: 1;
}

.footer-middle .div-block.address .map {
  width: 100%; max-width: 16.25rem; box-shadow: 0 0 .5rem rgba(0,0,0,.4); margin-top: 1rem;
}
.footer-middle .div-block.address .map .embed-responsive {
  min-height: 9.375rem;
}

.footer-middle .div-block.address .address-wrap p {
  margin-bottom: 0.375rem;
}

.footer-middle .div-block.address .address-wrap p a {
  color: #B38E49;
}

.footer-middle .div-block.address .address-wrap p.address {
  min-height: 4.5rem;
}

.footer-middle .div-block.newsletter {
  gap: 0 2.313rem;
  flex: 1;
}

.footer-middle .div-block.newsletter p.h5 {
  margin-bottom: 1.313rem;
}

.footer-middle .div-block.newsletter p.text {
  margin-bottom: 1.313rem;
}

#footer .tnp-subscription input[type=email] {
  background-color: #fff;
  color: var(--TextGray);
  font-size: var(--px16);
  line-height: 1.5;
  padding: 0.75rem 1.313rem;
  border-radius: 0;
  
}

#footer .tnp-field-email {
  padding: 1px;
  background: #A1722D;
  background: linear-gradient(125deg, #A1722D 0%, #EBD193 51%, #D9AD57 100%);
  width: auto;
  flex: 1;
  margin: 0;
  height: 100%;
}

#footer .tnp-subscription {
  max-width: unset;
  margin: 0
}

#footer .tnp-subscription .btn {
  width: 100%;
  max-width: 12.625rem;
  height: 3.313rem;
  font-size: var(--px15);
  text-transform: uppercase;
  letter-spacing: 0.13em;
  font-family: var(--Garamond);
  line-height: 1.2;
  letter-spacing: 0.3em;
  background: linear-gradient(91.64deg, #A1722D -27.96%, #EBD193 36.87%, #D9AD57 98.35%);
  border: 1px solid #F9ECCE;
  border-radius: 0;
  position: relative;
  z-index: 1;
  color:var(--TextDark);

  &:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(91.14deg, #0C1931 0.33%, #304367 50.71%, #0C1931 98.48%);
    border: 1px solid #304367;
  }

  &:hover {
    color:#E9CE8E;
    
    &:before {
      opacity: 1;
      visibility: visible;
    }
  }
}

#footer .tnp-subscription .flex {
  gap: .5rem;
}

.tnp-email {
  flex: 1;
}

.footer-top {
  margin-bottom: 4.375rem;
}

.social-media {

}

.social-media a {
  fill: #A2732D;

  &:hover {
    fill: var(--TextDark);
  }
}

.footer-middle {
  margin-bottom: 6.688rem;
}

.footer-bottom {
  border-top: 1px solid #BB9754;
  padding: 3.875rem 0;
  color: var(--TextGray);

}

.footer-bottom p.copyright {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1rem;
  align-items: center;

  a {
    color: var(--TextGray);

    &:hover {
      color: var(--TextDark);
    }
  }
}

.lfs {
  
  a {
    color: var(--TextGray);

    &:hover {
      color: var(--TextDark);
    }
  }
}

/* HEADER
=================================*/
.navbar-default { border-radius: 0; margin: 0; min-height: 0; 
  background-color: transparent; color: #fff; border: none; 
  padding: 0; 
}

.main-menu { list-style: none; padding: 0; margin: 0; }

.main-menu li { position: relative; padding: 0; }

.main-menu li a { display: block; font-size: var(--px20); text-transform: uppercase; font-weight: normal; 
  letter-spacing: 0.13em;
  font-family: var(--Garamond);
  line-height: 1.2;
}

.logo { display: inline-block; vertical-align: top; max-width: 11rem; margin: 0rem 0 0rem; vertical-align: top; }

ul.paginations { list-style:none; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap: 1rem; }

.btn { 
  font-family: var(--Garamond);
  font-size: var(--px15);
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--TextDark);
  position: relative;
  z-index: 1;
  background: linear-gradient(91.14deg, #0C1931 0.33%, #304367 50.71%, #0C1931 98.48%);
  padding: 1rem 2.313rem;
  border: 1px solid #F9ECCE;
  display: inline-block;
  vertical-align: top;
  border-radius: 0;

  &:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    width: auto;
    height: auto;
    z-index: -1;
    transition: all 0.5s ease-in-out;
    background: linear-gradient(91.64deg, #A1722D -27.96%, #EBD193 36.87%, #D9AD57 98.35%);
    border: 1px solid #F9ECCE;
    
  }
  
  &:hover {
    color: var(--TextBrownLight);
   
    &:before {
      opacity: 0;
      visibility: hidden;
    }
  }
}



.phone-btn-li a{
  font-family: var(--Garamond);
  font-size: var(--px15);
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--TextBrownLight);
  position: relative;
  z-index: 1;
  background: linear-gradient(91.14deg, #0C1931 0.33%, #304367 50.71%, #0C1931 98.48%);
  padding: 1rem 2.313rem;
  border: 1px solid #F9ECCE;
  display: inline-block;
  vertical-align: top;
  margin-left: 1.813rem;

  &:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 0.5s ease-in-out;
  }
}

.search-btn {
  position: relative;
  z-index: 3000;
  padding: .5rem 0;
  a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.438rem;
    height: 3.438rem;
    border: 1px solid #304367;
  }

  form {
    position: absolute;
    top: 100%;
    right: 0;
    width: 20rem;
    height: 100%;
    z-index: 3000;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;

    &.active {
      opacity: 1;
      visibility: visible;
    }
  }

  input[type="text"] {
    width: 100%;
    height: auto;
    border: 1px solid #EBD193;
    border-radius: 0;
    padding: 0.75rem 1.375rem;
    font-size: var(--px16);
    line-height: 1.5;
    letter-spacing: .05em;
  }
  
}




/* CONTACT FORM
=================================*/

#contact-section {
  background-color: #77664F;
  padding: 6.25rem 0 8.25rem;
  color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 1;

  &:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -12.813rem;
    bottom: 0;
    width: 72.813rem;
    height: auto;
    background-color: #77664F;
    z-index: -1;
    transition: all 2s ease-out;
    background-image: url('./assets/images/R-Union.png');
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;

    
  }

  &.effect-on {
    &:before {
      left: 0;
    }
  }
}

#contact-section .contact-form {
  position: relative;
  z-index: 1;
  max-width: 43.563rem;
  margin-left: auto;
  font-size: var(--px16);
  line-height: 1.5;
}

#contact-section .contact-form h2 { 
  color: #7E6D56;
  font-family: var(--Garamond);
  font-size: var(--px193);
  line-height: .8;
  font-style: italic;
  position: absolute;
  top: 0;
  left: -7.813rem;
  z-index: -1;
  transition: all 2s ease-out;
  letter-spacing: 0;
}

#contact-section.effect-on {
  .contact-form h2 {
    left: -13.313rem;
  }
  .contact-form h3 {
    .line-1 {
      left: 0;
    }
    em {
      left: 7rem;
    }
  }
}

#contact-section .contact-form h3 {
  font-family: var(--Garamond);
  font-size: var(--px80);
  line-height: .95;
  margin-bottom: 2.625rem;

  span {
    display: block;
    position: relative;
    transition: all 2s ease-out;
  }
  em {
    color: #EBD193;
    position: relative;
    left: 11.563rem;
    display: inline-block;
    transition: all 2s ease-out;
  }
}

.gform_confirmation_message { background-color: #ddffdd; color: #000; text-align: center; border: 2px solid #4CAF50; padding: 15px 20px; }

.contact-form { 
  font-size: var(--px16);  
}

.contact-form p {
  max-width: 32.063rem;
  margin-bottom: 2.625rem;
  font-size: var(--px20);  
}

.form-wrap label { font-weight: normal; }

.form-wrap h2 { }

.form-wrap ul { list-style: none; padding: 0; }

.gform_fields { margin: 0; }

.gfield { width: 100%; position: relative; margin-bottom: 1.188rem; }

.gfield--input-type-textarea {
  margin-bottom: 2.25rem;
}

.ginput_container--name > span {
  display: block;
  margin-bottom: 1.188rem;
}

.gfield.hidden_label { margin-bottom:0; }

.gfield.hidden_label legend.gfield_label ,
.gfield.hidden_label label.gfield_label { 
  display: block;
  margin-bottom: -1px;
  opacity: 0;
  visibility: hidden;
  width: 1px;
  height: 1px;
}

.form-wrap label.gform-field-label {
  display: block;
}
.form-wrap label.gform-field-label,
.gfield legend.gfield_label,
.gfield label.gfield_label { 
  font-weight:normal; 
  margin-bottom: 0.813rem;
  font-size: var(--px16);
  line-height: 1.5;
}

.gfield label.gfield_label span {  }

.form-wrap textarea,
.form-wrap input[type="tel"],
.form-wrap input[type="email"],
.form-wrap input[type="text"] { 
  background-color: #fff; 
  display: block; 
  width: 100%; 
  border: 1px solid #D9AD57; 
  border-radius: 0; 
  line-height: 1.333em; 
  padding: 0.688rem 1.375rem 1rem; 
  color: var(--TextGray);
  font-size: var(--px16);
  line-height: 1.5;
  font-weight: normal;
}

.form-wrap textarea { resize: none; height: 6.25rem; }

.gform_footer { text-align: center; padding-top: 0rem; }

.form-wrap .btn {
  width: 100%;
  max-width: 17.313rem;
  height: 3.25rem;
}

p.gform_required_legend { display:none; }

.form-wrap h2.gform_submission_error  { font-size:var(--px16); line-height:var(--px30); font-family:inherit; color:var(--Red); }

.gfield_validation_message, .validation_message  { color:var(--Red); font-size:var(--px16); line-height:var(--px30);  }

.ui-datepicker { padding: 1rem; background-color:#fff; max-width:20rem; font-size:15px; width: 100%; }

.ui-datepicker-header { display:flex; flex-wrap:wrap; gap: .5rem; align-items: center; margin-bottom: .5rem; }

.ui-datepicker-header > a span { display:none; }

.ui-datepicker-header > a { width: 1rem; font-size: 18px; }

.ui-datepicker-header > a:before { font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f053"; }

.ui-datepicker-header .ui-datepicker-next { order:2; text-align: right;}

.ui-datepicker-header .ui-datepicker-next:before { content: "\f054"; }

.ui-datepicker-title { display: flex; flex-wrap: wrap; gap: .5rem; flex: 1; }

.ui-datepicker-title select { flex: 1; border: 1px solid #000; text-transform:uppercase; font-weight:500; background-color:transparent; }

table.ui-datepicker-calendar { width:100%; font-size: 14px; }

.ginput_container_consent {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.125rem;
  align-items: center;

  label {
    flex: 1;
    margin-bottom: 0 !important;
  }
}

.ginput_container_consent input[type="checkbox"] {
  margin-right: 0.5rem;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  border: 1px solid #D9AD57;
  width: 1.125rem;
  height: 1.125rem;
}

/* Blocks
=================================*/
.editor-visual-editor__post-title-wrapper { text-align:center; max-width:800px; margin: 0 auto 3rem; }

.editor-styles-wrapper :where(:not(.is-layout-flex,.is-layout-grid))>.wp-block,
html :where(.wp-block) { margin:0; max-width:unset; }

#home-banner {
  background-color: #0C1931;
  color: #fff;
  padding: 12rem 0 4rem;
  position: relative;
  z-index: 1;

  .video-background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    object-position: center;
    object-fit: cover;
    opacity: 0.75;
  }
}

#home-banner h1 {
  font-family: var(--Novantique);
  font-size: var(--px48);
  letter-spacing: 0.5em;
  line-height: 1.354;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 7.5rem;
  transition: all 2s ease-out;
  color: #fff;
  
}

#home-banner.effect-on h1 {
  color: #EBD193;
}

#home-banner .text-center {
  font-family: var(--Novantique);
  font-size: var(--px64);
  line-height: 1.3593;
  letter-spacing: 0.03em;

  p {
    margin: 0 auto 2.094rem;
    max-width: 59.375rem;
    
    span {
      display: inline-block;
      vertical-align: top;
      position: relative;
    }
    #hb-text-line-1 {
      left: -9.5rem;
    }
    #hb-text-line-2 {
      left: 6.125rem;
    }
    #hb-text-line-3 {

    }
  }
}

.loading-line-inner {
  display: flex;
  flex-wrap: wrap;

  div {
    content: '';
    display: block;
    height: 1px;

    &.sides {
      width: 3.938rem;
      display: block;
      background-color: #EBD193;
    }

    &.dotted {
      width: auto;
      display: block;
      flex: 1;
      background-image: url('./assets/images/dotted.png');
    }
  }
}

#hb-solidline {
  background-color: #EBD193;
  display: block;
  height: 1px;
  width: 0;
  content: '';
}

#home-banner .tagline-wrap {
  margin-bottom: 0;
  position: relative;
  margin-top: 6.813rem;
}

#home-about-section {
  background-image: url('./assets/images/about-home-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 11;
}
#home-about-section .container {
  position: relative;
  z-index: 1;
  min-height: 49.25rem;
}

#home-about-section .about-logo {
  position: absolute;
  top: 0;
  left: 12.313rem;
  width: 51.813rem;
  height: 55.25rem;
  z-index: -1;

  object {
    position: absolute;
    transition: all 2s ease-out;

    &#vector-L {
      left: 6.313rem;
      top: 8.125rem;
      height: auto;
      width: 48.75rem;
      z-index: 1;
    }
    &#vector-R {
      left: -5.063rem;
      width: 51.063rem;
      height: auto;
    }
  }

  &.effect-on {
    object {
      &#vector-L {
        left: 3.125rem;
      }
      &#vector-R {
        left: 0;
      }
    }
  }
}

.tagline-wrap .vertical-lines {

  span {
    display: block;
    width: 1px;
    height: 2.063rem; 
    content: '';
    position: absolute;
    background-color: #EBD193;
    top: -0.938rem;

    &:nth-child(1) {
      left: 3.875rem;
    }
    &:nth-child(2) {
      left: 0;
      right: 0;
      margin: 0 auto;
    }
    &:nth-child(3) {
      right: 3.875rem;
    }
  }

}

.tagline-list {
  padding-top: 2.25rem;
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-family: var(--Garamond);
  font-size: var(--px20);
  text-transform: uppercase;

  li {
    color: #fff;
  }

}

#home-about-section {

}

#home-about-section .about-content {
  max-width: 48.125rem;
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-top: 12.875rem;
  z-index: 1;
}

#home-about-section .about-content h2 {
  font-family: var(--Garamond);
  font-size: var(--px193);
  color: #E8E1D3;
  font-style: italic;
  line-height: 1.2;
}

#home-about-section .about-content h3 { 
  font-family: var(--Garamond);
  font-size: var(--px80);
  line-height: 1;
  color: var(--TextDark);

  margin-bottom: 2.375rem;

  span {
    display: block;
    position: relative;
    transition: all 2s ease-out;
    line-height: .8;
  }

  span.heading-text-3 {
    font-style: italic;
    color: #A2732D;
  }
}

.about-content-text {
  font-size: var(--px20);
  line-height: 1.5;
  gap: 5rem;

  p {
    margin-bottom: 1.25rem;
  }

  .about-content-text-left {
    color: #0C1931;
    max-width: 17.875rem;
  }

  .about-content-text-right {
    color: var(--TextGray);
    flex: 1;

    .btn {
      
    }
  }
}

#home-practices-section {
  padding: 7rem 0 7.438rem;
}

#home-practices-section .container {
  position: relative;
  z-index: 1;
}

#home-practices-section .section-left {
  max-width: 24.125rem;
  width: 100%;
} 

#home-practices-section .section-left p {
  margin-bottom: 1.75rem;
  color: var(--TextGray);
}

#home-practices-section .section-left h2 {
  font-family: var(--Garamond);
  font-size: var(--px193);
  color: #F8F7F5;
  font-style: italic;
  line-height: 1.2;
}

#home-practices-section .section-left h3 {
  font-size: var(--px80);
  line-height: .8;
  color: var(--TextDark);
  margin-bottom: 2.375rem;
  text-align: center;
  margin-top: 6.438rem;

  span {
    display: block;
    position: relative;
    transition: all 2s ease-out;
    line-height: .8;

    &.line-3 {
      color: #A2732D;
      font-style: italic;
    }
  }
}

#home-practices-section .section-right {
  width: 100%;
  max-width: 69.188rem;
}

.practice-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.875rem;
  position: relative;

  .item {
    width: 100%;
    max-width: 27.313rem;
    flex: 1 1 calc(33.333% - 1.875rem);
    border: 1px solid #B38E49;

    p {
      padding: 1.375rem 1.875rem 1.188rem;
      line-height: 1.5;
      color: #A2732D;
      font-size: var(--px16);
      text-transform: uppercase;
      font-family: var(--Garamond);

      a {
        color: #A2732D;
      }
    }

    &:hover {
      .img {
        img{
          transform: scale(1.05);
        }
      }
    }
  }

  .img {
    overflow: hidden;

    img{
      width: 100%;
      height: 16rem;
      object-fit: cover;
      object-position: center;
      transition: all .5s ease-out;
      transform: scale(1);
    }
  }
}
.practice-list .item {
  position: relative;
}
.practice-list ul {
  position: absolute; left: -1px; /*top: 86%;*/ bottom: 3rem; z-index: 5; width: auto; right: -1px; list-style: none; padding: 0; border: 1px solid #A2732D; border-bottom: none; background-color: #fff; transition: .5s ease-out;
  opacity: 0; visibility: hidden;
}

.practice-list .item:focus ul,
.practice-list .item:hover ul {
  opacity: 1; visibility: visible; /*top: 100%;*/
}

.practice-list ul li {

}
.practice-list ul li a {
  display: block; color: #A2732D; border-bottom: 1px solid #A2732D; padding: 0.75rem 1.875rem;
}
.practice-list ul li a:hover,
.practice-list ul li a:focus {
   background-color: #A2732D; color: #fff;
}

.home .practice-list {
  gap: 1.813rem .813rem;
  
  .item {
    max-width: 22.438rem;
    flex: 1 1 calc(33.333% - .813rem);
  }

  .img {
    img{
      height: 13.125rem;
    }
  }
}

#search-attorneys {
  background-image: url('./assets/images/about-home-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 6.813rem 0;
}

#search-attorneys .wrap {
  position: relative;
  z-index: 1;
  min-height: 35.625rem;
  flex-direction: column;

}

#search-attorneys .sa-logo {
  position: relative;
  order: 2;
  width: 33.438rem;
  height: 35.625rem;

  object {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    transition: all 2s ease-out;

    &#vector-L2 {
      position: absolute;
      
    }
    &#vector-R2 {
      position: absolute;
    }
  }
}

#search-attorneys h2 { 
  font-family: var(--Garamond);
  font-size: var(--px193);
  color: #E8E1D3;
  font-style: italic;
  line-height: 1.2;
  transition: all 2s ease-out;
}

#search-attorneys h3 {
  font-size: var(--px80);
  line-height: .8;
  color: var(--TextDark);
  margin-bottom: 2.375rem;
  text-align: left;
  margin-top: 3.738rem;

  span {
    display: block;
    position: relative;
    transition: all 2s ease-out;
    line-height: .8;

    &.sa-heading-line-1 {
      left: 0;
    }
    &.sa-heading-line-2 {
      left: 0;
    }
    &.sa-heading-line-3 {
      left: 8.625rem;
      font-style: italic;
      color: #A2732D;
    }
  }
}

.sa-content {

  .sa-content-text {
    font-size: var(--px20);
    line-height: 1.5;
    color: var(--TextGray);
    gap: 0 3.438rem;

    p{
      &:first-child {
        max-width: 26.125rem;
        color: var(--TextDark);
      }
  
      &:nth-child(2) {
        max-width: 27.375rem;
      }
    }
  }
}

.sa-divider-line {
  position: relative;
  width: 100%;
  display: block;
  height: 1px;
  padding-left: 4.75rem;
  margin-top: 2.375rem;

  &:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 4.75rem;
    height: 1px;
    left: 0;
    background-color: #BB9754;
  }

  .solid-line {
    width: 0;
    height: 1px;
    background-color: #BB9754;
    transition: all 2s ease-out;
    content: '';
  }

  &.effect-on {
    .solid-line {
      width: 100%;
    }
  }
}


.search-attorney-form { 
  font-size: var(--px20);
  line-height: 1.5;
  color: var(--TextDark);
  padding-top: 3.75rem;
}

.search-attorney-form .flex {
  gap: 0 1rem;
  align-items: flex-end;
}

.search-attorney-form .form-group {
  margin-bottom: 0;
  width: 100%;

  label {
    margin-bottom: 0.5rem;
  }
  .form-input {
    padding: 1px;
    background: #A1722D;
    background: linear-gradient(125deg, rgba(161, 114, 45, 1) 0%, rgba(235, 209, 147, 1) 51%, rgba(217, 173, 87, 1) 100%);

    input, select {
      width: 100%;
      height: 3.375rem;
      background-color: #fff;
      color: #A6A6A6;
      border: none;
      border-radius: 0;
      padding: 0 1.375rem;
    }
  }
  &:nth-child(1) {
    max-width: 33.688rem;
  }
  &:nth-child(2) {
    max-width: 17.688rem;

  }

  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #A6A6A6;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: #A6A6A6;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: #A6A6A6;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: #A6A6A6;
  }
}

#testimonials-section {
  padding: 8.563rem 0 7.063rem;
  overflow: hidden;
  position: relative;
  z-index: 1;

  &:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -6.25rem;
    left: 0;
    width: 100%;
    height: 39.438rem;
    transition: all 2s ease-out;
    background-image: url('./assets/images/testimonials-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
  }

  &.effect-on {
    &:before {
      bottom: 0;
      opacity: 1;
      visibility: visible;
    }
  }
}

#testimonials-section h2 {
  font-family: var(--Garamond);
  font-size: var(--px80);
  line-height: .8;
  color: var(--TextDark);
  margin-bottom: 4.375rem;
  text-align: center;
  
  

  span {
    display: block;
    position: relative;
    transition: all 2s ease-out;
    line-height: .8;
    

    &.sa-heading-line-1 {
      top: 2.688rem;
      color: #9A6A28;
      font-style: italic;
      
    }
    &.sa-heading-line-2 {
      top:2.438rem;
    }
  }

  &.effect-on {
    span {
      &.sa-heading-line-1 {
        top: 0;
      }
      &.sa-heading-line-2 {
        top: 0;
      }
    }
  }
}

.testimonial-item {
  border: 1px solid #B38E49;
  text-align: left;
  padding: 2.625rem 2.5rem 3rem;
  max-width: 22.438rem;
  font-size: var(--px16);
  background-color: #fff;
  

  svg {
    margin-bottom: 2rem;
  }
  

  .author-name {
    margin-top: 1.75rem;
    color: #B38E49;
    text-transform: uppercase;
    text-align: right;
    font-size: var(--px16);
  }
}

.testimonials-slider-wrap {
/*   margin-bottom: 3.75rem; */
	margin-bottom: 1.75rem;
}

#testimonials-section .btn {
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: all 2s ease-out;
} 
#testimonials-section .slider-nav {
	display: flex;
    justify-content: center;
    margin-top: 60px;
    gap: 30px;
}
#testimonials-section .slick-prev, #testimonials-section .slick-next {
    position: relative;
    width: auto;
    height: auto;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
}

#testimonials-section.effect-on .btn {
  opacity: 1;
  visibility: visible;
}

#testimonials-section.testimonials-main:before {
	display: none;
}
.testimonials {
	display: flex;
	gap: 0 2rem;
	flex-wrap: wrap;
	justify-content: center;
	.item {
		margin-bottom: 2rem;
	}
}

#page-top-banner {
  position: relative;
  z-index: 1;
  background-color: #0C1931;
  color: #fff;

  .video-background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
    z-index: -1;
    opacity: .7;
  }

  .page-title {
    padding: 14.25rem 0 5.813rem;
    
    .h1,
    h1 {
      font-size: var(--px64);
      line-height: 1.3593;
      font-family: var(--Garamond);
      font-weight: 400;
      letter-spacing: 0.03em;
      display: inline-block;
      vertical-align: top;
    }
  }
}

#about-us-main {
 padding: 9.5rem 0 20.5rem;
 overflow: hidden;
 position: relative;
 z-index: 1;

 &:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -6.25rem;
  left: 0;
  width: 100%;
  height: 39.438rem;
  transition: all 2s ease-out;
  background-image: url("./assets/images/newjersey41.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
 }

 &.effect-on {
  &:before {
    bottom: 0;
  }
 }
}

.about-us-main-header {
  margin: 0 auto;
  position: relative;
  max-width: 75.75rem;
  transition: all 2s ease-out;
  opacity: 0;
  visibility: hidden;

  h2 {
    font-size: var(--px193);
    line-height: 1.3593;
    font-family: var(--Garamond);
    font-weight: 400;
    font-style: italic;
    text-transform: capitalize;
    display: inline-block;
    color: #F8F7F5;
  }

  h3 {
    font-size: var(--px80);
    line-height: 1;
    font-family: var(--Garamond);
    font-weight: 400;
    display: block;
    color: var(--TextDark);
    margin-bottom: 7.625rem;
    
    span {
      display: block;
      transition: all 2s ease-out;
      &.subheading-1 {
        
      }
      &.subheading-2 {
        
        color: #A2732D;
        font-style: italic;
      }
    }
  }


}

.effect-on {
  .about-us-main-header {
    opacity: 1;
    visibility: visible;
  }
}

.about-us-main-content {
  gap: 0 2.563rem;
  opacity: 0;
  visibility: hidden;
  transition: all 2s ease-out;

  .image {
    border: 1px solid #B38E49;
    max-width: 40.563rem;

    picture {
      

      img {
        
      }
    }
  }

  .content {
    flex: 1;
    font-size: var(--px20);
    line-height: 1.5;
    color: var(--TextDark);
    
    
    h4 {
      font-size: var(--px20);
      line-height: 1.5;
      color: var(--TextDark);
      margin-bottom: 1.875rem;
      text-transform: uppercase;
      font-weight: 600;
    }
    p {
      
      margin-bottom: 1.875rem;
    }
  }
}

.effect-on {
  .about-us-main-content {
    opacity: 1;
    visibility: visible;
  }
}

#practice-areas-main {
  padding: 12.188rem 0 10.375rem;
  background-image: url('./assets/images/practice-areas-landing-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  .practice-list {
    gap: 1.375rem;
  }
}

#practice-areas-main .content-header {
  margin: 0 auto 10.375rem;
  position: relative;
  max-width: 50.875rem;
  

  h2 {
    font-size: var(--px193);
    line-height: 1.3593;
    font-family: var(--Garamond);
    font-weight: 400;
    font-style: italic;
    text-transform: capitalize;
    display: inline-block;
    color: #F8F7F5;
  }

  h3 {
    font-size: var(--px80);
    line-height: .8;
    font-family: var(--Garamond);
    font-weight: 400;
    display: block;
    margin-bottom: 1.25rem;

    span {
      display: block;
      transition: all 2s ease-out;
      &.subheading-1 {
        
      }
      &.subheading-2 {
        font-style: italic;
        color: #A2732D;
      }
    }
  }

  p {
    text-align: center;
  }
}

#practice-areas-main .content-body {
  margin: 0 auto;
  max-width: 85.125rem;
}

#practice-areas-single {
  padding: 3.5rem 0 5.938rem;
}

#practice-areas-single #pa-sidebar {

}

#practice-areas-single #pa-sidebar .h3 {
  margin-bottom: 1rem;
}

#practice-areas-single #pa-sidebar ul {

}

#practice-areas-single #pa-sidebar ul li {  }

#practice-areas-single #pa-sidebar ul li a {  }

#practice-areas-single .back-btn {
  display: inline-flex;
  padding: 0 2.75rem;
  min-height: 3.25rem;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  fill: var(--TextDark);
  margin-bottom: 3.375rem;

  &:hover {
    fill: var(--TextBrownLight);
  }
}

#practice-areas-single .flex {
  align-items: flex-start;
}

#practice-areas-single picture {
  max-width: 46.063rem;
}

#practice-areas-single .wrap {
  gap: 0 5.563rem;
}

#practice-areas-single article.the-content {
  flex: 1;
}

article.the-content {
  font-size: var(--px20);
  line-height: 1.5;
  color: var(--TextDark);
}

article.the-content p {
  margin-bottom: 1.875rem;
}
article.the-content p a {
  color: var(--TextDark);
}
article.the-content p a:hover,
article.the-content p a:focus {
  text-decoration: underline;
}

article.the-content ul {
  margin-bottom: 1.875rem;

  ul {
    margin-bottom: 0;
  }
}

article.the-content h1,
article.the-content h2 {
  font-size: var(--px80);
  line-height: .9;
  color: var(--TextDark);
  margin-bottom: 1.875rem;
  font-weight: normal;
}

article.the-content .h3,
article.the-content h3 {
  font-size: var(--px40);
  line-height: 1.5;
  margin-bottom: 1.875rem;
  
}

article.the-content ul {
  li {
    a {
      color: var(--TextDark);
      
      &:hover {
        color: var(--TextBrown);
      }
    }
  }
}

#practice-areas-other {
  padding: 6.25rem 0;
  background-image: url('./assets/images/marble-med-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.practice-slider-item-wrap {
  vertical-align: top;
}

.practice-slider-item {
  width: 100%;
  max-width: 27.313rem;
  flex: 1 1 calc(33.333% - 1.875rem);
  border: 1px solid #B38E49;

  a {
    display: block;
    color: #A2732D;
  }
  .img {
    overflow: hidden;

    img {
      width: 100%;
      height: 16rem;
      object-fit: cover;
      object-position: center;
      transition: all .5s ease-out;
      transform: scale(1);
    }
  }
  p {
    padding: 1.375rem 1.875rem 1.188rem;
    line-height: 1.5;
    color: #A2732D;
    font-size: var(--px16);
    text-transform: uppercase;
    font-family: var(--Garamond);
  }
  &:hover {
    .img {
      img {
        transform: scale(1.05);
      }
    }
  }
}

.practice-slider-wrap {
  position: relative;

  .slider-nav {
    
    button {
      background: none;
      border: none;
      cursor: pointer;
      padding: 0;
      margin: 0;
      width: auto;
      height: auto;

      &:before {
        display: none;
      }
    }
    .slick-prev {
      left: 0;
    }
    .slick-next {
      right: 0;
    }
  }
}

#inner-page {
  padding: 6.25rem 0;
}

#inner-page .search-results {
  margin-top: 2.5rem;
}

#inner-page .search-result {
  h3 {
    margin-bottom: 1.875rem;
    a {
      color: var(--TextDark);
      &:hover {
        color: var(--TextBrown);
      }
    }
  }
  p {
    margin-bottom: 1.875rem;
  }

  border-bottom: 1px solid #B38E49;
  padding-bottom: 1.875rem;
  margin-bottom: 1.875rem;
  &:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

#attorneys-main {
  padding: 9rem 0 11.5rem;
  background-image: url('./assets/images/attorney-landing-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#attorneys-main .content-header {
  margin: 0 auto 6.125rem;
  position: relative;
  max-width: 41.875rem;
  z-index: 1;
}

#attorneys-main .content-header h2 {
  font-size: var(--px193);
  line-height: 1.3593;
  font-family: var(--Garamond);
  font-weight: 400;
  font-style: italic;
  text-transform: capitalize;
  display: inline-block;
  color: #F8F7F5;
}

#attorneys-main .content-header h3 {
  font-size: var(--px80);
  line-height: .95;
  font-family: var(--Garamond);
  font-weight: 400;
  display: block;
  margin-bottom: 1.25rem;
}

#attorneys-main .content-header h3 span {
  display: block;
  transition: all 2s ease-out;
  &.subheading-1 {
    
  }
}

#attorneys-main .content-header h3 span.subheading-2 {
  font-style: italic;
  color: #A2732D;
  text-align: center;
}

#attorneys-main .content-header p {
  text-align: center;
}

.attorneys-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4.5rem 7.5rem;
  justify-content: center;

  .item {
    /*flex: 1 1 calc(33.333% - 7.5rem);
    max-width: 25.813rem;*/
	max-width: 28rem;
    text-align: center;
    font-size: var(--px20);

    &:hover {
      .img {
        &:after {
          opacity: 1;
          visibility: visible;
        }
      }
    }

    h3 {
      font-size: var(--px32);
      text-transform: uppercase;
      font-family: var(--Garamond);
      font-weight: 400;
      line-height: 1.5em;
      color: #B38E49;
    }

    p {
      text-transform: uppercase;
      color: var(--TextDark);
    }
    
    .img {
      margin-bottom: 2rem;
      height: 32.063rem;
      overflow: hidden;
      position: relative;

      &:before {
        content: '';
        display: block;
        background: linear-gradient(91.14deg, #A1722D 0.33%, #EBD193 12.13%, #FFF3DA 38.55%, #FDEED2 70.64%, #A1722D 98.48%);
        height: 0.688rem;
        z-index: 5;
        position: relative;
      }

      &:after {
        content: '';
        display: block;
        z-index: 5;
        position: absolute;
        top: .688rem;
        bottom: 0;
        left: 0;
        width: 100%;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 42.31%, #D5A64E 100%);
        transition: all .5s ease-out;
        opacity: 0;
        visibility: hidden;
      }
      
      img { 
        height: 32.063rem;
        object-fit: cover;
        object-position: center top;
      }
      
    }
  }
}


#attorneys-single {
  padding: 6.25rem 0;

  .back-btn {
    margin-bottom: 5rem;
    display: inline-flex;
    padding: 0 2.75rem;
    min-height: 3.25rem;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    fill: var(--TextDark);
    margin-bottom: 3.375rem;

    &:hover {
      fill: var(--TextBrownLight);
    }
  }

  .wrap {
    gap: 0 4.625rem;
    align-items: flex-start;
  }

  .img {
    max-width: 47.5rem;
  }

  article.the-content {
    flex: 1;
  }

  .attorneys-single-info {
    h1,
    h2 {
      font-size: var(--px80);
      line-height: .9;
      font-family: var(--Garamond);
      font-weight: 400;
      margin-bottom: 0;
    }

    .h3 {
      font-size: var(--px80);
      line-height: .9;
      text-align: left;
      color: #A2732D;
      margin-bottom: 1.375rem;
    }
  }
}

#attorneys-single-bottom-section {
  padding: 8.125rem 0 6.5rem;
  background-image: url('./assets/images/marble-med-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#attorneys-single-bottom-section .flex {
  justify-content: center;
  gap: 0 9.125rem;
}

#attorneys-single-bottom-section .flex.small-gap {
  gap: 5rem 3.425rem;
}

#attorneys-single-bottom-section .item {
  border: 1px solid #B38E49;
  background-color: #fff;
  width: 100%;
  max-width: 22.438rem;
  position: relative;
  /*display: flex;
  flex-wrap: wrap;
  align-items: center;*/
  min-height: 20.25rem;
  padding: 2rem 2rem;
  font-size: var(--px20);
  line-height: 1.5;

  h3 {
	font-size: var(--px55);
    line-height: .9;
    font-family: var(--Garamond);
    font-weight: 400;
    color: #A2732D;
    font-style: italic;
	margin-bottom: 1.5rem;
    /*font-size: var(--px80);
	position: absolute;
    top:-2.5rem;
    left: -2.5rem;
    right: -2.5rem;
    text-align: center;*/
  }
  ul {
    list-style: none;
    padding: 0;
    margin: 0;

    li {
      position: relative;
      padding-left: 1.25rem;


      a{
        color: var(--TextDark);
        &:hover {
          color: #A2732D;
        }
      }
      &:before {
        position: absolute;
        left: 0;
        top: 0.7rem;
        content: '';
        display: block;
        width: 0.375rem;
        border-radius: 100%;
        height: 0.375rem;
        background-color: var(--TextDark);
      }
    }
  }

}

#contact-us-main {
  padding: 7.5rem 0 12.5rem;
  background-image: url('./assets/images/attorney-landing-bg.jpg');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

#contact-us-main .content-header {
  margin: 0 auto 6.125rem;
  position: relative;
  max-width: 56.813rem;
  z-index: 1;

  p {
    max-width: 28.563rem;
    text-align: center;
    font-size: var(--px20);
    line-height: 1.5;
    color: var(--TextDark);
    position: relative;
  }

  h2 {
    font-size: var(--px193);
    line-height: .9;
    font-family: var(--Garamond);
    font-weight: 400;
    font-style: italic;
    text-transform: capitalize;
    display: inline-block;
    color: #F8F7F5;
  }

  h3 {
    font-size: var(--px80);
    line-height: .9;
    font-family: var(--Garamond);
    font-weight: 400;
    display: block;
    color: var(--TextDark);
    margin-bottom: 2.75rem;

    span {
      display: block;
      transition: all 2s ease-out;
      &.subheading-1 {
        left: 22.063rem;
      }
      &.subheading-2 {
        left: 16.125rem;
        font-style: italic;
        color: #A2732D;
      }
    }
  }

  
}

#contact-us-main .maps-and-address {
  

  .flex {
    gap: 0 7rem;
    justify-content: center;
    align-items: center;

    &:nth-child(2) {
      margin-top: 12.063rem;
    }
  }

  .map {
    width: 100%;
    max-width: 48.938rem;

    .embed-responsive {
      height: 30.625rem;
      border: 1px solid #A2732D;
    }
  }

  .text {
    font-size: var(--px20);
    line-height: 1.5;
    flex: 1;

    p {
      margin-bottom: 1.375rem;

      a {
        color: #B38E49;
        text-decoration: underline;
        &:hover {
          color: var(--TextDark);
        }
      }
    }
  }

  h3 {
    font-size: var(--px32);
    line-height: 1.5;
    font-family: var(--Garamond);
    font-weight: 400;
    color: #B38E49;
    text-transform: uppercase;
    margin-bottom: 1.375rem;

    br {
      display: none;
    }
  }
}

.search-attorneys-results {
  position: relative;

}
.search-attorneys-results .search-error, 
.search-attorneys-results .search-loading, 
.search-attorneys-results .no-results ,
.search-attorneys-results .search-loading {
  position: absolute;
  transition: all .3s ease-out;
  top: -5rem;
  left: 0;
  width: 100%;
  max-width: 27.5rem;
  max-height: 24.25rem;
  background-color: #fff;
  border: 1px solid #A2732D;
  padding: 1.25rem;
  border-radius: 0.625rem;
  box-shadow: 0 0 .625rem 0 rgba(0, 0, 0, 0.1);
  z-index: 1000;
  overflow: auto;
}

.attorneys-list-results {
  position: absolute;
  transition: all .3s ease-out;
  opacity: 0;
  visibility: hidden;
  top: -5rem;
  left: 0;
  width: 100%;
  max-width: 27.5rem;
  max-height: 24.25rem;
  background-color: #fff;
  border: 1px solid #A2732D;
  padding: 1.25rem;
  border-radius: 0.625rem;
  box-shadow: 0 0 .625rem 0 rgba(0, 0, 0, 0.1);
  z-index: 1000;
  overflow: auto;

  .item {
    margin-bottom: 0.75rem;
    &:last-child {
      margin-bottom: 0;
    }
    a {
      display: flex;
      flex-wrap: wrap;
      gap: 0 1.25rem;
      color: var(--TextDark);

      picture {
        max-width: 3.5rem;
        
        img {
          height: 5rem;
          object-fit: cover;
          object-position: center top;
        }
      }
      .div {
        flex: 1;
        .text {
          p {
            &.name {
              font-size: var(--px20);
              line-height: 1.5;
              font-weight: 700;
            }
          }
        }
      }
    }
  }
}

.show .attorneys-list-results {
  opacity: 1;
  visibility: visible;
}

.slick-prev:before,
.slick-next:before {
  display: none;
}

/* 
Section: RESPONSIVE
*/

@media ( min-width: 768px ) { 

}

@media ( min-width: 992px ) {

  .footer-middle .div-block.address .map {
    margin-left: auto;
  }

  #practice-areas-single .with_img_sides {
    position: relative;
    min-height: 80rem;
  }

  /*#practice-areas-single .with_img_sides picture {
    position: absolute;
  }*/

  #practice-areas-single .with_img_sides article.the-content {
    order: 2;
  }

  #practice-areas-single .with_img_sides #pa-sidebar {
    margin-top: 62rem;
  }

  #practice-areas-single #pa-sidebar {
    width: 100%;
    max-width: 46.063rem;
  }


  /*#attorneys-single .attorneys-single-info .h3 {
    padding-left: 12.813rem;
  }*/

  #contact-us-main .container {
    padding: 0 21rem;
  }

  #contact-us-main .content-header {
    position: relative;
    z-index: 1;
    padding-left: 11.5rem;
    opacity: 0;
    visibility: hidden;
    transition: all 2s ease-out;
    position: relative;
    z-index: 1;

    h2 {
      font-size: var(--px193);
      left: -19.375rem;
      transition: all 2s ease-out;
      position: absolute;
      top: -1.5rem;
      left: -15.25rem;
      z-index: -1;
    }
    
    h3 {
      span {
        left: 0;
        transition: all 2s ease-out;
        position: relative;

        &.subheading-1 {
          left: -24.75rem;
        }
        &.subheading-2 {
          left: 28.688rem;
        }
      }
    }
    
    p {
      left: 6.625rem;
    }

    &.effect-on {
      opacity: 1;
      visibility: visible;
      h2 {
        left: 0rem;
      }
      h3 {
        span {
          left: 0;

          &.subheading-1 {
            left: 0;
          }
          &.subheading-2 {
            left: 6.063rem;
          }
        }
      }
    }
  }

  .attorneys-list {
        max-width: 93rem;
    margin: 0 auto;
	
    h3 {
      margin: 0 -4rem;
    }
  }

  .attorneys-list:before {
    content: '';
    display: block;
    width: 100%;
    max-width: 25.813rem;
    flex: 1 1 calc(33.333% - 7.5rem);
    height: 4rem;
  }

  .attorneys-list .item:first-child {
    margin-right: 33.313rem;
  }

  #attorneys-main .content-header {
    transition: all 2s ease-out;
    opacity: 0;
    visibility: hidden;
    position: relative;
    z-index: 1;

    h2 {
      position: absolute;
      top: -5.6rem;
      left: -30.125rem;
      z-index: -1;
      transition: all 2s ease-out;
    }

    h3 {
      span {
        position: relative;
        transition: all 2s ease-out;

        &.subheading-1 {
          left: 22.063rem;
        }
        &.subheading-2 {
          left: 16.125rem;
        }
      }
    }

    p {
      position: relative;
      transition: all 2s ease-out;
      left: 16rem;
    }

    &.effect-on {
      opacity: 1;
      visibility: visible;
      h2 {
        left: -9.188rem;
      }
      h3 {
        span {
          left: 0;
        }
      }
     p {
      left: 0;
     }
    }
  }

  #practice-areas-other .container { 
    padding: 0 4.688rem;
  }

  .practice-slider-wrap { 
    padding: 0 2.5rem;
    position: relative;
    .slider-nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      display: flex;
      justify-content: space-between;
    }

    .slider-nav {
      position: unset;
      transform: unset;
    }
  }

  .practice-slider-item-wrap {
    padding: 0 3.913rem;
  }

  #practice-areas-single picture img {
    height: 57.563;
    object-fit: cover;
    object-position: center;
  }

  #practice-areas-single article.the-content h1,
  #practice-areas-single article.the-content h2 {
    em {
      display: block;
      text-align: center;
      color: #A2732D;
    }
  }
	#practice-areas-single article.the-content h1 em {
		display: inline-block;
	}

  #practice-areas-main .content-header {
    padding-left: 9.188rem;
    position: relative;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 2s ease-out;
    h2 {
      position: absolute;
      top: -5.4rem;
      left: -21.25rem;
      z-index: -1;
      transition: all 2s ease-out;
    }
    
    h3 {
      span {
        position: relative;
        transition: all 2s ease-out;

        &.subheading-1 {
          left: -20.813rem;
        }
        &.subheading-2 {
          left: 27.375rem;
        }
      }
      
    }

    &.effect-on {
      opacity: 1;
      visibility: visible;
      h2 {
        left: 0;
      }
      h3 {
        span {
          &.subheading-1 {
            left: 0;
          }
          &.subheading-2 {
            left: 8.5rem;
          }
        }
      }
    }
  }

  .about-us-main-header{
    padding-left: 7.688rem;
    h2 {
      position: absolute;
      top: -6.25rem;
      left: -15.563rem;
      z-index: -1;
      transition: all 2s ease-out;
    }

    h3 {
      span {
        position: relative;
        transition: all 2s ease-out;
        &.subheading-1 {
          left: -16.625rem;
        }
        &.subheading-2 {
          left: 18.5rem;
        }
      }
    }
  }

  .effect-on {
    .about-us-main-header {
      h2 {
        left: 0rem;
      }
      h3 {
        span {
          &.subheading-1 {
            left: 0;
          }
          &.subheading-2 {
            left: 6.875rem;
          }
        }
      }
    }
  }

  .about-us-main-content {
    .image {
      position: relative;
      transition: all 2s ease-out;
      top:13rem;
      picture {
        
        height: 100%;
        img {
          height: 100%;
          object-fit: cover;
          object-position: center;
        }
      }
    }
  }

  .effect-on {
    .about-us-main-content {
      .image {
        top: 0;
        
      }
    }
  }
  #about-us-main .container {
    padding-left: 6.875rem;
    padding-right: 6.25rem;
  }

  #contact-section .contact-form h3 {

    .line-1 {
      position: relative;
      left: -2.813rem;
      transition: all 2s ease-out;
    }
  }

  .gform_fields {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1.125rem;
    align-items: center;

    .gfield--width-half {
      flex: 1 1 calc(50% - 1.125rem);
    }
  }

  .gfield--type-submit { margin-bottom: 0; text-align: right; }

  .ginput_container--name {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1.125rem;

    span {
      flex: 1 1 calc(50% - 1.125rem);
      display: block;
    }
  }

  #testimonials-section .slick-list {
    overflow: unset;
  }

  .testimonial-item {
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: all 2s ease-out;
    

    &.item-1 {
      top: 6.25rem;
    }
    &.item-2 {
      top: 2.938rem;
    }
    &.item-3 {
      top: 7.125rem;
    }
    &.item-4 {
      top: 2.688rem;
    }
    

  }

  .effect-on {
    .testimonial-item {
      opacity: 1;
      visibility: visible;
      top: 0 !important;
    }
  }
  

  .testimonial-item-content {
    min-height: 11rem;
  }

  #testimonials-section .container {
    padding-left: 12.125rem;
    padding-right: 12.125rem;
  }
  #testimonials-section:not(.testimonials-main) p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }
  .testimonials-slider-wrap .slick-track {
    display: flex;
    gap: 0 2rem;
    width: auto !important;

    &:before {
      display: none;
    }
    &:after {
      display: none;
    }
  }

  .testimonials-slider-wrap .slick-track .slick-slide {
    width: auto !important;
    flex: 1 1 calc(25% - 2rem);
    min-width: 22.438rem;
  }

  #search-attorneys .sa-content {
    h2 {
      position: absolute;
      top: -2.625rem;
      left: 0;
      z-index: -1;
    }

    &.effect-on {
      h2 {
        left: -9.8rem;
      }
    }
  }

  #search-attorneys .sa-content {

    h3 {
    
  
      span {
        
        transition: all 2s ease-out;
        
    
        &.sa-heading-line-1 {
          left: -0.938rem;
          top: 0rem;
        }
        &.sa-heading-line-2 {
          left: 12.5rem;
          top: 0rem;
        }
        &.sa-heading-line-3 {
          left: 4.563rem;
          top: 0rem;
        }
      }
    }

    .sa-content-text {
      p {
        position: relative;
        transition: all 2s ease-out;
        opacity: 0;
        visibility: hidden;

        &:nth-child(1){
          left: 4.625rem;
        }
        &:nth-child(2){
          
          left: 4.5rem;
        }
      }
    }

    &.effect-on {
      h3 {
        span {
          &.sa-heading-line-1 {
            left: 4.188rem;
            top: -2.5rem;
          }
          &.sa-heading-line-2 {
            left: 13.438rem;
            top: -1.438rem;
          }
          &.sa-heading-line-3 {
            left: 8.625rem;
            top: -0.563rem;
          }
        }
      }

      .sa-content-text {
        p {
          opacity: 1;
          visibility: visible;
          left: 0 !important;
        }
      }
    }
  }

  #search-attorneys .container {
    padding-left: 6.25rem;
    padding-right: 4.875rem;
  }

  #search-attorneys .sa-logo {
    position: absolute;
    top: 0;
    right: 1.625rem;
    z-index: 5;

    object {
      width: 100%;
      height: auto;
      object-fit: contain;
      object-position: center;
  
      &#vector-L2 {
        position: absolute;
        top: 5.25rem;
        left: 4.938rem;
        width: 33.063rem;
        z-index: 1;
      }
      &#vector-R2 {
        position: absolute;
        top: 0;
        left: -1.688rem;
        width: 32.938rem;
      }
    }

    &.effect-on {
      object {
        &#vector-L2 {
          left: 2rem;
        }
        &#vector-R2 {
          left: 0rem;
        }
      }
    }
  }

  #home-practices-section .section-left h3 { 
    margin: 6.438rem -3.875rem 2.375rem;
    text-align: left;

    span{

      &.line-1 {
        left: 10.625rem;
      }
      &.line-2 {
        left: 3.188rem;
      }
      &.line-3 {
        left: 6.563rem;
      }
    }
  }

  #home-practices-section.effect-on .section-left h3 {
    span{
      &.line-1 {
        left: 3.188rem;
      }
      &.line-2 {
        left: 6.563rem;
      }
      &.line-3 {
        left: 0;
      }
    }
  }

  #home-practices-section {

    .section-left p {
      position: relative;
      opacity: 0;
      visibility: hidden;
      transition: all 2s ease-out;
      left: 3.875rem;
    }
    .section-left .btn {
      position: relative;
      opacity: 0;
      visibility: hidden;
      transition: left 2s ease-out;
      left: 5rem;
    }

    &.effect-on {
      .section-left p {
        left: 0;
        opacity: 1;
        visibility: visible;
      }
      .section-left .btn {
        left: 0;
        opacity: 1;
        visibility: visible;
      }
    }
  }

  #home-practices-section .section-left h2 {
    position: absolute;
    top: -1.25rem;
    left: -11.625rem;
    transition: all 2s ease-out;
    z-index: -1;
  }

  #home-practices-section.effect-on .section-left h2 {
    left: -2.325rem;
  }

  #home-practices-section .container {
    padding-left: 9.125rem;
    padding-right: 5.188rem;
  }

  .home #main-content {
    overflow: hidden;
  }

  #home-about-section .about-content-text {

    .about-content-text-left {
    
      position: relative;
      transition: all 2s ease-out;
      opacity: 0;
      visibility: hidden;
      left: 3.188rem;
      
    }

    .btn {
      opacity: 0;
      visibility: hidden;
      transition: all 2s ease-out;
    }

    .about-content-text-right p {
      position: relative;
      transition: all 2s ease-out;
      opacity: 0;
      visibility: hidden;
      left: 2.563rem;
    }

    &.effect-on {
      .about-content-text-left {
        left: 0;
        opacity: 1;
        visibility: visible;
      }

      .about-content-text-right p {
        left: 0;
        opacity: 1;
        visibility: visible;
      }

      .btn {
        opacity: 1;
        visibility: visible;
      }
    }
    
  }

  #home-about-section .about-content h3 {

    span + span {
      
    }
  
    span.heading-text-1 {
      left: 9.688rem;
    }
    span.heading-text-2 {
      left: -3.438rem;
    }
    span.heading-text-3 {
      left: 22.938rem;
    }

    &.effect-on {
      span.heading-text-1 {
        left: 3.125rem;
      }
      span.heading-text-2 {
        left: 0;
      }
      span.heading-text-3 {
        left: 14.375rem;
      }
    }

  }

  #home-about-section .about-content h2 {
    position: absolute;
    top: -6.813rem;
    left: -10.938rem;
    transition: all 2s ease-out;
    z-index: -1;
  }

  #home-about-section .about-content.effect-on h2 {
    left: -4.938rem;
  }

  #home-about-section .container {
    padding: 1px 8.313rem;
  }

  #home-about-section .about-content {
    margin-left: auto;
  }

  #header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2000;
  }

  .footer-middle .divider {
    display: block;
    width: 1px;
    content: '';
    display: block;
    /*height: 12.375rem;*/
    height: 22.375rem;
    background-color: #BB9754;
  }

  .footer-top-right .tagline {
    border-top: 1px solid #BB9754;
    padding-top: 0.938rem;
  }

  .footer-top-right {
    flex: 1;
    border-top: 1px solid #BB9754;
    border-bottom: 1px solid #BB9754;
    min-height: 12.938rem;
  }

  .footer-top-left {
    width: 4.688rem;
    min-height: 12.938rem;
    border-top: 1px solid #BB9754;
    border-bottom: 1px solid #BB9754;
  }

  .footer-top-left .lines {
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    min-height: 9.688rem;
    border-bottom: 1px solid #BB9754;
  }

  #header .bottom-border {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1.875rem;
    width: 100%;
  }

  #header .bottom-border .border-line {
    flex: 1;
    height: 1px;
    display: block;
    content: '';
    width: auto;
    background-color: var(--TextBrownLight);
  }
  #header .bottom-border .mid-space {
    width: 8.938rem;
    content: '';
    display: block;
    height: 1px;
    background-color: transparent;
  }

  #header .container { 
    padding-left: 3.125rem;  
    padding-right: 1.875rem;
    
  }
  
  #header .wrap {
    position: relative;
    gap: 0 1.25rem;
    align-items: center;
    padding-top: 2.25rem;
    padding-bottom: 2.375rem;
  }

  #header nav { flex: 1; }

  #header .logo {
    position: absolute;
    top: 1.125rem;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .flex { display:flex; flex-wrap:wrap;  }

  .flex.between { justify-content:space-between; }
  
  .flex.center { justify-content:center; }

  .container { width:100%; max-width:120rem; padding:0 9.875rem; }

  .full-width-container { padding:0; }

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

  .main-menu { display:flex; flex-wrap:wrap; gap: 0 3.375rem; align-items: center; }

  .main-menu li { position: relative; }

  .main-menu li a { 
    color: #fff;
  }
  
  .main-menu > li { display: inline-block; }

  .main-menu > li.blank-for-space {
    flex: 1;
  }

  .main-menu > li.blank-for-space > a {
    font-size: 0;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
  }

  .main-menu > li > a { position:relative; }
  
  .main-menu > li .sub-menu { position: absolute; top: 100%; left: -1rem; width: 25rem; padding: 0; z-index: 200; opacity: 0; visibility: hidden; text-align: left; padding-top:1.1rem }

  .main-menu > li .sub-menu .sub-menu { left:100%; top:0rem; padding-top:0; border-left:1px solid rgba(0,0,0,.5); } 

  .main-menu > li .sub-menu > li.menu-item-has-children > a:after {
    content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 900; position: absolute; top: .6rem; right: 1rem; color: var(--BorderBrown);
  }

  .main-menu li:hover > .sub-menu { opacity: 1; visibility: visible; }
  
  .main-menu .sub-menu > li { display: block; background-color: #001847; }

  .main-menu .sub-menu > li + li > a { border-top:1px solid var(--BorderBrown); }
  
  .main-menu .sub-menu > li > a { padding: .625rem 1rem; color: #fff; }
  
  .main-menu .sub-menu > li:hover > a { background-color: rgba(0,0,0,.5); color:#fff; }
  
  #attorneys-single {
	  .wrap { display: block; }
	  .img {
		   float: left;
			margin: 0 4.625rem 1rem 0;
	  }
  }

}

@media ( min-width: 1901px ) {

  html { font-size:16px; }

}

@media ( min-width: 992px ) and ( max-width: 1399px ) {

  :root {

    /*FONT SIZE*/
    --px12: 0.95rem;
    --px14: 1.075rem;
    --px15: 1.138rem;
    --px16: 1.2rem;
    --px17: 1.263rem;
    --px18: 1.325rem;
    --px20: 1.45rem;
    --px21: 1.55rem;
    --px22: 1.575rem;
    --px28: 1.95rem;
  }

  .main-menu {
    gap: 0 2.775rem;
  }

}

@media ( max-width: 991px ) {

  html { font-size: 16px; }

  body { padding-top: 0; }
  
  body.mean-container .mean-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 3000; padding-top: 3.25rem; 
    background-color: var(--TextDark);
  }

  body.mean-container.admin-bar .mean-bar { top: 32px; }
  
  body.mean-container .mean-nav { 
    background-color: var(--TextDark);
  }

  body.mean-container a.meanmenu-reveal { width: 2rem; box-sizing:border-box; padding:0; text-align: center; color: #fff; right:1rem !important; top:2.125rem; }

  body.mean-container a.meanmenu-reveal span { height: 3px; margin-top: 0; }

  body.mean-container a.meanmenu-reveal span + span { margin-top:.5rem; }

  body.mean-container .mean-nav ul li a.mean-expand { height: auto; padding: 7px 12px !important; }

  .phone-btn-li,
  .search-btn {
    display: none;
  }

  .logo {
    position: fixed;
    top: 1.125rem;
    left: 1.125rem;
    z-index: 3000;
    max-width: 4rem;
  }

  .main-menu li a {
    font-size: var(--px16);
    line-height: normal;
  }

  #home-banner {
    overflow: hidden;
  }

  #search-attorneys .sa-logo,
  #home-about-section .about-logo {
    display: none;
  }

  #contact-section {
    &:before {
      display: none;
    }
  }

  #home-banner .text-center {
    font-size: var(--px40);
  }

  #contact-us-main .content-header h2,
  #attorneys-main .content-header h2,
  #practice-areas-main .content-header h2,
  .about-us-main-header h2,
  #contact-section .contact-form h2,
  #search-attorneys h2,
  #home-practices-section .section-left h2,
  #home-about-section .about-content h2 {
    font-size: var(--px80);
    line-height: 1;
    margin-bottom: 1.25rem;
    color: var(--TextBrown);
  }

  #contact-us-main .content-header h3,
  #attorneys-main .content-header h3,
  #practice-areas-main .content-header h3,
  .about-us-main-header h3,
  #contact-section .contact-form h3,
  #testimonials-section h2,
  #search-attorneys h3,
  #home-practices-section .section-left h3,
  #home-about-section .about-content h3 {
    font-size: var(--px40);
    span {
      line-height: 1.2;
    }
  }

  #home-about-section {
    padding: 1px 0;
  }

  #home-about-section .about-content {
    margin-top: 5rem;
  }

  #search-attorneys h2,
  #home-practices-section .section-left h2 {
    text-align: center;
  }

  #home-practices-section .section-left h3 {
    margin-top: 0;
  }

  .home .practice-list {
    margin-top: 5rem;
  }

  .home .practice-list .item {
    display: none;
    flex: 1 1 calc(50% - .813rem);

    &:nth-child(1),
    &:nth-child(2) {
      display: block;
    }
  }

  .attorneys-list-results {
    top: 0;
  }

  .search-attorney-form .form-group {
    margin-bottom: 1rem;
  }

  .slick-prev, .slick-next {
    position: relative;
    width: auto;
    height: auto;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
  }

  .slider-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 2rem;
    margin-top: 5rem;
  }

  .testimonial-item { 
    max-width: unset;
  }

  #contact-section.effect-on {
    .contact-form h2 {
        left: 0;
    }
  }

  #search-attorneys h3 {
    & span {
        &.sa-heading-line-3 {
            left: 0;
        }
    }
  }

  #contact-section {
    overflow: hidden;
  }

  #contact-section .contact-form {
    padding-top: 5rem;
  }

  #contact-section.effect-on {
      & .contact-form h3 {
          em {
              left: 2rem;
          }
      }
  }

  #field_submit { 
    margin-top: 2rem;
  }

  .footer-top-right h2 {
    font-size: var(--px40);
    letter-spacing: 0;
  }

  #footer {
    text-align: center;
  }

  #footer .tnp-subscription .btn {
    margin-top: 1rem;
  }

  .footer-bottom p.copyright {
    justify-content: center;
    margin-bottom: 2rem;
  }
  .home .practice-list .item {
    flex: 1 1 100%;
    max-width: unset;
  }

  #home-banner h1 {
    letter-spacing: 0.3em;
  }

  .btn {
    padding: 1rem 1.513rem;
  }

  .footer-top-right .tagline p {
    letter-spacing: 0.927em;
  }

  .footer-top-right .tagline p {
    gap: .625rem;
    text-align: center;
  }

  #practice-areas-main,
  #about-us-main {
    padding-top: 5rem;
  }

  .about-us-main-content  .image {
    margin-bottom: 3rem;
  }

  .practice-list .item {
    flex: 1 1 100%;
  }

  #practice-areas-main .content-header {
    margin-bottom: 5rem;
  }

  article.the-content h1,
  article.the-content h2 {
    font-size: var(--px48);
  }

  #practice-areas-single picture {
    margin-bottom: 3rem;
  }

  #attorneys-main .content-header h2,
  #attorneys-main .content-header h3 span {
    &.subheading-1 { text-align: center; }
  }
  .attorneys-list .item .img,
  .attorneys-list .item .img img {
    height: auto;
  }

  #attorneys-single {
    & .attorneys-single-info {
        h2,
        h1 {
            font-size: var(--px32);
            line-height: 1;
            margin-bottom: .5rem;
        }
        .h3 {
          font-size: var(--px24);
            line-height: 1;
            text-align: left;
        }
    }
  }

  #attorneys-single .img {
    margin-bottom: 3rem;
  }

  #attorneys-single-bottom-section .item h3 {
    font-size: var(--px32);
    position: relative;
    left:0;
    top:0;
    right:0;
    margin-bottom: 2rem;
  }

  #attorneys-single-bottom-section .item {
    min-height: unset;
  }

  #attorneys-single-bottom-section .item + .item {
    margin-top: 3rem;
  }

  .blank-for-space { 
    display: none;
  }

  #contact-us-main .maps-and-address {
      & .map {
        margin-bottom: 2rem;
          .embed-responsive {
              height: 15.625rem;
          }
      }
  }

  #contact-us-main .maps-and-address {
      & .flex {
          &:nth-child(2) {
              margin-top: 5rem;
          }
      }
  }

  #contact-us-main {
    padding: 6.5rem 0 6.5rem;
  }

}

@media ( max-width: 767px ) {

}