/*
Theme Name: MTS Child
Description: Custom theme for Miller Technical Services.
Author: Deco Design & Marketing
Author URI: http://www.decodm.com
Template: mts
Version: 1.0.0
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('../mts/style.css');

/* Hamburger Menue Edits */

.mobile_menu_bar.et_pb_header_toggle {
	width: 50px;
}

.mobile_menu_bar:before, .et_toggle_slide_menu:after {
	font-size: 50px;
}

.et_toggle_slide_menu:after {
	left: -50px;
}

/* Footer Edits */

#main-footer {
	border-top: 1px solid rgba(150, 150, 150, 0.4);
}

h6.footer {
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 15px;
	color: #7a7a7a;
}

.footer-widget #text-5 {
	width: 35%;
}

.footer-widget #text-3 {
	width: 25%;
}

.footer-widget #text-7 {
	width: 40%;
}

.footer-widget #text-5, .footer-widget #text-3, .footer-widget #text-7 {
	margin-bottom: 0 !important;
}

p.footer, p.footer a {
	font-weight: 500;
	letter-spacing: 0.3px;
	line-height: 2em;
    -webkit-transition-duration: 800ms; /* Safari */
    transition-duration: 800ms;
}

p.footer a:hover {
	color: #003764 !important;
    -webkit-transition-duration: 800ms; /* Safari */
    transition-duration: 800ms;
}

#footer-info, #footer-info a {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.3px;
}

#footer-info a:hover {
	color: #003764;
	text-decoration: underline;
}

/* Scrolling Mouse Animation */

@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
}
.scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #003764;
	color: #003764;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #003764;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid #003764;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background-color: #003764;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}

#top-menu li.current-menu-item > a, #top-menu li.current-menu-ancestor > a {
	color: #003764;
}

/* Service Pages Edits */

.titlebar {
	padding: 40px 50px !important;
}

.titlebar .nav {
	margin-top: 16px !important;
}

.inner .et_pb_row {
	width: 94% !important;
	max-width: 100% !important;
	box-shadow: 0px 0px 12px rgba(30, 30, 30, 0.1);
}

.capabilities-blurb {
	width: 46% !important;
	margin: 2% !important;
}

ul.miller {
	list-style-type: circle;
}

li.miller {
	font-weight: 500;
	letter-spacing: 0.3px;
}

.one_half {
	margin-bottom: 0 !important;
}

a.breadcrumbs {
	color: #ffffff;
    -webkit-transition-duration: 800ms; /* Safari */
    transition-duration: 800ms;
}

a.sidebar-nav {
    -webkit-transition-duration: 800ms; /* Safari */
    transition-duration: 800ms;
}

a.breadcrumbs:hover, a.sidebar-nav:hover {
	color: #003764 !important;
    -webkit-transition-duration: 800ms; /* Safari */
    transition-duration: 800ms;
}

/* Contact Page Edits */

.et_contact_bottom_container {
	width: 100% !important;
}

.et_pb_contact_form_container .et_pb_button {
	width: 97% !important;
	margin: 0 auto !important;
}

.contactpage {
	display: inline-block;
	width: 60% !important;
}

.address {
	display: inline-block;
	vertical-align: top;
	width: 37% !important;
	margin-left: 2% !important;
}

/* Careers Page Edits */

.careers-header {
	background-image: url("../../uploads/2017/10/careers-header.jpg");
	background-position: center;
	background-size: cover;
	min-height: 150px;
}

.careers-header h1 {
	color: #fff;
	max-width: 80%;
	margin: auto;
	padding-top: 80px;
}

.sjb-page {
	max-width: 80%;
	margin: 40px auto;
	min-height: 35vh;
}

.sjb .mobile_menu_bar:before, .sjb .et_overlay:before, .sjb .mobile_menu_bar:after, .sjb .et_toggle_slide_menu:after {
	color: #fff;
}

.back p { float: right; }
.back p a, .back p i {
	color: #005daa;
	font-weight: 500;
}
.back p i { margin-right: 2px; }
.back p:hover a, .back p:hover i {
	color: #003764;
}

.sjb-page .list-data .row i {
	text-align: center;
	width: 20px;
}
.sjb-listing .job-date, .sjb-detail .job-date { display: none !important; }
.ui-datepicker { z-index: 1000 !important; }

/* Responsive Styles Desktop Only */
@media all and (min-width: 981px) {

}

/* Responsive Styles Tablet */
@media all and (max-width: 980px) {

	.footer-widget:nth-child(n) {
		width: 100% !important;
	}

	.titlebar .header, .titlebar .nav {
		width: auto !important;
	}

	.titlebar .nav {
		float: right !important;
		margin-top: 14px !important;
	}

	.capabilities-blurb {
		width: 96% !important;
	}
}

@media all and (max-width: 767px) {

	.back p { 
		float: none;
		margin-bottom: 10px;
	}

	.footer-widget #text-5, .footer-widget #text-3 {
		width: 50%;
	}

	.footer-widget #text-7 {
		display: block;
		width: 100%;
	}

	.titlebar .header, .titlebar .nav {
		width: 100% !important;
	}

	.titlebar .nav {
		float: left !important;
		margin-top: 0px !important;
	}

	/* Contact Page Edits */

	.contactpage {
		display: block;
		width: 100% !important;
	}

	.address {
		display: block;
		vertical-align: baseline;
		width: 100% !important;
		margin-left: 0 !important;
	}

}

@media all and (max-width: 600px) {

	.footer-widget #text-5, .footer-widget #text-3, .footer-widget #text-7 {
		display: block;
		width: 100%;
	}

	/* Hamburger Menue Edits */

	.mobile_menu_bar.et_pb_header_toggle {
		width: 32px;
	}

	.mobile_menu_bar:before, .et_toggle_slide_menu:after {
		font-size: 32px;
	}

	.et_toggle_slide_menu:after {
		left: -32px;
	}
	
}