/*** Header Fixes ***/
@media screen and (max-width: 400px) {
	nav[role="navigation"] .phone-number {
		padding: 10px 20px!important;
	}
}

@media (max-width: 1126px) {
	.mobile-site-menu__trigger-text {
		line-height: 18px;
	}
}

@media (max-width: 1319px) {
	header.site-header section.header-top .row > .hard-right {
		max-width: 40%!important;
		width: 40%!important;
		flex: auto!important;
	}

	header.site-header section.header-top .row > .hard-left {
		max-width: 60%!important;
		width: 60%!important;
		flex: auto!important;
	}
}

@media (max-width: 1100px) {
	header.site-header section.header-top .row > .hard-right {
		max-width: 50%!important;
		width: 50%!important;
		flex: auto!important;
	}

	header.site-header section.header-top .row > .hard-left {
		max-width: 50%!important;
		width: 50%!important;
		flex: auto!important;
	}
}

@media (max-width: 750px) {
	header.site-header section.header-top .row > .hard-right {
		max-width: 65%!important;
		width: 65%!important;
		flex: auto!important;
	}

	header.site-header section.header-top .row > .hard-left {
		max-width: 35%!important;
		width: 35%!important;
		flex: auto!important;
	}
}

@media (max-width: 500px) {
	header.site-header section.header-top .row > .hard-right {
		max-width: 50%!important;
		width: 50%!important;
		flex: auto!important;
	}

	header.site-header section.header-top .row > .hard-left {
		max-width: 50%!important;
		width: 50%!important;
		flex: auto!important;
	}
}

@media (max-width:767px){
	#footer-form {
		float: left;
		width: 100%;
		display: block;
		max-width: 100%;
	}
	
	#footer-contact {
		float: left;
		width: 100%;
		display: block;
		max-width: 100%;
	}
	
	#footer-locations {
		float: left;
		width: 100%;
		display: block;
		max-width: 100%;
	}
}

label.error {
	color: red;
    margin-bottom: 0px!important;
}

form input, form textarea {
	color: #374046!important;
}

.seo-card a.learn-more-lnk {
	font-family: 'Inter-Regular', Sans-Serif; 
	font-style: normal; 
	font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #207DE9;
	text-decoration: none!important;
}

.feather-icon:after {
    width: 24px;
    height: 24px;
    content: "";
    display: inline-block;
    position: absolute;
}

.chevron-right-blue:after {
    background-image: url(https://www.webfx.com/assets/homepage/icon/feather/4.24.1/chevron-right-blue.svg);
    background-repeat: no-repeat;
    margin-left: 10px;
}

nav[role="navigation"] .phone-number {padding: 10px 25px;}