/*
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/zre2miw.css");

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


  --Satoshi: 'Satoshi';

  --Avenir: "avenir-next-lt-pro", sans-serif;
  

  /*COLOR*/
  --Black: #111;
  --Dark: rgba(17, 17, 17, 0.8);
  --Red: #AA2B3D;
  --Blue: #163D63;
  --OffWhite: #E6E6E6;
  --LightBlue: #F0F7FE;
}


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

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

body { padding: 0; margin: 0; font-size: var(--px24); font-family:var(--Avenir); font-weight:normal; line-height:1.6; color: var(--Blue); }

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(--px70); line-height: 1.2em; }

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

h3, .h3 { display: block; font-size: var(--px45); line-height: 1.31em; }

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(--px26); line-height: 1.31; font-weight: 700; text-transform: uppercase; letter-spacing: .17em; margin-bottom: 1.5rem;
}

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="18"] { width:1.175rem; }
[width="20"] { width:1.25rem; }
[width="22"] { width:1.375rem; }
[width="24"] { width:1.5rem; }

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

#footer { 
  background-color: #f5f5f5; font-size: var(--px16); line-height: 1.44; color: var(--Blue); padding: 2.875rem 0;
}
#footer .flex {
  gap: 0 1.188rem;
}
.bottom-links p {
  display: flex; flex-wrap:wrap; gap: 0.563rem; justify-content: center;
}
#footer a {
  color: var(--Blue);
}

#company-info {
  padding: 4.5rem 0 3.25rem; font-size: var(--px16); line-height: 1.44; color: var(--Blue);
}
#company-info .wrap {
  justify-content: space-between;
}
#company-info .div-block {
  margin-bottom: 1.5rem;
}
#company-info .footer-logo {
  display: inline-block; max-width: 27.313rem;
}
#company-info p {
  margin-bottom: 0.563rem;
}
#company-info .footer-heading {
  font-size: var(--px26); line-height: 1.31; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; margin-bottom: 2.813rem;
}
#company-info a {
  color: var(--Blue);
}

/* HEADER
=================================*/
.navbar-default { border-radius: 0; margin: 0; min-height: 0; background-color: var(--Blue); color: #fff; border: none; padding: 2.438rem 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: 700; }

.logo { display: inline-block; vertical-align: top; max-width: 20.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; font-size: var(--px18); line-height:1.31; letter-spacing: .02em; border: 1px solid var(--Blue);
  padding: 1.188rem 3.875rem; color: var(--Blue); border-radius: 4rem;
 }

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

.btn.wht {
  border: 1px solid #fff; color: #fff;
}
.btn.wht:hover,
.btn.wht:focus { background-color: #fff; color: var(--Blue); border-color: #fff; }

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

.form-wrap { margin: 0; font-size: var(--px18); line-height: 1.222em; }

.form-wrap h2 { }

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

.gform_fields { margin: 0; }

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

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

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

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

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

.form-wrap label ,
.gfield label.gfield_label { display: block; margin-bottom: 0.688rem; }

.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: none; border-radius: 0; line-height: 1.222em; 
  padding: 1.063rem 1.5rem 1.313rem; }

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

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

.form-wrap .btn { background-color: transparent; color: #fff; border-color: #fff; }

.form-wrap .btn:hover,
.form-wrap .btn:focus { background-color: var(--Blue); color: #fff; border-color: var(--Blue); }

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:25.75rem 0 7.063rem; 
  background-image: url('./assets/images/home-banner.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;
}

#home-banner .sub-heading { }

#home-banner .h2 {
  margin-top: 1.5rem; max-width: 70rem; font-weight: 700;
}

#home-banner p { margin-top: 4.438rem; }

#about-section {
  padding: 7.5rem 0; color: var(--Blue);
}
#about-section .heading-block {
  gap: 0 4.25rem; align-items: flex-start;
}
#about-section .heading-block .img-icon {
  max-width: 10.25rem;
}
#about-section .heading-block .text-block {
  flex: 1; color: var(--Blue); margin-bottom: 5.688rem;
}
#about-section .heading-block .text-block h2 {
  font-size: var(--px45); line-height: 1.31em; font-weight: 800; text-transform: uppercase; color: var(--Blue); margin-bottom: 0.688rem;
}
#about-section .heading-block .text-block p {
  max-width: 71.875rem;
}
#about-section .content-block {
  align-items: center; gap: 0 7.125rem
}
#about-section .content-block picture {
  max-width: 53.375rem;
}
#about-section .content-block .text-block {
  flex: 1; max-width: 39.625rem;
}
#about-section .content-block .text-block p + p {
  margin-top: 2rem;
}
#about-section strong { font-weight: 800; }

#practice-areas-slider {
  padding-top: 4.875rem;
}
.home #practice-areas-slider {
  background-color: #E6E6E6;
}
#practice-areas-slider .wrap {
  align-items: center; justify-content: space-between; gap: 4.688rem;
}

#practice-areas-slider .h3 {
  order: 1; font-weight: 800; text-transform: uppercase;
}
#practice-areas-slider .btn {
order: 2;
}
#practice-areas-slider .practice-areas-wrapper {
  order: 3; width: 100%; background-color: var(--Blue);
}
.practice-areas-wrapper .pa-block {
  width: 100%; max-width: 24rem; text-align: center; background-color: var(--Blue);
}
.practice-areas-wrapper .pa-block a {
  display: flex; flex-wrap:wrap; gap: 0 1.25rem; justify-content: center; align-items: center; min-height: 37.688rem; color: #fff;
}
.practice-areas-wrapper .pa-block a:hover,
.practice-areas-wrapper .pa-block a:focus {
  background-color: rgba(0,0,0,0.2);
}
.practice-areas-wrapper .pa-block a span {
  font-size: var(--px40); line-height: 1.44; font-weight: 800; text-transform: uppercase; padding: 0 ;
}
.practice-areas-wrapper .pa-block.odd {
  background-image: url('./assets/images/noise-blue.jpg');
}

#people-section {
  padding: 4.438rem 0;
}
#people-section .h3 {
  margin-bottom: 2.5rem; font-weight: 800; text-transform: uppercase;
}
#people-section .flex {
  align-items: flex-start;
}
#people-section p {
  max-width: 71.563rem;
}

#attorney-search {
  padding: 5rem 0; background-color: var(--Blue); color: #fff;
}
#attorney-search .heading-block {
  gap: 0 2.625rem; align-items: center; margin-bottom: 6.688rem; font-size: var(--px18); line-height: 1.44;
}
#attorney-search .heading-block .img-icon {
  max-width: 4.688rem;
}
#attorney-search .heading-block p {
  max-width: 25.375rem;
}
#attorney-search-form {
  display: flex; flex-wrap:wrap; gap: 0 1.125rem;

  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--Blue);
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: var(--Blue);
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: var(--Blue);
  }
  :-moz-placeholder { /* Firefox 18- */
    color: var(--Blue);
  }
}
#attorney-search-form .form-group { width: 100%; max-width: 20.188rem; }

#attorney-search-form .form-group label {
  display: block; font-size: var(--px18); line-height: 1.44; letter-spacing: .02em; margin-bottom: 1.188rem;
}
#attorney-search-form .form-group:nth-child(1) { flex: 1; max-width: 42.375rem; }

#attorney-search-form input {
  font-size: var(--px18); line-height: 1.44; display: block; width: 100%; border: none; border-radius: 0; background-color: #fff;
  box-sizing: border-box; padding: 1.188rem 2rem; color: var(--Blue);
}
#attorney-search-form select {
  font-size: var(--px18); line-height: 1.44; display: block; width: 100%; border: none; border-radius: 0; background-color: #fff;
  box-sizing: border-box; padding: 1.188rem 2rem; height: 4rem; max-width: 20.188rem; color: var(--Blue);
} 
#attorney-search-form .btn {
  background-color: transparent; color: #fff; border-color: #fff; margin-left: auto;
}

#attorney-search-form .btn:hover,
#attorney-search-form .btn:focus {
  background-color: #fff; color: var(--Blue); border-color: #fff;
}

.presentation-item {
  width: 100%; max-width: 27.563rem; background-color: #fff; color: var(--Blue); padding: 3.625rem 2.125rem 2.938rem; font-size: var(--px16); 
  line-height: 1.6; min-height: 29.625rem;
}
.presentation-item h2 {
  font-size: var(--px36); line-height: 1.33; font-weight: normal; margin-bottom: 1.438rem;
 }

.presentation-item h2 a { color: var(--Blue); }

.presentation-item .status { 
  display: block; content: ''; min-height: 2rem; margin-bottom: 0.875rem;
}

.presentation-item .status span {
  display: inline-flex; vertical-align: top; font-size: var(--px15); line-height: 1.4; font-weight: 700; text-transform: uppercase; color: #7291BF;
  background-color: var(--Blue); color: #fff; padding: 0.375rem 0.625rem 0.188rem; 
}
.presentation-item .status span:empty { display: none; }

.presentation-item .text {
  max-width: 21.5rem; margin-bottom: 1.688rem; height: 6.5rem;
}
.presentation-item .text + a {
  font-size: var(--px15); line-height: 1.4; display: inline-flex; align-items: center; gap: 0 0.5rem; color: #7291BF; fill: #7291BF;
  font-weight: 700; text-transform: uppercase;
}

.presentation-item p {
  line-clamp: 4; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
}

#presentation-slide-section {
  background-color: #F0F7FE; padding: 6.25rem 0;
}
#presentation-slide-section .wrap {
  justify-content: space-between; align-items: center; gap: 6rem 2rem;
}
#presentation-slide-section .wrap > h2 {
  font-weight: 800; text-transform: uppercase;
}
#presentation-slide-section .btn {
  order: 2; 
}
#presentation-slide-section h2 {
  order: 1;
}

.presentation-slide-wrapper {
  order: 3; width: 100%;
}
.presentation-slide-wrapper .bottom-wrapper {
  display: flex; flex-wrap:wrap; gap: 2.5rem; justify-content: space-between; align-items: center; margin-top: 2.5rem;
}

.presentation-slide-wrapper .bottom-wrapper .progress-bar {
  flex: 1; background-color: #fff; height: 0.5rem; border-radius: .5rem; overflow: hidden;
}
.presentation-slide-wrapper .bottom-wrapper .progress-bar .progress-line {
  width: 0; height: 0.5rem; background-color: var(--Blue); display: block; transition: width .5s; border-radius: .5rem;
}

.controls { display: flex; flex-wrap:wrap; gap: 0 1.125rem; justify-content: center; align-items: center; }
.controls button {
  width: 4.625rem; height: 4.625rem; display: inline-flex; align-items: center; justify-content: center; 
  background-color: var(--Blue); border: none; cursor: pointer; border-radius: 100%; color: #fff; fill: #fff;
}


.progress-bar { width: 100%; height: 0.125rem; background-color: #7291BF; }

#page-top-banner {
  margin-top: 10.5rem; background-color: var(--Blue); color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat;
  background-image: url('./assets/images/banner-default.jpg');
}

.page-title {
  display: flex; flex-wrap:wrap; gap: 0 1.125rem; justify-content: center; align-items: center; min-height: 31.875rem;
}
.page-title .h1 {
  text-transform: uppercase; font-weight: 700; 
}

#practice-areas-single {
  padding: 5rem 0; background-color: #F0F7FE;
}
#practice-areas-single .wrap {
  position: relative;
}
.back-btn {
  width: 4.625rem; height: 4.625rem; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 3.125rem;
  border: 1px solid var(--Blue); cursor: pointer; border-radius: 100%; color: var(--Blue); fill: var(--Blue);
}
.back-btn:hover,
.back-btn:focus {
  background-color: var(--Blue); fill: #fff; color: #fff;
}
#practice-areas-single h1 {
  text-transform: uppercase; font-weight: 800;
}

.practice-areas-single-content {
  flex: 1; max-width: 53.813rem;
}
.practice-areas-single-content hr {
  margin: 2.188rem 0; border-color: #000; opacity: 0.2;
}
.practice-areas-single-content .img-placeholder {
  min-height: 44rem; content: ''; display: block; background-image: url('./assets/images/blue-noise.jpg'); 
}
.practice-areas-single-content .img-placeholder img {
  width: 100%; object-fit: cover; object-position: center;
}
.practice-areas-single-content h2.h3 {
  margin-bottom: 1.25rem
}
.practice-areas-single-content h3 {
  margin-bottom: 2.188rem;
}
.practice-areas-single-content h3 strong { font-weight: 800; }

.practice-areas-single-content p {
  margin-bottom: 1.25rem;
}
.practice-areas-single-content p strong { font-weight: 700; }

.card {
  border: none; border-radius: 0; background-color: transparent;
}

.card hr {
  border-color: #000; opacity: 0.2; margin: 1.25rem 0;
}

.card-header {
  padding: 0; border: none; background-color: transparent;
}
.card-header a {
  display: flex; flex-wrap:wrap; gap: 0 1.125rem; justify-content: space-between; align-items: center; color: var(--Blue);
}
.card-header a[aria-expanded="true"] .icon {
  border-color: #7291BF; background-color: #7291BF; fill: #fff; color: #fff;
}
.card-header a[aria-expanded="true"] .icon i:before {
  content: "\f068";
}
.card-header a .h3 {
  flex: 1; font-size: var(--px35); font-weight: 700;
}
.card-header a .icon {
  display: flex; flex-wrap:wrap; gap: 0 1.125rem; justify-content: center; align-items: center; width: 4.5rem; height: 4.5rem;
  border: 1px solid var(--Blue); border-radius: 100%; fill: var(--Blue); color: var(--Blue);
}
.card-body {
  padding: 0; border: none; background-color: transparent;
}
.card-body .text {
  padding: 0 0 1.25rem; border-bottom: 1px solid rgba(0,0,0,0.2);
}

.card + .card {
  margin-top: 3.125rem;
}

#practice-areas-single-sidebar {
  background-color: #fff; color: var(--Blue); padding: 6.25rem 9.875rem 6.25rem; width: 100%; max-width: 48.313rem;
}

#practice-areas-single-sidebar .h3 {
  font-weight: 800; text-transform: uppercase; margin-bottom: 3.125rem;
}
#practice-areas-single-sidebar ul {
  list-style: none; padding: 0; margin: 0; font-size: var(--px35); font-weight: 700; line-height: 1.6em;
} 
#practice-areas-single-sidebar ul li {

}
#practice-areas-single-sidebar ul li + li {
  border-top: 1px solid rgba(0,0,0,0.2); padding-top: 1.25rem; margin-top: 1.25rem;
}

#practice-areas-single-sidebar ul li a {
  color: var(--Blue); display: flex; flex-wrap:wrap; gap: 0 1.375rem; justify-content: flex-start; align-items: flex-start;
}
#practice-areas-single-sidebar ul li a span {
  flex: 1;
}
#practice-areas-single-sidebar ul li a .dot {
  display: inline-block; vertical-align: top; content: ''; border-radius: 100%; border: 1px solid #7291BF; padding: 0.188rem; margin-top: 1rem;
}
#practice-areas-single-sidebar ul li a .dot:before {
  display: block; content: ''; width: 0.875rem; height: 0.875rem; border-radius: 100%; border: 1px solid #7291BF;
}
#practice-areas-single-sidebar ul li a .title {
  flex: 1;
}
#practice-areas-single-sidebar ul li a.active .dot:before {
  background-color: #7291BF;
}
#attorney-page-landing {
  padding: 6.25rem 0;
}
#attorney-list {
  display: flex; flex-wrap:wrap; gap: 3.125rem 1.25rem; 
}

.attorney-item {
  width: 100%; max-width: 21.375rem; text-align: center;
}
.attorney-item picture {
  margin-bottom: 1.5rem; background-color: var(--Blue);
  overflow: hidden;
}
.attorney-item picture img {
  width: 100%; object-fit: cover; object-position: center; height: 26.625rem; transition: .5s;
}
.attorney-item a:hover picture img {
  transform: scale(1.05);
}
.attorney-item a {
  color: var(--Blue); display: block;
}
.attorney-item h2.h3 {
  font-size: var(--px26); font-weight: 700; line-height: 1.6em;
}
.attorney-item p {
  font-size: var(--px16); text-transform: uppercase; line-height: 1.6em;
}

#attorney-page-landing #view-all-attorneys {
  margin-top: 3.125rem; background-color: transparent; border: 1px solid var(--Blue); color: var(--Blue);
}
#attorney-page-landing #view-all-attorneys:hover,
#attorney-page-landing #view-all-attorneys:focus {
  background-color: var(--Blue); color: #fff; border-color: var(--Blue);
}

#news-list {
  padding: 6.25rem 0;
}

.news-list-content {
  display: flex; flex-wrap:wrap; gap: 1.875rem 1.25rem; 
}
.news-item {
  width: 100%; max-width: 27.188rem; background-color: #fff;
  box-shadow: 0px 0px 2.3rem rgba(195, 195, 195, 0.25);
}
.news-item picture {
  background-image: url('./assets/images/blue-noise.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;
  height: 15.75rem;
}
.news-item picture img {
  width: 100%; object-fit: cover; object-position: center; height: 15.75rem;
}
.news-item .text {
  padding: 1.75rem 1.5rem 2.5rem; font-size: var(--px18); line-height: 1.6em;
}
.news-item h2 {
  font-size: var(--px26); font-weight: 700; line-height: 1.6em; margin-bottom: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid rgba(0,0,0,0.2);
}
.news-item h2 a {
  color: var(--Blue);
}
.news-item h2 a:hover,
.news-item h2 a:focus {
  color: #7291BF;
}
.news-item .text p {
  border-bottom: 1px solid rgba(0,0,0,0.2); padding-bottom: 1.25rem; margin-bottom: 1.25rem;
}
.news-item .text a.read-more {
  font-size: var(--px18); line-height: 1.31em; color: var(--Blue); text-transform: uppercase; letter-spacing: .02em;
}
.news-item .text a.read-more:hover ,
.news-item .text a.read-more:focus {
  color: #7291BF;
}
#load-more-news {
  margin-top: 1.875rem; background-color: transparent; border: 1px solid var(--Blue); color: var(--Blue);
}
#load-more-news:hover,
#load-more-news:focus {
  background-color: var(--Blue); color: #fff; border-color: var(--Blue);
}
#contact-landing {
  background-color: #7291BF; color: #fff;
}
#contact-landing .container {

}
#contact-landing .wrap {
  padding: 7.75rem 0 7.063rem; gap: 0 6rem;
}
#contact-landing .content-block {
  max-width: 45.5rem; order: 2;
}

#contact-landing .content-block h2 {
  font-size: var(--px45); font-weight: 800; text-transform: uppercase; line-height: 1.31em; margin-bottom: 1rem;
}
#contact-landing .content-block p {
  font-size: var(--px18); line-height: 1.6em; margin-bottom: 3rem; max-width: 31.625rem;
}

#contact-landing .map {
  width: 100%; max-width: 60rem;
}
#contact-landing .map .embed-responsive {
  min-height: 52.063rem;
}
.ginput_container_consent {
  display: flex; flex-wrap:wrap; gap: 0 1.25rem; align-items: center; height: 100%;
}
.ginput_container_consent label {
  flex: 1; margin-bottom: 0;
}
.ginput_container_consent input {
  width: 1.688rem; height: 1.688rem;
}

#attorneys-single {
  padding: 6.938rem 0 0;
}

#attorneys-single .wrap {
  position: relative; gap: 0 7rem;
}
#attorneys-single .attorneys-single-content {
  flex: 1; max-width: 66.813rem; order: 2;
} 
#attorneys-single .attorneys-single-content .btn {
  margin-top: 4.375rem;
}

#attorneys-single .attorneys-single-content p {
  margin-bottom: 1.25rem;
}
#attorneys-single .attorneys-single-content p a {
  color: var(--Blue); text-decoration: underline;
}
#attorneys-single .attorneys-single-content p a:hover,
#attorneys-single .attorneys-single-content p a:focus {
  color: #7291BF;
}
#attorneys-single .attorneys-single-content ul {
  margin-bottom: 1.25rem;
}

#attorneys-single .attorneys-single-content h1.h3 {
  font-size: var(--px45); font-weight: 800; text-transform: uppercase; line-height: 1.31em; margin-bottom: 1.25rem;
}
#attorneys-single .attorneys-single-content p.position {
  text-transform: uppercase; padding-bottom: 2.188rem; border-bottom: 1px solid rgba(0,0,0,0.2); margin-bottom: 2.188rem;
}

#attorneys-single .img-and-contacts {
  width: 100%; max-width: 38.625rem;
}
#attorneys-single .img-and-contacts .img-placeholder {
  margin-bottom: 2.25rem;
}
#attorneys-single .img-and-contacts .img-placeholder img {
  
}
#attorneys-single .img-and-contacts .btn {
  width: 100%; text-align: center; justify-content: center;
}
#attorneys-single .img-and-contacts #load-more-atty {
  width: auto; color: #fff; border-color: #fff;
}
#attorneys-single .img-and-contacts #load-more-atty:hover,
#attorneys-single .img-and-contacts #load-more-atty:focus {
  background-color: #fff; color: var(--Blue); border-color: #fff;
}
#attorneys-single .img-and-contacts ul {
  list-style: none; padding: 0; margin: 0 0 2.25rem; font-size: var(--px18); line-height: 1.44em;
}

#attorneys-single .img-and-contacts ul li { 
  display: flex; flex-wrap:wrap; gap: 1.25rem; justify-content: flex-start; align-items: center;
}
#attorneys-single .img-and-contacts ul li svg {
  display: block;
}

#attorneys-single .img-and-contacts ul li a { 
  flex: 1; color: var(--Blue);
}

#attorneys-single .img-and-contacts .sidebar-content {
  margin-top: 6.375rem; padding: 6.25rem 3.75rem; background-color: var(--Blue); color: #fff;
}
#attorneys-single .img-and-contacts .sidebar-content .h3 {
  font-size: var(--px45); font-weight: 800; text-transform: uppercase; line-height: 1.31em; margin-bottom: 3.125rem;
 }

#attorneys-single .img-and-contacts .sidebar-content ul { 
  display: block; font-size: var(--px35); line-height: 1.6em; font-weight: 700;
}
#attorneys-single .img-and-contacts .sidebar-content ul li {
  display: flex; flex-wrap:wrap; gap: 1.375rem; justify-content: flex-start; align-items: center; padding: 1.25rem 0; 
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
#attorneys-single .img-and-contacts .sidebar-content ul li:first-child {
  /* border-top: 1px solid rgba(255,255,255,0.2); */
}
 #attorneys-single .img-and-contacts .sidebar-content ul li .dot {
  border: 1px solid #fff; padding: .188rem; border-radius: 50%; display: inline-block; vertical-align: top;
 }
 #attorneys-single .img-and-contacts .sidebar-content ul li .dot:before {
  content: ''; display: block; width: 0.875rem; height: 0.875rem; background-color: transparent; border-radius: 50%; border: 1px solid #fff;
 }

#attorneys-single .img-and-contacts .sidebar-content ul li a {
  color: #fff; flex: 1;
}
#attorneys-single .img-and-contacts .sidebar-content ul li.hide {
  display: none;
}
#attorneys-single .img-and-contacts .sidebar-content ul li a {}

#attorneys-single .img-and-contacts .sidebar-content ul li.active .dot:before {
  background-color: #fff;
}

.card + .card {
  margin-top: 2.188rem;
}
.card-body .text {
  padding: 0;border-bottom: none;
}
.card {
  padding: 0 0 2.188rem; border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

#news-single {
  padding: 6.25rem 0;
}
.news-single-content h1 {
  margin-bottom: 1.25rem; font-size: var(--px35); font-weight: 800; text-transform: uppercase; line-height: 1.31em;
}
.news-single-content h2 {
  font-size: var(--px35); 
}
.news-single-content p {
  margin-bottom: 1.25rem;
}
.news-single-content ul {
  margin-bottom: 1.25rem;
}

#default-section {
  padding: 6.25rem 0;
}
#default-section .page-content {
  
}
#default-section .page-content h2 { 
  margin-bottom: 1.25rem;
}
#default-section .page-content h3 {
  margin-bottom: 1.25rem;
}
#default-section .page-content p,
#default-section .page-content ul {
  margin-bottom: 1.25rem;
}
#default-section .page-content ul a {
  color: var(--Blue); text-decoration: underline;
}
#default-section .page-content ul a:hover,
#default-section .page-content ul a:focus {
  color: #7291BF;
}

.presentation-list-content {
  display: flex; flex-wrap:wrap; gap: 0 .625rem;
}

.presentation-list-content .item {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); margin-bottom: 1.5rem; flex: 1 1 calc(100%/4 - .625rem); max-width: 27.563rem; );
}

@media ( min-width: 768px ) { 

}

@media ( min-width: 992px ) {

  #attorneys-single .img-and-contacts .sidebar-content {
    margin-left: -3.813rem; width: auto;
  }

  #attorneys-single .img-and-contacts .img-placeholder img {
    width: 100%; object-fit: cover; object-position: center; height: 38.688rem;
  }

  #attorneys-single .img-and-contacts ul {
    display: flex; flex-wrap:wrap; gap: 2rem 3rem;
  }

  .backlink-wrap {
    max-width: 66.813rem; margin-left: auto;
  }

  #contact-landing .container {
    position: relative; z-index: 5;
  }
  #contact-landing .container:before{
    content: ''; display: block; width: 8.5rem; height: 100%; background-color: #fff; position: absolute; top: 0; left: 0; z-index: -1;
  }

  .gfield--width-half,
  .ginput_container--name > span {
    flex: 1 1 calc(50% - 0.875rem);
  }
  .gfield--type-consent {
    flex: 1;
  }
  .gfield--type-submit {
    flex: 1; max-width: 15.75rem; margin-bottom: 0;
  }
  #contact-landing .gform_fields,
  .ginput_container--name {
    display: flex; flex-wrap:wrap; gap: 0 0.875rem;
  }

  .gform_fields {
    display: flex; flex-wrap:wrap; gap: 0 1.25rem;
  }

  #contact-landing .container {
    padding-left: 0; position: relative;
  }

  .news-item {
    flex: 1 1 calc(100% / 4 - 1.25rem);
  }

  .practice-areas-single-content {
    min-height: 49rem;
  }

  #practice-areas-single-sidebar {
    position: absolute; top: 4.313rem; right: -3.75rem; padding-top: 3.738rem;
  }

  .practice-areas-single-content .img-placeholder img {
    height: 44rem;
  }

  .practice-areas-single-content .img-placeholder {
    position: absolute; top: 0; right: 0; width: 100%; max-width: 53.375rem; z-index: 200; 
  }

  .presentation-slide-wrapper .slick-list {
    margin: 0 -0.375rem;
  }
  .presentation-slide-wrapper .slick-list .item {
    padding: 0 0.375rem;
  }

  #attorney-search-form {
    display: flex; flex-wrap:wrap; gap: 0 2.313rem; align-items: flex-end;
  }

  #attorney-search-form .form-group { margin-bottom: 0; }

  #practice-areas-slider .h3 {
    margin-left: 3.75rem;
  }
  #practice-areas-slider .btn {
    margin-right: 3.75rem;
  }

  .page-id-41 #practice-areas-slider .btn {
    display: none;
  }

  #practice-areas-slider .container {
    padding: 0;
  }

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

  #footer .lfs {
    margin-left: auto;
  }

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

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

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

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

  #header .wrap { gap: 0 3rem; justify-content:space-between; } 

  .main-menu { display:flex; flex-wrap:wrap; gap: 0 3.125rem; margin-top: 1.813rem; letter-spacing: .17em; }

  .main-menu li { position: relative; }

  .main-menu li a { font-size: var(--px24); line-height: 1.31; 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; }

  #home-banner .h2 {
    font-size: var(--px36);
  }
  .sub-heading {
    font-size: var(--px20);
  }
  .logo {
    position: fixed; top: 1.6rem; left: 1rem; width: 100%; z-index: 3000; max-width: 12rem;
  }
  .navbar-default {
    padding: 0;
  }
  #presentation-slide-section .wrap > h2 {
    font-size: var(--px26); margin-bottom: 2rem;
  }

  #about-section .heading-block .text-block h2 {
    margin-top: 2rem;
  }
  #people-section .h3,
  #practice-areas-slider .h3,
  #about-section .heading-block .text-block h2,
  h2, .h2 {
    font-size: var(--px30); 
  }

  #home-banner {
    padding-top: 15rem;
  }
  #practice-areas-slider .h3 {
    margin-bottom: 2rem;
  }

  .practice-areas-wrapper .pa-block a span {
    font-size: var(--px26);
  }
  .practice-areas-wrapper .pa-block a {
    min-height: 16.688rem; padding: 0 1rem;
  }
  #practice-areas-slider .practice-areas-wrapper {
    margin-bottom: 2rem;
  }
  .home #practice-areas-slider {
    padding-bottom: 4rem;
  }
  .slick-dotted.slick-slider {
    margin-bottom: 0;
  }

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

  #people-section p {
    margin-bottom: 2rem;
  }
  #attorney-search .heading-block .img-icon {
    margin-bottom: 2rem;
  }
  .presentation-item h2 {
    font-size: var(--px26);
  }
  .presentation-item {
    padding: 3.625rem 1.125rem 2.938rem;
  }
  .presentation-slide-wrapper .bottom-wrapper .progress-bar {
    display: none;
  }
  .presentation-slide-wrapper .bottom-wrapper {
    justify-content: center; margin-bottom: 2rem;
  }

  #company-info {
    text-align: center;
  }

  #company-info .footer-heading {
    font-size: var(--px20); margin-bottom: 1rem;
  }

  #footer {
    text-align: center;
  }

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

  .main-menu li a {
    font-size: var(--px16); line-height: normal;
  }
  #page-top-banner {
    margin-top: 0;
  }
  .page-title {
    min-height: unset; padding: 12rem 0 5rem;

  }
  .page-title .h1 {
    font-size: var(--px36);
  }
  .btn {
    padding: 1.188rem 1.875rem;
  }

  h3, .h3 {
    font-size: var(--px26);
  }
  .practice-areas-single-content .img-placeholder {
    min-height: 12rem; margin-bottom: 3rem;
  }
  .practice-areas-single-content h3 {

  }

  .card-header a .h3 {
    font-size: var(--px24);
  }
  #practice-areas-single-sidebar {
    padding: 6.25rem 1.25rem 6.25rem;
  }
  #practice-areas-single-sidebar ul {
    font-size: var(--px20);
  }
  .attorney-item picture img {
    height: auto;
  }
  #attorneys-single .attorneys-single-content h1.h3 {
    font-size: var(--px26);
  }
  .card-header a .h3 {
    font-size: var(--px20);
  }
  #attorneys-single .img-and-contacts {
    margin-top: 3rem;
  }
  #attorneys-single .img-and-contacts .sidebar-content {
    padding: 6.25rem 1.25rem;
  }
  #attorneys-single .img-and-contacts .sidebar-content .h3 {
    font-size: var(--px26);
  }
  #attorneys-single .img-and-contacts .sidebar-content ul {
    font-size: var(--px20);
  }
  .card-header a .icon {
    width: 3rem; height: 3rem;
  }
  .back-btn {
    width: 3rem; height: 3rem;
  }
  .back-btn svg {
    width: 18px;
  }
  #contact-landing .content-block h2 {
    font-size: var(--px26);
  }

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

  #contact-landing .map .embed-responsive {
    min-height: 16rem;
  }
  #contact-landing .map {
    margin-top: 3rem;
  }
  .presentation-list-content .item {
    max-width: 100%;
  }
  .news-single-content p a {
    word-break: break-all;
  }

  #attorney-search-form {
    flex-direction: column;
  }
  #attorney-search-form .form-group {
    max-width: unset; width: 100%;
  }
  #attorney-search-form select {
    max-width: unset; width: 100%;
  }

}

@media ( max-width: 767px ) {

}