/*!
Theme Name: mccmormick
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mccmormick
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.

mccmormick is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300&family=Playfair+Display:wght@400;600;700&display=swap');

body, html {
	font-family: 'Nunito Sans', sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #323232;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Playfair Display', serif;
}

.site-container {
	overflow: hidden;
}

.site-main {
	margin: 0px -12px;
}

#page {
	background-color: #fff;
	overflow: hidden;
}

/* -----------------------------------------------
   HEADER
----------------------------------------------- */
.site-header {
	padding: 0;
	height: 110px;
	background-color: #fff;
	margin: 0px -12px;
}

.site-header .row {
	height: 110px;
	align-items: stretch !important;
	flex-wrap: nowrap;
}

.site-branding {
	padding: 10px 10px 10px 20px;
	display: flex;
	align-items: center;
	height: 100%;
}

.site-branding img {
	max-height: 80px;
	width: auto;
}

/* -----------------------------------------------
   NAV MENU
----------------------------------------------- */
#site-navigation {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

ul#primary-menu {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	gap: 0 4px;
	justify-content: center;
	align-items: center;
	list-style: none;
}

ul#primary-menu li {
	display: inline-flex !important;
	list-style-type: none;
	margin: 0px 6px;
	padding: 0px 4px;
	font-size: 1rem;
}

ul#primary-menu li a {
	color: #231F20;
	text-decoration: none;
	font-weight: 600;
	white-space: nowrap;
}

ul#primary-menu li a:hover {
	color: #009D4F;
}

/* -----------------------------------------------
   GREEN CTA BOX
----------------------------------------------- */
.greenback {
	margin: 0;
	padding: 20px 10px;
	height: 110px;
	color: #fff;
	text-align: center;
	background-color: #009D4F;
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.greenback span {
	font-weight: 700;
	font-size: .85rem;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 6px;
}

.greenback p {
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0;
	line-height: 1.3;
}

.greenback p a {
	color: #fff !important;
	text-decoration: none;
}

.greenback p a:hover {
	text-decoration: underline;
}

/* -----------------------------------------------
   FOOTER NAV
----------------------------------------------- */
ul#menu-footer-nav {
	margin: 0px auto;
	padding: 0px;
}

ul#menu-footer-nav li {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 1.2rem;
	font-weight: 300;
}

ul#menu-footer-nav li a {
	color: #fff;
	text-decoration: none;
}

.site-footer {
	background-color: #21221F;
	margin: 0px -12px;
	padding: 40px 0px 40px 0px;
}

.c-foot img {
	margin-bottom: 40px;
}

.c-foot span {
	display: block;
	color: #fff;
	font-size: 1.7rem;
	font-weight: 300;
}

.c-foot h5 {
	color: #fff;
	font-size: 2.5rem !important;
	font-weight: 700 !important;
}

/* -----------------------------------------------
   OFFICE GRID
----------------------------------------------- */
.office-grid {
	padding: 15px;
	margin-bottom: 25px;
}

.office-grid img {
	margin-bottom: 15px;
}

.office-grid h3 {
	font-family: 'Playfair Display', serif;
	color: #009D4F;
	font-size: 2.2rem;
	font-weight: 600;
}

/* -----------------------------------------------
   FORMS
----------------------------------------------- */
.fieldform {
	width: 100%;
	border: none;
	padding: 0px;
	height: 50px;
	text-indent: 15px;
}

#fieldbtn {
	background-color: #231F20;
	border: none;
	padding: 18px 62px;
	color: white;
	text-transform: uppercase;
	font-weight: 300;
	margin-top: 50px;
	letter-spacing: 1px;
}

#ctaform label {
	font-size: 1rem;
	color: white;
	margin-bottom: 10px;
	font-weight: 300;
}

.ct-field {
	border: none;
	width: 100%;
	height: 55px;
	margin-bottom: 20px;
	text-indent: 10px;
}

.ct-dropdown {
	width: 100%;
	min-height: 55px !important;
}

.ct-textarea {
	border: none;
	width: 100%;
	height: 250px;
	margin-bottom: 30px;
}

.frm-label {
	font-size: .9rem;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

#sbm-btn {
	background-color: #222;
	padding: 20px 120px;
	border: none;
	color: #fff;
	font-size: 1.2rem;
}

/* -----------------------------------------------
   TESTIMONIALS
----------------------------------------------- */
.testi_box {
	background-color: #009f4d;
	padding: 35px;
	border: none;
	color: #fff;
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);
	position: relative;
}

.testi_box img {
	width: 9%;
	margin-bottom: 25px;
}

.testi_box h4 {
	font-size: 1rem;
	font-weight: 700;
	margin-top: 30px;
	color: #231F20;
}

.testi_box p {
	color: #fff;
	font-weight: 300;
	font-size: 1.1rem;
	line-height: 2rem;
}

/* -----------------------------------------------
   RESULTS
----------------------------------------------- */
.result-box {
	background-image: url('https://ohio.law/wp-content/uploads/2021/05/noise2.jpg');
	background-position: top left;
	background-repeat: repeat;
	background-size: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
	padding: 100px 30px;
	position: relative;
}

.glide__arrow--left,
.glide__arrow--right {
	background: none;
	border: none;
}

.glide__arrow--left {
	position: absolute;
	left: 5px;
	top: 45%;
}

.glide__arrow--left img,
.glide__arrow--right img {
	width: 15px !important;
}

.glide__arrow--right {
	position: absolute;
	right: 5px;
	top: 45%;
}

.top-line {
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 1rem;
}

.result-amt h2 {
	font-size: 5.2rem;
	font-weight: 700;
	color: #fff;
	font-family: 'Playfair Display', serif;
	margin-bottom: 20px;
}

.settlement p {
	font-size: 1.5rem;
	color: #fff;
	font-family: 'Playfair Display', serif;
	padding: 0px 60px;
}

.results-box {
	border: 8px solid #a8d0bb;
	padding: 30px 50px;
	margin-bottom: 45px;
	min-height: 320px;
}

.results-box h2 {
	font-size: 3.5rem;
	font-weight: 700;
}

.results-box p {
	font-size: 1.1rem;
	line-height: 2.3rem;
	font-weight: 300;
}

/* -----------------------------------------------
   BLOG / POSTS
----------------------------------------------- */
.menu-main-container {
	margin: 0px 50px 0px 0px;
	text-align: right;
	padding-top: 10px;
}

.entry-single {
	padding: 120px 0px;
	border-top: 1px solid #ebebeb;
}

.entry-single p {
	line-height: 2.3rem;
	margin-bottom: 40px;
	font-size: 1.1rem;
}

.entry-single h1 {
	font-family: 'Playfair Display', serif;
	font-size: 3rem;
}

.entry-single h2 {
	color: #009D4F;
	font-size: 1.3rem;
	margin-bottom: 40px;
	font-weight: 400;
	letter-spacing: .5px;
}

.entry-single img {
	margin-bottom: 25px;
}

.entry-single p a {
	color: #009D4F;
}

.single-contact span {
	display: inline-block;
	font-size: 1.1rem;
	color: #009D4F;
	font-weight: 600;
	margin-bottom: 5px;
}

.attorney-list {
	margin-bottom: 165px;
}

.attorney-list h2 {
	font-family: 'Playfair Display', serif;
	font-size: 2.4rem;
	margin-bottom: 5px;
	color: #231F20;
}

.attorney-list h3 {
	font-size: 1rem;
	color: #009D4F;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 30px;
}

.attorney-list p {
	font-size: 1rem;
	line-height: 1.8rem;
}

#menu-upperdeck {
	display: inline-block;
	margin: 0px;
	padding: 0px 120px 0px 0px;
}

#menu-upperdeck li {
	display: inline-block;
	margin: 0px 10px;
	padding: 0px;
	list-style-type: none;
}

#menu-upperdeck li a {
	text-decoration: none;
	font-size: .9rem;
	color: #222;
}

.menu-upperdeck-container {
	margin-top: -12px;
	padding: 0px 0px;
	float: right;
}

.post-date {
	color: #009D4F;
	font-size: .9rem;
	text-transform: uppercase;
	margin-bottom: 5px;
	letter-spacing: 1px;
}

.post-title {
	font-size: 2.2rem;
	font-weight: 400;
}

.post-title a {
	color: #231F20 !important;
}

.pad-down {
	margin-bottom: 80px;
}

.post-excerpt p {
	line-height: 1.8rem !important;
	font-size: 1rem;
	padding-right: 50px;
}

/* -----------------------------------------------
   SOCIAL / BADGE ICONS
----------------------------------------------- */
ul#social-icons {
	list-style-type: none;
	display: inline-block;
	margin: 20px 0px 50px 0px;
	padding: 0px;
}

ul#social-icons li {
	display: inline;
	margin: 0px 5px;
	padding: 0px;
}

ul#bodge-icons {
	list-style-type: none;
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

ul#bodge-icons li {
	display: inline;
	margin: 0px 5px;
	padding: 0px;
}

ul#bodge-icons li img {
	width: 13%;
}

.site-footer h5 {
	font-size: 1.1rem;
	color: #fff;
	font-weight: 300;
}

.copyright {
	color: #575757;
	font-size: .89rem;
	font-weight: 300;
	padding-top: 60px;
	margin-top: 50px;
	border-top: .5px solid #000;
}

/* -----------------------------------------------
   MISC
----------------------------------------------- */
.wpcf7-submit {
	display: block;
	margin: 0 auto;
}

/* -----------------------------------------------
   RESPONSIVE
----------------------------------------------- */
@media (min-width: 1200px) {
	.container {
		max-width: 1920px;
	}
	.container-sm {
		max-width: 1600px;
	}
}

@media (max-width: 1140px) {
	.site-logo {
		width: 120%;
		height: auto;
	}
	ul#primary-menu li {
		margin: 0px 3px;
		padding: 0px 3px;
		font-size: .9rem;
	}
	.greenback span {
		font-size: .7rem;
	}
	.greenback p {
		font-size: 1.2rem;
		line-height: 25px;
	}
}

@media (max-width: 768px) {
	.site-header .row {
		flex-wrap: wrap;
		height: auto;
	}
	.site-footer {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	ul#menu-footer-nav {
		margin: 0 auto;
		width: 80%;
		padding-bottom: 30px;
		text-align: center;
	}
	.c-foot img {
		width: 90%;
		height: auto;
	}
	#text-2 {
		padding-top: 30px;
		text-align: center;
	}
	#social-icons li:empty {
		display: none;
	}
	.greenback {
		display: none !important;
	}
	.site-logo {
		width: 90% !important;
		height: auto;
	}
}

@media (max-width: 460px) {
	.site-logo {
		width: 80% !important;
		height: auto;
	}
	.result-amt h2 {
		font-size: 2.6rem !important;
	}
	.result-box {
		padding: 80px 30px !important;
	}
	.settlement p {
		font-size: 1.1rem !important;
		padding: 0px 30px !important;
	}
	.office-grid h3 {
		text-align: center !important;
	}
	#fieldbtn {
		text-align: center !important;
		margin-left: 20px !important;
	}
	.attorney-list {
		margin-bottom: 30px !important;
	}
	.badge-single {
		width: 30% !important;
	}
	.results-box h2 {
		font-size: 2.7rem !important;
	}
	.results-box {
		word-break: break-word !important;
	}
	.site-branding {
		height: 100px !important;
	}
	.greenback p a {
		color: white !important;
		font-size: 1.8rem;
	}
}