/*
	Theme Name: Auto Armor Dothan
	Theme URI: http://pushcrankpress.com
	Description: PushCrankPress Default Theme
	Version: 1.0
	Author: PushCrankPress (webmaster@pushcrankpress.com)
	Author URI: http://pushcrankpress.com
	Tags: Default, HTML5, CSS3, PHP, JS

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*--------------------------------------------------------------*\
***----------------- Import theme-options.css -----------------***
*** Includes default font, link, paragraph, span, etc. styling ***
\*--------------------------------------------------------------*/

/*--------------------------*\
--------Global Styles---------
\*--------------------------*/

/*--- See /wp-content/themes/auto-armor-dothan/theme-options.css to define global styles ---*/
@import "theme-options.css";


/*--------------------------*\
--------Custom Styles---------
\*--------------------------*/

.content-area {
	padding: 0 5em;
}
.header-top {
	color: #fff;
	display: flex;
	justify-content: space-around;
	padding: 1.4em;
}
.header img {
	width: 650px;
	max-width: 80%;
}
h4 {
	margin: 1.6em 0 1em;
	position: relative;
}
h4:before {
	content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1em;
    width: 5em;
    height: 3px;
    border-radius: 75%;
    background-color: #0c70c0;
}
p {
	max-width: 75%;
	margin: 0 auto;
	line-height: 1.6em;
}
#gform_wrapper_1,
#gform_confirmation_wrapper_1 {
	background: rgb(12,112,192);
	background: -moz-radial-gradient(circle, rgba(12,112,192,1) 0%, rgba(7,66,109,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(12,112,192,1) 0%, rgba(7,66,109,1) 100%);
	background: radial-gradient(circle, rgba(12,112,192,1) 0%, rgba(7,66,109,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0c70c0",endColorstr="#07426d",GradientType=1);
	border: solid 5px #07426d;
    max-width: 65%;
    margin: 5em auto;
    padding: 2em;
}
#gform_confirmation_wrapper_1 {
	text-align: center;
	font-size: 1.4em;
	color: #fff;
}
#gform_wrapper_1 .gform_title {
	margin-bottom: .5em;
}
#gform_wrapper_1 .gform_footer {
	padding-bottom: 0;
}
#gform_wrapper_1 .gform_footer input {
	margin-bottom: 0;
}
#gform_wrapper_1 .gfield_label {
	color: #fff;
	font-size: 1.4em;
	margin-top: .5em;
}
#gform_wrapper_1 .gfield_checkbox label {
	color: #fff;
}
#gform_wrapper_1 .gfield_description {
	color: #fff;
}
#gform_wrapper_1 .gchoice {
	margin-bottom: .5em;
}
#gform_submit_button_1 {
	background-color: #fff;
	border: none;
	color: #07426d;
	font-weight: 600;
	padding: 1em 2em;
	margin-top: .5em;
}

.branding {
	position: relative;
	width: 50%;
}
#branding-old {
	position: relative;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    opacity: 1;
    transition: all 1s ease;
}
#branding-new {
	position: absolute;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    opacity: 0;
    transition: all 2s ease;
}

.services { 
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.services h4 {
	text-align: center;
    width: fit-content;
    display: block;
    margin: 2em auto;
}
.social {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	margin-bottom: 4em;
}
.social i {
	width: 3em;
    height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4em;
    color: #fff;
    text-align: center;
}
.footer-copyright {
	color: #fff;
	padding: 2em;
}


/*------------------------------*\
--------RESPONSIVE STYLES---------
\*------------------------------*/

@media only screen and (max-width:1400px) {
	#gform_wrapper_1 {
		max-width: 60%;
	}
}
@media only screen and (max-width:1280px) {
	.services h4 {
		font-size: 1.2em;
	}
}
@media only screen and (max-width:1199px) {
	#gform_wrapper_1 {
		max-width: 75%;
	}
}
@media only screen and (max-width:1140px) {

}
@media only screen and (max-width:991px) {
	#gform_wrapper_1 {
		max-width: 85%;
	}
	p {
		font-size: 1.2em;
		max-width: 85%;
	}
	.header img {
		width: 650px;
		max-width: 90vw;
	}
}
@media only screen and (max-width:767px) {
	.content-area {
		padding: 1em;
	}
	#gform_wrapper_1 {
		max-width: 100%;
	}
	p {
		font-size: 1.2em;
		max-width: 100%;
	}
	#gform_wrapper_1 {
		padding: 1em;
	}
	#gform_wrapper_1 .gform_title {
		font-size: 1.4em;
		margin-bottom: 1em;
	}
	.header-top {
		flex-direction: column;
		text-align: center;
	}
	.header-top span {
		margin-bottom: .5em;
		font-size: .9em;
	}
}
@media only screen and (max-width:640px) {
	
}
@media only screen and (max-width:480px) {

}