/*
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/civ1oog.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;
  --px51: 3.188rem;
  --px55: 3.438rem;
  --px60: 3.75rem;
  --px61: 3.813rem;
  --px65: 4.063rem;
  --px68: 4.25rem;
  --px69: 4.313rem;
  --px72: 4.5rem;
  --px90: 5.625rem;
  --px92: 5.75rem;
  --px95: 5.938rem;
  --px100: 6.25rem;
  --px126: 7.875rem;


  --Satoshi: 'Satoshi';
  --Instrument: "instrument-sans-variable", sans-serif;
  --AdobeKisVF: "adobe-kis-display", sans-serif;

  --iThin: "wdth" 100, "wght" 100;
  --iExtraLight: "wdth" 100, "wght" 200;
  --iLight: "wdth" 100, "wght" 300;
  --iRegular: "wdth" 100, "wght" 400;
  --iMedium: "wdth" 100, "wght" 500;
  --iSemiBold: "wdth" 100, "wght" 600;
  --iBold: "wdth" 100, "wght" 700;

  /*COLOR*/
  --Black: #1E1E1E;
  --Dark: rgba(17, 17, 17, 0.8);
  --Red: #AA2B3D;
  --Blue: #333A4D;
  --DeepBlue: #282E3F;
  --Green: #709D4C;
  --DarkGreen: #568C2B;
}


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

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

body { padding: 0; margin: 0; font-size: var(--px18); font-family:var(--Instrument); font-weight:normal; line-height:1.6; color: var(--Black); 
font-variation-settings: var(--iRegular);
}

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;
}

.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(--px68); font-family: var(--AdobeKisVF); font-weight: 400; line-height: 1.279em; }

h2, .h2 { display: block; font-size: var(--px48); font-family: var(--AdobeKisVF); font-weight: 400; line-height: 1.279em; }

h3, .h3 { display: block; font-size: var(--px36); font-family: var(--AdobeKisVF); font-weight: 400; line-height: 1.279em; }

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; }

.sub-heading { display: block; font-size: var(--px25); font-family: var(--Instrument); line-height: 1.24em; font-variation-settings: var(--iBold); 
  letter-spacing: .72em; text-transform: uppercase; }

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="11"] { width:0.688rem; }
[width="12"] { width:0.75rem; }
[width="13"] { width:0.813rem; }
[width="14"] { width:0.875rem; }
[width="15"] { width:0.938rem; }
[width="16"] { width:1rem; }
[width="17"] { width:1.063rem; }
[width="18"] { width:1.175rem; }
[width="20"] { width:1.25rem; }
[width="22"] { width:1.375rem; }
[width="23"] { width:1.438rem; }
[width="30"] { width:1.875rem; }
[width="31"] { width:1.938rem; }
[width="32"] { width:2rem; }
[width="33"] { width:2.063rem; }
[width="34"] { width:2.125rem; }
[width="35"] { width:2.188rem; }
[width="36"] { width:2.25rem; }
[width="37"] { width:2.313rem; }
[width="38"] { width:2.375rem; }
[width="39"] { width:2.438rem; }
[width="50"] { width:3.125rem; }

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

section.footer-cta {
  background-color: #282E3F; color: #fff; padding: 7.188rem 0 7.688rem;
}

section.footer-cta .wrap {
  align-items: flex-end; gap: 0 8.938rem; justify-content: flex-end;
}
section.footer-cta .div-block {
  min-height: 10.5rem;
}
section.footer-cta .div-block p.h5 {
  font-size: var(--px20); line-height:1.222; font-variation-settings: var(--iBold); margin-bottom: 1.313rem; color: var(--Green);
  text-transform: uppercase; letter-spacing: 0.47em;
}
section.footer-cta .div-block p {
  line-height: 1.6em;
}
section.footer-cta picture {
  max-width: 19.688rem;
}

section.footer-cta .div-block a {
  color: var(--Green);
}
section.footer-cta .div-block a:hover,
section.footer-cta .div-block a:focus {
  color: #fff;
}

section.footer-cta .div-block a[href^="tel:"] {
  color: #fff;
}
section.footer-cta .div-block a[href^="tel:"]:hover,
section.footer-cta .div-block a[href^="tel:"]:focus {
  color: var(--Green);
}


#footer { 
  background-color: #282E3F; color: #fff; padding: 2.688rem 0 3.25rem; border-top: 1px solid var(--Green);
}
#footer a {
  color: #fff;
}
#footer a:hover,
#footer a:focus {
  color: var(--Green);
}
/* 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(--px18); font-variation-settings: var(--iBold); }

.logo { display: inline-block; vertical-align: top; max-width: 19.438rem; 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 { display:inline-flex; text-align:center; gap: 1.125rem; background-color:#fff; justify-content:center; color:#fff; font-variation-settings: var(--iBold); 
  min-height:3.688rem; align-items:center; padding: 0 2.188rem; background-color: var(--Green); border-radius: 0; border: none; transition:.5s;
  font-size: var(--px18); line-height:1.222; fill: #fff; text-transform: capitalize; }

.btn:hover,
.btn:focus { background-color:var(--DarkGreen); color:#fff; fill:#fff; }

#header .wrap {
  align-items: center; gap: 2.563rem; justify-content: flex-end;
}

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

#footer-contact {
  border-bottom: 1px solid #709D4C; border-top: 1px solid #709D4C; margin: 4.25rem 0;
}

#footer-contact .wrap {
  border-left: 1px solid #709D4C; border-right: 1px solid #709D4C;
}

#footer-contact .div-block {
  background-image: url('./assets/images/marble2.jpg'); background-size: cover; background-position: center; 
  padding: 5.5rem 2rem 5.625rem;
}

#footer-contact .div-block .sub {
  margin-bottom: 5.625rem;
}
#footer-contact .div-block h2 {
  font-size: var(--px51); font-weight: 400; line-height: 1.279em; margin-bottom: 6rem;
}
#footer-contact .div-block p {
  max-width: 30.938rem; margin: 0 auto;
}

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

.form-wrap { margin: 0; flex:1; background-color:#282E3F; color: #fff; padding: 5.125rem 5.125rem 4.575rem; font-size:var(--px18); letter-spacing: 0.02em; 


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

.form-wrap h2 { }

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

.gform_fields { margin: 0; }

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

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

.gfield.hidden_label legend.gfield_label,
.gfield.hidden_label label.gfield_label { display:none; }

.form-wrap label ,
.gfield label.gfield_label { 
  font-size: var(--px18); line-height: 1.6em; margin-bottom: .5rem;
}

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

.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: #D9D9D9; display: block; width: 100%; border: none; border-radius: 0; line-height: 1.6em; 
  padding: 0.563rem 1.063rem 0.688rem; }

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

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

.gform_footer button { border-radius: 0; width: 100%; height: 3.625rem; background-color: #111; color: #fff; border: none; font-size: var(--px18); }

.gform_footer button:hover { background-color: #000; }

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; }

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

.ginput_container_consent {
  display: flex; flex-wrap:wrap; gap: 0.875rem; align-items: center;
}
.ginput_container_consent label {
  margin-bottom: 0;
}
.ginput_container_consent input[type="checkbox"] {
  width: 1.5rem; height: 1.5rem; border-radius: .313rem;
}

/* 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:var(--DeepBlue); color:#fff; padding:20.25rem 0 13.438rem; position: relative; z-index: 5; }

#home-banner .content {
  margin: 0 auto; max-width: 65.5rem; text-align: center;
}

#home-banner .content .sub-heading { margin-bottom: 1.688rem; }

#home-banner .content h1 {
  margin-bottom: 3.375rem;
}

#hb-background {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -5;
}
#home-banner:before {
  content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(40, 46, 63, 0) 48.92%, #282E3F 100%);
}

#home-about {
  margin: 5.5rem 0; border-top: 1px solid #709D4C; border-bottom: 1px solid #709D4C;
}
#home-about .content {
  border-left: 1px solid #709D4C; border-right: 1px solid #709D4C;
}
#home-about .img-block {
 position: relative; z-index: 5; width: 100%; max-width: 56.188rem;
}
#home-about .img-block picture {
  position: relative; z-index: 5; margin: 0 auto; max-width: 44.563rem;
}
#home-about .img-block:before {
  content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -4; transition: 2s ease-out;
  background-image: url('./assets/images/aerial-view 1.jpg'); background-size: cover; background-position: 0% center; background-repeat: no-repeat;
  filter: grayscale(100%);
}
#home-about.effect-on .img-block:before {
  filter: grayscale(0%); background-position: 100% center;
}
#home-about .img-block:after {
  content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;
  background: linear-gradient(360deg, #C18F59 -8.76%, rgba(193, 143, 89, 0) 27.51%);
}
#home-about .text-block {
  flex: 1; text-align: center; background-image: url('./assets/images/marble.jpg'); background-size: cover; background-position: center; 
  background-repeat: no-repeat; border-left: 1px solid #709D4C; padding: 6.75rem 10rem 0rem;
}

.sub {
  font-size: var(--px20); line-height: 1.24em; font-variation-settings: var(--iBold); text-transform: uppercase; letter-spacing: 0.47em; display: block; 
  font-family: var(--Instrument);
}
#home-about .text-block .sub {
  margin-bottom: 1.063rem; max-width: unset;
}

#home-about .text-block h2 {
  font-size: var(--px51); font-family: var(--AdobeKisVF); font-weight: 400; line-height: 1.279em; margin-bottom: 2.013rem;
}
#home-about .text-block p {
  max-width: 26.188rem; margin: 0 auto 3.525rem;
}

.practice-item {
  max-width: 30rem; background-size: cover; background-position: center; position: relative; z-index: 5; flex: 1;
  
}
.practice-item:before {
  content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(40, 46, 63, 0.86) 100%), rgba(0, 0, 0, 0.2);
}

.practice-list .item {
  flex: 1; max-width: 30rem;
}

.practice-item a {
  display: block; padding-top: 23.188rem; color: #fff;
}
.practice-item a .text {
  display: flex; justify-content: space-between; align-items: center; min-height: 9rem; border-top: 1px solid #C18F59;
  align-items: center; padding-left: 2.5rem; padding-right: 1.875rem; transition: .5s;
}
.practice-item a:hover .text,
.practice-item a:focus .text {
  background-color: #282E3F;
}
.practice-item .text .h3 {
  line-height: 1em; margin-bottom: 0; flex: 1
}

.practice-item .text .arrow {
  display: flex; flex-wrap:wrap; justify-content: center; align-items: center; width: 3rem; height: 3rem; border: 1px solid #C18F59; border-radius: 50%;
}

#home-practice-areas {
  background-color: #282E3F; color: #fff; padding-top: 7.188rem; overflow: hidden;
}
#home-practice-areas .heading { }

#home-practice-areas .heading .sub { color: #9099B1; }

#home-practice-areas .heading h2 {
  margin-bottom: 7.125rem;
}

#home-testimonials {
  padding: 4.875rem 0 5.938rem; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #D6E1ED; position: relative;
  z-index: 5; overflow: hidden;
}
#home-testimonials:before {
  content: ''; display: block; width: 100%; position: absolute; bottom: 0; left: 0; z-index: -1; min-height: 57.75rem;
  background-image: url('./assets/images/testi-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;
}

#home-testimonials .heading {

}

#home-testimonials .heading .sub {
  margin-bottom: 1.063rem;
}
#home-testimonials .heading h2 {
  font-size: var(--px51); font-weight: 400; line-height: 1.279em; margin-bottom: 6.938rem;
}

#home-testimonials .border-top-bottom {
  border-top: 1px solid #709D4C; border-bottom: 1px solid #709D4C; margin-bottom: 4.688rem;
}

.testimonials-list {
  display: flex; flex-wrap:wrap; 
}
.testimonials-item {
  text-align: center; flex: 1; position: relative; 
}
.testimonials-item .testimonials-item-content-inner {
  position: relative; padding: 0 4.375rem 7.938rem; overflow: hidden;
}
.testimonials-item .icon {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 7.813rem; height: 7.813rem; border: 1px solid #709D4C; 
  border-radius: 50%; background-color: #fff; margin: -3.906rem auto 1.5rem;
}
.testimonials-item .heading {

}
.testimonials-item .heading h3 {
  font-size: var(--px51); font-weight: 400; line-height: 1.279em; margin: 0 -1.5rem 2.313rem; font-style: italic;
}

.testimonials-item .testimonials-item-author {
  position: absolute; bottom: 4.125rem; left: 0; width: 100%;
}
.testimonials-item-content {
  overflow: hidden; max-height: 11.188rem;
}
.testimonials-item .testimonials-item-author a {
  color: var(--Black);
}
.testimonials-item .testimonials-item-author a:hover,
.testimonials-item .testimonials-item-author a:focus {
  color: var(--Green);
}
.testimonials-item .testimonials-item-content-inner { opacity: 0; top: 7.375rem; position: relative; transition: 2s; }

#recent-news {
  padding: 4.75rem 0 2rem;
}

#recent-news .heading {
  align-items: center; gap: 3.75rem;
}

#recent-news .heading .catergory-wrap {
  display: flex; flex-wrap:wrap; gap: 1.125rem;
}
#recent-news .heading .catergory-wrap a {
  display: inline-flex; padding: 0.5rem 1.125rem; color: var(--Green); border: 1px solid var(--Green); border-radius: 0; min-height: 3.625rem;
  justify-content: center; align-items: center; font-size: var(--px18); line-height: 1.222; text-transform: capitalize; font-variation-settings: var(--iBold);
  min-width: 7.313rem;
}
#recent-news .heading .catergory-wrap a:hover,
#recent-news .heading .catergory-wrap a:focus {
  background-color: var(--Green); color: #fff;
}

.news-list-wrap {
  margin-top: 3.563rem;
}

.news-item {
  width: 100%; max-width: 36.25rem;
}
.news-item .vid-box {
  position: relative; z-index: 5;
}
.news-item .embed-responsive {
  min-height: 26.563rem; background-size: cover; background-position: center; background-repeat: no-repeat;
}
.news-item .video-wrap {
  position: relative;
}
.news-item .video-wrap .play-btn {
  position: absolute; width: 5.625rem; height: 5.625rem; border-radius: 50%; background-color: rgba(255,255,255,.8); display: flex; justify-content: center; 
  align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: .313rem solid #709D4C;
  padding-left: .313rem; cursor: pointer; transition: .5s;
}
.news-item .vid-btn {
  width: 5.625rem; height: 5.625rem; border-radius: 50%; background-color: rgba(255,255,255,.8); display: flex; justify-content: center; 
  align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: .313rem solid #709D4C;
  padding-left: .313rem; cursor: pointer; transition: .5s;
}
.news-item .video-wrap .play-btn:hover,
.news-item .video-wrap .play-btn:focus {
  background-color: #fff;
}
.news-item .video-wrap .embed-responsive {
  min-height: 26.563rem;
}
.news-item h3 {
  font-size: var(--px28); line-height: 1.38em; font-variation-settings: var(--iBold);  display: block; margin-top: 2.75rem;
}

.home .news-list-wrap {
  position: relative;
}
.home .news-list-wrap .control {
  display: flex; flex-wrap:wrap; gap: 2rem; justify-content: center; align-items: center;
}
.control button {
  border: none; background-color: transparent; cursor: pointer; padding: 0;
}
svg {
  display: block;
}
.control button:hover,
.control button:focus {
  fill: #709D4C;
}

#page-top-banner {
  position: relative; z-index: 5; background-image: url('./assets/images/banner-default.jpg'); background-size: cover; background-position: center; 
  background-repeat: no-repeat; color: #fff;
}
#page-top-banner:before {
  content: ''; display: block; width: 100%; bottom: 0; position: absolute; top: 0; left: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(86, 140, 43, 0) 48.92%, rgba(112, 157, 76, 0.4) 100%), rgba(0, 0, 0, 0.5);
}

.page-title {
  display: flex; flex-wrap:wrap; justify-content: center; align-items: center; padding: 16.75rem 0 11.25rem;
}
.page-title .h1 {
  font-size: var(--px68); font-weight: 400; line-height: 1.279em; margin-bottom: 0;
}

.attorneys-list {
  display: flex; flex-wrap:wrap; gap: 0 3.125rem; justify-content: center; align-items: center;
}
.attorney-profile {
  width: 100%; max-width: 41.625rem; text-align: center;
}
.attorney-profile picture {
  margin: 0 auto 2.188rem; position: relative; max-width: 35.125rem;
}

.attorney-profile-image a {
  position: relative; display: block; z-index: 5;
}
.attorney-profile-image a span {
  content: ''; display: block; position: absolute; top: 0; left: 0; z-index: -1; margin: 0 auto; right:0; bottom: 0; width: 29rem;
  border: .125rem solid #709D4C; border-bottom: none;
}
.attorney-profile-image a:after {
  content: ''; display: block; position: absolute; top: 0; left: 0; z-index: -1; margin: 0 auto; right:0; bottom: 0; width: 29rem;
  background: linear-gradient(180deg, #FFFFFF 0%, #C18F59 100%); transition: .5s; opacity: 0; visibility: hidden;
  border: .125rem solid #709D4C; border-bottom: none;
}
.attorney-profile-image a:hover:after,
.attorney-profile-image a:focus:after {
  opacity: 1; visibility: visible;

}

.attorney-profile .h3 {
  font-size: var(--px51); font-weight: 400; line-height: 1.279em; margin-bottom: 1.5rem;
}
.attorney-profile .h3 a {
  color: #282E3F;
}
.attorney-profile .h3 a:hover,
.attorney-profile .h3 a:focus {
  color: var(--Green);
}
.attorney-profile .position {
  font-size: var(--px20); line-height: 1.2em; font-variation-settings: var(--iBold); text-transform: uppercase; letter-spacing: 0.47em; display: block; 
}

#attorneys-landing {
  padding: 6.25rem 0;
}

#representative-cases {
  padding: 6.25rem 0; background: rgba(193, 143, 89, 0.15);
}
#representative-cases h2 {
  font-size: var(--px51); font-weight: 400; line-height: 1.279em; margin-bottom: 6.25rem;
}

.representative-cases-list {
  display: flex; flex-wrap:wrap; gap: 0 2.5rem; justify-content: center; align-items: stretch;
}

#representative-cases ul {
  list-style: none; padding: 0; margin: 0; font-size: var(--px28); line-height: 1.38em; font-family: var(--AdobeKisVF); font-weight: 400;
  letter-spacing: -0.01em;
}
#representative-cases ul li {
  position: relative; padding-left: 5.5rem; padding-top: .5rem; padding-bottom: .5rem; 
}
#representative-cases ul li:before {
  background-image: url('./assets/images/double-check.png'); background-size: cover; background-position: center; background-repeat: no-repeat;
  content: ''; display: block; position: absolute; top: 0; left: 0; width: 3.438rem; height: 3.438rem;
}

#awards-and-recognitions {
  padding: 6.25rem 0;
}
#awards-and-recognitions h2 {
  font-size: var(--px51); font-weight: 400; line-height: 1.279em; margin-bottom: 6.25rem;
}

.awards-and-recognitions-list {
  display: flex; flex-wrap:wrap; gap: 3.438rem 2.6rem; justify-content: center; align-items: center; padding: 0;
}
picture.abta { max-width: 25.688rem; }

picture.super-lawyers { max-width: 8.25rem; }

picture.martindale-2016 { max-width: 18.75rem; }

picture.martindale-2017 { max-width: 18.75rem; }

picture.martindale-2018 { max-width: 18.75rem; }

picture.best-lawyers { max-width: 23.313rem; }

picture.awards-10-years { max-width: 8.25rem; }

picture.martindale-2026 { max-width: 18.75rem; }

picture.eo-logo { max-width: 9.25rem; }

picture.avvo-rating { max-width: 12rem; }
picture.clients-choice-award-2022 { max-width: 12rem; }
picture.avvo-reviews { max-width: 12rem; }

#testimonials-landing {
  padding: 10.188rem 0 6.25rem;
}

.testimonials-inner-list {
  display: flex; flex-wrap:wrap; gap: 0; justify-content: center; align-items: stretch;
}
.testimonials-inner-list .testimonials-item {
  flex: 1 1 calc(100%/3 - 2.063rem); max-width: 37.5rem; 
}

.testimonials-inner-list .testimonials-item .testimonials-item-content-inner {
  overflow: hidden;
}

.testimonials-inner-list .testimonials-item {
  border: 1px solid #709D4C; margin-bottom: 7.063rem;
}

#home-news-landing {
  padding: 6.25rem 0 2rem;
}

#home-news-landing .blog-list {
  display: flex; flex-wrap:wrap; gap: 3.125rem 1.75rem; justify-content: center; align-items: stretch;
}

#load-more {
  margin-top: 6.25rem;
}

#filter-category {
  margin-bottom: 3.125rem; display: flex; flex-wrap:wrap; gap: 1.188rem; justify-content: center; align-items: center;
}
#filter-category a {
  display: inline-flex; padding: 1.125rem 1.125rem; color: var(--Green); border: 1px solid var(--Green); border-radius: 0;
  justify-content: center; align-items: center; font-size: var(--px18); line-height: 1.222; font-variation-settings: var(--iBold);
  transition: .5s; flex: 1; max-width: 25.5rem;
}
#filter-category a:hover,
#filter-category a:focus {
  background-color: var(--Green); color: #fff;
}

#contact-page-main {
  padding: 5rem 0;
}

#contact-page-main .map-block {
  width: 100%; max-width: 56.25rem; position: relative; z-index: 5;
}
#contact-page-main .map-block .embed-responsive {
  min-height: 38.188rem;
}
#contact-page-main .map-block:hover .contact-cta,
#contact-page-main .map-block:focus .contact-cta {
  opacity: 1; visibility: visible;
}

.contact-cta {
  position: absolute; top: 0; right: 0; z-index: 5; display: flex; flex-wrap:wrap; justify-content: center; align-items: center; left: 0; bottom: 0;
  transition: .5s; background-color: rgba(40, 46, 63, 0.3); opacity: 0; visibility: hidden;
}
.contact-cta .links {
  display: flex; flex-wrap:wrap; gap: 3.438rem; justify-content: center; align-items: center;
}
.contact-cta .links a {
  width: 13.625rem;
}

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

article.the-content {

}
article.the-content .embed-responsive {
  padding-bottom: 50%;
}
article.the-content h1 {
  font-size: var(--px51); font-weight: 400; line-height: 1.279em; margin-bottom: 2.013rem;
}
article.the-content h2 {
  margin-bottom: 2.013rem;
}
article.the-content p {
  margin-bottom: 1.5rem;
}

.video-wrap {
  max-width: 56.25rem; background-color: #282E3F; padding: 0; margin: 3rem 0;
}
.video-wrap .embed-responsive {
  padding-bottom: 75%;
}

.sitecol a {
  color: var(--Black);
}
.sitecol a:hover,
.sitecol a:focus {
  color: var(--Green);
}

.attorney-profile-wrap {
  gap: 0 3.438rem;
}
.attorney-profile-wrap .attorney-profile-image {
  max-width: 35.125rem;
}
.attorney-profile-wrap .the-content {
  flex: 1;
}
.attorney-profile-wrap .the-content .sub {
  letter-spacing: 0.02em;
}
.bio-badge { margin-top:2.5rem; display: flex; flex-wrap:wrap; gap: 2rem 2.5rem; align-items: center; }

@media ( min-width: 768px ) { 

}

@media ( min-width: 992px ) {

  .testimonials-inner-list .testimonials-item .heading h3 {
    min-height: 8.625rem; align-items: center; display: flex; justify-content: center; flex-wrap: wrap  ;
  }

  .testimonials-inner-list .testimonials-item {
    margin-left: -1px;
  }

  .testimonials-inner-list .testimonials-item:nth-child(3n+1) {
    margin-left: 0;
  }

  #practice-landing .container {
    padding: 0;
  }

  #representative-cases ul li + li {
    margin-top: 2.188rem;
  }

  .item-col-border {
    content: ''; width: 1px; min-height: 100%; background-color: #709D4C;
  }

  .home .news-item h3 {
    line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;
  }

  .ginput_container--name,
  .gform_fields {
    display: flex; flex-wrap:wrap; gap: 0 1.063rem; align-items: center;
  }

  .gfield--width-half,
  .ginput_container--name > span {
    flex: 1 1 calc(100%/2 - 1.063rem);
  }

  #footer-contact .div-block {
    width: 100%; max-width: 56.25rem;
  }

  .home .news-list-wrap .control button {
    position: absolute; top: 12.5rem; 
  }
  .home .news-list-wrap .control button.control-left {
    left: -2.5rem;
  }
  .home .news-list-wrap .control button.control-right {
    right: -2.5rem;
  }

  .home .news-list-wrap .slick-list {
    margin: 0 -0.938rem;
  }
  .home .news-list-wrap .item {
    padding: 0 0.938rem;
  }

  #recent-news .heading .btn {
    margin-left: auto;
  }

  .home .testimonials-item:nth-child(2) .testimonials-item-content {
    max-height: 14.438rem;
  }
  
  .effect-on .testimonials-item .testimonials-item-content-inner {
    top: 0; opacity: 1;
  }

  .home .testimonials-item {
    border-right: 1px solid #709D4C;
  }
  .home .testimonials-item:first-child {
    border-left: 1px solid #709D4C;
  }

  #home-practice-areas .heading {
    position: relative; top: 6.188rem; transition: 2s;
  }

  #home-practice-areas.effect-on  .heading ,
  .home .effect-on .practice-list {
    top: 0;
  }

  .home .practice-list {
    position: relative; top: 9.588rem; transition: 2s;
  }

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

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

  section.footer-cta .div-block:first-child {
    margin-right: auto;
  }

  section.footer-cta .div-block-separator {
    display: block; content: ''; width: 1px; height: 10.5rem; background-color: var(--Green);
  }

  section.footer-cta .container {
    padding: 0 16.563rem;
  }

  .logo {
    margin-right: auto;
  }

  .navbar-default {
    border-bottom: 1px solid var(--Green); padding: 2.125rem 0;
  }

  .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 3.75rem; }

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

  .main-menu { display:flex; flex-wrap:wrap; gap: 0 2.813rem; }

  .main-menu li { position: relative; }

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

  .main-menu > li > a { position:relative; padding-bottom: 0.375rem; }

  .main-menu > li > a:after { content:''; width:0; height:2px; background-color: #fff; transition:.5s; position:absolute; bottom:0; left:0; right:0; margin: 0 auto; }

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

  .main-menu > li:hover > .sub-menu { opacity: 1; visibility: visible; }
  
  .main-menu > li > .sub-menu > li { display: block; }
  
  .main-menu > li > .sub-menu > li > a { padding: .625rem 1rem; color: #fff; background-color: #111; }
  
  .main-menu > li > .sub-menu > li:hover > a { background-color: rgba(200,200,200); color:#111; }

}

@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;
  }

}

@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; }

  body.mean-container.admin-bar .mean-bar { top: 32px; }
  
  body.mean-container .mean-nav {  }

  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; }

  .header-actions {
    display: none;
  }

  .logo {
    position: fixed; top: 1rem; left: 1rem; z-index: 3000; max-width: 13.438rem;
  }
  .sub,
  .sub-heading {
    letter-spacing: 0.05em; font-size: var(--px20); line-height: 1.222; font-variation-settings: var(--iBold);
  }

  #home-testimonials .heading h2,
  #home-about .text-block h2,
  h1, .h1 {
    font-size: var(--px40);
  }

  #home-banner {
    padding: 16.25rem 0 7.438rem;
  }

  #home-about .text-block {
    padding: 6.75rem 1rem 2rem; border-left: none;
  }

  h2, .h2 {
    font-size: var(--px36);
  }

  .practice-item .text .h3 {
    font-size: var(--px28);
  }

  .practice-item a {
    padding-top: 15.188rem;
  }

  .practice-list .item + .item {
    margin-top: 1.5rem;
  }

  .testimonials-item .icon {
    width: 3.438rem; height: 3.438rem; margin: -1.719rem auto 1.5rem;
  }
  .testimonials-item .icon svg {
    width: 1.719rem;
  }

  .testimonials-list {
    display: block;
  }
  .testimonials-item .testimonials-item-content-inner {
    padding: 0 1rem 7.938rem;
  }
  .effect-on .testimonials-item .testimonials-item-content-inner {
    opacity: 1; top: 0;
  }

  .testimonials-item .heading h3 {
    font-size: var(--px30); margin: 0 -1rem 2.313rem;
  }

  #recent-news .heading .catergory-wrap {
    margin: 1rem 0;
  }
  #footer-contact .div-block h2 {
    font-size: var(--px36);
  }

  #footer-contact .div-block {
    padding: 5.5rem 1rem 5.625rem;
  }
  .form-wrap {
    padding: 5.125rem 1.125rem 4.575rem;
  }
  section.footer-cta,
  #footer {
    text-align: center;
  }

  section.footer-cta{
    padding: 5rem 0;
  }

  section.footer-cta .div-block + .div-block {
    margin-top: 2.5rem;
  }

  #footer p {
    margin-bottom: 2.5rem;
  }

  .ginput_container_consent label {
    flex: 1;
  }

  .gfield--type-submit {
    margin-top: 2.5rem;
  }

  .page-title {
    padding: 12.75rem 0 5.25rem;
  }

  article.the-content h1,
  #awards-and-recognitions h2,
  #representative-cases h2,
  .page-title .h1 {
    font-size: var(--px40);
  }

  .attorney-profile-image a:after ,
  .attorney-profile-image a span {
    width: 100%;
  }

  .attorney-profile .h3 {
    font-size: var(--px28);
  }
  .attorney-profile .position {
    letter-spacing: 0.05em;
  }

  .attorney-profile + .attorney-profile {
    margin-top: 3rem;
  }

  #representative-cases ul {
    font-size: var(--px24);
  }
  #representative-cases ul li {
    padding-top: 0.7rem; padding-bottom: 0.7rem; margin-bottom: 1rem;
  }

  .awards-and-recognitions-list {
    padding: 0;
  }

  section.footer-cta picture {
    margin: 0 auto; max-width: 10.688rem;
  }

  section.footer-cta .div-block + .div-block {
    margin-top: 3rem;
  }
  section.footer-cta .div-block-separator {
    margin: 1.5rem 0; display: block; height: 1px; content: ''; width: 100%;
  }

  
  .attorney-profile-wrap .attorney-profile-image {
    margin-bottom: 2rem;
  }
  .practice-item a .text {
    padding-left: 1rem; padding-right: 1rem;
  }

  .testimonials-inner-list .testimonials-item {
    width: 100%;
  }

  .testimonials-inner-list {
    flex-direction: column;
  }

  #contact-page-main .map-block .embed-responsive {
    min-height: 20.188rem;
  }

  .contact-cta .links {
    gap: 1.438rem;
  }
  

}

@media ( max-width: 767px ) {

}