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



: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;
  --px65: 4.063rem;
  --px69: 4.313rem;
  --px72: 4.5rem;
  --px90: 5.625rem;
  --px92: 5.75rem;
  --px95: 5.938rem;
  --px96: 6rem;
  --px100: 6.25rem;
  --px118: 7.375rem;
  --px126: 7.875rem;


  --DMSerif: "dm-serif-display", sans-serif;
  --SourceSans: "source-sans-pro", sans-serif;
  

  /*COLOR*/
  --Black: #000;
  --Dark: #010101;
  --Gold1: #946B02;
  --Gold2: #7E5C02;
  
}


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

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

body { padding: 0; margin: 0; font-size: var(--px20); font-family:var(--SourceSans); font-weight:normal; line-height:1.8; color: var(--Black); 
  font-optical-sizing: auto; }

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

.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); font-family: var(--DMSerif); font-weight: normal; }

h2, .h2 { display: block; font-family: var(--DMSerif); font-weight: normal; font-size: var(--px96); line-height: .916em; }

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

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

h5, .h5 { display: block; font-size: var(--px16); line-height: 1.4; text-transform: uppercase; font-weight: 700; letter-spacing: .18em; color: var(--Gold1); 
  font-family: var(--SourceSans);
}

h6, .h6 { display: block; 
  font-family: var(--SourceSans);
}

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

svg { fill:inherit; stroke:inherit; }

picture { display:block; }

[width="11"] { width:0.688rem; }
[width="16"] { width:1rem; }
[width="18"] { width:1.175rem; }
[width="20"] { width:1.25rem; }
[width="22"] { width:1.375rem; }
[width="27"] { width:1.688rem; }
[width="112"] { width:7rem; }
[width="139"] { width:8.688rem; }
[width="190"] { width:11.875rem; }

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

#footer { background-color:var(--Dark); color:#fff; padding: 2.375rem 0 4rem; }

.social-media { display:flex; flex-wrap:wrap; justify-content:center; gap: 1.5rem; align-items:center; }

.social-media svg { display:block; }

.social-media a { fill:var(--Gold1); }

#footer .menu { list-style:none; padding:0; line-height:1.4em; font-size:var(--px20); font-weight:700; text-transform: uppercase; margin-bottom: 4.563rem; }

#footer .menu a { color:#fff; }

#footer .menu a:hover,
#footer .menu a:focus { color:var(--Gold1); }

.footer-mid { align-items:center; margin-bottom:4.75rem; }

.footer-mid p { line-height:1.3em; font-family:var(--DMSerif); font-size:var(--px32); }

.footer-logo { display:inline-flex; max-width:14.813rem; }

.footer-bottom { align-items:flex-end; }

.footer-bottom a { color:#fff; }

.footer-bottom a:hover,
.footer-bottom a:focus { color:var(--Gold1); }

#footer .bottom-links {  }

#footer .bottom-links p {  }

#footer .bottom-links p a {  }

.lfs { display:flex; flex-wrap:wrap; gap: .625rem; }

.lfs a {  }

.lfs svg { position:relative; top: -.25rem; }

#bottom-contact { background-color:#fff; position:relative; z-index:5; padding: 6.375rem 0 0; }

#bottom-contact .wrap { background-color:#0B0B0B; padding:1rem; color:#fff; }

#bottom-contact .border { border-color:var(--Gold1) !important; padding: 5.375rem 8.125rem 6rem; gap: 0 3.438rem; }

#bottom-contact:after { background-color:var(--Dark); container:''; display:block; position:absolute;bottom:-1px; left:0; width:100%; height:19.688rem; z-index: -1; }

#bottom-contact .left { max-width:48.75rem; width:100%; }

#bottom-contact .left h2 { font-size:var(--px96); line-height: .916em; margin-bottom: 3.938rem; }

#bottom-contact .left .address { font-size:var(--px20); gap: 0 3.5rem; }

#bottom-contact .left .address .h5 { margin-bottom:0.688rem; }

#bottom-contact .left .address p {  }

#bottom-contact .right { flex:1; }

.inline-datepicker { display:block; }


/* HEADER
=================================*/
.navbar-default { border-radius: 0; margin: 0; min-height: 0; background-color: transparent; color: #fff; border: none; padding: 1.5rem 0 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: 700; line-height: 1.4em; }

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

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

ul.paginations li {  }
ul.paginations li span { width:3.875rem; height:3.875rem; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background-color: #ccc;
  stroke: #010101; border-radius: 100%; }

ul.paginations li a { width:3.875rem; height:3.875rem; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; border: .125rem solid var(--Gold1);
  stroke: #010101; border-radius: 100%;
}

ul.paginations li a:hover,
ul.paginations li a:focus { background-color:var(--Gold1); stroke:#fff; }

.phone-top { overflow:hidden; }

.phone-top a { display:block; width:23.438rem; height:6.875rem; border-right:none; padding:0.375rem; padding-right:0.375rem;
  /*clip-path: polygon(0 0, 100% 0, 100% 100%, 18% 100%, 0 79%);*/
  position: relative;
  border-top: 1px solid var(--Gold1);
  display: block;
  fill: transparent;
}

.phone-top a:before { display:block; width:1px; content:'';  position:absolute; top:0; left:0; background-color:var(--Gold1); bottom:1.125rem; transition: .5s; }
.phone-top a:after { display:block; height:1px; content:'';  position:absolute; bottom:0; left:1.313rem; background-color:var(--Gold1); right: 0px; transition: .5s; }

.phone-top .slnt { content:''; position:absolute; bottom:-0.438rem; left:0.313rem; width:1px; height:2.55rem; transition: .5s; 
  background-color:var(--Gold1); transform: rotate(-50deg); }

.phone-top .box { transition:.5s; height:100%; background-color:var(--Gold1); color:#fff; clip-path: polygon(0 0, 100% 0, 100% 100%, 4.8% 100%, 0 86%) }

.phone-top a:hover { border-color:#fff; }
.phone-top a:hover .slnt,
.phone-top a:hover:before,
.phone-top a:hover:after { background-color:#fff; }

.phone-top .box { padding:.625rem 3.125rem 1.5rem; align-items:flex-end; gap: 1rem; }

.phone-top .box svg { display:block; width: 1.688rem; height: 1.688rem;}

.phone-top .box p { text-align:right; }

.phone-top .box p strong { display:inline-block; text-transform: uppercase; line-height: 1.333; letter-spacing: .18em; font-size:var(--px16); }

.phone-top .box p span { display:inline-block; font-size:var(--px32); font-family:var(--DMSerif); line-height:.8em; display: block; }

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

.shed-icons { margin-bottom:2.625rem; }

.shed-icons p { display:flex; flex-wrap:wrap; align-items:center; gap: 0 1.625rem; line-height: 1.8em; margin-bottom: 0.938rem; }

.shed-icons p span { display:inline-block; }

.calendar-form { color:#fff; font-size: var(--px18); line-height: 1.8em; max-width: 24.688rem; flex: 1; }

.calendar-form .gfield label.gfield_label { color:#fff; font-size: var(--px18); font-weight:normal; margin-bottom:1.625rem; }

.calendar-form .ginput_container_date > input { width:1px; height:1px; display:block; margin-bottom:-1px; opacity:0; visibility:hidden; }

.calendar-form .ui-datepicker { background-color:transparent; }

.calendar-form .ui-datepicker-title { justify-content:center; gap: .25rem;  }

.calendar-form .ui-datepicker { width:100%; max-width:unset; font-size:var(--px18); padding: 0; }

.calendar-form tbody a { color:#fff; font-size:var(--px18); line-height:1.8em; display:inline-block; opacity:.6; width:3.125rem; height:3.125rem; display:flex;
  flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 100%;
}

.calendar-form tbody a:hover { opacity:1; }

.calendar-form tbody a.ui-state-active { color:var(--Gold1); font-weight:700; background-color:rgba(255,255,255,.08); opacity: 1; }

.calendar-form thead { font-size:var(--px14); text-transform:uppercase; line-height:1.8em; font-weight:normal; text-align:center; }

.calendar-form table { border-spacing: 0.375rem; }

.calendar-form .ui-datepicker-header { align-items:center; margin-bottom: 1.125rem; }

.calendar-form .ui-datepicker-header > a { color:var(--Gold1); width:2.75rem; height:2.75rem; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  border-radius: 100%;
}

.calendar-form .ui-datepicker-header > a:hover,
.calendar-form .ui-datepicker-header > a:focus { background-color:#fff; color:var(--Gold1); }

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

.form-wrap { margin: 7.625rem auto 0; max-width:51rem; }

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

.form-wrap h2 { font-size:var(--px96); line-height:.99em; color:var(--Gold1); text-align:center; margin-bottom:5rem; }

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

.gform_fields { margin: 0; }

.form-wrap  .gfield { width: 100%; position: relative; margin-bottom: 1.5rem; }

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

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

.form-wrap fieldset.gfield--type-name legend.gfield_label { display:block; width:1px; height:1px; opacity:0; visibility:hidden; margin-bottom:-1px; }


.form-wrap fieldset.gfield--type-name label.gform-field-label,
.form-wrap .gfield label.gfield_label { display:block; margin: 0 0 .5rem; text-align:center; font-size:var(--px16); text-transform:uppercase; letter-spacing:.18em; font-weight:700;
  line-height: 1.4em;
}

.gfield label.gfield_label span {  }

.form-wrap textarea,
.form-wrap input[type="tel"],
.form-wrap input[type="email"],
.form-wrap input[type="text"] { 
  border: 1px solid var(--Gold1);
  color: var(--Dark);
  font-size: var(--px20);
  line-height: 1.4em;
  border-radius: .5rem;
  display: block;
  width: 100%;
  padding: 1rem;
}

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

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

.gform_footer .btn { overflow:hidden; border: none; width:9.75rem; padding: 0; height: 3.875rem;}

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

/* 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:#000; color:#fff; padding:3rem 0; position: relative; z-index: 10; background-image: url('./assets/images/home-banner-bg.jpg'); 
  background-size: cover; background-position: center; }

#home-banner .h5 { color:#fff; }

#home-banner h2 { font-size:var(--px118); text-transform:capitalize; line-height: .99em; margin-bottom: 0.438rem; }

#home-banner p { font-size:var(--px24); line-height:1.416em; max-width: 39.688rem; margin-bottom: 2rem;}

.btn { font-size:var(--px16); text-transform:uppercase; line-height:1.4em; font-weight:700; letter-spacing:.18em; color:var(--Gold1); 
  padding: 1.313rem 2.688rem; border-radius: 4rem; position: relative; z-index: 5;
  background-color: var(--Gold1);
}

.btn:before { content:''; display:block; position:absolute; z-index:-1; inset:-1.5px;  border-radius: 4rem; transition:.5s; 
  background: linear-gradient(180deg, #FFFFFF 0%, #DCDCDC 100%);
}

.btn:hover:before { opacity:0; visibility:hidden; }

.btn:hover,
.btn:focus { color:#fff; }

#home-banner:before { content: ''; display:block; position:absolute; z-index:-1; position:absolute; inset:0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 0%, #000000 100%); transition: 1.5s; 
}

#home-banner:after { content: ''; display:block; position:absolute; z-index:-1; position:absolute; inset:0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 52.94%, #000000 100%);
  opacity: 0; visibility: hidden;
}

#home-banner.effect-on:before { opacity:0; visibility:hidden; }
#home-banner.effect-on:after { opacity:1; visibility:visible; }

#home-about { padding:7.375rem 0 14rem; }

#home-about .h5 { color:var(--Gold1); margin-bottom:1.313rem; }

#home-about h2 { margin: 0 auto 6.125rem; color: var(--Gold1); max-width: 45.625rem; }

#home-about .ha-content { position:relative; gap: 0 13.625rem; }

#home-about .left {  }

#home-about .left picture { max-width:41.188rem; }

#home-about .qoute picture { max-width:7rem; }

#home-about .right { max-width:44.438rem; }

#home-about .right h3 { font-size:var(--px40); font-weight:700; color:var(--Gold1); line-height:2.2em; margin-bottom:0.875rem; }

#home-about .right p { margin-bottom:0.875rem; }

#home-about .right .btn { margin-top:1.625rem; }

#home-about .qoute { background-color:var(--Gold1); color:#fff; text-align:center; max-width:22.75rem; outline:1px solid var(--Gold1); outline-offset:1.188rem;
  padding: 2.75rem 2.188rem 3.625rem; 
  font-family: var(--DMSerif);
  font-size: var(--px32);
  line-height: 1.3em;
}

#home-about .qoute picture { display:block; margin: 0 auto 1.938rem; }

.practice-list { display:flex; flex-wrap:wrap; gap: 1.125rem; }

.practice-list .item { border: 1px solid var(--Gold1); padding:0.625rem; text-align:center; max-width:26.188rem; width:100%; }

.practice-list .item .bg { height:100%; background-size: cover; background-position: center; background-color: var(--Gold1); color:#fff; }

.practice-list .item p { margin-bottom:1.125rem; 
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.practice-list .item .h3 { font-size:var(--px32); line-height:1.3; }

.practice-list .item .h3 a { color:#fff; }

.practice-list .item .pad { padding-top:1.125rem; }

.practice-list .item .text { transition:.5s linear; opacity:0; visibility:hidden; max-height:0; overflow:hidden; }

.practice-list .item:hover .xy .text { max-height:18.75rem; opacity: 1; visibility: visible; }

.practice-list .item .xy { display:flex; flex-wrap:wrap; align-items:center; width:100%; height:40.125rem; transition:.5s linear; padding: 0 2.75rem; }

.practice-list .item:hover .xy { background-color:var(--Gold2); }

.practice-list .btn:hover,
.practice-list .btn:focus {  }

#home-practice { position:relative; z-index:5; padding-bottom:3rem; }

#home-practice:after { content:''; display:block; position:absolute; bottom:-1px; width:100%; z-index:-1; height:17.938rem; background-color:#010101; }

#home-practice .h5 { margin-bottom:1.375rem; }

#home-practice h2 { color:var(--Gold1); margin-bottom:4rem; }

#home-attorneys { position:relative; z-index:5; padding:3rem 0 0; color: #fff;}

#home-attorneys:before { content:''; display:block; position:absolute; bottom:-1px; width:100%; z-index:-1; background-color:#010101; top: -1px; bottom:8.125rem; }

#home-attorneys .wrap { align-items:center; gap: 4.438rem; margin-bottom: 5.875rem; }

#home-attorneys .wrap span { content:''; flex:1; height:1px; background-color:var(--Gold1); display:block; width:auto }

.attorneys-slide {  }

.attorneys-slide .item { vertical-align:top; }

.attorneys-slide .item .flex { gap: 0 7.125rem; }

.attorneys-slide .item picture { max-width:45rem; border:1px solid var(--Gold1); padding:2.25rem 2rem; }

.attorneys-slide .item .text-block { max-width:35.313rem; flex:1; }

.attorneys-slide .item .h3 { font-size:var(--px40); line-height:2.2em; }

.attorneys-slide .item .h3 a { color:var(--Gold1); }

.attorneys-slide .item p { margin-bottom:2rem; }

.controls { display:flex; flex-wrap:wrap; justify-content:center; gap: 2rem; }

.controls button { width:3.875rem; height:3.875rem; border: .125rem solid var(--Gold1); background-color:transparent; fill:transparent; stroke:#fff; border-radius:100%; }

.controls button:hover,
.controls button:focus { background-color:var(--Gold1); }

#home-testimonials { background-size:cover; background-image:url('assets/images/home-testimonials-bg.jpg'); background-position: center; padding: 13.063rem 0 6.188rem; }

#home-testimonials .black-box { background-color:rgba(1,1,1,.89); color:#fff; padding:1rem; margin-bottom:3rem; }

#home-testimonials .black-box .border { padding: 3.688rem 2.938rem 4.188rem; border-color:var(--Gold1) !important; text-align:center; }

.favicon { display:inline-flex; max-width:6.813rem; margin-bottom:4.125rem; }

.testimonials-slide-wrap { text-align:center; }

.testimonials-slide-wrap .item { vertical-align:top; }

.testimonials-slide-wrap .item .h3 { font-size:var(--px32); line-height:1.3em; margin-bottom:1.688rem; }

.testimonials-slide-wrap {  }

.testimonials-slide-wrap p { margin: 0 auto 2rem; max-width: 35.313rem;}

.testimonials-slide-wrap .item .stars { margin: 0 auto 1.688rem; display: block;}

.testimonials-slide-wrap .item picture { display:inline-block; margin-bottom: .5rem; }

.testimonials-slide-wrap .item picture img { width:5rem; height:5rem; border-radius:100%; }

.testimonials-slide-wrap .item p.author { margin-bottom:0; }

.testimonials-slide-wrap { position:relative; }

.testimonials-slide-wrap .qt { display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden; }

#home-blog { padding: 5rem 0 4.188rem; background-color:#f0f0f0; }

#home-blog .wrap { gap: 4.438rem; align-items: center; }

#home-blog .wrap span { content:''; flex:1; height:1px; background-color:var(--Gold1); display:block; width:auto }

.blog-item { background-color:var(--Gold1); color:#fff; width: 100%; max-width: 27.375rem; }

.blog-item .img { background-size:cover; background-position:center; }

.blog-item .img a { height:17.188rem; display: block; content: ''; }

.blog-item .img a:hover,
.blog-item .img a:focus { background-color:rgba(1,1,1,.5); }

.blog-item .embed-responsive { height:17.188rem; }

.blog-item .text { padding: 1.688rem 1.813rem 1.938rem; }

.blog-item .text h3 { font-size:var(--px32); line-height:1.3em; 
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.blog-item .text h3 a { color:#fff; }

.blog-item .text h3 a:hover,
.blog-item .text h3 a:focus { opacity:.7; }

.blog-slide-wrap { position:relative; }

#page-top-banner { background-size:cover; background-position:center; background-image:url('assets/images/banner-default.jpg'); color: #fff; 
  min-height: 33.438rem;
  position: relative;
  z-index: 5;
  padding: 18.375rem 0 0;
}

#page-top-banner:before { content:''; z-index:-1; display:block; position:absolute; inset:0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 52.94%, #000000 100%);
}

.page-title {  }

.page-title h1 { font-size:var(--px118); line-height:1em; }

.page-title h1 span { color:var(--Gold1); }

.mission-box { display:flex; flex-wrap:wrap; gap: 2rem; justify-content:center; margin-top: 7.813rem; }

.mission-box .item { border: 1px solid var(--Gold1); padding:1.188rem 1.063rem; max-width: 25rem; width: 100%; text-align: center;  }

.mission-box .item .text { color: #fff; background-color:var(--Gold1); padding: 5.513rem 2.188rem; font-family: var(--DMSerif); }

.mission-box .item .text p { font-size:var(--px32); line-height:1.3em; }

.mission-box .item svg { margin-bottom:1.938rem; }

#our-mission { padding:7.125rem 0 7.625rem; }

#our-mission .wrap { gap: 0 9.688rem; }

#our-mission .h5 { margin-bottom:1.313rem; }

#our-mission .h2 { font-size:var(--px96); line-height:.99em; color:var(--Gold2); }

#our-mission .left { max-width:45.625rem; }

#our-mission .right { max-width:44.438rem; }

#our-mission .right p { margin-bottom:2.375rem; }

#about-attorney { padding:9.063rem 0; background-color:#f0f0f0; }

#about-attorney .wrap { gap: 0 10rem; align-items: flex-start; }

#about-attorney picture { max-width:45rem; border:1px solid var(--Gold1); padding:2.25rem 2rem; }

#about-attorney .text { max-width:44.438rem; padding-top:2.25rem; }

#about-attorney .text .h5 { margin-bottom:1.313rem; }

#about-attorney .text h2 { font-size:var(--px96); line-height:.99em; color:var(--Gold2); margin-bottom:3.313rem; }

#about-attorney .text p { margin-bottom:2.5rem; }

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

.blog-lists { display:flex; flex-wrap:wrap; gap: 5rem 3.938rem; max-width:90.063rem; margin: 0 auto; }

.address-maps { display:flex; flex-wrap:wrap; gap: 2rem; }

.address-maps .item { width:100%; max-width:34.75rem; }

.address-maps .item .h3 { color:var(--Gold1); font-size: var(--px32); line-height: 1.45em; }

.address-maps .item hr { border-color:var(--Gold1); margin: 1.375rem 0 2rem; }

.address-maps .item .map .embed-responsive { height:18.875rem; }

.address-maps .item .map { margin-bottom:2rem; }

.address-maps .item .div-block { padding:1.188rem 1.5rem 2.125rem; background-color: #f0f0f0; }

.address-maps .item .div-block p { text-align:center; margin-bottom: 0; }

.address-maps .item .div-block p br { display:none; }

#bio-page { padding:8.938rem 0 0; }

#bio-page .bio-flex { gap: 0 5.75rem; }

#bio-page .bio-flex article { flex:1; }

#bio-page .bio-flex article p {  }

#bio-page .bio-flex article ol,
#bio-page .bio-flex article ul { margin-bottom: 2.375rem; }

#bio-page .bio-flex article ul ul { margin-bottom:0; }

#bio-page .bio-flex article p + h3 { margin-top:7.125rem; }

#bio-page .bio-flex article .h5 { margin-bottom:1.313rem; }

#bio-page .bio-flex aside { width:100%; max-width:51.688rem; background-color:#f0f0f0; padding:4.188rem 2.813rem; }

#bio-page .bio-flex aside picture { border:1px solid var(--Gold1); margin: 0 auto 6.063rem; padding:1.875rem 1.688rem; max-width:38.188rem; }

#bio-page .bio-flex aside p { margin-bottom: 2.375rem; }

article.the-content p { margin-bottom: 2.375rem; }

aside.pa-side { max-width:34.75rem; background-color:#f0f0f0; padding:6.25rem 0; }

aside.pa-side picture { width:100%; outline: 1px solid var(--Gold1); outline-offset: 1.688rem; margin-bottom: 5.5rem; }

.pa-flex { gap: 0 13.125rem; }

.pa-flex article { flex:1; padding-bottom: 9rem; }

article h2 { font-size:var(--px96); line-height:.99; color:var(--Gold1); margin-bottom:2rem; }

.pa-flex article .h5 { margin-bottom:1.313rem; }

.pa-flex article .wp-block-quote { font-size:var(--px32); font-family:var(--DMSerif); font-style:italic; line-height:1.45em; color: var(--Gold2); margin-top:4rem; }

.pa-flex article .wp-block-quote p { margin:0; }

#pa-page { padding-top:8.75rem; }

aside.pa-side .h5 { margin-bottom:2rem; }

aside.pa-side ul { list-style:none; padding:0; margin: 0 auto; max-width:25.75rem; }

aside.pa-side ul li { margin-bottom:1rem; }

aside.pa-side ul li a { font-size:var(--px20); line-height:1.25em; font-weight:700; text-transform:uppercase; letter-spacing:.18em; background-color:#010101; 
  color:var(--Gold1); 
  display: block;
  padding:  1.5rem 4.8rem; 
  border-radius: 2.75rem;
}

aside.pa-side ul li a:hover,
aside.pa-side ul li a:focus { background-color:var(--Gold1); color:var(--Dark); }

aside.pa-side ul li a span {  }

aside.pa-side .text { padding: 0 1.225rem; }

.testimonials-lists {  }

.testimonials-lists .item { text-align:center; border-bottom: 1px solid var(--Gold1); padding-bottom: 3rem; margin-bottom: 4rem; }

.testimonials-lists .item .h3 { font-size: var(--px32); line-height: 1.3em; margin-bottom: 1.688rem; }

.testimonials-lists .item .qt { margin: 0 auto 2rem; max-width: 35.313rem; }

.testimonials-lists .item .stars { margin: 0 auto 1.688rem; display: block; }

.testimonials-lists .item picture { margin: 0 auto; }

.testimonials-lists .item picture img { display:block; width: 5rem; height: 5rem; border-radius: 100%; margin: 0 auto .5rem; }

.testimonials-lists { margin: auto; max-width:56.25rem; }

.attorneys-list-wrap { display:flex; flex-wrap:wrap; gap: 2rem; justify-content:center; }

.attorneys-list-wrap .item { max-width:25rem; text-align:center; }

.attorneys-list-wrap .item picture { position:relative; position: relative; z-index: 5; padding: 1.25rem 1.125rem; margin-bottom:2.25rem; }

.attorneys-list-wrap .item picture:before { content:''; display:block; inset:0; border: 1px solid var(--Gold1); position: absolute; z-index: -1; 
  transition: 1s; }

/*.attorneys-list-wrap .item picture:after { content:''; display:block; inset:0; border: 1px solid var(--Gold1); position: absolute; z-index: -1; 
  transition: 1s; border-radius:31.25rem; opacity:0; visibility:hidden; }*/

.attorneys-list-wrap .item a:focus picture:before ,
.attorneys-list-wrap .item a:hover picture:before { border-radius:31.25rem; }

/*.attorneys-list-wrap .item a:focus picture:after ,
.attorneys-list-wrap .item a:hover picture:after { opacity:1; visibility:visible; }*/

.attorneys-list-wrap .item a:focus picture img,
.attorneys-list-wrap .item a:hover picture img { border-radius:31.25rem; }

.attorneys-list-wrap .item picture img { aspect-ratio: .894/1; width:100%; height: 25.438rem; object-fit: cover; object-position: center; transition: 1.2s; }

.attorneys-list-wrap .item .h3 { font-size:var(--px32); line-height:1.3em; color:#010101; margin-bottom:0; }

.attorneys-list-wrap .item .sub { font-size:var(--px16); font-weight:700; text-transform:uppercase; letter-spacing:.18rem; color:var(--Gold1); }

.gform_wrapper .hidden_label .gfield_label {
	position: absolute;
	left: -99999px;
	top:auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}


@media ( min-width: 768px ) { 

}

@media ( min-width: 992px ) {

  #bio-page .bio-flex article { padding-bottom:6.25rem; }

  .scroll-effect { overflow:hidden; }

  .navbar-default .container { padding-right:0; }

  .phone-top a { padding-right:0; }

  .blog-slide-wrap .blog-item { position:relative; transition:1.5s; opacity:0; visibility:hidden; }

  .blog-slide-wrap .item-1 { top:22.813rem; }
  .blog-slide-wrap .item-2 { top:17rem; }
  .blog-slide-wrap .item-3 { top:10.625rem; }

  .effect-on .blog-slide-wrap .blog-item { top:0; visibility:visible; opacity:1; }


  #home-testimonials .favicon { top:16.688rem; }

  .testimonials-slide-wrap .item .h3 { top:18rem; }

  .testimonials-slide-wrap .qt { top:18rem; }
  
  .testimonials-slide-wrap .item .stars { top:18rem; }
  
  .testimonials-slide-wrap .item picture { top:11.875rem; }

  .attorneys-slide .item .h3 { transition:1.5s; }

  .testimonials-slide-wrap .item p.author { top:11.875rem; }


  #home-testimonials .black-box,
  #home-testimonials .favicon,
  .testimonials-slide-wrap .text * { transition:1.5s; opacity:0; visibility:hidden; position:relative; }

  .effect-on .testimonials-slide-wrap .item p.author,
  #home-testimonials.effect-on .black-box,
  #home-testimonials.effect-on .favicon,
  .effect-on .testimonials-slide-wrap .text * { opacity:1; visibility:visible; top:0; }
  
  .attorneys-slide .item .btn,
  .attorneys-slide .item p { position: relative; transition:1.5s; left: 28.75rem; }

  .attorneys-slide .item .h3 { position: relative; transition:1.5s; left: 43.5rem; }

  .effect-on .attorneys-slide .item .h3 ,
  .effect-on .attorneys-slide .item .btn,
  .effect-on .attorneys-slide .item p { left:0; }

  #home-banner h2,
  #home-banner .h5 { position:relative; transition:1.5s linear; opacity:0; visibility:hidden; left:-34.688rem; }

  #home-banner p { position:relative; transition:1.5s linear; opacity:0; visibility:hidden; left:-28.5rem; }

  .transition { transition:1.5s linear; position:relative; opacity:0; visibility:hidden; }

  .effect-on .transition { opacity:1; visibility:visible; }

  #home-about .left picture { left:-32.625rem; }
  
  #home-about.effect-on .left picture { left:0; }

  #home-about .right h3,
  #home-about .right p { transition:1.5s linear; position:relative; opacity:0; visibility:hidden; }

  #home-about.effect-on .right h3,
  #home-about.effect-on .right p { opacity:1; visibility:visible; }

  #home-about .right .btn { position:relative; transition:1.5s linear; left: 35.125rem; bottom: 4.875rem; }

  #home-about.effect-on .right .btn { left:0; bottom:0; }

  .home .practice-list .item { transition:1.5s linear; opacity:0; visibility:hidden; position: relative; }

  .home .effect-on .practice-list .item { opacity:1; visibility:visible; }

  .home .practice-list .item-1 { left:-18.375rem; }
  .home .practice-list .item-2 { left:-22.938rem; }
  .home .practice-list .item-3 { right:-22.938rem; }
  .home .practice-list .item-4 { right:-18.375rem; }

  .home .effect-on .practice-list .item-1 ,
  .home .effect-on .practice-list .item-2 { left:0; }

  .home .effect-on .practice-list .item-3 ,
  .home .effect-on .practice-list .item-4 { right:0; }

  .attorneys-slide .item { position:relative; transition:1.5s linear; opacity:0; visibility:hidden; }

  .effect-on .attorneys-slide .item { opacity:1; visibility:visible; }


  #home-about.effect-on .qoute { bottom: -5.5rem; }

  #home-banner.effect-on p,
  #home-banner.effect-on h2,
  #home-banner.effect-on .h5 { opacity:1; visibility:visible; left:0; }

  aside.pa-side picture img { height:38.875rem; }

  #bio-page .bio-flex aside picture img { height:38.875rem; }

  #bio-page .bio-flex aside { padding-right:4.438rem; }

  #pa-page .pa-flex article { margin-left:5.438rem; }
  #bio-page .bio-flex article { margin-left:5.438rem; }

  .pa + #bottom-contact ,
  .bio + #bottom-contact { padding-top:0; }

  .gform_fields,
  .ginput_container--name { display:flex; flex-wrap:wrap; gap:0 1rem; }

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

  .blog-slide-wrap { padding: 0 7.188rem; }
  
  .blog-slide-wrap .controls button { top:11.25rem; }

  .blog-slide-wrap .item { padding: 0 1.938rem; }

  .blog-item .text { padding-left:2.5rem; }

  #home-blog .wrap { max-width:90rem; margin: 0 auto 2.688rem; }

  .testimonials-slide-wrap { padding: 0 10rem; }

  #home-testimonials { margin-top:-8.125rem; }

  #home-testimonials .container { padding: 0 15rem; }

  .s-right { right:0; }
  .s-left { left:0; }

  .testimonials-slide-wrap .controls button { top:6.25rem; }

  .controls button { position:absolute; top:18.125rem;  }

  .attorneys-slide-wrap { position:relative; padding: 0 9.125rem; }

  .attorneys-slide .item .text-block { padding-top:4.438rem; }

  .attorneys-slide .item picture img { width:100%; height:45.813rem; }

  #home-attorneys .wrap { margin: 0 auto 5.875rem; max-width:90rem; }

  #home-attorneys .container { padding: 0 5.875rem; }
  #home-practice .container { padding: 0 5.875rem; }

  #home-about .qoute { position:absolute; bottom:-25.313rem; left:23.938rem; }

  #home-about .right { padding-top:3.688rem; }

  #home-about .container { padding: 0 5.813rem; }

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

  #home-banner .wrap { display:flex; flex-wrap:wrap; align-items:center; min-height:100vh; padding: 11.625rem 0 0; }

  #home-banner .container { padding: 0 13.75rem; }

  #bottom-contact .right { display:flex; flex-wrap:wrap; align-items:flex-end; gap: 0 6rem; }

  #bottom-contact .container { padding: 0 5.875rem; }

  .navbar-default .container { padding-left:5.313rem; }

  #footer .menu { display:flex; flex-wrap:wrap; justify-content:space-between; }

  #footer .container { padding: 0 15.125rem; }

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

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

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

  .main-menu { display:flex; flex-wrap:wrap; gap: 0 3.875rem; border-bottom: 1px solid var(--Gold1); margin-top:2.875rem; }

  .main-menu li { position: relative; }

  .main-menu li a { color:#fff; }

  .main-menu > li:first-child { display:none; }
  
  .main-menu > li { display: inline-block; padding-bottom: 1.125rem; }

  .main-menu > li > a { position:relative; padding-bottom: 0.375rem; display: inline-block; line-height: 1.4em; }

  .main-menu > li > a:hover,
  .main-menu > li > a:focus { color:var(--Gold1); }
  
  .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;
  }

  #bottom-contact .border { padding: 5.375rem 7.025rem 6rem; }

}

@media ( max-width: 991px ) {

  .phone-top { display:none; }

  html { font-size: 16px; }

  body { padding-top: 0; font-size:var(--px18); }
  
  body.mean-container .mean-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 3000; padding-top: 3.75rem; background-color: #010101; }

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

  .logo { position:fixed; top:.625rem; left:.625rem; z-index:3000; margin:0; max-width: 8.75rem; }

  
  #home-practice h2,
  #home-about h2,
  #home-banner h2 { font-size: var(--px40); line-height:1.3em; }

  .attorneys-slide .item .h3,
  #home-about .right h3 { line-height:1.3em; font-size:var(--px32); }

  #home-about .left { margin-bottom:4rem; }

  #home-banner { padding-top: 20rem; }

  #home-about .qoute { margin-top:4rem; }

  #home-blog .wrap span,
  #home-attorneys .wrap span { margin: 2rem 0; }

  .attorneys-slide .item picture { padding:.625rem; margin-bottom:4rem; }

  #home-attorneys { padding-bottom:5rem; background-color:#010101; }

  #home-attorneys .controls { margin-top:2.5rem; }

  #home-testimonials .black-box .border {     padding: 3.688rem 1rem 4.188rem; }

  .btn { letter-spacing:.05em; padding: 1.313rem 2.088rem; }

  .blog-slide-wrap { margin-top:4rem; }

  #home-blog .controls button { stroke:#010101; }

  #home-blog .controls { margin-top:2.5rem; }

  #bottom-contact .border { padding: 5.375rem 1rem 6rem; }

  #bottom-contact .left .address .item { margin-bottom:2.5rem; }

  #bottom-contact .left h2 { font-size:var(--px32); line-height:1.3em; }

  .calendar-form { overflow:auto; }

  #footer .menu { display:none; }

  .footer-mid p { margin: 2.5rem; text-align:center; font-size:var(--px24); }

  #footer { text-align:center; }

  #footer .bottom-links { margin-bottom:2rem; }

  .lfs { justify-content:center; }

  .ui-datepicker { padding:0; }

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

  #page-top-banner { padding: 15rem 0 5rem; min-height:unset; }

  .form-wrap h2,
  article h2,
  #about-attorney .text h2,
  #our-mission .h2,
  .page-title h1 { font-size:var(--px36); line-height:1.3em; }

  #our-mission .h2 { margin-bottom:2.5rem; }

  #about-attorney picture { padding:.625rem; }

  #about-attorney { padding:5rem 0; }

  .pa-flex article .wp-block-quote { font-size:var(--px24); }

  aside.pa-side picture { outline:unset; border: 1px solid var(--Gold1); padding:.625rem; }

  aside.pa-side ul li a { font-size:var(--px16); letter-spacing:.05em; }

  #bio-page .bio-flex aside { padding: 4.188rem 1rem; }

  #bio-page .bio-flex aside picture { padding:.625rem; }

  .blog-item .text h3 { font-size:var(--px22); }

  .address-maps .item .div-block { padding:.625rem 0 2rem; }

}

@media ( max-width: 767px ) {

}