/*--------------------------------------------------------------
# Colors
----------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
----------------------------------------------------------------*/
/*--------------------------------------------------------------
# Vars moved from cssVariables.json
----------------------------------------------------------------*/
/*--------------------------------------------------------------
# Mixins
----------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Includes
# Colors
# Typography
# Forms
#  Mailchimp
# Mixins
----------------------------------------------------------------*/
/*--------------------------------------------------------------
# Bootstrap Breakpoints
# @media (min-width: 576px){}
# @media (min-width: 768px){}
# @media (min-width: 992px){}
# @media (min-width: 1200px){}

/*--------------------------------------------------------------
# Typopgraphy
----------------------------------------------------------------*/
h1, h2 {
	font-family: "IBM Plex Serif", serif; }

h1, h2, h3, h4, h5 {
	font-family: "IBM Plex Serif", serif;
	font-weight: 300;
	color: #192528;
	margin-bottom: .5em; }

.entry-header h1.entry-title {
	font-size: 2rem;
	line-height: 1.4;
	margin: 1em 0; }

h2 {
	font-size: 28px;
	line-height: 36px;
	color: #192528;
	letter-spacing: 0; }

h3 {
	font-family: "IBM Plex Serif", serif;
	font-size: 20px;
	line-height: 30px; }

h4 {
	font-family: "Heebo", sans-serif;
	font-size: 20px;
	line-height: 30px; }

h5 {
	font-size: 18px; }

p,
ul,
li {
	font-family: "Heebo", sans-serif; }

body,
button,
input,
select,
optgroup,
textarea {
	color: #192528;
	font-family: "Heebo", sans-serif;
	font-size: 14px;
	line-height: 24px; }

dfn, cite, em, i {
	font-style: italic; }

blockquote {
	margin: 0 1.5em; }

address {
	margin: 0 0 1.5em; }

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em; }

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 12.8px;
	font-size: .8em; }

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help; }

mark, ins {
	background: #fff9c0;
	text-decoration: none; }

big {
	font-size: 125%; }

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
	color: #59a6c7;
	text-decoration: none; }

a:visited {
	color: #192528; }

a:hover, a:focus, a:active {
	color: #7fbad4; }

a:focus {
	outline: thin dotted; }

a:hover, a:active {
	outline: 0; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="text"] {
	font-family: "Heebo", sans-serif;
	border: 1px solid;
	border-color: #A6A6A6;
	border-radius: 0;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 1em 1.2em .8em;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	-webkit-transition: .3s;
	transition: .3s; }
	button:after,
	.button:after,
	input[type="button"]:after,
	input[type="reset"]:after,
	input[type="submit"]:after,
	input[type="text"]:after {
		position: absolute;
		-webkit-transition: .3s;
		transition: .3s;
		content: '';
		width: 0;
		left: 0;
		bottom: 0;
		height: 3px;
		background: #A6A6A6; }

input[type="text"] {
	background-color: #fff; }

button,
.button,
input[type="button"],
input[type="submit"] {
	font-size: 0.75rem;
	letter-spacing: 0.5px;
	line-height: 1;
	padding: 1em 1.2em .8em;
	text-transform: uppercase;
	background-color: transparent; }

.button.white {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: white;
	border-color: white; }
	.button.white:after {
		background: white; }
	.button.white:hover {
		color: white; }

button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	cursor: pointer;
	z-index: 1; }
	button:hover a,
	.button:hover a,
	input[type="button"]:hover a,
	input[type="reset"]:hover a,
	input[type="submit"]:hover a {
		color: #192528; }
	button:hover:after,
	.button:hover:after,
	input[type="button"]:hover:after,
	input[type="reset"]:hover:after,
	input[type="submit"]:hover:after {
		width: 100%;
		left: 0; }

a.button:hover {
	color: #192528; }

button:active, button:focus,
.button:active, .button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	font-family: "Heebo", sans-serif;
	border: 1px solid #A6A6A6;
	border-radius: 0px;
	padding: 3px; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #192528; }

select {
	border: 1px solid #CFCECE; }

textarea {
	width: 100%; }

a.button {
	display: inline-block; }

/*--------------------------------------------------------------
# Mailchimp/Gravity forms
----------------------------------------------------------------*/
.email-capture h2 {
	text-align: left; }

#page .mc4wp-form-fields .blank-label,
footer .mc4wp-form-fields .blank-label {
	line-height: 0; }

#page .mc4wp-form-fields input,
footer .mc4wp-form-fields input {
	min-height: 36px; }

#page .mc4wp-form-fields input[type=email],
#page .mc4wp-form-fields input[type=text],
footer .mc4wp-form-fields input[type=email],
footer .mc4wp-form-fields input[type=text] {
	width: 100%;
	margin-right: 5px;
	padding-left: 10px; }

#page .mc4wp-form-fields label,
footer .mc4wp-form-fields label {
	display: block; }

@media (min-width: 992px) {
	.email-capture h2 {
		text-align: center; }
	#page .mc4wp-form-fields,
	footer .mc4wp-form-fields {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin: 0 auto; }
		#page .mc4wp-form-fields input[type=email],
		#page .mc4wp-form-fields input[type=text],
		footer .mc4wp-form-fields input[type=email],
		footer .mc4wp-form-fields input[type=text] {
			width: 250px; }
		#page .mc4wp-form-fields .blank-label,
		footer .mc4wp-form-fields .blank-label {
			line-height: inherit; }
	footer#colophon .mc4wp-form-fields {
		-webkit-box-pack: stretch;
		    -ms-flex-pack: stretch;
		        justify-content: stretch; }
		footer#colophon .mc4wp-form-fields label {
			text-align: left; }
		footer#colophon .mc4wp-form-fields p {
			width: 30%;
			padding-right: 3px; }
		footer#colophon .mc4wp-form-fields p.submit-button {
			width: 8%; }
		footer#colophon .mc4wp-form-fields input[type=text],
		footer#colophon .mc4wp-form-fields input[type=email],
		footer#colophon .mc4wp-form-fields input[type="submit"] {
			width: 99%; }
	#zoom-social-icons-widget-2 {
		text-align: center; } }

.gform_wrapper .gform_body label.gfield_label {
	font-family: "IBM Plex Serif", serif;
	font-weight: 400;
	font-size: 14px; }

.gform_wrapper .gform_body .ginput_container input {
	-webkit-box-shadow: none;
	        box-shadow: none; }

.gform_wrapper .gform_body .ginput_container textarea {
	border-radius: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border: 1px solid #A6A6A6; }

.gform_wrapper .gform_button {
	font-family: "Heebo", sans-serif;
	border: 1px solid;
	border-color: #A6A6A6;
	border-radius: 0;
	background: transparent;
	color: rgba(0, 0, 0, 0.8);
	font-size: 0.75rem;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	line-height: 1;
	padding: 1em 5em .8em;
	cursor: pointer; }

/*--------------------------------------------------------------
# Utility Classes
----------------------------------------------------------------*/
.light-blue {
	color: #59a6c7; }

.medium-gray {
	color: #8C8C8C; }

.backround-dark {
	background-color: #192528; }

.concrete {
	background: #efefef url("../images/concrete_seamless.jpg") repeat center center; }

.short-underline:after {
	content: "";
	width: 70px;
	height: 1px;
	margin-top: 20px;
	margin: 0 auto;
	display: block;
	position: relative;
	color: #59a6c7;
	top: 16px; }

.on-dark {
	border-color: white;
	color: white; }

.folio {
	font-family: "Heebo", sans-serif;
	color: #59a6c7;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 1.75px;
	font-weight: 500;
	text-transform: uppercase; }

.folio.dark {
	color: #192528; }
	.folio.dark a {
		color: #192528; }

.dummy {
	display: none; }

.white {
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.gray {
	color: #8C8C8C; }

.underline-left,
.underline-right {
	border-bottom: 1px solid #59a6c7;
	margin-bottom: 3em;
	position: relative; }
	.underline-left:after,
	.underline-right:after {
		content: '';
		width: 120px;
		height: 3px;
		position: relative;
		left: 0;
		bottom: 0;
		display: block;
		background-color: #59a6c7; }
	.underline-left .folio,
	.underline-right .folio {
		margin-bottom: 10px; }

.underline-left:after {
	left: 0;
	position: absolute; }

.underline-right:after {
	position: absolute;
	left: inherit;
	right: 0;
	bottom: 0; }

.middle-underline:after {
	content: "";
	width: 40px;
	height: 3px;
	margin-top: 20px;
	background-color: #59a6c7;
	margin: 0 auto;
	display: block;
	position: relative;
	top: 18px; }

@media (min-width: 992px) {
	.align-right-desktop {
		text-align: right; }
		.align-right-desktop img {
			display: inline-block; } }

.align-right {
	text-align: right; }
	.align-right img {
		display: inline-block; }

.align-center {
	text-align: center; }
	.align-center img {
		display: inline-block; }

.center {
	text-align: center; }

.caption {
	color: #8C8C8C;
	font-size: 11px;
	padding-left: 15px;
	padding-right: 15px; }
	@media (min-width: 768px) {
		.caption {
			padding-left: 0px;
			padding-right: 0px; } }

.gray-underline {
	border-bottom: 1px solid #A6A6A6; }

@media (max-width: 576px) {
	.full-width-image {
		padding-left: 0;
		padding-right: 0; } }

.intro-text {
	max-width: 900px; }

.mw-600 {
	max-width: 600px;
	margin: 0 auto; }

.mw-700 {
	max-width: 700px;
	margin: 0 auto; }

.mw-800 {
	max-width: 800px;
	margin: 0 auto; }

.mw-900 {
	max-width: 900px;
	margin: 0 auto; }

.more-case-studies {
	text-align: center; }
	.more-case-studies h2.folio {
		margin-bottom: 2em; }

select.postform {
	height: 35px;
	overflow: hidden;
	width: 240px;
	padding: 5px;
	margin-bottom: 20px; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
@media (min-width: 768px) {
	.container.home-hero {
		padding-left: 40px;
		padding-right: 40px;
		max-width: inherit;
		margin-top: 0;
		margin-bottom: 0; } }

.site-header {
	padding-top: 1.5em;
	padding-bottom: 1em;
	position: fixed;
	width: 100%;
	z-index: 900;
	-webkit-transition: background-color 500ms linear;
	transition: background-color 500ms linear; }
	@media (max-width: 767px) {
		.site-header {
			padding-top: 1.25em; } }

@media (max-width: 767px) {
	.tw-scroll-active.sfm-navicon-button {
		top: .9em; } }

.tw-scroll-active .site-header {
	background-color: #192528;
	-webkit-transition: background-color 250ms linear;
	transition: background-color 250ms linear;
	-webkit-transition: -webkit-box-shadow 250ms linear;
	transition: -webkit-box-shadow 250ms linear;
	transition: box-shadow 250ms linear;
	transition: box-shadow 250ms linear, -webkit-box-shadow 250ms linear;
	-webkit-box-shadow: 0 5px 8px -3px rgba(0, 0, 0, 0.43);
	        box-shadow: 0 5px 8px -3px rgba(0, 0, 0, 0.43); }

.tw-scroll-active #masthead .site-title a {
	background: url(../images/Kinzer-Partners-light.svg) no-repeat center center; }

.tw-scroll-active .sfm-navicon-button .sfm-navicon:before,
.tw-scroll-active .sfm-navicon-button .sfm-navicon:after,
.tw-scroll-active .sfm-navicon-button .sfm-navicon {
	background-color: #fff;
	-webkit-transition: color 250ms linear;
	transition: color 250ms linear; }

.header-image {
	margin: 0 auto; }

.header-image img {
	display: block;
	margin: 0 auto; }

.custom-logo-link {
	display: inline-block;
	margin: 0 auto 1em; }

.site-title {
	margin: 0;
	padding-left: 15px;
	font-family: 'Heebo', sans-serif;
	font-size: 38px;
	font-weight: bold;
	line-height: 1.2;
	text-indent: -9999px;
	color: #333332; }

.site-title a {
	text-decoration: none;
	color: inherit;
	display: block;
	width: 137px;
	height: 38px;
	background: url("../images/Kinzer-Partners-light.svg") no-repeat center center; }
	@media (max-width: 767px) {
		.site-title a {
			width: 112px;
			height: 31px; } }

.site-description {
	margin: .4375em 0 0;
	font-family: 'Heebo', sans-serif;
	font-size: 17px;
	font-weight: inherit;
	line-height: 1.4;
	word-wrap: break-word;
	color: #757575;
	text-indent: -9999px; }

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------*/
.get-started {
	padding: 30px 0;
	background-image: url("../images/blue-rules-tr.svg"), url("../images/blue-rules-bl.svg");
	background-position: top right, bottom left;
	background-repeat: no-repeat, no-repeat;
	background-color: #192528;
	background-size: 60%;
	text-align: center; }
	@media (min-width: 992px) {
		.get-started {
			background-size: auto auto;
			background-size: initial; } }
	.get-started h2 {
		color: white;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale; }

.page-id-15 .site-footer {
	margin-top: 0; }

.site-footer {
	margin: 1em 0 0;
	font-family: "Heebo", sans-serif;
	padding-bottom: 2px; }
	.site-footer .lead-capture {
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: left; }
		@media (min-width: 992px) {
			.site-footer .lead-capture #text-4 {
				text-align: left; }
			.site-footer .lead-capture #text-5 {
				text-align: center; } }
		.site-footer .lead-capture #text-4 p {
			font-family: "IBM Plex Serif", serif;
			font-size: 23px;
			color: #8C8C8C; }
	.site-footer .main-footer {
		border-top: 1px solid #A6A6A6;
		padding-top: 30px; }
	.site-footer .logo-column #custom_html-2 {
		margin-bottom: 0; }
	.site-footer .logo-column a {
		color: #192528;
		display: block;
		text-decoration: underline;
		text-transform: uppercase; }
		.site-footer .logo-column a svg {
			max-width: 200px; }
	.site-footer li a {
		color: #192528; }
		.site-footer li a:hover {
			color: #59a6c7; }
	.site-footer h2.widget-title,
	.site-footer .bold-title {
		font-family: "IBM Plex Serif", serif;
		font-weight: 600;
		font-size: 15px;
		color: #192528;
		margin: 0 auto 5px;
		padding: .1em 0;
		line-height: 19px; }
		.site-footer h2.widget-title a,
		.site-footer .bold-title a {
			line-height: 19px;
			color: #192528; }

@media (min-width: 992px) {
	.lead-capture .widget .zoom-social-icons-list--no-labels.zoom-social-icons-list--without-canvas {
		margin-left: 0;
		margin-top: 0; } }

.site-info {
	color: #8C8C8C;
	text-align: center;
	font-size: 12px; }

.search-icon a:before {
	content: '\f002';
	height: 20px;
	width: 20px;
	font-family: 'fontawesome';
	font-weight: 300;
	padding-right: 5px; }

/*--------------------------------------------------------------
		Styles used on multiple page templates
----------------------------------------------------------------*/
.quote {
	padding-top: 2em;
	padding-bottom: 2em;
	background-color: #192528;
	background-image: url("../images/blue-rules-tr.svg"), url("../images/blue-rules-bl.svg");
	background-position: top right, bottom left;
	background-repeat: no-repeat, no-repeat;
	color: #F8F8F8;
	letter-spacing: 0;
	text-align: center;
	line-height: 30px;
	font-size: 24px; }
	@media (min-width: 576px) {
		.quote {
			line-height: 50px;
			font-size: 37px; } }
	.quote .quote-body p {
		font-family: "IBM Plex Serif", serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale; }

.archive h2.entry-title {
	margin-top: 0;
	margin-bottom: 30px; }

.archive h2.entry-title a {
	color: #192528; }

.testimonials {
	padding-top: 5em;
	padding-bottom: 6em; }
	.testimonials h2 {
		color: #59a6c7;
		margin: 0 auto;
		margin-bottom: 40px; }
	.testimonials .testimonial-slider {
		max-width: 900px;
		width: 100%;
		margin-left: auto;
		margin-right: auto; }
		.testimonials .testimonial-slider .col-md-9.test-content p, .testimonials .testimonial-slider .col-md-9.test-content h1, .testimonials .testimonial-slider .col-md-9.test-content h2, .testimonials .testimonial-slider .col-md-9.test-content h3, .testimonials .testimonial-slider .col-md-9.test-content h4, .testimonials .testimonial-slider .col-md-9.test-content h5, .testimonials .testimonial-slider .col-md-9.test-content h6 {
			font-family: "IBM Plex Serif", serif;
			font-size: 20px;
			line-height: 30px; }
		@media (max-width: 575px) {
			.testimonials .testimonial-slider .col-md-9.test-content {
				margin-top: 20px; } }
		.testimonials .testimonial-slider .col-md-9.test-content p.folio.gray {
			font-family: "Heebo", sans-serif;
			font-size: 14px;
			line-height: 19px; }
	.testimonials .test-image {
		height: 190px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center; }
		.testimonials .test-image img {
			-ms-flex-negative: 0;
			    flex-shrink: 0;
			max-height: 100%; }
			@media (max-width: 575px) {
				.testimonials .test-image img {
					margin: 0 auto; } }

.subpage.hero-container {
	padding-top: 3em;
	padding-bottom: 2.5em;
	margin-bottom: 1em; }

.single-header.hero-container {
	padding-top: 3em;
	padding-bottom: 0em;
	margin-bottom: 1em; }
	.single-header.hero-container .folio.middle-underline:after {
		top: 8px; }
	.single-header.hero-container h1.entry-title {
		font-size: 40px;
		line-height: 48px;
		margin-bottom: 1.5em; }

.content-header-template h1.entry-title {
	font-size: 40px;
	line-height: 48px; }

.page-id-9 .site-title a,
.page-id-11 .site-title a,
.page-id-7 .site-title a,
.search .site-title a,
.single-case_study .site-title a,
.page-template-default .site-title a {
	background-image: url("../images/Kinzer-Partners-dark.svg"); }

.contact-form {
	padding-top: 2em;
	padding-bottom: 3em; }

.middle-lead-capture {
	background-image: url("../images/light-blue-rules-tr.svg"), url("../images/light-blue-rules-bl.svg");
	background-position: top right, bottom left;
	background-repeat: no-repeat, no-repeat;
	background-size: 150%;
	background-color: #59a6c7;
	padding-top: 2em;
	padding-bottom: 2em; }
	@media (min-width: 992px) {
		.middle-lead-capture {
			background-size: auto auto;
			background-size: initial; } }
	.middle-lead-capture h2, .middle-lead-capture p {
		color: white; }
	.middle-lead-capture input[type=email],
	.middle-lead-capture input[type=submit],
	.middle-lead-capture input[type=text] {
		border: 1px solid white; }
	.middle-lead-capture input[type=submit] {
		color: white; }

.error404 .site-title a {
	background: url("../images/Kinzer-Partners-dark.svg") no-repeat center center; }

.error404 .site-main {
	padding-bottom: 2em;
	border-bottom: 1px solid #A6A6A6; }

.error404 .sfm-navicon {
	background-color: #192528; }
	.error404 .sfm-navicon:before, .error404 .sfm-navicon:after {
		background-color: #192528; }

.error404 .wrap {
	max-width: 800px;
	margin: 0 auto;
	padding-top: 2em;
	padding-bottom: 2em; }

.error404 form.search-form label {
	display: inline-block;
	width: 70%; }

.error404 form.search-form input[type=search] {
	width: 100%;
	padding: 12px; }

.error404 form.search-form input[type=submit] {
	width: 29%;
	line-height: 2em;
	padding-bottom: 11px; }

.error404 .search-again {
	max-width: 47;
	margin: 1em auto;
	margin-bottom: 3em; }

.error404 .search-results h2 {
	font-size: 22px;
	line-height: 28px; }

.error404 .search-results h2 a {
	color: #192528; }
