
/*============================================================================*//*=============================Mike's Stylesheet==============================*//*============================================================================*/

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

h1, h2, h3, h4, h5, h6, p, a {
	font-family: 'Exo', sans-serif;
	font-weight: 400;
}

body .go-top-square {
	background: none !important;
}

.go-top-square .fa {
	color: white;
	font-size: 40px;
	text-shadow: -1px 0 #5C5C5C, 0 1px #5C5C5C, 1px 0 #5C5C5C, 0 -1px #5C5C5C;
}

/*-----Header Styles-----*/

#masthead {
	background-color: white;
	box-shadow: none !important;
	border-bottom: solid black 1px;
}

#masthead .logo-navbar {
	box-shadow: none;
	border-bottom: solid black 1px;
}

#masthead > .container {
	color: black;
}

#masthead .navbar-collapse {
	width: 100%;
}

#masthead .navbar-collapse .menu-container {
	width: 100%;
}

#masthead .navbar-collapse  #menu-main-menu {
	width: 100%;
}

#masthead #menu-main-menu li {
	width: 20%;
}

#masthead #menu-main-menu li a {
	color: black;
	text-transform: uppercase;
}

#masthead #menu-main-menu li a:hover {
	background-color: #E6E6E6;
}

#masthead .navbar-header {
	padding-top: 20px;
	padding-bottom: 20px;
}

#masthead .navbar-header #text-2 {
	padding-right: 28px;
}

#masthead .navbar-header #text-2 .textwidget p {
	text-align: left;
}

#masthead .navbar-header #text-2 .textwidget p a {
	font-weight: 300;
	font-size: 18px;
}

#masthead .navbar-header #text-2 .textwidget p i {
	color: grey;
	padding-right: 6px;
	font-size: 24px;
	font-weight: bold;
}

/*-----Footer Styles-----*/

#footer {
	background-color: #494b4b !important;
	margin-top:60px;
}

#footer #text-3 p {
	padding-left: 20px;
	color: white;
}

#footer #text-4 img {
	padding: 20px;
}


/*-----Home Page Styles-----*/

.home #home-page-first-image {
	margin-top: 45px;
	height: 400px;
}

.home #second-home-row .text-normal p {
   	font-size: 26px;
    	text-align: center;
    	width: 60%;
   	margin: auto;
	color: #929497;	
	padding-top: 20px;
}

.home #second-home-row .text-normal p span {
	font-weight: 700;
	color: black;
}

.home #third-home-row {
	padding-top: 40px;
}

.home #third-home-row .col-md-3 p {
	font-size: 30px;
	text-align: left;
}

.home #third-home-row .col-md-3 .wpb_raw_code .wpb_wrapper {
	text-align: left;
	margin-top: 40px;
}

.home #third-home-row .col-md-3 .home-page-learn-more {
	margin: auto;
    	background-color: white;
    	color: #D13444;
    	border-bottom: 2px solid #D13444;
    	border-top: 2px solid #D13444;
	border-radius: 10px;
	padding: 7px 40px;
    	font-size: 20px;
    	text-transform: uppercase;
    	font-weight: 600;
}

.home #third-home-row .col-md-3 .home-page-learn-more:hover {
	color: white;
	background-color: #D13444;
}

.home #fourth-home-row {
	height: 400px;
	margin-top: 40px;
}

.home #fourth-home-row .col-text-1 {
	margin-top: 80px !important;
}

.home #fourth-home-row h5 {
	color: #F1E14C;
	font-size: 60px;
	font-weight: 300;
	line-height: 10px;
	font-family: 'Exo', sans-serif;
}

.home #fourth-home-row h5:first-child {
	margin-left: 30%;
}

.home #fourth-home-row h5:last-child {
	margin-left: 50%;
}

.home #fourth-home-row h1 {
	color: #F1E14C;
	font-size: 80px;
	font-weight: 600;
	margin-left: 40%;
	font-family: 'Exo', sans-serif;
}	

.home #fifth-home-row {
	margin-top: 40px;
}

.home #fifth-home-row h1 {
	font-family: 'Exo', sans-serif;
	font-weight: 600;
}

.home #fifth-home-row .wpcf7-form .wpcf7-form-control {
	width: 100%;
	padding: 6px 18px;
	font-size: 18px;
	border-radius: 6px;
	background-color: #F0F1F1;
}

.home #fifth-home-row .wpcf7-form textarea {
	height: 120px;
	background-color: #F0F1F1;
	border-width: 2px;
}

.home #fifth-home-row .wpcf7-form .wpcf7-submit {
	width: auto;
	background-color: white;
	color: #D13444;
	border-top: 2px solid #D13444;
	border-bottom: 2px solid #D13444;
        border-radius: 10px;
        padding: 6px 70px;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600;
}

.home #fifth-home-row .wpcf7-form .wpcf7-submit:hover {
	color: white;
	background-color: #D13444;
}

.home #fifth-home-row .col-md-8 {
	padding-left: 6%;
}

.home #fifth-home-row .col-md-4 .figure {
	float: right;
}


/*-----Home Page Mobile Styles-----*/

@media (max-width: 1200px) {
	
	.home #fourth-home-row h5:first-child {
    		margin-left: 25%;
		font-size: 54px;
	}

	.home #fourth-home-row h1 {
		margin-left: 30%;
		font-size: 70px;
	}
	
	.home #fourth-home-row h5:last-child {
		margin-left: 44%;
		font-size: 54px;
	}

	.home #fourth-home-row {
    		height: 350px;
	}
}

@media (max-width: 991px) {

	#third-home-row .row .col-md-3 {
		text-align: center;
		padding-bottom: 20px;
	}

	#third-home-row .row .col-md-3 .col-text-1 p {
		text-align: center;
	}

	.home #third-home-row .col-md-3 .wpb_raw_code .wpb_wrapper {
		text-align: center;
	}

	#fifth-home-row .col-md-4 .figure {
		display: none;
	}

	.home #fifth-home-row .col-md-8 {
    		padding-left: 6%;
    		padding-right: 6%;
	}

}




/*-----Contact Page Styles-----*/

.page-id-66 #contact-first-row .wpcf7-form .wpcf7-form-control {
        width: 100%;
        padding: 6px 18px;
        font-size: 18px;
        border-radius: 6px;
        background-color: #F0F1F1;
}

.page-id-66 #contact-first-row .wpcf7-form textarea {
        height: 120px;
        background-color: #F0F1F1;
        border-width: 2px;
}

.page-id-66 #contact-first-row .wpcf7-form .wpcf7-submit {
        width: auto;
        background-color: white;
        color: #D13444;
        border-top: 2px solid #D13444;
        border-bottom: 2px solid #D13444;
        border-radius: 10px;
        padding: 6px 70px;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600;
}

.page-id-66 #contact-first-row .wpcf7-form .wpcf7-submit:hover {
        color: white;
        background-color: #D13444;
}

.page-id-66 .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid {
	border-color: #D13444 !important;
}

.page-id-66 .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
	color: #D13444 !important;
}

.page-id-66 .wpcf7-form .wpcf7-response-output {
	color: #D13444 !important;
}

.page-id-66 #contact-first-row .col-md-6:nth-child(2) .col-text-1 .contact-red-text {
	color: #D13444 !important;
	text-align: center;
}

.page-id-66 #contact-first-row .col-md-6:nth-child(2) .col-text-1 p:nth-child(3) {
	text-align: center;
}

.page-id-66 #contact-first-row .col-md-6:nth-child(2) > .figure {
	margin: 0px auto !important;
}

.page-id-66 #contact-first-row .col-md-6:nth-child(2) .figure-image > img { 
	padding-left: 10%;
}

@media (max-width: 991px) {
	
	.page-id-66 #contact-first-row .col-md-6:nth-child(2) .figure-image > img {
		padding-left: 28%;
	}

}

@media (max-width: 700px) {
	.page-id-66 #contact-first-row .col-md-6:nth-child(2) .figure-image > img {
		padding-left: 20%;
        }
}

@media (max-width: 610px) {
        .page-id-66 #contact-first-row .col-md-6:nth-child(2) .figure-image > img {
                padding-left: 12%;
        }
}

@media (max-width: 420px) {
	.page-id-66 #contact-first-row .col-md-6:nth-child(2) .figure-image > img {
		padding-left: 0;
	}
}	


/*=====Products & Services Page Styles-----*/

#wiring-harness {
    	text-align: center;
	border-bottom: 2px solid #D13444;
    	border-radius: 12px;
	width: 70%;
	margin: 40px auto;
	font-weight: 700;
}

#additional-products {
        text-align: center;
        border-bottom: 2px solid #D13444;
        border-radius: 12px;
        width: 70%;
        margin: 40px auto;
        font-weight: 700;
	width: 36%;
}

#engineering-services {
        text-align: center;
        border-bottom: 2px solid #D13444;
        border-radius: 12px;
        font-weight: 700;
        width: 75%;
	border-color: #6694c8;
	margin: auto;
	margin-top: 60px;
}

/*=====Resources Page Styles=====*/

.page-id-120 #footer {
	margin-top: 0;
}

/*=====Company Page Styles=====*/

.page-id-124 .col-md-12 .col-md-9 div p {
	font-size: 18px;
}

/*=====Home Connections Section Mobile Styles=====*/

@media (max-width: 950px) {
	#fourth-home-row .col-md-12 .col-text-1 h5:first-child {
		margin-left: 8%;
		font-size: 42px;
	}

        #fourth-home-row .col-md-12 .col-text-1 h1 {
                margin-left: 14%;
		font-size: 58px;
        }

        #fourth-home-row .col-md-12 .col-text-1 h5:last-child {
                margin-left: 28%;
		font-size: 42px;
        }

}

@media (max-width: 620px) {
        
	#fourth-home-row .col-md-12 .col-text-1 h5:first-child {
                margin: auto;
                font-size: 34px;
		line-height: 42px;
		text-align: center;
		width: 100%;
        }

        #fourth-home-row .col-md-12 .col-text-1 h1 {
                margin: auto;
                font-size: 44px;
		line-height: 52px;
                text-align: center;
                width: 100%;                
        }

        #fourth-home-row .col-md-12 .col-text-1 h5:last-child {
                margin: auto;
                font-size: 34px;
                line-height: 42px;
                text-align: center;
                width: 100%;
	}

	.home #second-home-row .text-normal p {
		font-size: 20px;
		width: 80%;
	}

	.page-id-124 .col-md-12 .col-md-9 div p {
		font-size: 14px;
	}
}

@media (max-width: 460px) {

        #fourth-home-row .col-md-12 .col-text-1 h5:first-child {
                font-size: 24px;
                line-height: 42px;
        }

        #fourth-home-row .col-md-12 .col-text-1 h1 {
                font-size: 32px;
                line-height: 52px;
        }

        #fourth-home-row .col-md-12 .col-text-1 h5:last-child {
                font-size: 24px;
                line-height: 42px;
        }

}

@media (max-width: 320px) {
        
        #fourth-home-row .col-md-12 .col-text-1 h5:first-child {
                font-size: 20px;
                line-height: 42px;
        }

        #fourth-home-row .col-md-12 .col-text-1 h1 {
                font-size: 28px;
                line-height: 52px;
        }

        #fourth-home-row .col-md-12 .col-text-1 h5:last-child {
                font-size: 20px;
                line-height: 42px;
        }

}
