/*
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
=================================*/

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



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

  --field-margin: 1.188rem;


  --NunitoSans: "nunito-sans", sans-serif;
  --PlayfairDisplay: "playfair-display", serif;
  --Roboto: "roboto", sans-serif;
  

  /*COLOR*/
  --Black: #000;
  --Dark: rgba(17, 17, 17, 0.8);
  --Red: #AA2B3D;
  --Blue: #006FFF;
  --Gold: #C39B3D;
  --Yellow: #e6db6a;
}


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

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

body { padding: 0; margin: 0; font-size: var(--px16); font-family:var(--NunitoSans); font-weight:normal; line-height:1.6em; color: var(--Black); }

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(--px64); font-family:var(--PlayfairDisplay); line-height: 1em; font-weight: normal; }

h2, .h2 { display: block; font-size: var(--px48); font-family:var(--PlayfairDisplay); line-height: 1em; font-weight: normal; }

h3, .h3 { display: block; font-size: var(--px32); font-family:var(--PlayfairDisplay); line-height: 1em; font-weight: normal; }

h4, .h4 { display: block; font-size: var(--px24); line-height: 1.3em; font-weight: normal; }

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

h6, .h6 { display: block; }

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

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

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

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

svg { fill:inherit; stroke:inherit; }

picture { display:block; }

[width="11"] { width:0.688rem; }
[width="18"] { width:1.175rem; }
[width="20"] { width:1.25rem; }
[width="22"] { width:1.375rem; }

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

#footer { font-size: var(--px18); line-height: 1.8em; padding: 2.188rem 0 2.563rem; }

#footer .lfs strong { font-weight: normal; }

#footer .lfs a { color: var(--Black); }

#footer-top {
  background-color: var(--Black); color: #fff; font-size: var(--px18); line-height: 1.8em; padding: 4.938rem 0 6.125rem;
}
#footer-top picture { max-width: 26.188rem; }

#footer-top .div-block { max-width: 25.5rem; }

#footer-top .div-block .h3 {
  color: var(--Gold); margin-bottom: .75rem;
}
#footer-top address {
  display: block; font-size: inherit; line-height: inherit; margin-bottom: 1.625rem; max-width: 15.938rem;
}
#footer-top .div-block p { }

#footer-top .div-block a { color: #fff; }
#footer-top .div-block a:hover,
#footer-top .div-block a:focus { color: var(--Gold); }

.social-media { display: flex; flex-wrap: wrap; gap: 1.563rem; justify-self: center; align-items: center; margin-top: 2.125rem; }

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

.social-media a:hover,
.social-media a:focus { fill: #fff; }

svg { display: block; }

#footer-nav { 
  padding: 3.938rem 0 4.125rem;
}

#footer-nav ul {
  list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 0 2.375rem; justify-content: center;
}
#footer-nav ul li a { 
  display: block; text-align: center; font-size: var(--px16); text-transform: uppercase; font-weight: 800; color: #fff; letter-spacing: .16em; line-height: 1.375em;
  color: var(--Black);
}
#footer-nav ul li a:hover,
#footer-nav ul li a:focus { color: var(--Gold); }

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

.navbar-default .wrap {
  gap: 0 2rem; justify-content: space-between; align-items: flex-start;
}

.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(--px16); text-transform: uppercase; font-weight: 700; }

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

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

.btn { display:inline-flex; text-align:center; gap: 0.688rem; background-color:var(--Gold); justify-content:center; color:var(--Black); font-weight:700; 
  align-items:center; padding: 0.938rem 1.875rem; border-radius: .625rem; color: #fff; text-transform: uppercase; letter-spacing: .16em;
  font-size: var(--px18); line-height:1.38889; fill: var(--Black); }

.btn:hover,
.button:focus { background-color:var(--Yellow); color:#000; fill:#000; }

.contact-info a {
  display: flex; align-items: center; gap: 0.938rem; flex-wrap: wrap; color: var(--Gold); stroke: var(--Gold); fill: none; font-weight: 700;
}
.contact-info a + a {
  margin-top: 0.813rem;
}





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

#home-contact .form-block { 
  background-color: var(--Gold); padding: 3.688rem 4.688rem; padding-right: 5.813rem;  
}

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

.form-wrap { margin: 1.125rem; padding: 2.75rem 2.938rem; background-color: #fff; border-radius: 1.25rem; font-size: var(--px18); }

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

.form-wrap h2 { }

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

.gform_fields { margin: 0; }

.ginput_container--name > span,
.gfield { width: 100%; position: relative; margin-bottom: 0.875rem; display: block; }

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

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

.ginput_container--name > span label,
.gfield legend.gfield_label,
.gfield label.gfield_label { 
  width: 1px; height: 1px; overflow: hidden; margin-bottom: -1px; display: block; opacity: 0; visibility: hidden;
}

.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: #E9E9E9; display: block; width: 100%; border: none; border-radius: 0; line-height: 1.8em; padding: 0.625rem 1.688rem; }

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

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

.gform_footer .btn {  }

.gform_footer .btn:hover {  }

p.gform_required_legend { display:none; }

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

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

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

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

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

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

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

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

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

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

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

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

.ginput_container_consent { display: flex; flex-wrap: wrap; gap: 0.938rem; align-items: flex-start; }

.ginput_container_consent input[type="checkbox"] { width: 1.125rem; height: 1.125rem; margin:0; border: 1px solid var(--Gold); }

.ginput_container_consent label { font-size: var(--px14); line-height: 1.8em; flex: 1; margin:0; }

.gfield--type-consent {

}

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

#main-content {
  overflow-x: hidden;
}

#home-banner { background-color:#000; color:#fff; padding:16.313rem 0 10.938rem; position: relative; z-index: 10; }

#home-banner .wrap {
  text-align: flex-start;
}

#home-banner:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background-color: rgba(0,0,0,.71); z-index: -1; }

#home-banner .banner-form { max-width: 35.313rem; margin: 0; background-color: #fff; color: #000; border-radius: 2.5rem; border: 1.125rem solid var(--Gold); padding: 1.938rem 2.5rem 2.5rem; }

#home-banner .banner-form fieldset h3 { display: none; }

#home-banner .banner-form h2 { font-size: var(--px36); margin-bottom: 1.625rem; text-align: center; }

#home-banner .banner-form h2 + p { font-size: var(--px20); font-family: var(--PlayfairDisplay); line-height: 1em; margin-bottom: 1.813rem; text-align: center; }

#home-banner .wrap {
  gap: 0 3.75rem;
}

#home-banner .html-block { flex: 1; }

#home-banner .html-block h1 { font-size: var(--px72); margin-bottom: 1.563rem; font-weight: 700; letter-spacing: -0.031rem; margin-bottom: 1.563rem; }

#home-banner .html-block h1 + p { font-size: var(--px24); line-height: 1.3333; margin-bottom: 2.75rem; }

#home-banner-video {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -10; bottom: 0; 
}

#home-banner .frm_style_formidable-style.with_frm_style .form-field {

}

#home-banner .with_frm_style .frm_inside_container {
  padding-top: 0; margin-bottom: 1.188rem;
}
#home-banner .with_frm_style .frm_inside_container > label {
  top:0.6rem;
}
#home-banner .with_frm_style textarea,
#home-banner .with_frm_style input[type=tel],
#home-banner .with_frm_style input[type=email],
#home-banner .with_frm_style input[type=text] {
  padding: .75rem 1.375rem; font-size: var(--px18); line-height: 1.8; border: none; border-radius: 0; background-color: #E9E9E9;
}

#home-banner .with_frm_style textarea {
  height: 8.563rem;
}

#home-banner .frm_style_formidable-style.with_frm_style .frm_submit button {
  font-size: var(--px18); text-transform: uppercase; letter-spacing: .16em; font-weight: 700; background-color: var(--Gold); color: #fff; border: none; 
  padding: 0.938rem 1.875rem; border-radius: 0.375rem; margin: 0 auto;
}

#home-banner .frm_style_formidable-style.with_frm_style .frm_submit button:hover,
#home-banner .frm_style_formidable-style.with_frm_style .frm_submit button:focus { background-color: var(--Yellow); color: #000; }

#frm_field_26_container ,
#frm_field_25_container { margin-bottom: 0; }

.with_frm_style .frm_submit {
  text-align: center;
}
#home-about {
  position: relative; z-index: 10;
}
#home-about .wrap {
  gap: 0 10.375rem; align-items: flex-start;
}
#home-about .html-block { flex: 1; margin-top: 6.688rem; }

#home-about .html-block h2 { font-size: var(--px64); margin-bottom: 2.875rem; }

#home-about .html-block p { margin-bottom: 2rem; }

#home-about .wrap picture {
  max-width: 35.313rem;
}

#home-about .wrap picture img {
  border-radius: 2.5rem; border: 1.125rem solid #fff;
  box-shadow: 0px .25rem 4.125rem rgba(0, 0, 0, 0.25);
}

.badges-list {
  display: flex; flex-wrap: wrap; gap: 1.563rem; justify-content: space-between; align-items: center; 
}
.badges-list picture { padding: 0; }
picture.lpt { max-width: 6.125rem; }
picture.mls { max-width: 14.688rem; }
picture.cpres { max-width: 6.25rem; }
picture.nadp { max-width: 7.313rem; }
picture.cds { max-width: 7.625rem; }
picture.cdre { max-width: 5.688rem; }
picture.cfl { max-width: 17.938rem; }

.icon-box-list {
  gap: 1.438rem; margin: 5.813rem 0 ;
}
.icon-box-list .icon-box {
  max-width: 21.438rem; border-radius: 1.25rem; background-color: #fff; color: #000; padding: 2.375rem 2.5rem 2.938rem;
  box-shadow: 0px .25rem 4rem rgba(0, 0, 0, 0.13);
}
.icon-box-list .icon-box .icon {
  min-height: 4.688rem;
}
.icon-box-list .icon-box .h3 {
  font-size: var(--px32); margin-bottom: 2.25rem; min-height: 6rem; line-height: 1em; margin-top: 1rem; max-width: 15.813rem;
}
.icon-box-list .icon-box a {
  display: inline-block; font-size: var(--px18); text-transform: uppercase; letter-spacing: .16em; font-weight: 700; 
  color: var(--Gold); 
}

#home-services {
  position: relative; z-index: 10;
}
#home-services:after {
  background-color: #000; content: ''; display: block; position: absolute; left: 0; width: 100%; height: 10.938rem; z-index: -1; bottom: -1px;
}
#home-services .wrap { justify-content: space-between; align-items: center; }

#home-services h2 { order: 1;}

#home-services .services-list {
  order: 3; display: flex; flex-wrap: wrap; gap: 3.25rem; margin-top: 4rem;
}
#home-services .btn { order: 2; }

.services-list .service-item {
  max-width: 27.875rem; text-align: center; border-radius: 1.25rem; background-color: #fff; box-shadow: 0px .25rem 4rem rgba(0, 0, 0, 0.13);
  flex: 1 1 calc(100%/3 - 3.25rem)
}
.services-list .service-item picture {

}
.services-list .service-item picture a {
  display: block;
}
.services-list .service-item picture img {
  border-radius: 1.25rem 1.25rem 0 0; height: 14.813rem; width: 100%; object-fit: cover; object-position: center;
}
.services-list .service-item .service-content {
  padding: 2rem 2.375rem 2rem; font-size: var(--px18); line-height: 1.8;
}
.services-list .service-item .service-content h3 { margin-bottom: 1.375rem; }

.services-list .service-item .service-content p { }

.services-list .service-item .service-content a {
  font-size: var(--px18); text-transform: uppercase; letter-spacing: .16em; font-weight: 700; 
  color: var(--Gold); display: inline-block; margin-top: 1.313rem;
}

#home-reviews {
  background-color: #000; color: #fff; padding: 6.313rem 0 6.563rem; position: relative; z-index: 10; text-align: center; font-size: var(--px18);
  line-height: 1.8;
}
#home-reviews h2 {
  font-size: var(--px64); margin-bottom: 2.688rem;
}

.reviews-list-wrap {
  position: relative; z-index: 10; padding: 0 2rem; margin-bottom: 2.688rem;
}

.reviews-list-wrap .review-item {

}
.reviews-list-wrap .review-item h3 {
  color: var(--Gold); font-size: var(--px48); margin-bottom: 2.188rem; font-style: italic;
}
.reviews-list-wrap .review-item p { margin: 0 auto; max-width: 56.063rem; }

.review-stars {
  display: block; margin: 2.188rem auto 0.875rem; text-align: center;
}
.review-stars svg { margin: 0 auto; display: block; }

.control { }

.control button { padding: 0; display: block; padding: 0; background-color: transparent; border: none; fill: var(--Gold); }

.control button svg { display: block; }

.slick-dotted.slick-slider { margin-bottom: 0; }

#home-faqs {
  padding: 7rem 0 6.375rem; font-size: var(--px18); line-height: 1.8;
}

#home-faqs .wrap { gap: 0 6.25rem; }

#home-faqs .html-block { flex: 1; max-width: 39.563rem; }

#home-faqs .html-block h2 { font-size: var(--px64); margin-bottom: 2.75rem; }

#home-faqs .html-block h2 + p { margin-bottom: 4.875rem; }

#home-faqs .html-block p { margin-bottom: 2rem; max-width: 16.625rem; }

.cta-button {
  display: flex; flex-wrap: wrap; gap: 1.563rem; align-items: center; 
}
.cta-button a {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 100%; height: 3.5rem; width: 3.5rem; background-color: var(--Gold); 
  color: #fff; fill: #fff;
}

#home-faqs .faqs-list { flex: 1;}

.faqs-list { }

.card {
  border: none; border-radius: 0; box-shadow: none;
}

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

.card-header:first-child { border: none; border-radius: 0; }

.card-header { 
  padding: 0; background-color: transparent;
}

.card-header a {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; border: 1px solid var(--Gold); padding: 1.125rem 2.375rem; border-radius: 0.563rem;
  color: #000;
}
.card-header a span { flex: 1; font-weight: 700; }

.card-header a i { color: var(--Gold); }

.card-header a[aria-expanded="true"] i:before {
  content: "\f068"; 
}
.card-body {
  padding: 1.875rem 2.375rem 1.75rem;
}
#home-insights {
  background-color: #FAFAFA; padding: 6.125rem 0 6.875rem;
}
#home-insights .wrap {
  gap: 0 4.125rem; align-items: center; justify-content: flex-end;
}
#home-insights .wrap h2 {  }

#home-insights .posts-list { order: 5; }

#home-insights .links-cat { }

#home-insights .links-cat ul { display: flex; flex-wrap: wrap; gap: 0 2.813rem; justify-content: center; list-style: none; padding: 0; margin: 0; }

#home-insights .links-cat ul li { font-size: var(--px18); text-transform: uppercase; font-weight: 700; letter-spacing: .16em; }

#home-insights .links-cat ul li a { color: var(--Black); }

#home-insights .links-cat ul li a:hover,
#home-insights .links-cat ul li a:focus { color: var(--Gold); }

.posts-list {
  gap: 0 3.313rem; width: 100%; margin-top: 5.313rem;
}
.posts-list .post-item { max-width: 20.063rem; flex: 1 1 calc(100%/4 - 3.313rem); font-size: var(--px18); line-height: 1.8; }

.posts-list .post-item h3 { font-size: var(--px32); margin-bottom: 0; }

.posts-list .post-item h3 a { color: #000; text-decoration: underline; }

.posts-list .post-item p { margin-bottom: 1.125rem; } 

.posts-list .post-item > a { 
  font-size: var(--px18); text-transform: uppercase; letter-spacing: .16em; font-weight: 700; 
  color: var(--Gold); 
}

.posts-list .post-item p + a:hover,
.posts-list .post-item p + a:focus { color: var(--Black); }

.posts-list .post-item hr {
  border-color: var(--Gold); margin: 1.188rem 0 ; max-width: 5.375rem;
}

#home-contact { }

#home-contact .html-block { text-align: center; background-image: url('./assets/images/home-contact-bg.png'); background-size: cover; background-position: center; 
  background-repeat: no-repeat; padding: 27.938rem 12.5rem 2.875rem;}

#home-contact .html-block h2 {
  font-size: var(--px64); margin-bottom: 1.125rem;
}
#home-contact .html-block h2 + p {
  margin-top: 1.125rem;
}
#home-contact .html-block p {
  margin: 2.125rem auto 0; max-width: 35.313rem;
}

#page-top-banner { 
  background-image: url('./assets/images/banner-default.jpg'); background-size: cover; background-position: center; 
  background-repeat: no-repeat; position: relative; z-index: 10;
}
#page-top-banner:before {
  content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: -1;
}
.page-title {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-height: 31.25rem;
}
.page-title .h1 {
  font-size: var(--px48); margin-bottom: 0; color: #fff; font-weight: 700;
}

#default-page {
  padding: 5rem 0 ; font-size: var(--px16); line-height: 1.4375em; background-color: #f7f7f7;
}
#default-page h2 {
  font-size: var(--px28); line-height: 1.3em; font-weight: 600; color: #484848; margin-bottom: 2.813rem;
}
#default-page p { margin-bottom: 0.938rem; }

#default-page ul { margin-bottom: .938rem; list-style: square; padding-left: 1.625rem; line-height: 1.8em; }

#default-page ul a { color: #000; }
#default-page ul a:hover,
#default-page ul a:focus { color: var(--Gold); }

.resources-box { gap: 1.875rem; padding: 0 0.938rem; margin-bottom: 2.5rem; }

.resources-box .item-box {
  flex: 1 1 calc(100%/3 - 1.875rem); background-color: #fff; padding: 2.125rem 1.875rem; border-radius: 0.563rem;
  box-shadow: 0px .313rem 4.375rem 0px rgba(36, 42.000000000000014, 76, 0.1);
}
.resources-box .item-box .h4 {
  font-size: var(--px24); margin-bottom: 1.125rem;  font-family: var(--PlayfairDisplay); margin-bottom: 0.938rem;
}
.resources-box .item-box .icon {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 1.875rem; height: 1.875rem; background-color: var(--Gold); border-radius: .25rem; 
  margin-bottom: 1.688rem;
}

#default-page .resources-box .item-box p { color: #7a7a7a; }

#default-page .btn { font-size: var(--px18); padding: .75rem 1.5rem; line-height: 1em; border-radius: 0.188rem; font-family: var(--Roboto);
  text-transform: unset; letter-spacing: 0;
}

.links-btn-wrap {
  display: flex; flex-wrap: wrap; gap: 0.938rem; margin-top: 3.5rem;
}

#attorney-resources { 
  gap: 0 1.875rem;
}
#attorney-resources .html-block { flex: 1; }

#attorney-resources picture {
  max-width: 26.688rem;
}
.bottom-resources-block {
  margin-top: 2.875rem;
}
.bottom-resources-block h2 { font-size: var(--px28); margin-bottom: 0.938rem; font-family: var(--NunitoSans); line-height: 1.3em; }

#services-main {
  gap: 0 1.875rem;
}
#services-main .item {
  flex: 1 1 calc(100%/2 - 1.875rem); max-width: 34.063rem; text-align: center; margin-bottom: 1.25rem;
}
#services-main .item .h4 {
  font-family: var(--PlayfairDisplay); line-height: 1.3em; margin-bottom: 0.938rem; font-weight: 600;
}
#services-main .item .h4 a { color: #000;  }

#services-main .item p { margin-bottom: 1.25rem; }

#services-main .item .btn {
  font-size: var(--px15); padding: .75rem 1.5rem; line-height: 1em; border-radius: 0.188rem; text-transform: unset; letter-spacing: 0;
}

#cv-form .modal-dialog {
  max-width: 100%;
}

#cv-form .modal-content {
  padding: 2.125rem 1.875rem; margin: 0 auto; max-width: 120rem;
}
#cv-form .form-block {
  max-width: 37.5rem; text-align: center;
}
#cv-form .form-block h2 {
  font-size: var(--px28); margin-bottom: 1.25rem; font-weight: 600;
}

#cv-form .form-block input[type="text"],
#cv-form .form-block input[type="email"],
#cv-form .form-block input[type="tel"] {
  border-color: #BFC3C8; background-color: #fff; border-width: 1px;

}
#cv-form .frm_style_formidable-style.with_frm_style .form-field {
  margin-bottom: 1.25rem;
}
#cv-form .with_frm_style .frm_inside_container {
  padding-top: 0;
}
#cv-form .with_frm_style .frm_inside_container > label {
  top:0;
}

#cv-form .frm_style_formidable-style.with_frm_style .frm_submit button {
  font-size: var(--px18); text-transform: uppercase;  background-color: var(--Gold); color: #fff; border: none; 
  padding: 0.625rem 1.125rem; border-radius: 0.375rem; margin: 0 auto; width: 100%; font-size: var(--px15);
}
#cv-form fieldset {
  padding-bottom: 0;
}

#pa-single-page {
  padding: 5rem 0; font-size: var(--px16); line-height: 1.6em 
}
#pa-single-page p { margin-bottom: 0.938rem; }

#pa-single-page p a { color: #000; }

#pa-single-page p a:hover,
#pa-single-page p a:focus { color: var(--Gold); }

#pa-single-page ul { margin-bottom: 0.938rem; list-style: square; padding-left: 1.625rem; }

#pa-single-page .html-block { flex: 1; }

#pa-single-page .sidebar { max-width: 18.438rem; width: 100%; }

#pa-single-page .sidebar h2 {
  font-size: var(--px26); margin-bottom: 2.188rem; font-weight: normal;
}

#pa-single-page .wrap {
  background-color: #FFFFFF; box-shadow: 0px .313rem 4.063rem 0px rgba(36, 42.000000000000014, 76, 0.1); padding: 4.375rem 1.25rem 4.375rem; gap: 0 4.063rem;
  margin: 0 auto; max-width: 70rem;
}
#pa-single-page .html-block {
  flex: 1;
}
#pa-single-page .html-block h2 { font-size: var(--px32); margin-bottom: 2.188rem; line-height: 1.097em; font-weight: normal; }

#pa-single-page .html-block h3 { font-size: var(--px24); margin-bottom: 2.188rem;  line-height: 1.3em; }

#pa-single-page .html-block p { }

#pa-single-page .html-block ul { }

#pa-single-page .html-block figure {
  margin-bottom: 1.25rem;
}

#pa-single-page .c-form-3 {
  max-width: 18.438rem; 
}
.c-form-3 {
  font-size: var(--px16);
}
.c-form-3 .frm_style_formidable-style.with_frm_style .form-field {
  padding-top: 0;
} 
.c-form-3 .with_frm_style .frm_inside_container > label {
  top:.2rem; font-size: var(--px16);
}
.c-form-3 .frm_style_formidable-style.with_frm_style .frm_submit button {
  font-size: var(--px18); text-transform: uppercase;  background-color: var(--Gold); color: #fff; border: none; 
  padding: 0.688rem 1.125rem; border-radius: 0.375rem; margin: 0 auto; width: 100%; font-size: var(--px15);
}

.c-form-3 .with_frm_style input[type=text],
.c-form-3 .with_frm_style input[type=email],
.c-form-3 .with_frm_style input[type=tel] {
  background-color: #fff; display: block; width: 100%; border: none; border-radius: 0; line-height: 1.8em; padding: 0.625rem 1.688rem;
  border: 1px solid #BFC3C8; font-size: var(--px16); border-radius: .25rem; height: 2.875rem;
}
.c-form-3 .with_frm_style textarea {
  background-color: #fff; display: block; width: 100%; border: none; border-radius: 0; line-height: 1.8em; padding: 0.625rem 1.688rem;
  border: 1px solid #BFC3C8; height: 10.063rem; font-size: var(--px16); border-radius: .25rem; resize: none; 
}

.pa-logos {
  display: block; text-align: center;
}

.pa-logo {
  display: inline-block; vertical-align: top;
}
.pa-logo + .pa-logo {
  margin-top: 1.25rem;
}

.pa-logo.cdre { max-width: 9.25rem; }
.pa-logo.cds-logo { max-width: 11.438rem; }
.pa-logo.collaborative-law-council-sfla-logo15630 { max-width: 18.438rem; }
.pa-logo.xtreme { max-width: 8.125rem; }
.pa-logo.realtor { max-width: 12.875rem; }
.pa-logo.certified-short-sale-agent { max-width: 8.688rem; }
.pa-logo.xtreme { max-width: 9.375rem; }
.pa-logo.probate-seal { max-width: 9.375rem; }


#cta-section {
  background-image: url('./assets/images/Madelin-Espino.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;
  color: #fff; position: relative; z-index: 10; padding: 5rem 0;
}
#cta-section:before {
  content: ''; display: block; position: absolute; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: -1;
  top: 0;
}

#cta-section .html-block {
  text-align: center; color: #fff; padding: .635rem 0 0; font-size: var(--px22); line-height: 1.6em;
}
#cta-section .html-block h2 { 
  font-size: var(--px30); text-transform: uppercase; font-weight: 700; line-height: 1em; margin-bottom: 1.25rem;
}

#cta-section .html-block p { margin-bottom: 2.5rem; }

#cta-section .html-block .btn {
  font-size: var(--px18); text-transform: unset; font-family: var(--Roboto); letter-spacing: 0; padding: 1.25rem 2.5rem; line-height: 1em;
}

#why-choose-us {
  padding: 5rem 0;
}

#why-choose-us .wrap {
  background-color: #fff; box-shadow: 0px .313rem 4.063rem 0px rgba(36, 42.000000000000014, 76, 0.1); padding: 4.375rem 1.25rem 4.375rem; gap: 0 4.063rem;
  max-width: 70rem;
}
#why-choose-us .html-block {
  flex: 1; font-size: var(--px16); line-height: 1.6em;
}
#why-choose-us .html-block h2 {
  font-size: var(--px32); margin-bottom: 2.188rem; line-height: 1.097em; font-weight: normal;
}
#why-choose-us .html-block p { margin-bottom: 1.25rem; }

#why-choose-us .html-block p strong { display: block; font-size: var(--px18); font-weight: 700; line-height: 1.6em; }

#why-choose-us picture {
  max-width: 32.5rem;
}

#content-with-image {
  padding: 5rem 0 3.75rem; position: relative; z-index: 10; background: linear-gradient(0deg, #F6F5F5 0%, #F7F7F7 89%);
}
#content-with-image > svg { width: calc(183% + 1.3px); height: 19.875rem; transform: translateX(-50%) rotateY(180deg);
  position: absolute; top: 0; left: 50%; z-index: -1; fill: #fff;
}

#content-with-image .wrap {
  background-color: #fff; box-shadow: 0px .313rem 4.063rem 0px rgba(36, 42.000000000000014, 76, 0.1); padding: 1.5rem 0; gap: 0;
  max-width: 70rem;
}
#content-with-image picture {
  max-width: 35rem; padding: 1.25rem;
}
#content-with-image .right { order: 2;}
#content-with-image .html-block {
  flex: 1; font-size: var(--px16); line-height: 1.6em; padding: 2.813rem 2.813rem 1.875rem;
}
#content-with-image .html-block.left {
  order: 2;
}
#content-with-image .html-block h2 {
  font-size: var(--px32); margin-bottom: 2.188rem; line-height: 1.097em; font-weight: normal;
}
#content-with-image .html-block p { margin-bottom: 1.25rem; }

#content-with-image .html-block p strong { display: block; font-size: var(--px18); font-weight: 700; line-height: 1.6em; }

.faqs-main .card-header a {
  border-radius: 0; border-color: #ededed;
}
.faqs-main .card-body {
  border-left: 1px solid #ededed; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 1.375rem;
} 

.faqs-main .card + .card { margin-top: 0; }

.faqs-main .card-header a {
  padding: 1.375rem; line-height: 1em;
}

.faqs-main .card-header a span {
  order: 2; font-size: var(--px18); font-family: var(--PlayfairDisplay); line-height: 1em;
}

.faqs-main .card-header a[aria-expanded="true"] span { color: var(--Gold); }

#video-list {
  gap: 1.25rem; display: flex; flex-wrap: wrap;
}

#video-list .video-item {
  flex: 1 1 calc(100%/3 - 1.25rem); max-width: 21.875rem; height: 12.063rem; position: relative; z-index: 10; width: 100%;
}
#video-list .video-item iframe {
  width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; bottom: 0; object-fit: cover; object-position: center;
}

#contact-main {

}

#contact-main h2 {
  font-size: var(--px35); margin-bottom: 3.375rem; line-height: 1.097em; font-weight: normal; font-weight: 600;
}
#contact-main h3 {

}

#contact-main .flex { gap: 2.125rem; }

#contact-main .html-block { 
  line-height: 1.65em;
}

#contact-main .html-block .h4 { font-family: var(--PlayfairDisplay); margin-bottom: 1.25rem; font-weight: 600; }

#contact-main .html-block p {
  max-width: 18rem;
}
#contact-main .html-block p a {
  color: #000;
}

#contact-main .html-block p a:hover,
#contact-main .html-block p a:focus {
  color: var(--Gold);
}

#contact-main .html-block address {
  line-height: 1.65em; margin-bottom: 0.938rem;
}

#contact-main .div-block {
  width: 100%; max-width: 32.813rem; font-size: var(--px16); line-height: 1em;
}
#contact-main .div-block h3 {
  font-weight: 600; font-size: var(--px28);
  margin-bottom: 1.25rem;
}

#contact-main .with_frm_style .frm_inside_container {
  padding-top: 0;
}

#contact-main .with_frm_style .frm_inside_container > input, 
#contact-main .with_frm_style .frm_inside_container > select, 
#contact-main .with_frm_style .frm_inside_container > textarea {
  border: 1px solid #BFC3C8; border-radius: .25rem; background-color: #fff; padding: 0.688rem .75rem;
}

#contact-main .with_frm_style .frm_inside_container > textarea {
  height: 10.063rem;
}

#contact-main .with_frm_style .frm_inside_container > label {
  top:0.3rem;
}

#contact-main .frm_style_formidable-style.with_frm_style .frm_submit button{
  width: 100%; background-color: var(--Gold); color: #fff; border: none;
}
#contact-main .social-media {
  justify-content: flex-start; justify-self: unset;
}

#contact-main .social-media a {
  width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--Gold); color: #fff;
  
}
.blog-lists {
  display: flex; flex-wrap: wrap; gap: 1.875rem; max-width: 68.125rem; margin: 0 auto;
}

.blog-lists .blog-item {
  flex: 1 1 calc(100%/3 - 1.875rem); max-width: 22.375rem;  position: relative; z-index: 10; width: 100%;
}
.blog-lists .blog-item picture {
  
}
.blog-lists .blog-item picture img {
  width: 100%; height: 14.125rem; object-fit: cover; object-position: center; display: block;
}
.blog-lists .blog-item .text {
  padding: 0 1.875rem 2.5rem;padding: 2.5rem 1.875rem 1.25rem;
}
.blog-lists .blog-item .text .read-more {
  color: #61CE70; font-size: var(--px12); text-transform: uppercase; font-weight: 700; display: block; margin-top: 1.563rem; font-family: var(--Roboto);
}
.blog-lists .blog-item a {
  display: flex; color: #777; text-align: center; background-color: #fff; box-shadow: 0 0 .625rem 0 rgba(0,0,0,.15); height: 100%;
  flex-direction: column; overflow: hidden; border-radius: .188rem;
}

.blog-lists .blog-item a:hover,
.blog-lists .blog-item a:focus {
  box-shadow: 0 0 1.875rem 0 rgba(0,0,0,.15);
}

.blog-lists .blog-item .text .h3 {
  font-size: var(--px21); margin-bottom: 1.25rem; line-height: 1.3em; font-weight: normal; font-family: var(--Roboto); font-weight: 600; color: #54595F;
}
.blog-lists .blog-item .meta {
  font-family: var(--Roboto); font-size: var(--px12); line-height: 1em; display: flex; align-items: center; gap: 0.5rem; color: #adadad;
  justify-content: center; padding: 0.938rem 1.875rem; margin-top: auto; border-top: 1px solid #eaeaea;
}
.blog-lists .blog-item .meta .comments-separator {
  content: ""; display: inline-block; width: .313rem; height: .313rem; border-radius: 50%; background-color: #adadad;
}

.blog-lists .blog-item a picture {
  position: relative; z-index: 10;
}
.blog-lists .blog-item a picture:before {
  content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg,rgba(0,0,0,.35),transparent 75%); z-index: 10;
  transition: all .3s ease-out;
}

.blog-lists .blog-item a:hover picture:hover:before,
.blog-lists .blog-item a:hover picture:focus:before{
  opacity: 0.5;
}

#single-page {
  padding: 10rem 0 5rem; background-color: #f5f5f5;
}
#single-page .wrap {
  box-shadow: 0px 5px 65px 0px rgba(36, 42.000000000000014, 76, 0.1); margin: 0 auto; max-width: 70rem;
  padding: 1.5rem 0;
}

#single-page .html-block {
  padding: 2.813rem 2.813rem 1.875rem 2.813rem; max-width: 49rem;
}
#single-page .sidebar { 
  flex: 1; padding: 3.438rem 1.25rem 1.25rem;
}

#single-page .html-block picture {
  margin-bottom: 1.25rem;
}

#single-page .html-block h1 {
  font-size: var(--px36); margin-bottom: 1.25rem; line-height: 1.4em; font-weight: 600; text-transform: capitalize;
}
#single-page .html-block h2 {
  font-size: var(--px28); line-height: 1.3em; margin-bottom: 0.938rem; font-weight: 700; color: #082D41;
}

#single-page .html-block p {

}

#single-page .html-block .meta {

}
#single-page .html-block .meta i {
  color: var(--Gold);
}

.share-block {
  margin-top: 1.25rem;
}
.share-block ul {
  list-style: none; padding: 0; margin: 0; display: flex; gap: 1rem;
}

.share-block ul a {
  display: flex; align-items: center; justify-content: center; width: 2.375rem; height: 2.375rem; border-radius: 50%; background-color: var(--Gold); color: #fff;
}

#single-page .sidebar .h3 {
  margin-bottom: 0.938rem;
}

#single-page .sidebar ul {
  padding-left: 1.5rem;
  display: block;
  margin-bottom: 3.875rem;
} 

#single-page .sidebar ul li {
  display: block; margin-bottom: 0.688rem;
}
#single-page .sidebar ul li a:before {
  content: "\f07c";
    font-family: "Font Awesome 6 Pro";
    font-weight: normal;
    font-style: normal;
    display: block;
    float: left;
    text-decoration: inherit;
    font-size: 13px;
    display: inline-block;
}
#single-page .sidebar ul li a {
  display: flex; gap: 0.5rem; color: #696969;
}
#single-page .sidebar ul li a:hover,
#single-page .sidebar ul li a:focus {
  color: var(--Gold);
}

#single-page .sidebar .c-form-3 {
  margin-top: 2.188rem;
}

#single-page .meta { margin-bottom: 1.25rem; }

.archive-main {
  margin: 0 auto; max-width: 70rem;
}

.archive-main h1 {
  font-size: var(--px34); margin-bottom: 1.5rem; line-height: 1.3em; font-weight: 600; text-transform: capitalize; color: #082D41; font-family: var(--NunitoSans);
}

.archive-lists {
  gap: 0 1.875rem;
}
.archive-lists .archive-item {
  flex: 1 1 calc(100%/2 - 1.875rem); max-width: 22.125rem;  position: relative; z-index: 10; width: 100%; background-color: #fff;
  font-size: var(--px14); margin-bottom: 1.875rem; display: flex; flex-direction: column;
}
.archive-lists .archive-item .img {
  padding: 0.375rem;
}
.archive-lists .archive-item .img a {
  display: block;
}

.archive-lists .archive-item .text {
  padding: 0.938rem 1.25rem; display: flex; flex-direction: column; flex: 1;
}
.archive-lists .archive-item .text h2 {
  font-size: var(--px20); line-height: 1.3em; margin-bottom: 0.938rem; font-weight: 700; color: #082D41; font-family: var(--NunitoSans);
}
.archive-lists .archive-item .text h2 a {
  color: #082D41;
}
.archive-lists .archive-item .text .meta { margin-bottom: .313rem; }

.archive-lists .archive-item .text p { margin-bottom: .938rem; }

.archive-lists .archive-item .text a.readmore {
  color: #648c37; margin-top: auto;
}

.location-page .wrap {
  max-width: 70rem; background-color: #fff; padding: 1.5rem 0;
}
.location-page .html-block {
  flex: 1; max-width: 49rem; padding: 2.813rem 2.813rem 1.875rem;
}
.location-page .sidebar {
  padding: 3.5rem 1.25rem 1.25rem ; flex: 1; max-width: 20.938rem;
}
.location-page .sidebar h2 {
  margin-bottom: 2.188rem; font-size: var(--px26);
}
.location-page .html-block h1 {
  font-size: var(--px26); line-height: 1.4em; margin-bottom: 2.188rem;
}
.location-page .html-block picture {
  margin-bottom: 1.25rem;
}
.location-page .html-block h2 { margin-bottom: 0.938rem;  font-size: var(--px28); line-height: 1.3em; color: #082D41; font-family: var(--NunitoSans); }

.location-page .html-block h2 strong { font-weight: 600; }

.location-page .html-block h3 {
  margin-bottom: 0.938rem;  font-size: var(--px24); line-height: 1.3em; color: #082D41; font-family: var(--NunitoSans);
}

.location-page .html-block p { margin-bottom: 0.938rem; }

#default-page ul.pdf-list { list-style: none; padding: 0; margin: 0; }

#default-page ul.pdf-list li {
  display: flex; align-items: center; gap: 0.625rem; border-bottom: 1px solid #ddd;
  font-size: var(--px18); line-height: 1.6em; padding-bottom: .75rem; margin-bottom: .75rem;
}
#default-page ul.pdf-list li:before { content: "\f1c1"; font-family: "Font Awesome 6 Pro"; font-weight: normal; font-style: normal; display: block; 
  text-decoration: inherit; font-size: 1.875rem; display: inline-block; color: var(--Gold);
}

.form-2 {
  margin: 0 auto; max-width: 48.75rem;
}

.form-2 .with_frm_style .frm_form_fields > fieldset {
  background-color: transparent;
}

.form-2 .with_frm_style .frm_inside_container > input, 
.form-2 .with_frm_style .frm_inside_container > select, 
.form-2 .with_frm_style .frm_inside_container > textarea {
  background-color: #fff; border: 1px solid #ddd; padding: 0.688rem .75rem;

}

.form-2 .with_frm_style .frm_inside_container > label {
  top:1.25rem;
}

.form-2 .frm_style_formidable-style.with_frm_style .frm_submit button {
  font-size: var(--px15); text-transform: uppercase; letter-spacing: 0; background-color: var(--Gold); color: #fff; border: none; 
  padding: 0.688rem 1.875rem; border-radius: 0.375rem; margin: 0 auto; width: 100%;;
}

@media ( min-width: 768px ) { 

}

@media ( min-width: 992px ) {

  #why-choose-us .html-block {
    padding-left: 1.563rem;
  }

  #cta-section .wrap {
    max-width: 70rem;
  }

  #pa-single-page .html-block {
    padding-left: 1.563rem;
  }

  .calc-wrap { margin: 0 -1rem; }

  #default-page .wrap { margin: 0 auto; max-width: 68.125rem; }

  .ginput_container--name > span { margin-bottom: 0; }

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

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

  .half { width: 50%; }

  #home-contact .container { padding: 0; }

  #home-insights .wrap h2 { margin-right: auto; } 

  .control button { position: absolute; top: 25%; left: 0; }

  .control button.s-right { right: 0; left: auto; }

  #home-about .wrap picture {
    margin-top: -8.813rem;margin-bottom: 5rem;
  }

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

  #home-banner .html-block {
    padding-top: 5.313rem;
  }

  #header .contact-info { margin-top: 1.5rem; }

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

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

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

  .main-menu { display:flex; flex-wrap:wrap; gap: 0 2.375rem; margin-top: 1.713rem; transform: translateY(-1rem); }

  .main-menu li { position: relative; }

  .main-menu li a { color: #fff; letter-spacing: .16em; line-height: 1.375em; }
  
  .main-menu > li { display: inline-block; }

  .main-menu > li > a { position:relative; padding: 1rem 0; }

  .blog .main-menu > li > a,
  .archive:not(.post-type-archive-video) .main-menu > li > a {
    color: #000;
  }
  
  

  .main-menu > li > a:after { content:''; width:0; height:2px; background-color: var(--Yellow); transition:.5s; position:absolute; bottom:.5rem; 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: 17.813rem; padding: 0; z-index: 200; opacity: 0; visibility: hidden; text-align: left; 
    padding: 1.563rem 1.875rem 1.563rem 0; background-color: #fff;
  }

  .main-menu > li:hover > .sub-menu { opacity: 1; visibility: visible; }

  .main-menu > li:hover > .sub-menu > li { transform: none; }
  
  .main-menu > li > .sub-menu > li { display: block; padding: 0 0 0; transition: .5s; transform: translateY(1rem); }
  
  .main-menu > li > .sub-menu > li > a {  color: #000; padding: 0.813rem 0.813rem 0.813rem 1.875rem; letter-spacing: 0; text-transform: unset; }
  
  .main-menu > li > .sub-menu > li:hover > a { padding-left: 2.688rem; background-color: var(--Yellow); }

}

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

  .contact-info {
    display: none;
  }

  .logo {
    position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background-color: transparent; padding: 1rem 0; z-index: 3000;
    right: 0; margin: 0 auto; max-width: 12.5rem;
  }
  .main-menu li a {
    line-height: normal;
  }

  #home-reviews h2,
  #home-about .html-block h2,
  #home-banner .html-block h1 {
    font-size: var(--px40); line-height: 1.4em;
  }

  #home-banner .banner-form {
    margin-top: 4rem;
  }

  .icon-box-list .icon-box + .icon-box {
    margin-top: 1.5rem;
  }

  #home-services h2 {
    margin-bottom: 1.5rem;
  }

  #home-services .services-list {
    margin-bottom: 2.5rem;
  }
  .btn {
    letter-spacing: 0;
  }

  .reviews-list-wrap .review-item h3 {
    font-size: var(--px24); line-height: 1.6em;
  }

  .control { display: flex; flex-wrap: wrap; gap: 0 1.5rem; justify-content: space-between; }

  #home-faqs .html-block h2 {
    font-size: var(--px40);
  }

  #home-faqs .faqs-list {
    margin-top: 3rem;
  }

  .posts-list .post-item {
    margin-bottom: 2.5rem;
  }

  #home-contact .html-block {
    padding: 27.938rem 0 2.875rem;
  }

  #home-contact .form-block {
    padding: .625rem .625rem;
  }

  .form-wrap {
    margin: 0; padding: 2.75rem .75rem;
  }

  #footer-nav ul {
    display: none;
  }

  #footer-top,
  #footer {
    text-align: center;
  }

  .resources-box {
    padding: 0;
  }

  .resources-box .item-box {
    margin-bottom: 1.25rem;
  }

  #video-list .video-item {
    flex: unset; width: 100%;
  }

}

@media ( max-width: 767px ) {

}

.video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background: #000; }
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {aspect-ratio: 16 / 9;width: 100%;height: 100%;}
@media (max-width: 992px) {
.video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 576px) {
.video-grid { grid-template-columns: 1fr; }
}
.pager { display: flex; align-items: center; justify-content: space-between; list-style: none; padding: 0; margin: 30px 0; }
.pager li a { display: inline-flex; text-align: center; gap: 0.688rem; background-color: var(--Gold); justify-content: center; color: var(--Black); font-weight: 700; align-items: center; padding: 0.938rem 1.875rem; border-radius: .625rem; color: #fff; text-transform: uppercase; letter-spacing: .16em; font-size: var(--px18); line-height: 1.38889; fill: var(--Black); }
.video-wrapper figure { margin-bottom: 0; }