/*
Theme Name: SB Law Office
Theme URI: 
Author: The Development team
Author URI: https://wordpress.org/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

SB Law Office is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
	--white: #FFFFFF;
	--black: #222222;
	--blue: #153E72;
	--red: #99020B;
	--gray: #EDEDED;
	--lightgray: #F6F6F6;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
}

*,
::before,
::after {
	box-sizing: inherit;
}

body {
	font-family: 'Lato', sans-serif;
	margin: 0 auto;
	width: 100%;
	min-width: 320px;
}

/* for 60px height WP Responsive Menu */
@media screen and (max-width: 768px) {
	html {
		padding-top: 60px !important;
	}
}

/*
 * ================================
 * Layouts and Guttenberg Overrides
 * ================================
 */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.container {
	width: 95%;
	max-width: 1366px;
	margin: 0 auto;
	padding: 0;
}

.grecaptcha-badge {
	bottom: 70px !important;
}

figure {
	margin: 0;
}

img {
	display: block;
	height: auto;
	max-width: 100%;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

/*
 * ====================
 * Typography
 * ====================
 */

a,
a:visited {
	color: var(--red);
	text-decoration: none;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
}

a:hover {}

a:focus {
	outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Source Serif Pro', serif;
	font-weight: 700;
	/* text-transform: uppercase; */
	margin: 1rem 0;
}

h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 40px;
}

h2 {
	font-size: 40px;
	font-weight: 400;
}

h3 {
	/* font-family: '', sans-serif; */
	font-size: 25px;
	font-weight: 400;
}

p,
ul,
ol {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 1.8;
	/* color: ; */
}

dl,
dd {
	margin: 0;
}

p {}

.red { color: var(--red); }

/* p:last-of-type {
	margin-bottom: 0;
} */

@media screen and (max-width: 768px) {
	h1 { font-size: 30px; }
	h2 { font-size: 30px; }
}

/*
 * ====================
 * Buttons
 * ====================
 */

.button {
	display: inline-block;
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 20px;
	background: var(--red);
	color: #FFFFFF !important;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	line-height: 1;
	border: 1px solid transparent;
	text-align: center;
	min-width: 200px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-ms-border-radius: 60px;
	-o-border-radius: 60px;
}

.button-green {
	background: #61D654;
}

.button:after {
	content: "";
	background: var(--blue);
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all .5s ease;
	transform: translateX(101%);
	-webkit-transform: translateX(101%);
	-moz-transform: translateX(101%);
	-ms-transform: translateX(101%);
	-o-transform: translateX(101%);
}

.button:hover:after {
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
}

/*
 * ====================
 * Flexbox Classes
 * ====================
 */

.dflex {
	display: flex;
	display: -webkit-flex;
}

.sb-flex {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.sa-flex {
	justify-content: space-around;
	-webkit-justify-content: space-around;
}

.cn-flex {
	justify-content: center;
	-webkit-justify-content: center;
}

.fe-flex {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.align-start {
	align-items: flex-start;
	-webkit-align-items: flex-start;
}

.align-end {
	align-items: flex-end;
	-webkit-align-items: flex-end;
}

.align-center {
	align-items: center;
	-webkit-align-items: center;
}

/*
 * ====================
 * Forms 
 * ====================
 */

form p {
	margin: 0 0 10px !important;
	width: 100%;
}

form i,
form .hide {
	display: block;
	width: .1px;
	height: .1px;
	overflow: hidden;
}

form label {
	display: block;
	width: 100%;
}

form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
form textarea,
form select {
	font-family: inherit;
	/* font-size: ; */
	display: block;
	width: 100%;
	padding: 15px;
	border: 1px solid #EEE;
	margin: 10px 0;
}

form textarea {
	resize: none;
}

form .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

form .wrap label,
form .wrap div {
	flex-basis: 32%;
}

form input[type="submit"],
form button[type="submit"] {
	margin-top: 30px
}

/* Contact Form 7 error messages */
form.wpcf7-form span.wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

form.wpcf7-form span.wpcf7-not-valid-tip {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 14px;
}

@media screen and (max-width: 900px) {
	form .wrap label,
	form .wrap div {
		flex-basis: 100%;
	}
}

/* Footer Form */
.footer-form {
	text-align: left;
}

.footer-form .disclaimer-privacy-policy {
	padding: 20px;
}

.footer-form a {
	color: #FFFFFF;
}

/* Contact Us Form */
.contact-form {
	margin: 0 auto;
}

.contact-form .how-to-contact span.wpcf7-list-item {
	margin: 0;
	display: block;
}

/*
 * ====================
 * Menus
 * ====================
 */

/* Main Menu */
.main-navigation {}

.main-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main-navigation ul li {
	position: relative;
}

.main-navigation ul li.menu-item-has-children a::after {
	content: url(assets/images/caret_down.png);
	position: relative;
	top: 50%;
	right: -10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.main-navigation ul li a {
	display: block;
	color: #FFFFFF;
	font-size: 18px;
	padding: 25px 10px;
	line-height: 1;
}

/* .main-navigation ul li a:hover,
.main-navigation .current-menu-item a,
.main-navigation .current_page_item a {
	color: var(--blue);
} */

/* Sub Menu */
.main-navigation ul>li>ul.sub-menu {
	display: block;
	position: absolute;
	z-index: 999;
	background: #FFFFFF;
	/* margin-top: 50px; */
	visibility: hidden;
	opacity: 0;
	width: 100%;
	min-width: 300px;
	box-sizing: border-box;
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
}

.main-navigation ul>li:hover>ul.sub-menu {
	visibility: visible;
	opacity: 1;
	margin-top: 0;
}

.main-navigation ul>li>ul.sub-menu>li {
	display: block;
	margin-right: 0;
}

.main-navigation ul>li>ul.sub-menu>li>a {
	display: block;
	padding: 10px;
	color: var(--red);
	line-height: 1;
}

.main-navigation ul>li>ul.sub-menu>li>a::before,
.main-navigation ul>li>ul.sub-menu>li>a::after {
	display: none;
}

.main-navigation ul>li>ul.sub-menu>li>a:hover {
	background: var(--lightgray);
}

/* Sub Sub Menu */
.main-navigation ul>li>ul.sub-menu>li>ul.sub-menu {
	position: absolute;
	margin-left: 240px;
	margin-top: -48px !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

.main-navigation ul>li>ul.sub-menu>li:hover>ul.sub-menu {
	margin-left: 200px;
	visibility: visible !important;
	opacity: 1 !important;
}

/* WP Responsive Menu Custom Styles */
@media screen and (max-width: 960px) {
	#wprmenu_bar {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	#wprmenu_bar .menu_title {
		width: 250px;
		top: 0 !important;
		line-height: 1 !important;
	}

	#wprmenu_bar .menu_title a {
		top: 0 !important;
		line-height: 1 !important;
	}

	#wprmenu_bar .menu_title img {
		width: 100%;
		max-width: 250px;
		height: auto;
	}
}

/* Footer Menu */
.footer-navigation {}

.footer-navigation ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-navigation ul li {}

.footer-navigation ul li a {
	color: #000;
}

.footer-navigation ul li a:hover,
.footer-navigation .current-menu-item a,
.footer-navigation .current_page_item a {
	color: #111;
}

/* Social Menu */
.social-navigation {}

.social-navigation ul {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.social-navigation ul li {
	padding: 0 10px;
}

.social-navigation ul li a {
	display: block;
}

.social-navigation ul li a svg {
	fill: #111;
}

/* Sidebar Menu */
.sidebar ul {
	list-style: none;
	margin: 1rem 0;
	padding-left: 20px;
}

.sidebar ul li a {
	display: block;
	color: #FFFFFF;
	font-size: 18px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.sidebar ul li a:hover {
	margin-left: 10px;
}

/*
 * ====================
 * Header
 * ====================
 */

.site-header {
	position: relative;
	z-index: 9999;
}

/* Header > Header Top */
.site-header .header-top {
	position: relative;
	padding: 20px 0;
}

.site-header .header-top::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	width: 45%;
	height: 100%;
	background: var(--blue);
	clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
}

.site-header .header-top .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.site-header .header-top .header-logo {
	flex-basis: 50%;
}

.site-header .header-top .header-logo .custom-logo {
	display: block;
	/* width: auto; */
	height: auto;
	max-width: 100%;
}

.site-header .header-top .header-contact {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	column-gap: 5%;
	flex-basis: 50%;
}

.site-header .header-top .header-contact .header-phone {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	column-gap: 10px;
	color: #FFF;
	width: 200px;
}

.site-header .header-top .header-contact .header-phone a {
	color: #FFFFFF;
	font-size: 23px;
	font-weight: 900;
}

.site-header .header-top .header-contact .header-cta {
	width: 40%;
}

/* Header > Header Nav */
.site-header .header-nav {
	background: var(--black);
}

@media screen and (max-width: 1024px) {
	.site-header .header-top::after {
		width: 50%;
	}
}

@media screen and (max-width: 960px) {
	.site-header {
		top: 20px;
	}

	.site-header .header-top {
		background: var(--blue);
	}

	.site-header .header-top::after {
		display: none;
	}

	.site-header .header-top .container {
		justify-content: space-around;
	}

	.site-header .header-top .header-contact {
		justify-content: flex-start;
	}
}

@media screen and (max-width: 460px) {
	.site-header .header-top .header-contact {
		display: block;
		text-align: center;
		flex-basis: 100%;
	}

	.site-header .header-top .header-contact .header-phone a {
		font-size: 20px;
	}

	.site-header .header-top .header-contact .header-cta {
		width: 100%;
		margin: 10px auto 0;
	}

	.site-header .header-top .header-contact .button-green {
		font-size: 15px;
		padding: 15px;
		min-width: 175px;
	}
}

/*
 * ====================
 * Banner
 * ====================
 */

/* Banner > Home Page */
.site-banner .banner-home-page {
	position: relative;
}

.site-banner .banner-home-page > img.banner-image-home {
	position: relative;
	display: block;
	width: 100%;
}

.site-banner .banner-home-page .banner-caption {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.site-banner .banner-home-page .banner-caption .container {
	max-width: 1080px;
}

.site-banner .banner-home-page .banner-caption h2 {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 80px;
	max-width: 700px;
	margin: 0 auto 2rem;
}

.site-banner .banner-home-page .banner-caption h4 {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 35px;
}

/* Banner > Inner Pages */
.site-banner .banner-inner-pages {
	position: relative;
	max-height: 400px;
	overflow: hidden;
}

.site-banner .banner-inner-pages::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
}

.site-banner .banner-inner-pages .page-heading {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 50%;
	width: 100%;
	color: #FFFFFF;
	text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.site-banner .banner-inner-pages .page-heading h2 {
	font-family: 'Lato', sans-serif;
	font-size: 45px;
	font-weight: 800;
}

.site-banner .banner-inner-pages .breadcrumb {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	background: var(--lightgray);
}

@media screen and (max-width: 1440px) {
	.site-banner .banner-home-page .banner-caption h2 {
		font-size: 50px;
		margin-bottom: 1rem;
	}
}

@media screen and (max-width: 960px) {
	.site-banner .banner-home-page .banner-caption {
		position: relative;
		top: 0;
		padding: 40px 20px 60px;
		background: var(--black);
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
	}
}

@media screen and (max-width: 768px) {
	.site-banner .banner-inner-pages .breadcrumb {
		position: relative;
		padding: 20px;
	}

	.site-banner .banner-inner-pages .breadcrumb p {
		margin: 0;
	}
}

@media screen and (max-width: 600px) {
	.site-banner .banner-inner-pages .banner-image-inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.site-banner .banner-inner-pages .page-heading {
		position: relative;
		padding: 20px;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
}
}

/*
 * ====================
 * Content
 * ====================
 */

.gap-small {
	column-gap: 2.5%;
}

.gap-medium {
	column-gap: 5%;
}

.gap-large {
	column-gap: 10%;
}

.with-line {
	position: relative;
	padding-bottom: 35px;
}

.with-line::after {
	content: url(assets/images/line.png);
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.with-line.left::after {
	left: 0;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
}

/* Home Page */

/* Home Page > Section 1 */
.home #section1 {
	background: var(--lightgray);
	padding-bottom: 140px;
}

.home #section1 .statistics {
	position: relative;
	top: -80px;
	padding: 50px;
	background: var(--red);
	color: #FFFFFF;
}

.home #section1 .statistics .slick-slider {
	margin-bottom: 0;
}

.home #section1 .statistics .slick-slider .slick-dots button::before {
	color: #FFFFFF;
}

.home #section1 .statistics .textwidget {
	padding: 0 20px;
}

.home #section1 .statistics .textwidget p {
	line-height: 1.2;
}

.home #section1 .widget_sow-image {
	margin: 20px;
}

@media screen and (max-width: 1440px) {
	.home #section1 .statistics {
		top: -40px;
	}
}

/* Home Page > Section 2 */
.home #section2 {
	padding-top: 75px;
}

.home #section2 .review p:first-of-type {
	margin: 0;
	font-size: 25px;
}

.home #section2 .review .stars {
	font-weight: 2rem;
	color: #F6AD01;
}

@media screen and (max-width: 768px) {
	.home #section2 {
		padding: 40px 0;
	}
}

/* Home Page > Section 3 */
.home #section3 {
	padding: 0 0 90px;
}

.home #section3 .specialties {
	position: relative;
	top: -100px;
	align-items: stretch !important;
}

.home #section3 .specialties .medical-malpractice, 
.home #section3 .specialties .personal-injury {
	padding: 35px 110px;
	color: #FFFFFF;
}

.home #section3 .specialties .medical-malpractice p, 
.home #section3 .specialties .personal-injury p {
	line-height: 1.5;
}

.home #section3 .specialties .medical-malpractice a, 
.home #section3 .specialties .personal-injury a {
	color: #FFF;
	font-weight: 700;
}

.home #section3 .about-1 p {
	max-width: 1080px;
	margin: 1rem auto;
}

@media screen and (max-width: 1024px) {
	.home #section3 .specialties {
		top: -50px;
	}

	.home #section3 .specialties .medical-malpractice, 
	.home #section3 .specialties .personal-injury {
		padding: 30px;
	}
}

@media screen and (max-width: 768px) {
	.home #section3 .specialties {
		top: 0;
	}
}

/* Home Page > Section 4 */
.home #section4 {
	padding: 95px 0;
}

.home #section4 .image {
	position: relative;
	box-shadow: 10px 10px 0 var(--blue);
	max-width: 545px;
	margin: 0 auto;
}

@media screen and (max-width: 620px) {
	.home #section4 {
		padding: 0 0 50px;
	}
}

/* Home Page > Section 5 */
.home #section5 {
	position: relative;
	background: var(--gray);
}

.home #section5 .text-left {
	padding: 10%;
	z-index: 1;
}


.home #section5 .text-left .text {
	position: relative;
	z-index: 1;
}

.home #section5 .text-left .text h2 {
	font-weight: 800;
}

.home #section5 .text-left .image img {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 36%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.home #section5 .text-right {
	position: relative;
	z-index: 1;
	padding: 5%;
	padding-right: 13%;
}

@media screen and (max-width: 768px) {
	.home #section5 .text-left {
		padding: 40px 20px 0;
	}

	.home #section5 .text-right {
		padding: 20px;
	}
}

/* Home Page > Section 6 */
.home #section6 {
	background: var(--blue);
	color: #FFFFFF;
	padding: 50px 0;
}

.home #section6 h2 {
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	font-weight: 700;
	margin: 0;
}

/* Home Page > Section 7 */
.home #section7 {
	padding: 50px 0;
}

.home #section7 .widget_sow-image {
	margin: 20px;
}

/* Contact Form Section */
#contact-form {
	background: url(assets/images/contact_bg.jpg) center no-repeat;
	background-size: cover;
	padding: 50px 0;
	color: #FFF;
	text-align: center;
}

/*
 * ====================
 * Inner Pages
 * ====================
 */

.inner #content {
	min-height: 500px;
	padding: 40px 0;
}

.inner #content .with-sidebar {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	column-gap: 5%;
}

.inner #content .with-sidebar #main {
	width: 65%;
}

.inner #content .with-sidebar #sidebar {
	width: 30%;
	padding: 30px;
	background: var(--blue);
	color: #FFFFFF;
	box-shadow: 10px 10px 0 var(--black);
}

.inner #content h2 {
	font-size: 30px;
}

@media screen and (max-width: 768px) {
	.inner #content {
		padding: 20px 0;
	}

	.inner #content .with-sidebar {
		flex-wrap: wrap;
		row-gap: 30px;
	}

	.inner #content .with-sidebar #main {
		width: 100%;
	}

	.inner #content .with-sidebar #sidebar {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.inner #content .with-sidebar #sidebar {
		box-shadow: 5px 5px 0 var(--black);
	}
}

/* Gallery Page */
/* Photo Gallery Pop-up (Light Theme) */
.spider_popup_wrap {
	background: rgba(255, 255, 255, 0.8) !important;
}

/* Attorneys */
.inner.single-attorneys #content article.attorneys {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.inner.single-attorneys #content .attorney-info {
	flex-basis: 30%;
	text-align: center;
}

.inner.single-attorneys #content .attorney-info .attorney-image img {
	margin: 0 auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.inner.single-attorneys #content .attorney-info .attorney-phone {
	color: var(--red);
}

.inner.single-attorneys #content .attorney-info .attorney-practice-areas {
	padding: 20px;
	background: var(--lightgray);
	margin-top: 40px;
}

.inner.single-attorneys #content .attorney-info .attorney-practice-areas ul {
	text-align: left;
}

.inner.single-attorneys #content .attorney-content {
	flex-basis: 65%;
}

@media screen and (max-width: 768px) {
	.inner.single-attorneys #content article.attorneys {
		flex-direction: column;
	}

	.inner.single-attorneys #content .attorney-info,
	.inner.single-attorneys #content .attorney-content {
		flex: 0 auto;
		width: 100%;
	}
}

/* Testimonial Page */
.testimonial-container .testimonial-heading {
	display: none;
}

.testimonial-container .wpmtst-testimonial-field {
	text-align: left !important;
}

.testimonial-container .testimonial-name {
	font-size: 20px;
	margin-top: 20px;
}

.testimonial-container .strong-rating span.star:before {
	margin-right: 3px;
}

.testimonial-container #wpmtst-submission-form .field-star_rating {
	margin-bottom: 0 !important;
}

/*
 * ====================
 * Footer
 * ====================
 */

.site-footer .footer-top {
	padding: 50px 0;
}

.site-footer .footer-top .container {
	display: flex;
	justify-content: space-around;
	column-gap: 10%;
	text-align: center;
}

.site-footer .footer-top .footer-logo,
.site-footer .footer-top .footer-address-1,
.site-footer .footer-top .footer-address-2 {
	flex-basis: 33.33%;
}

.site-footer .footer-top .footer-logo img {
	margin: 0 auto;
	max-width: 100%;
}

.site-footer .footer-top .footer-logo a {
	color: var(--red);
}

.site-footer .footer-maps {
	display: flex;
	justify-content: space-between;
}

.site-footer .footer-maps .map-left,
.site-footer .footer-maps .map-right {
	width: 50%;
}

.site-footer .footer-maps .map-left img,
.site-footer .footer-maps .map-right img {
	display: block;
	width: 100%;
}

.site-footer .site-info {
	padding: 50px 0;
	background: var(--black);
	color: #FFFFFF;
}

.site-footer .site-info p {
	margin: 0;
	text-align: center;
}

.site-footer .site-info a {
	color: #FFFFFF;
}

@media screen and (max-width: 768px) {
	.site-footer .footer-top .container {
		flex-wrap: wrap;
	}

	.site-footer .footer-top .footer-logo {
		flex-basis: 100%;
		order: 1;
	}

	.site-footer .footer-top .footer-address-1,
	.site-footer .footer-top .footer-address-2 {
		flex-basis: 100%;
		order: 2;
	}

	.site-footer .footer-maps {
		flex-wrap: wrap;
	}

	.site-footer .footer-maps .map-left,
	.site-footer .footer-maps .map-right {
		width: 100%;
	}
}

/*
 * ====================
 * Blog Page
 * ====================
 */

.blog-container {
	padding-right: 5%;
	flex-basis: 65%;
}

.blog-list article {
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #535353;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.blog-list article:not(:last-of-type) {
	margin-bottom: 40px;
}

.blog-list article:hover {
	box-shadow: 0px 0px 20px #000;
}

.blog-title h2 a {
	font-size: 30px;
	margin: 0 0 20px;
	color: #111;
}

.blog-header {
	margin-bottom: 10px;
	align-items: flex-end;
	-webkit-align-items: flex-end;
}

.blog-header p {
	margin: 0;
	font-size: 18px;
}

.blog-header p span {
	font-style: italic;
}

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

.blog-image img {
	transition: all .5s linear;
	max-width: 500px !important;
	height: auto !important;
}

.blog-container .button {
	padding: 10px 20px;
	font-size: 13px;
	margin-top: 10px;
}

.blog .post {
	margin-bottom: 50px;
}

.pagination-n {
	text-align: right;
	margin-top: 15px;
}

.pagination-n a {
	padding: 2px 10px;
	background: #0F3A6F;
	color: #FFF;
}

.pagination-n .current {
	padding: 2px 10px;
	background: #6A7A64;
	color: #FFF;
}

@media screen and (max-width: 800px) {
	.blog-wrap {
		flex-direction: column;
		-webkit-flex-direction: column;
	}

	.blog-container {
		margin-bottom: 30px;
		padding-right: 0;
		text-align: center;
	}
}

@media screen and (max-width: 500px) {
	.blog-header {
		flex-direction: column;
		-webkit-flex-direction: column;
	}

	.blog-header p,
	.blog-header h2 {
		width: 100%;
		text-align: center;
	}

	.blog-list article {
		text-align: center;
	}

	.blog-header h2 {
		font-size: 30px;
	}

	.blog-container .button {
		margin-top: 20px;
	}
}

/*
 * ==========================
 * Search and Error Page Form
 * ==========================
 */

.sidebar form,
.error-404 form {
	position: relative;
	max-width: 700px;
	margin: 10px auto;
}

.sidebar form input[type="search"],
.error-404 form input[type="search"] {
	width: 100%;
	padding: 10px;
	margin: 0;
}

.sidebar input[type="submit"],
.error-404 input[type="submit"] {
	position: absolute;
	background: var(--red);
	color: #FFFFFF;
	padding: 10px;
	right: 0;
	top: 0;
	bottom: 0;
	border: 0;
	margin: 0;
}

.sidebar .widget:not(:nth-of-type(1)) {
	background: rgba(255, 255, 255, .5);
	border-bottom: 1px solid #CCC;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding: 10px 20px;
}

.sidebar input[type="submit"],
.error-404 input[type="submit"] {
	transition: all .4s linear;
}

.sidebar input[type="submit"]:hover,
.error-404 input[type="submit"]:hover {
	box-shadow: 0px 0px 20px #000;
}

.sidebar-blogs a {
	color: #FFFFFF;
}

.sidebar-blogs .findlaw {
	display: block;
	margin-top: 20px;
}

/*
 * ====================
 * Search Page
 * ====================
 */
.page-description {
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 40px;
	display: block;
}

.page-description::after {
	content: ' "';
}

.page-description::before {
	content: '" ';
}

.search article {
	padding: 20px;
	border: 1px solid #000;
	margin-bottom: 30px;
	display: block;
	transition: all .5s linear;
}

.search article:hover {
	box-shadow: 0px 0px 20px #000;
}

.search article:last-of-type {
	margin-bottom: 0;
}

.search article h2 a {
	margin: 0 0 20px;
	font-size: 35px;
	color: #111;
}

.search-con {
	padding-right: 5%;
	flex-basis: 65%;
}

@media screen and (max-width: 768px) {
	.search-wrap {
		flex-direction: column;
		-webkit-flex-direction: column;
	}

	.search-con {
		margin-bottom: 30px;
		padding-right: 0;
		text-align: center;
	}
}

/*
 * ====================
 * Error Page
 * ====================
 */

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

.cta {
	display: none;
}

@media screen and (max-width: 768px) {
	.cta {
		background: #222 url(assets/images/phonecall.png) no-repeat center center;
		border-top-left-radius: 40px;
		border-bottom-left-radius: 40px;
		display: block;
		position: fixed;
		bottom: 10px;
		right: 0;
		height: 80px;
		text-decoration: none;
		text-indent: -9999em;
		width: 100px;
		z-index: 999;
	}

	.grecaptcha-badge {
		bottom: 95px !important;
	}
}