/*
Theme Name: Bachman 
Description: Theme for Bachman
Author: FUEL
Author URI: https://fuelbranding.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
/* logo on main menu */ 
.fusion-header .fusion-logo-background {
    padding-top:1% !important;
    background: linear-gradient(#2b2c32,#2b2c32, #ffff0000) !important;   
}

.fusion-header-sticky-height, .fusion-header {
	max-height: 135px !important;
}

.fusion-logo {
    margin: 0 0 0 0 !important; 
}

.fusion-logo img {
	max-height: 132px !important;
	width: auto;
	margin-top: 0;
}

.fusion-header-wrapper {
    height: 0px;
}

.no-display {
	display: none;
}

/* logo mobile hide gradient */
@media only screen and (max-width: 800px) {
	.fusion-header .fusion-logo-background {
   		background: transparent !important;
		padding-top: 0 !important;
	}
	.fusion-header {
		background-color: #000000 !important;
	}
	a.fusion-logo-link, .fusion-logo img {
		max-height: 65px !important;
	}
	
	/* Center Logo */
 	.fusion-middle-logo-menu-logo {
		padding-right: 0 !important;
	}
	.fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-main-menu {
		float: none !important;
	}
	
	.fusion-mobile-menu-icons {
		position: absolute;
		top: 40%;
		right: 5%;
		z-index: 300;
	}
	.fusion-header {
		padding-right: 0;
		padding-left: 0;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	/* When the mobile menu expands, the "hamburger" shifts downward for some reason.  This brings it back up to its proper position. */
	.fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-mobile-nav-holder {
		margin-bottom: -280px !important;
	}
} 

@media only screen and (max-width: 640px) {
		#main {
		padding-top: 65px !important;
	}
}

/* for some reason, we need to fudge this on Firefox */
@-moz-document url-prefix() {
	.fusion-header {
	height: 118px !important;
	}
}

/* main menu styling */ 

/* move rollover line above menu item to below instead */
.fusion-main-menu > ul > li > a {
	border-bottom: 3px solid transparent;
	border-top: none !important;
}

.current-menu-item > a {
    border: transparent !important; 
    color: #747474 !important; 
}

/*allow 100% width */ 
#main {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

/*homepage bachman swoop effect */ 
.bachman-swoop{
    width: 100%;
    bottom: -80px !important; 
    position:absolute;
    overflow:hidden;
    margin-left: 0px !important;
    margin-right:0px !important;
}
.bachman-swoop:before{
    content:'';
    position:absolute;
    bottom: 70%;
    width:100%;
    height:180%;
    border-radius: 18%;
    box-shadow: 0px 0px 0px 600px #b62b1a;
}

.content-box-heading {
      height: 150px;
      display: table;
      width: 100%;
      box-sizing: border-box;
      padding: 0px;
      font-size: 50px !important;
}

.content-box-heading:before {
	display: table-row;
	height: 100%;
	content: "";
}

.home-heading1 {
	padding-left: 7%;
	margin-bottom: .2em;
	margin-top: .2em;
}

.home-text-box1 {
	margin-left: -15% !important;
	padding-left: 5%;
	width: 115% !important;
	margin-bottom: 0 !important;
}

.home-text-box2 {
	padding-right: 30px;
}

.hero-graphic {
	min-height: 600px;
}

.fusion-content-boxes-1 .heading h2 {
    color: #ffffff !important;
    text-align:center !important;
    line-height: 11px !important;
}

.fusion-content-boxes .heading {
    overflow: unset !important;
}

.fusion-read-more {
    background-color: #b62b1a;
    margin-left: 60% !important;
    position: absolute !important;  
    overflow: hidden !important;   
    padding: 10px 40px 10px 40px;
	color: white; 
}

@media only screen and (max-width: 1160px) {
	.fusion-read-more {
	margin-left: 50% !important;
	}
}

@media only screen and (max-width: 800px) {
	.fusion-read-more {
		margin-left: 40% !important;
	}
	.fusion-social-networks {
		margin-left: 0 !important;
		margin-top: -50px;
	}
}

.fusion-read-more:hover {
	color: #2a2d32 !important;
}

.fusion-button.button-1 {
    width: 50% !important;
    padding: 30px 0 30px 0;
    font-size: 29px; 
    font-family: "Titillium Web";  
}

.fusion-button-text {
    	line-height: 30px !important; 
}

.fifty-percent-wide {
	width: 50% !important;
	max-width: 50% !important;
}

.no-right-margin {
	margin-right: 0 !important;
}

.newsletter-subscribe-box {
	min-height: 250px;
	text-align: center;
}

.newsletter-subscribe-box .fusion-read-more {
	margin-left: -10% !important;
	margin-top: 5%;
}

/* crossed lines animations */

/* Animations are broken out separately so the .animated class can be added and removed by the Javascript and it will only affect the animation part of each element.  The Javascript is what implements the animation as the element appears in the viewport (affects anything with revealOnScroll class).  The script is under Avada Theme Options... Advanced... Code Fields */

.cross-horizontal, .cross-vertical {
    background-color: #b62b1a;
    position: relative;
	z-index: 99;
}

.cross-horizontal-long, .cross-horizontal-long-right, .cross-vertical-gray, .cross-vertical-gray-right {
	background-color: #eeeeee;
	position: relative;
	z-index: 0;
}

.cross-horizontal {
    width: 100px;
    height: 2px;
    left: -25px;
	top: 25px;
}

.cross-horizontal.animated {
	animation: slide-left 2s;
}

.cross-horizontal-long {
    width: 100%;
    height: 2px;
    left: 0px;
	top: 25px;
}

.cross-horizontal-long.animated {
	animation: slide-left-long 2s;
}

.cross-horizontal-long-right {
    width: 100%;
    height: 2px;
    right: 0px;
	top: 25px;
}

.cross-horizontal-long-right.animated {
    animation: slide-right-long 2s;
}

.cross-vertical, .cross-vertical-gray {
    width: 2px;
    height: 100px;
    top: -25px;
	left: 25px;
}

.cross-vertical.animated, .cross-vertical-gray.animated {
    animation: slide-up 2s;
}

.cross-vertical-gray-right {
    width: 2px;
    height: 100px;
    top: -25px;
	left: calc(100% - 25px);
}	

.cross-vertical-gray-right.animated {
    animation: slide-up 2s;
}

.full-width-cross-animation-top {
	margin-bottom: -72px;
}

.full-width-cross-right-bottom {
	margin-top: 10% !important;
	margin-left: 5% !important;
	width: 45% !important;
}

@keyframes slide-left {
	0% {
	    left: 225px;
	}
	100%{
        left: -25px;
	}
}

@keyframes slide-left-long {
	0% {
	    left: 225px;
	}
	100%{
        left: 0px;
	}
}

@keyframes slide-right {
	0% {
	    right: 225px;
	}
	100%{
        right: -25px;
	}
}

@keyframes slide-right-long {
	0% {
	    right: 225px;
	}
	100%{
        right: 0px;
	}
}

@keyframes slide-up {
	0% {
	    top: 225px;
	}
	100%{
        top: -25px;
	}
}

/* Keep animated items hidden until the animation happens to avoid flicker */

div.revealOnScroll:not(.animated) {
	visibility:hidden;
}

/* slider homepage navigation */ 

/* Define the right and left arrows for sliders */

.tp-rightarrow {
	cursor: url(../../uploads/arrow-right.png), default !important;
}

.tp-leftarrow{
	cursor: url(../../uploads/arrow-left.png), default !important;
}


/* For portfolio sliders, make arrows invisible and allow clicking on right side to slide right, left side to slide left.  */

.portfolio-full .tparrows {
	width: 50% !important;
	height: 100% !important;
}

.portfolio-full .tparrows:before {
	color: transparent;
}

.portfolio-full .tp-leftarrow {
	left: -1.2% !important;
}

.portfolio-full .tp-rightarrow {
	left: 101.2% !important;
}

.tparrows:before {
	color: transparent;
}

/* end slider styling */

/*footer styling */

.fusion-footer-widget-area .widget-title {
    color: #b62b1a !important; 
    font-size: 20px !important; 
    margin-bottom: 0px !important
}

.textwidget {
    line-height: 30px !important;
    font-size: 20px !important; 
}

.textwidget p {
    margin-top: 0px !important;
}

.fusion-footer-widget-area {
    background-color: white !important; 
	    border-top: white !important; 
}

.fusion-social-network-icon {
    font-size: 30px !important; 
    padding-right: 20px;
    padding-top: 8%;
    color: #454545 !important; 
}

.fusion-social-networks {
    margin-left: 20%;
}

.email-link, .contact-link {
	color: #8c8989 !important;
}

.email-link:hover, contact-link:hover {
	color: #2a2d32 !important;
}

/* Set up email so that it breaks at "@", if needed, by putting in an invisible space. */
.textwidget a.email-link:before {
	content: "bachman\200B@btdiowa.com";
}

/* home page */

.award-banner-section {
	margin-top: -7%;
}

/* about page */ 
.call-out {
    z-index: 200;
    margin-bottom: -15% !important;
    margin-top: 3% !important;
}

.wide-gray-text-box {
	background-color: #eeeeee;
	color: #000000;
	width: 125%;
	padding: 5%;
	z-index: 99;
	position: relative;
	left: -5%;
	margin-bottom: 5%;
}

.wide-gray-text-box p {
	border-left: 2px solid #b62b1a;
	padding-left: 5%;
	margin-bottom: 0;
	margin-top: 0;
}

/* style the pop-up "Special Capabilities" modal */

.capabilities-modal ul {
list-style-type: none;	/* turn off default "disc" bullets (too big) */
}

.capabilities-modal li:before {
	content: "\2219\20";	/* and use smaller bullets */
}

.capabilities-modal .modal-body {
	padding: 0 20px;
}

.capabilities-modal .modal-header {
	padding: 10px 20px;
	border-bottom: 2px solid #e5e5e5;
}

h3.modal-title {
	padding-left: 1.25em;
}

a.inquiries-button {
	background-color: black;
	padding: 10px 10px 10px 10px !important;
	text-transform: none;
/* 	border-radius: 10px !important; */
}

a.inquiries-button span.fusion-button-text {
	color: white !important;
	font-size: 1.75em;
}

.about-text {
	margin-top: -15%;
	margin-bottom: 0px;
	padding: 0 10%;
}

.about-text h3 {
	margin-top: 2em;
}

@media only screen and (min-width: 1471px) {
	.about-text {
		margin-top: -5%;
	}
}

@media only screen and (min-width: 801px) and (max-width: 1040px) {
	.smaller-text, .about-text-block {
		font-size: 0.75rem;
		line-height: 1.1rem;
	}
	.about-text h3 {
		font-size: 1.25rem !important;
		line-height: 1.75rem !important;
	}
}

@media only screen and (min-width: 1041px) and (max-width: 1260px) {
	.smaller-text, .about-text-block {
		font-size: 1.0rem;
		line-height: 1.5rem;
	}
	.about-text h3 {
		font-size: 1.5rem !important;
		line-height: 2.0rem !important;
	}
}

@media only screen and (min-width: 1261px) and (max-width: 1470px) {
	.smaller-text, .about-text-block {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}
}

@media only screen and (min-width: 1471px) and (max-width: 1830px) {
	.smaller-text, .about-text-block {
		font-size: 1.5rem;
		line-height: 2.0rem;
		}
}

@media only screen and (max-width: 800px) {
	.wide-gray-text-box {
		width: 110%;
	}
	a.inquiries-button span.fusion-button-text {
		font-size: 24px;
	}
}

/* careers page */

.avada-skin-rev {
    border: 0px !important;
}

.fusion-layout-column {
    margin-bottom: 0px !important; 
}

.available-positions {
/* 	position: fixed !important;
    top: 416px;
	left: 75%; */
	margin-top: -93px !important;
}

#available-positions-table thead {
	background: url( "../../uploads/rounded-rectangle-01.png") center / 100% 100% no-repeat;
	background-color: transparent;
}

#available-positions-table thead th, #available-positions-table tfoot tr td {
	color: white;
	padding: 7% 2rem;
}

#available-positions-table tbody {
	color: black;
	background-color: #e2e2e2;
}

#available-positions-table tbody tr td {
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
}

/* in the "Available Positions" table, leave a little more space before the first row and after the last */

#available-positions-table tbody > :first-child td {
	padding: 1.25rem 1rem 0.5rem 1rem;
}
#available-positions-table tbody > :last-child td {
	padding: 0.5rem 1rem 1.25rem 1rem;
}

#available-positions-table tfoot {
	background-color: #545455;
}

.careers-text-block {
	margin-top: -10%;
}

.careers-animated-cross {
	margin-left: -15%;
	margin-top: -3%;
}

.careers-fixed-height-box {
	height: 400px;
}

/* employment application form */

#employment-application {
	margin: 10% 10% !important;
	width: 80% !important;
}

#employment-application thead, #employment-application h4 {
	font-weight: bold;
}

#wpcf7-f557-p562-o1 table {
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    margin: 0 !important;
}

#wpcf7-f557-p562-o1 td {
	border: 0;
}

#wpcf7-f557-p562-o1 p {
	margin-bottom: 24px;
}

#wpcf7-f557-p562-o1 .wpcf7-submit {
    border: 2px solid #2950a1 !important;
    color: #2950a1;
}

#wpcf7-f557-p562-o1 .wpcf7-submit:hover {
	background: transparent;
}

.main-info-table {
	font-size: 1rem;
}

.post-170 {
    padding-left: 20%;
    padding-right: 20%;
}

.skills-equip1 .wpcf7-list-item, .skills-equip2 .wpcf7-list-item {
	display: block;
}

.multi-row, .tight-table td {
    vertical-align: top;
    padding: 0 5px;
}

.work-experience-table {
    border: 2px solid #e4e4e4;
    margin-bottom: 30px !important;
    border-spacing: 10px;
    border-collapse: separate;
}

.work-shading {
	background-color: #eee;
}

.employer-input {
	margin: 0 !important;
}

.tight-table {
    border: 1px solid #e4e4e4;
    margin-top: 10px !important;
    margin: 0;
    font-size: 14px;
    padding: 5px;
}

.work-experience-table .col-lg-4 {
	padding: 0 5px;
}

.work-experience-table .row, .tight-table .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.sm-table {
    width: 50% !important;
    border-bottom: 0;
    float: left;
}

.sm-form {
/* 	width: 130px !important; */
}

.required {
    font-weight: bold;
    color: red;
}

.license-type { 
    vertical-align: bottom;
    padding-bottom: 20px;
}

/* news */

.fusion-blog-layout-medium .fusion-post-slideshow, .fusion-blog-layout-medium-alternate .fusion-post-slideshow {
    width: 700px !important; 
}

.fusion-blog-shortcode .post {
    margin-bottom: 0px !important; 
}

.blog-subscribe, .about-inquiries {
    margin-top: -7% !important;
    z-index: 200; 
}

@media only screen and (max-width: 640px) {
	.about-inquiries {
		padding-top: 40% !important;
	}
	.about-inquiries h2 {
		font-size: 26px !important;
	}
	.about-inquiries .fusion-button.button-1 {
		font-size: 24px !important;
		width: 80% !important;
	}
}

.fusion-rollover {
    opacity: 0 !important; 
}

#fusion-gmap-container {
    display: none !important; 
}

.display-none {
	display: none !important;
}


/* contact */

.contact-locations {
	font-size: 1.25rem;
	line-height: 1.75rem;
	padding-left: 10%;
	padding-right: 10%;
}

h4.contact-location-header {
	color: #b62b1a !important;
	font-weight: bold !important;
	text-transform: uppercase;
	margin-bottom: .5rem;
}

.contact-location {
	color: #6e6e6e;
}

.contact_form {
	font-size: 0.8rem;
	line-height: 2rem;
	color: #6e6e6e;
}

.contact_form-header {
	text-align: center;
}

.contact_form-tagline {
	font-size: 1.25rem;
	text-align: center;
	max-width: 50%;
	margin: 0 auto !important;
	padding-bottom: 1.5rem;
}

.form_left {
	width: 47%;
	float: left;
	margin-right: 6%;
}

.form_right {
	width: 47%;
	float: left;
}

.form_left, .form_right {
	padding-bottom: 1rem;
}

input.wpcf7-form-control.wpcf7-submit {
	background-color: #b62b1a !important;
	color: #ffffff !important;
	text-transform: none !important;
	margin-left: 40%;
}

.used-equipment-block {
	background-color: #b62b1a;
	padding: 10px 10% 50px 10%;
	margin-top: -100px;
}
.used-equipment-block h3.used-equipment-header, .used-equipment-block a.used-equipment-link {
	color: white;
}

.contact-animated-cross {
	margin-top: 100px;
}

.extra-padding {
	padding: 20px 10% 20px 10% !important; 
}

#rev_slider_6_1 {
	top: 70% !important; 
}

.fusion-blog-layout-large .entry-title, .fusion-blog-layout-medium .entry-title {
	margin-top: 5% !important;
}