/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");

@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Montserrat:300,400,700&display=swap');
/* font-family: 'Libre Baskerville', serif;
   font-family: 'Montserrat', sans-serif;
   */

html, body { overflow-x: hidden; }
body { font: 400 1.125rem/1.66 'Libre Baskerville',serif;  }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Montserrat', sans-serif; }
.post-content :not(.practice-areas li) a { color: #212529; text-decoration: underline; }
.post-content :not(.practice-areas li) a:hover { color: #d8ca9d; }
.btn { padding: 1rem 2.75rem; font: 400 1.125rem/1 'Montserrat', sans-serif; border: 0 none; border-radius: 0; }
.btn-lblue { color: #fff; background-color: #3b98f7; }
.btn-lblue:hover, .navbar-dark .navbar-nav .btn:hover .nav-link { color: #212529; background-color: #d8ca9d; }
.lblue { color: #3b98f7; }
.dblue { color: #014993; }
.lblue-bg, #header-block-1 > div { color: #fff; background-color: #3b98f7; }
.dblue-bg, #menu-practice-areas ul { background-color: #014993; }
.grey-bg { color: #fff; background-color: #313a39; }
.tan-bg { background-color: #d8ca9d; }
.white-bg { background-color: #fff; }
.callout { padding: 1.25rem 1.875rem; color: #fff; background-color: #313a39; }
.alignwide { margin-left: -5rem; margin-right: -5rem; }
.alignfull, #header-block-1 > div { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.alignfull > img, .alignfull:not(#pledge-points) .wp-block-image img { width: 100vw; }
.form-control { border-radius: 0; }

#header-block-1 .container { font-size: 1rem; line-height: 1.25; }
#header-block-1 .container a { color: #fff; }
.bg-jwbs { background-color: transparent !important; }
.navbar { position: relative; padding: 0; left: 0; right: 0; }
.navbar > .container { padding: 1rem 2rem 1rem 1.5rem; background-color: #fff; }
.navbar-dark .navbar-nav > li { position: relative; }
.navbar-dark .navbar-nav > li:nth-child(1):after, .navbar-dark .navbar-nav > li:nth-child(2):after { content: ''; position: absolute; width: 0; height: 0.75rem; top: 1.375rem; right: 0; border-right: 0 none; }
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .show > .nav-link { margin: 0 1.375rem; padding: 0.875rem 0 0.5625rem; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #212529; text-transform: uppercase; border-bottom: 2px solid transparent; }
.navbar-dark .navbar-nav .btn { padding: 0; padding-top: 0.3125rem; }
.navbar-dark .navbar-nav .btn .nav-link { margin: 0; padding: 0.875rem 1.3125rem; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #fff; background-color: #014993; border-bottom: 0 none; }
.navbar-dark .navbar-nav :not(.btn) .nav-link:hover, .navbar-dark .navbar-nav .show > .nav-link { border-bottom-color: #014993; }
.navbar-dark .navbar-nav :not(.btn).active > .nav-link, .navbar-dark .navbar-nav .nav-link:hover { color: #212529; }
.navbar-dark .navbar-toggler { border-color: #014993; }
.navbar-dark .navbar-toggler-icon {  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(1, 73, 147, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
.dropdown-toggle:after { display: none; }
.navbar-dark .navbar-nav .dropdown-menu { padding: 0; top: 95%; }
.navbar-dark .navbar-nav .dropdown-menu li a { padding: 0.75rem; font-family: 'Montserrat', sans-serif; color: #fff; background-color: #014993; text-transform: uppercase; }
.navbar-dark .navbar-nav .dropdown-menu li a:hover { color: #212529; background-color: #d8ca9d; }

/* right sidebar */
#nav_menu-2 { margin-top: 4rem; }
#nav_menu-2 .widgettitle { font-size: 2.125rem; font-weight: 700; }
#menu-practice-areas { margin-left: 0; padding-left: 0; list-style: none; }
#menu-practice-areas > li { margin-bottom: 0.25rem; }
#menu-practice-areas > li > a { display: block; position: relative; padding: 1rem 1.75rem; font-family: 'Montserrat', sans-serif; font-size: 1.375rem; color: #fff; background-color: #3b98f7; }
#menu-practice-areas > li > a:after { display: none; content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
#menu-practice-areas > li > a .svg-inline--fa { position: absolute; top: 35%; right: 1.75rem; }
#menu-practice-areas > li > ul { padding: 1rem 1rem 2.75rem 2.75rem; }
#menu-practice-areas ul { display: none; list-style: disc; font-family: 'Montserrat', sans-serif; font-size: 1.125rem; color: #fff; }
#menu-practice-areas ul li { padding-top: 0.75rem; }
#menu-practice-areas ul a { color: #fff; }
#menu-practice-areas .current_page_parent ul, #menu-practice-areas .current_page_ancestor ul, #menu-practice-areas .current_page_item ul { display: block; }

/* forms */
fieldset { border-top: 1px solid #212529; }
legend { display: inline-block; padding-right: 0.75rem; width: auto; font-size: 1.125rem; font-weight: bold; line-height: 1.66; }
span.wpcf7-list-item { margin-right: 1rem; margin-left: 0; }
.read-disclaimer span.wpcf7-list-item { margin: 0; }

.carousel { display: none; }
.carousel-caption { left: 10%; right: 45%; font-size: 1.25rem; text-align: left; }
.carousel-caption h1 { margin-top: 6rem; font-size: 2.25rem; font-weight: 700; text-transform: uppercase; }
.carousel-caption .btn { font-size: 2.125rem; letter-spacing: 0; color: #fff; background-color: #3b98f7; border: 0 none; }
.carousel-caption .btn .svg-inline--fa { font-size: 80%; }

/* home */
.home .carousel { border-bottom: 1.875rem solid #d8ca9d; }
.home .carousel-caption h1 { margin-top: 0; font-size: 2.375rem; letter-spacing: -0.1px; line-height: 1.05; }
.home #content-wrap-first { position: relative; }
.home #content-wrap-first .content-first { width: 100%; }
.home #content-wrap-first #sensible-wrap { content: ''; position: relative; margin-bottom: 1rem; padding: 1px 0; width: 100%; top: 0; right: 0; background: url('/wp-content/uploads/2020/02/bg-tagline-home.jpg') no-repeat; background-size: cover; }
.home #content-wrap-first .sensible { position: static; margin: 10% auto; padding: 2.25rem 0.5rem; width: 75%; font-size: 1.875rem; top: 0; left: 0; font-weight: 700; text-transform: uppercase; color: #fff; border: 0.625rem solid #fff; }
.practice-areas { margin-left: 0; padding:3.125rem 0 0; list-style: none; }
.practice-areas li { display: block; margin-bottom: 4.5rem; vertical-align: top; }
.practice-areas li:last-child { margin-right: 0; }
.practice-areas li > a { display: block; position: relative; margin: 0 auto; padding: 3.125rem 0.5rem 0.5rem; width: 85%; min-height: 18.5rem; font-size: 1rem; font-weight: bold; color: #212529; text-align: center; border: 1px solid #c1c1c1; }
.practice-areas li > a:hover { text-decoration: none; }
.practice-areas li > a:before { position: absolute; content: ''; width: 100px; height: 100px; top: -51px; left: calc(50% - 50px); background: #014993; border: 5px solid #013f7f; border-radius: 50%; }
.practice-areas li > a:hover:before { background: #d8ca9d; border-color: #b6aa84; }
.practice-areas li > #family-law:before { background-image: url('/wp-content/uploads/2020/02/icon-family-law.png'); background-repeat: no-repeat; background-position: 50%; }
.practice-areas li > #family-law:hover:before { background-image: url('/wp-content/uploads/2020/02/icon-family-law-o.png'); }
.practice-areas li > #traffic-law:before { background-image: url('/wp-content/uploads/2020/02/icon-traffic-law.png'); background-repeat: no-repeat; background-position: 50%; }
.practice-areas li > #traffic-law:hover:before { background-image: url('/wp-content/uploads/2020/02/icon-traffic-o.png'); }
.practice-areas li > #criminal-charges:before { background-image: url('/wp-content/uploads/2020/02/icon-criminal.png'); background-repeat: no-repeat; background-position: 50%; }
.practice-areas li > #criminal-charges:hover:before { background-image: url('/wp-content/uploads/2020/02/icon-criminal-o.png'); }
.practice-areas li > #juvenile-law:before { background-image: url('/wp-content/uploads/2020/02/icon-juvenile-law.png'); background-repeat: no-repeat; background-position: 50%; }
.practice-areas li > #juvenile-law:hover:before { background-image: url('/wp-content/uploads/2020/02/icon-juvenile-o.png'); }
.practice-areas li h5, .practice-areas li h6 { margin: 1rem 0; font-weight: 700; text-transform: uppercase; }
#different h2 { margin: 1rem 0 2rem; font-size: 2.4375rem; }
#different p { margin: 1.875rem 0; }
.wp-block-column.practice, .wp-block-column.places { width: calc(50% - 16px); margin-top: 0; }
.wp-block-column.attorney { display: none; width: calc(30% - 16px); }
.wp-block-column.practice figure, .wp-block-column.places figure { display: flex; position: relative; align-items: center; justify-content: center; }
.wp-block-column.practice figure:after { position: absolute; display: none; content: ''; width: 100%; height: 148px; left: 2.8125rem; top: 15.75rem; background: url('/wp-content/uploads/2020/02/arrow-left.png') no-repeat; }
.wp-block-column.places { margin-left: 0; }
.wp-block-column.places figure:after { position: absolute; display: none; content: ''; width: 100%; height: 115px; left: -4rem; top: 15.75rem; background: url('/wp-content/uploads/2020/02/arrow-right.png') no-repeat; }
.wp-block-column.practice figcaption, .wp-block-column.places figcaption { display: flex; position: absolute; margin: 1rem; padding: 1rem; top: 0; left: 0; width: calc(100% - 2rem); height: calc(100% - 2rem); align-items: center; justify-content: center; border: 0.5rem solid #fff; }
.wp-block-column.practice figcaption h3, .wp-block-column.places figcaption h3 { margin: 0; font-size: 1.375rem; font-weight: 700; color: #fff; text-align: center; text-transform: uppercase; }
#pledge h2 { font-size: 2.5rem; }
#pledge-points { background-color: #f5f5f5; }
#pledge-points .wp-block-columns { margin: 0; }
/* #pledge-points .wp-block-columns .white-bg { margin: 0 -15px; } */
#pledge-points h5 { font-size: 1.125rem; font-weight: 700; text-transform: uppercase; }
#billable-hours h2 { font-size: 2.4375rem; font-weight: 700; }
#billable-hours p { margin: 0; line-height: 1.9; }
#billable-hours p a { text-decoration: none; }
#billable-hours p a:hover { color: #212529; }
#wpcf7-f14-o1 #email-address::placeholder { font-weight: bold; }

.home #footer-cta { display: none; background-color: transparent; }
#footer-cta { background-color: #014993; }
#footer-cta p { font-size: 1.5rem; }
#footer-cta h2 { font-size: 2.5rem; color: #fff; }
#custom_html-3 { padding: 1rem 0; color: #fff; background: url('/wp-content/uploads/2020/02/bg-short-form.jpg') no-repeat; text-align: center; }
#custom_html-3 .modal { color: #212529; text-align: left; }
#custom_html-3 h3 { font-size: 2.375rem; }
#custom_html-3 .h4 { font-family: 'Libre Baskerville', serif; font-size: 1.375rem; font-style: italic; line-height: 2; }
#custom_html-3 a { color: #fff; text-decoration: underline; }
#custom_html-3 a:hover { color: #fff; text-decoration: none; }
#custom_html-3 .lblue-bg { margin: 0 auto; width: 2.5rem; height: 0.5rem; background-color: #3b98f7; }
#custom_html-3 .btn { padding: 1rem; }
#custom_html-4 { display: none; }
#custom_html-5 { color: #fff; background-color: #2a2c2b; }
#custom_html-5 .row > div { display: flex; padding: 3rem 0; align-items: center; justify-content: center; text-align: center; }
#custom_html-5 h4 { font-size: 1.375rem; }
#custom_html-5 a:hover { color: #212529; background-color: #d8ca9d; }
#custom_html-5 .logo { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; background-color: #1e1e20; }
#custom_html-5 .phone { line-height: 1.9; }
#custom_html-6 { margin-bottom: 1.5rem; border-bottom: 1px solid #c4c4c4; }
#custom_html-6 h2 { font-weight: 300; font-size: 3rem; line-height: 1; }
#custom_html-6 h2 strong { font-weight: 700; }
.attribution { line-height: 2.2; }

.post-38 .post-content li a, .post-38 .post-content li a:hover, .post-38 .post-content .about-copy a, .post-38 .post-content .about-copy a:hover { color:#014993; text-decoration: none; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
	.wp-block-column.places { margin-left: 32px; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.home #footer-cta, .carousel { display: block; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	h1, .h1 { font-size: 3.125rem; }
	#header-block-1 .container { line-height: 1; }
	.navbar { position: absolute; }
	.navbar-dark .navbar-nav > li:nth-child(1):after, .navbar-dark .navbar-nav > li:nth-child(2):after { border-right: 2px solid #c5c5c5; }
	.carousel-caption { left: 20%; font-size: 1.5rem; }
	.carousel-caption .btn { font-size: 2.5rem; letter-spacing: 0.75px; }
	.home .carousel-caption h1 { font-size: 4.375rem; }
	.home #content-wrap-first .content-first { width: 65%; }
	.home #content-wrap-first #sensible-wrap { position: absolute; margin-bottom: 0; width: 37.25%; height: 532px; top: -150px; }
	.home #content-wrap-first .sensible { position: absolute; margin: 0; padding: 4.625rem 0.5rem; width: 40.75%; font-size: 1.875rem; top: 20%; left: 10%; }
	.practice-areas li { display: inline-block; margin-right: 30px; margin-bottom: 0; width: 22.95%; }
	.practice-areas li > a { width: 100%; }
	.wp-block-column.practice, .wp-block-column.places { flex-basis: 35%; margin-top: 5.875rem; }
	.wp-block-column.practice figure:after { display: inline; }
	.wp-block-column.attorney { display: block; }
	.wp-block-column.places figure:after { display: inline; }
	#pledge h2 { font-size: 2.8125rem; }
/*	#pledge-points .wp-block-columns .white-bg { margin: 0 0 0 32px; } */
	#billable-hours p { margin: 0 -1rem; }
	#custom_html-3 { padding: 6.25rem 0; }
	#custom_html-3 h3 { font-size: 2.75rem; }
	#custom_html-3 .h4 { font-size: 1.6875rem; }
	#custom_html-3 .btn { padding: 1rem 2.75rem; }
	#custom_html-4 { display: block; }
	#custom_html-5 .row .logo { margin-left: 0; margin-right: 0; max-width: none; width: auto; }
	#custom_html-6 h2 { font-size: 3.5rem; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}