/*
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: LibreBaskerville; src: url('fonts/LibreBaskerville-Regular.ttf') format("truetype"); font-weight: normal; }
@font-face { font-family: LibreBaskerville; src: url('fonts/LibreBaskerville-Italic.ttf') format("truetype"); font-weight: normal; font-style:italic; }
@font-face { font-family: LibreBaskerville; src: url('fonts/LibreBaskerville-Bold.ttf') format("truetype"); font-weight: 700; }



: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;
  --px70: 4.375rem;
  --px72: 4.5rem;
  --px90: 5.625rem;
  --px92: 5.75rem;
  --px95: 5.938rem;
  --px100: 6.25rem;
  --px120: 7.5rem;
  --px126: 7.875rem;


  --NewsGothic: 'news-gothic-std', sans-serif;
  --PlayfairDisplay: 'playfair-display', serif;
  --montserrat: "montserrat", sans-serif;
  --LibreBaskerville: "LibreBaskerville", serif;
  

  /*COLOR*/
  --Black: #000;
  --Dark: #111;
  --Red: #AA2B3D;
  --Blue: #006FFF;
  --Biege: #E8D8BA;

  --GoldGradient: linear-gradient(262.2deg, #CAB481 0%, #765D35 100%);


  --BorderColor: rgba(232,216,186,.2);
}


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

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

body { padding: 0; margin: 0; font-size: var(--px24); font-family:var(--montserrat); font-weight:400; line-height:1.6; color: #fff; background-color:#111; }

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(--LibreBaskerville); font-weight: normal; }

h2, .h2 { display: block; font-size: var(--px70); font-family: var(--LibreBaskerville); font-weight: normal; line-height: 1.2em; }

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

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

h5, .h5 { display: block; font-size: var(--px20); line-height: 1.5; text-transform: uppercase; font-weight: 700; color:#E6D6B9; }

h6, .h6 { display: block; }

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

svg { fill:inherit; stroke:inherit; display: block;}

picture { display:block; }

[width="11"] { width:0.688rem; }
[width="13"] { width:0.813rem; }
[width="18"] { width:1.175rem; }
[width="20"] { width:1.25rem; }
[width="21"] { width:1.313rem; }
[width="22"] { width:1.375rem; }
[width="25"] { width:1.563rem; }
[width="30"] { width:1.875rem; }
[width="31"] { width:1.938rem; }
[width="42"] { width:2.625rem; }
[width="160"] { width:10rem; }

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

#footer { font-size:var(--px16); line-height:1.5em; letter-spacing:.05em; border-top: 1px solid var(--BorderColor); padding: 3.313rem 0 3.688rem; }

#footer a { color:#fff; }

#footer a:hover,
#footer a:focus { color:#CAB481; }

.bottom-links {  }

.bottom-links p { display:flex; flex-wrap:wrap; justify-content:center; gap: 0 1.25rem; }

.lfs { background-image: var(--GoldGradient);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 }

.lfs a {  }

.footer-logo { 
  display:inline-flex; 
/*  max-width:34.125rem; */
  max-width: 27.125rem;
}

.quick-menu ul {
  list-style-type: none;
  padding-left: 0;
}
.quick-menu ul li a {
  color: #fff;
}

#bottom-details {  }

#bottom-details .container { padding: 4.688rem 0 3.313rem; }

#bottom-details .wrap { justify-content:flex-end; gap: 0 6.75rem; align-items:flex-start; }

#bottom-details .div-block {  }

#bottom-details .div-block .h5 { margin-bottom:2.125rem; }

#bottom-details .div-block p { margin-bottom:1.25rem; }

#bottom-details .div-block p a { background-image: var(--GoldGradient); position: relative; display: inline-block;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}
#bottom-details .div-block p a.no-underline {
  text-decoration: none;
  color: #fff;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset; 
  background: transparent;
}
#bottom-details .div-block p a.no-underline:hover{
	background-image: var(--GoldGradient);
}


#bottom-details .div-block p a:after { display:block; width:100%; height:1px; background: var(--GoldGradient); content:''; transition:.5s; }

#bottom-details .div-block p a.no-underline:after {
  display: none;
}
#bottom-details .div-block p a:hover,
#bottom-details .div-block p a:focus { background-image:linear-gradient(262.2deg, #fff 0%, #fff 100%); }

/* 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); text-transform: uppercase; font-weight: 500; letter-spacing:.05em; line-height: 1.222em; }

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

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

a.button { display:inline-flex; text-align:center; gap: 0.688rem; background-color:#fff; justify-content:center; color:var(--Black); font-weight:700; min-height:3.625rem; align-items:center; padding: 0 2.25rem; 
  font-size: var(--px18); line-height:1.3333; fill: var(--Black); }

a.button:hover,
a.button:focus { background-color:#111; color:#fff; fill:#fff; }

#scroll-nav { position:fixed; top:0; left:0; width:100%; transition:.8s; z-index:3000; top: -20rem; border-bottom: 1px solid var(--BorderColor); }

#scroll-nav.active { top:0; }

#scroll-nav .main-menu > li.logo-img a { width:21.459rem; height:8.25rem; }

#scroll-nav .navbar-default { background-color:#111; }



/* 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 { border-bottom:1px solid var(--BorderColor); background-image: url('assets/images/main-banner-bg.jpg'); 
  background-size: cover; 
  background-position: center; 
  position: relative;
  z-index: 5;
}

#home-banner:after {
  content: '';
  display: block;
  height: 31.75rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, #111111 73%);
}

#home-banner .container { position:relative; }

#home-banner .container .div-block { padding: 7.5rem 0 8.563rem; }

.sub { display:inline-flex; align-items:center; font-size:var(--px24); text-transform:uppercase; color: #fff; position: relative; z-index: 5; line-height:1.208em;
   letter-spacing:.05em; text-align: center; justify-content: center; color: #E6D6B9; padding: 0.813rem; }

#home-banner .sub { margin-bottom:2.5rem; }

#home-banner h1 { font-size:var(--px120); line-height:1.122em; margin-bottom: 2.5rem; }

#attorneys .text-block h2 em,
h2 em, .h2 em,
#home-banner h1 em { display:inline-block; width: 100%; 
  background-image: var(--GoldGradient);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#home-banner .div-block { font-size:var(--px24); line-height:1.6em; text-align:center; }

#home-banner p { margin: 0 auto 2.5rem; max-width: 59.625rem; }

.button { display:inline-flex; position:relative; text-align: center; z-index: 5; margin-top: 1.25rem;}

.button:before { content:''; display:block; position:absolute; z-index: -1;
  border: 4px solid transparent;
  background: linear-gradient(135deg,rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, .0) 100%) border-box;
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  top: -1rem;
  bottom: -1rem;
  left: 1rem;
  right: 1rem;
  transition: .6s;
 }

.button:focus:before ,
.button:hover:before { top:0; left:0; bottom:0; right:0; }

.button a { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position:relative; z-index:5; gap: 1.625rem; font-size: var(--px18); position: relative;
  font-weight: 700; line-height: 1.6em; text-transform: uppercase; color:#fff; background: linear-gradient(93.56deg, #B72325 -4.79%, #660608 104.58%); z-index: 5;
  padding: 0 2.438rem; min-height: 5.875rem; fill: var(--Biege); }

.button a:hover,
.button a:focus { fill:var(--Dark); color:var(--Dark); }

.button a:before { content:''; display:block; position:absolute; inset:0; background: linear-gradient(262.2deg, #CAB481 0%, #765D35 100%); transition:.5s; opacity:0; z-index:-1; }

.button a:focus:before ,
.button a:hover:before { opacity:1; }

.button a span { flex:1; }

#why-choose-us { border-bottom:1px solid var(--BorderColor); }

#why-choose-us .wrap { padding: 6.25rem 0; gap: 0 6.375rem; }


#why-choose-us .div-block { max-width:42.125rem; }

#why-choose-us .div-block .sub { margin-bottom:2.5rem; }

#why-choose-us .div-block h2 { margin-bottom:5.5rem; }

#why-choose-us .div-block p {  }

#why-choose-us .div-block p + picture { margin-top:3.063rem; max-width:42.125rem; }

#why-choose-us .div-block ul { max-width:36.813rem; }

#why-choose-us .div-block ul li + li { margin-top:2.313rem; }

#why-choose-us .div-block + .div-block { flex:1; }

#why-choose-us .button a span { text-align:left; padding: 0 4.375rem; }

#why-choose-us .button { max-width:38.438rem; margin-top:2.625rem; }

#attorneys { border-bottom:1px solid var(--BorderColor); }

#attorneys .wrap { padding: 6.25rem 0; gap: 0 5.838rem; }

#attorneys .text-block { max-width:42.125rem; }

#attorneys .text-block .sub { margin-bottom:2.5rem; }

#attorneys .text-block h2 { margin-bottom:2.5rem; }

#attorneys .text-block h2 em { width:auto; }

#attorneys .text-block p { margin-bottom:2.5rem; }

#attorneys .text-block .button a span { padding: 0 6rem; text-align:left; display:inline-block; }

#attorneys .div-block { max-width:42.688rem; width:100%; padding-top: 6.938rem; }

#attorneys .div-block .video { height:24.688rem; width:100%; position: relative; display: block; content: ''; margin-bottom: 3.438rem; }

.video-background { width:100%; position:absolute; height: 100%; object-fit: cover; object-position: center; top: 0; left: 0; }

.attorney-slide-wrap {  }

.attorney-slide-wrap .item-box { font-size:var(--px16); line-height:1.25em; letter-spacing:.05em; border: 1px solid rgba(255,255,255,.2); }

.attorney-slide-wrap .item-box .name { display: flex; text-align:center; flex-wrap:wrap; justify-content:center; border-bottom: 1px solid rgba(255,255,255,.2); 
  gap: 0 0.938rem; align-items: center; padding: 1rem 0;}

.attorney-slide-wrap .item-box .name strong { display:inline-block; font-size:var(--px24); line-height:1.208em; letter-spacing: unset;}

.attorney-slide-wrap .item-box .name .flex {  }

.attorney-slide-wrap .item-box .phone { border-right: 1px solid rgba(255,255,255,.2); flex:1; padding: 1rem 1.688rem; display: flex; flex-wrap: wrap; align-items: center; 
  gap: 1.25rem; }

.attorney-slide-wrap .item-box .phone a { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; color: #fff; }

.attorney-slide-wrap .item-box .phone a:hover,
.attorney-slide-wrap .item-box .phone a:focus { color:var(--Biege); }

.atty-socials { flex:1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1.438rem; }

.atty-socials a { 
  background-image: var(--GoldGradient);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.atty-socials a:hover ,
.atty-socials a:focus { opacity:.3; }

#attorneys .controls { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-top:6.563rem; }

.controls .arrows { display:flex; flex-wrap:wrap; align-items:center; gap: 0 6.125rem; }

.controls .arrows button { display:block; padding:0; border: none; background-color:transparent; opacity:.2; }

.controls .arrows button:hover,
.controls .arrows button:focus { opacity:1; }

.slick-dots { list-style:none; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap: 1rem; margin: 0; align-items: center; }

.slick-dots li { display:flex; flex-wrap:wrap; align-items:center; }

.slick-dots li button { text-indent:-9999em; width:.5rem; height:.5rem; background:#fff; border: none; border-radius:100%; padding:0; }

.slick-dots li.slick-active button { background: linear-gradient(262.2deg, #CAB481 0%, #765D35 100%); }

.controls .count { width:9.25rem; text-align:right; display: none; }

#practice-areas { border-bottom:1px solid var(--BorderColor); }

#practice-areas .wrap { padding: 6.25rem 0; }

#practice-areas .sub { margin-bottom:2.5rem; }

#practice-areas h2 { margin-bottom:2.5rem; }

#practice-areas h2 em { width:auto; }

#practice-areas h2 + p { margin: 0 auto 2.5rem; max-width:38.438rem; }

.practice-list { display:flex; flex-wrap:wrap; gap: 2.43rem; margin-bottom:2.5rem; text-align:center; }

.practice-list .item { width:100%; padding: 4rem 2.375rem 3rem; position:relative; z-index:5; font-size: var(--px18); line-height: 1.6em; }

.practice-list .item .bg { content:''; display:block; position: absolute; transition: .5s; background-size: cover; background-position: center; z-index: -1; opacity: 0; visibility: hidden; top: 1px; 
  left: 1px; right: 1px; bottom: 1px; } 

.practice-list .item:hover .bg,
.practice-list .item:focus .bg { opacity:1; visibility:visible; }

.practice-list .item:before { content:''; position:absolute; inset:0; z-index:-1; display:block; 
  border: 1px solid transparent;
    background: linear-gradient(225deg,rgba(202, 180, 129, 1) 0%, rgba(118, 93, 53, 1) 100%) border-box;
    -webkit-mask:
      linear-gradient(#000 0 0) padding-box,
      linear-gradient(#000 0 0) border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;}

.practice-list .item .icon { display:block; margin: 0 auto 3.125rem; max-width: 8.063rem; }

.practice-list .item h3 { font-family:var(--montserrat); font-size:var(--px30); line-height:1.2333; font-weight:700; margin-bottom:1.875rem; }

.practice-list .item h3 a { background-image:unset; color:#fff; -webkit-text-fill-color: unset; }

.practice-list .item p { margin-bottom:1.875rem; }

.practice-list .item a { font-weight:700; display:inline-flex; align-items:center; justify-content:center; background-image: var(--GoldGradient);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    gap: 1.25rem;
}

.practice-list .item a:hover,
.practice-list .item a:focus { background-image: linear-gradient(262.2deg, #fff 0%, #fff 100%); }

#process {  }

#process .wrap  { position:relative; z-index:5; }

#process .div-block { background-color:#E8D8BA; padding: 4.375rem 4.563rem 4.375rem; color:var(--Dark); }

#process .div-block .flex { align-items:center; justify-content:space-between; }

#process .div-block .flex .button { max-width:38.375rem; }

#process .div-block .flex .button a {  }

#process .div-block .flex .button a span { padding:0 3.125rem;text-align:left; }

.steps { display:flex; flex-wrap:wrap; gap: 0 5rem; margin-top: 3.125rem; }

.steps .item { flex:1; font-size: var(--px18); }

.steps .item .sub { color:var(--Dark); margin-bottom:1.875rem; font-size:var(--px18); padding: .5rem 1.688rem; font-weight:700; }

.steps .item h3 { font-family:var(--montserrat); font-size:var(--px30); line-height:1.2333em; border-bottom: 1px solid var(--Dark); font-weight: 700; 
  margin-bottom:1.875rem; padding-bottom:1.875rem; }

#testimonials { font-size:var(--px18); }

#testimonials .wrap { padding: 6.25rem 0; }

#testimonials .sub { margin-bottom:2.5rem; }

#testimonials h2 { margin-bottom:2.5rem; }

#testimonials h2 em { width:auto; }

.testimonials-slide-wrap { font-size:var(--px16); margin-top:6.25rem; position:relative; }

.testimonials-slide-wrap .item {}

.testimonials-slide-wrap .item .text {}

.testimonials-slide-wrap .item .text p { margin-bottom:3.125rem; }

.testimonials-slide-wrap .item .text p.name { text-transform:uppercase; letter-spacing:.05em; }

.testimonials-slide-wrap .item .stars { max-width:10rem; margin: 0 auto 3.125rem; }

#testimonials .div-block { padding:4.375rem 2.813rem 7.313rem; background: linear-gradient(211.39deg, rgba(202, 180, 129, 0) 18.95%, rgba(118, 93, 53, 0.2) 81.05%); }

#testimonials .slick-dots { margin-bottom:2.5rem; }

#testimonials .slick-dots li.slick-active button { background: linear-gradient(93.56deg, #B72325 -4.79%, #660608 104.58%); }

/* CONTACT FORM
=================================*/
.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:rgba(17,17,17,0.1); color: var(--Black); padding: 3.45rem 3.625rem 4.575rem; font-size:var(--px24); }

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

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

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

.gfield label.gfield_label { font-weight:700; color:var(--Dark); margin-bottom:.5rem; }

.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 rgba(0,0,0,.3); border-radius: 0; line-height: 1.333em; padding: 0.719rem 1.75rem; }

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

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


.acf-block-preview { background-color:var(--Dark); color:#fff; }

#inner-page { border: 1px solid var(--BorderColor); position:relative; z-index:100; }

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

article.the-content {  }

article.the-content h1 { margin-bottom:2.5rem; font-size: var(--px70); }

article.the-content h2 { margin-bottom:2.5rem; }

article.the-content h3 { margin-bottom:2.5rem; }

article.the-content h4 { margin-bottom:2.5rem; }

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

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

article.the-content p a,
article.the-content ul a { color:#fff; }

article.the-content p a:hover,
article.the-content p a:focus,
article.the-content ul a:focus,
article.the-content ul a:hover { color:var(--Biege); }

article.the-content ol ul,
article.the-content ol ol,
article.the-content ul ul,
article.the-content ul ol { margin-bottom:0; }

#testimonials .arrows button { opacity:1; }

#testimonials .arrows button:focus ,
#testimonials .arrows button:hover { opacity:.5; }

@media ( min-width: 768px ) { 

}

@media ( min-width: 992px ) {

  #attorneys .float-div-left .div-block { float:left; margin-right: 5.838rem; }
  
  #attorneys .float-div-left .text-block { width:auto; max-width:unset; }

  #inner-page .container { padding-top:20.275rem; }
  
  #home-banner .wrap { padding-top:26.275rem; }

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

  #header .container::before,
  #header .container::after { display:none; }

  .attorney-slide-wrap .item { padding: 0 1px; }

  #testimonials .button { max-width:38.375rem; }

  #testimonials .button span { text-align:left; padding: 0 3.25rem; }

  #attorneys { position:relative; z-index:10; }
  #practice-areas,
  #why-choose-us { position:relative; z-index: 5; }

  #why-choose-us:before { position:absolute; top:0; right:0; content:''; display:block; width:63.938rem; height:99.25rem; z-index:-1; 
    background-image:url('assets/images/mid-right-red-gradient.png'); background-size: cover; background-position: center; }

  #practice-areas:before { position:absolute; top:-24rem; left:0; content:''; display:block; width:38rem; height:74rem; z-index:-1; 
    background-image:url('assets/images/bottom-right-circle-2.png'); background-size: cover; background-position: center; }

  #testimonials .arrows button { position:absolute; top:25%; }

  #testimonials .arrows button:nth-child(1) { left:0; }
  #testimonials .arrows button:nth-child(2) { right:0; }

  .slick-list { margin: 0 -0.938rem; }

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

  .testimonials-slide-wrap { padding: 0 5rem; position:relative; }

  #process .grad { container:''; top:6.688rem; left:7.25rem; right:7.25rem; bottom:6.688rem; display: block; z-index: -2; 
    background-image: url('assets/images/red-gradient.png');
    background-size: cover;
    background-position: center top;
    position: absolute;
  } 

  #testimonials .wrap { padding: 6.25rem 7.188rem 0; max-width:unset; }

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

  .practice-list .item { flex: 1 1 calc(33% - 2.43rem ); }

  #why-choose-us .div-block:nth-child(1) { padding-top:2.3rem; }

  .footer-logo { margin-right:auto; }

  .navbar-default .container { padding:3.125rem 0; }

  .navbar-default .wrap { max-width:unset; padding-left:7.2rem; padding-right:7.2rem; }
  
  .border-sides .container:before,
  .border-sides .container:after,
  .navbar-default .container:before ,
  .navbar-default .container:after { content:''; background-color:var(--BorderColor); display:block; position:absolute; }

  .border-sides .container:before,
  .navbar-default .container:before { width:1px; top:0; bottom:0; left:7.188rem; }

  .border-sides .container:after,
  .navbar-default .container:after { width:1px; top:0; bottom:0; right:7.188rem; }

  .main-menu > li.logo-img a { display:block; width:30.563rem; height:11.75rem; container:''; text-indent: -9999em; 
  background-image: url('assets/images/site-logo.png'); background-size: cover; background-position: center; }

 .logo { display:none; }

  .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; position:relative; }

  .wrap { margin: 0 auto; max-width:90.75rem; width: 100%; }

  .main-menu { display:flex; flex-wrap:wrap; gap: 0 1rem; flex: 1; justify-content: space-between; align-items: center; }

  .main-menu li { position: relative;  }

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

  .main-menu > li:nth-child(2),
  .main-menu > li:nth-child(3),
  .main-menu > li:nth-child(4) { order:1; }

  .main-menu > li.logo-img { order:2; margin: 0 2rem; }

  #scroll-nav .main-menu > li.logo-img { margin: 0 6rem; }

  .main-menu > li > a { position:relative; }

  .main-menu > li > a:hover,
  .main-menu > li > a:focus { color:#CAB481; }
  
  .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 ) {
	.atty-socials{
		justify-content:center !important;
	}

  #scroll-nav { display:none !important; }

  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:#000; }

  body.mean-container.admin-bar .mean-bar { top: 32px; }
  
  body.mean-container .mean-nav { background-color:#000; }

  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:0; left:0; z-index:3000; max-width: 16rem; }

  #home-banner .container .div-block { padding:12.5rem 0 5.563rem; }

  #home-banner h1 { font-size:var(--px40); }

  .button a { gap: 1.025rem; padding: .5rem 1.238rem;}

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

  body { font-size:var(--px18); }

  #why-choose-us .button a span { padding:0; }

  .button { width:100%; }

  #why-choose-us .div-block + .div-block { margin-top:5rem; }

  #attorneys .div-block .video { height: 15.688rem; }

  .attorney-slide-wrap .item-box .atty-socials { border-top:1px solid var(--BorderColor); padding: 1rem .5rem;   }

  .attorney-slide-wrap .item-box .name { padding: 1rem .5rem; }

  .attorney-slide-wrap .item-box .name strong { font-size:var(--px20); }

  #attorneys .controls { display:block; }

  .controls .arrows { justify-content:center; }

  #attorneys .controls { margin:2.5rem 0; }

  #attorneys .controls .dots { margin:1rem 0; }

  #process .div-block { padding: 4.375rem 1.263rem 4.375rem; }

  #attorneys .text-block .button a span,
  #process .div-block .flex .button a span { padding:0; }

  .button a { font-size:var(--px16); }

  .sub { font-size:var(--px20); }

  .steps .item h3,
  .practice-list .item h3 { font-size:var(--px26); }

  #process h2 { margin-bottom:2.5rem; }

  .steps .item + .item { margin-top:2.5rem; }

  #testimonials .div-block { padding: 4.375rem 1.03rem 7.313rem; }

  .testimonials-slide-wrap { margin-bottom:3rem; }

  #footer { text-align:center; }

  #footer * { justify-content:center; }

  #bottom-details .container { padding: 4.688rem 15px 3.313rem; }

  #bottom-details { text-align:center; }

  #bottom-details .div-block { margin-top:2.5rem; }

  .bottom-links { margin:2.5rem 0; }

  #attorneys { text-align:center; }

  #attorneys .div-block { padding-top:0; }


}

@media ( max-width: 767px ) {

}