﻿/***** BEGIN RESET *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; } 
ol, ul { list-style: none; } 
table { border-collapse: collapse; width: 100%; } 
td { vertical-align: top; }
/* Make HTML 5 elements display block-level for consistent styling */ 
header, nav, article, footer, address { display: block; } 
/***** END RESET *****/
::-moz-selection { background: #000;  color: #fff; text-shadow: none; } 
::selection { background: #000; color: #fff; text-shadow: none; }
/* Clearfix */
.cf { *zoom: 1; }
.cf:before, .cf:after { content: " "; display: table; } 
.cf:after { clear: both; } 

/*-------- BODY STYLES --------*/
body {

}

a:link, a:visited, a:active, a:hover { text-decoration: none; }
hr { border: #000 1px solid; }
div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, i, ol, ul, li, form, label, :before, :after { box-sizing: border-box; }

/*--- HEADER STYLES ---------------------*/
header {  }

.morgan-header {
	position: relative; z-index: 1004; width: 100%; padding: 0 max(24px, calc(50% - 1000px)); 
	background: #0d0d0d; border-bottom: 4px solid #3443b5; 
	display: flex; flex-direction: column; justify-content: space-between; 
}

.morgan-topheader {
	position: relative; z-index: 2; width: 100%; height: 50px; 
	display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; 
}
.topheader-side {
	display: flex; flex-direction: row; align-items: stretch; column-gap: 20px; 
}
.topheader-left { justify-content: flex-start; }
.topheader-right { justify-content: flex-end; }
.topheader-side .listed1 { padding: 0 20px; }

.header-logo-div {
	position: absolute; z-index: 3; top: 8px; left: 50%; transform: translateX(-50%); height: 170px; 
}
.header-logo { height: 100%; filter: drop-shadow(1px 4px 8px rgba(0, 0, 0, .2)); }
.header-logo img { 
	width: auto; max-width: 85vw; height: 100%; object-fit: contain; object-position: 50% 0%; 
}

.nav-div {
	position: relative; z-index: 4; width: 100%; height: 70px; pointer-events: none; 
	display: flex; flex-direction: row; justify-content: center; align-items: stretch; 
}

/* Site Colors: 
	
	--> Orange: #ff9100; <--
	--> Blue: #3443b5; <--
	
	Hover Orange: #ffa733; 

	Dark Blue (bg-dblue / arbitrary): #0f1433; 
	
	Gray: #ddd; 
	Not-Black: #0d0d0d; 

Manu Colors (don't use):
	Mahindra Red: #ef333b; 
	Bad Boy Orange: #f36c23; 
	Precision Planting Green: #2c9d52; 
	Isuzu Engines Red: #e43c2c; 
*/
/*---BODY--------------------------------*/


.modal {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}

.modal-content {
	background: #ffffff;
	max-width: 500px;
	margin: 10% auto;
	padding: 30px;
	text-align: center;
	border-radius: 6px;
	position: relative;
}

.modal h2 {
	font-family: 'eixample-villa', sans-serif;
}

.tagline {
	font-size: 1.1rem;
	margin: 15px 0 25px;
	font-family: 'new-frank', sans-serif;
}

.cta-buttons {
	display: flex;
	flex-direction: row;
	gap: 15px;
	justify-content: center;
}

.btn {
	padding: 12px 20px;
	text-decoration: none;
	border-radius: 4px;
	font-weight: bold;
	font-family: 'new-frank', sans-serif;
}

.btn.primary {
	background: #3443b5;
	color: #fff;
}

.btn.secondary {
	border: 2px solid #3443b5;
	color: #3443b5;
}

.close {
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer;
	font-size: 22px;
}

.invisilink {
	font-family: inherit; font-size: inherit; font-weight: inherit; 
	line-height: inherit; letter-spacing: inherit; color: inherit; display: inline; 
	transition: .25s ease all; 
}
a.invisilink:hover { color: #ffa733; }
.precisionplantinglmpage .info .title a:hover, .precisionplantinglmpage .info p a:hover { color: #ffa733!important; }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.txt-default, .content-sect p, .btnclass, .listed1, .listed2, .inv-box a:not(.multi-title), input, select, button, textarea {
	font-family: 'new-frank', sans-serif; 
}
.title, .subtitle, label {
	font-family: 'eixample-villa', sans-serif; text-transform: uppercase; text-align: left; 
}

.txt-default, .content-sect p {
	font-size: 15px; font-weight: 400; line-height: 1.6; text-align: left; color: #fff; letter-spacing: .7px; 
}

.title {
	font-size: 35px; font-weight: 900; line-height: 1.2; color: #fff; letter-spacing: .25px; 
}

.title-sm, .title.title-sm { font-size: 28px; }
.title-xs, .title.title-xs { font-size: 18px; }

.subtitle {
	font-size: 20px; font-weight: 700; line-height: 1.2; color: #ff9100; letter-spacing: .25px; 
}

.multi-title {
	position: relative; 
	display: flex; flex-direction: column; align-items: flex-start; 
}
.multi-title .subtitle { margin-bottom: 8px; }
.multi-title.center-style { align-items: center; }
.multi-title.center-style .title, .multi-title.center-style .subtitle { text-align: center; }

/* buttons / links / <a> / ctas */
.btnclass {
	position: relative; padding: 18px 22px 13px; background: #3443b5; 
	display: flex; flex-direction: row; justify-content: center; align-items: center; 
	font-size: 18px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 1px; text-align: center; 
	box-shadow: 0 2px 16px rgba(0, 0, 0, .2); transition: .25s ease all; 
}
.btnclass.btn-black, .btn-black { background: #000; box-shadow: none; }

.btnclass:hover, .btnclass.btn-black:hover, .btn-black:hover, .precisionplantingpage .is-listed-box:hover .btnclass { 
	background: #ff9100; color: #000; box-shadow: 0 2px 8px rgba(0, 0, 0, .5); 
}

.listed1 {
	position: relative; padding: 8px; min-width: 50px; min-height: 50px; 
	display: flex; flex-direction: row; justify-content: flex-start; align-items: center; column-gap: 10px; 
	font-size: 17px; font-weight: 400; line-height: 1.3; color: #ddd; 
	transition: .25s ease all; 
}
.listed1.is-phone, .listed1 .is-phone { font-weight: 700; color: #fff; }
.listed1 i { color: #ff9100; min-width: 16px; text-align: center; }
.listed1 span { text-align: left; }

a.listed1:hover, a.listed1.is-phone:hover, a.listed1:hover .is-phone, a.listed1:hover i { color: #ffa733; }

.listed2 {
	position: relative; padding: 4px; min-height: 40px; 
	display: flex; flex-direction: row; justify-content: flex-start; align-items: center; column-gap: 12px; 
	font-size: 19px; font-weight: 700; line-height: 1.2; text-transform: uppercase; 
	color: #ddd; letter-spacing: .7px; text-align: left; 
	transition: .25s ease all; 
}
a.listed2:hover { color: #ffa733; }

/* sections */
.content-sect {
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; row-gap: 14px; 
}
.content-sect.center-style { align-items: center; justify-content: center; }

.content-sect p { width: 100%; }

.horiz-sect {
	width: 100%; 
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 24px; row-gap: 20px; 
}
.horiz-sect.center-style { justify-content: center; }

.mission {
	position: relative; width: 100%; 
	display: flex; align-items: stretch; column-gap: 60px; row-gap: 50px; 
}
.mission .content-sect { width: 70%; justify-content: center; }
.mission .missionimg { position: relative; width: calc(30% - 60px); min-height: 280px; }

.missionimg img {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; 
}
img.img-contain { object-fit: contain; }

.sidelined { position: relative; padding: 40px; }
.sidelined:before { 
	position: absolute; content: ""; top: 0; right: 100%; height: 100%; width: 4px; 
	background: #ff9100; 
}

.basic-uline { position: relative; width: 100%; padding-bottom: 12px; }
.basic-uline:before {
	position: absolute; content: ""; bottom: 4px; left: 0; width: 80%; height: 4px; 
	background: #ff9100; 
}
.basic-uline.center-style:before { left: 50%; transform: translateX(-50%); }

.hours-listed { column-gap: 4px; }
ul.is-hours {
	display: flex; flex-direction: column; align-items: stretch; 
	list-style-type: none; 
}
ul.is-hours li {
	position: relative; padding: 3px 10px; 
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 12px; 
	transition: .15s ease all; 
}
ul.is-hours li span { font-size: 15px; text-align: left; }
ul.is-hours li .hours-day { width: 120px; }
ul.is-hours li .hours-time {}
ul.is-hours li:hover { background: #151515; color: #fff; }

.feat-img, .subpage-slider {
	position: relative; width: min(100%, 1200px); margin-left: auto; margin-right: auto; 
}
.feat-img {
	height: auto; max-height: 800px; object-fit: contain; object-position: center; 
}
.subpage-slider { 
	max-height: 560px; min-height: 310px; height: 64vw; padding-bottom: 60px; 
}
.subpage-slider .carousel-2 { position: relative; width: 100%; height: 100%!important; }
.carousel-2 .carousel-cell-2 { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; }
.carousel-2 .flickity-page-dots { display: none!important; }

.in-content-img { 
	width: min(150px, 60%); height: auto; object-fit: contain; object-position: center; margin: 0px auto 12px auto; 
}

/* Homepage - default.htm */
.homepage {}

.hero {
	position: relative; width: 100%; min-height: 600px; padding: 100px max(0px, calc(50% - 900px)); 
	display: flex; justify-content: flex-end; align-items: center; 
	background: #bbb; 
}
.hero:after, .hero img, .hero .carousel-1 {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}
.hero:after {
	z-index: 3; content: ""; pointer-events: none; 
	background-image: linear-gradient(90deg, 0% rgba(0, 0, 0, 0), 70% rgba(0, 0, 0, 0), 100% rgba(0, 0, 0, .25)); 
}
.hero img {
	z-index: 1; object-fit: cover; object-position: center; 
}
.carousel-1 { z-index: 2; height: 100%!important; }
.carousel-1 .carousel-cell-1 { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.carousel-1 .flickity-prev-next-button { display: none!important; }
.carousel-1 .flickity-page-dots { bottom: 24px; }

.hero-overlay {
	position: relative; z-index: 3; padding: 40px 7vw 40px 32px; 
	background: rgba(255, 255, 255, .8); box-shadow: 0 4px 20px rgba(0, 0, 0, .2); 
}
.hero-overlay .title, .hero-overlay .subtitle, .hero-overlay p { color: #000!important; }

.inv-btns-sect {
	position: relative; width: 100%; padding: 0 max(0px, calc(50% - 1000px)); 
	background: #0d0d0d; 
	display: flex; flex-wrap: wrap; flex-direction: row; align-items: stretch; 
}
.inv-box {
	position: relative; width: 50%; 
	display: flex; justify-content: flex-end; align-items: stretch; 
}
.inv-box img {
	position: absolute; z-index: 1; top: 0; left: 0; width: min(50%, calc(100% - 410px)); height: 100%; 
	border-left-width: 12px; border-left-style: solid; 
	object-fit: cover; object-position: center; 
}
.inv-box-content {
	position: relative; z-index: 2; width: max(50%, 410px); padding: 24px 40px 16px 40px; 
	display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; 
}
.inv-box .multi-title { 
	position: relative; width: 100%; padding-bottom: 16px; row-gap: 0; 
}
.inv-box .multi-title:after { 
	position: absolute; content: ""; bottom: 10px; left: -95px; width: 340px; height: 6px; 
}
.inv-box span { transition: .25s ease all; }
.inv-box .subtitle { color: #ddd; font-size: 18px; }
.inv-box .title { font-size: 28px; margin-top: -6px; }
.inv-box a.listed2 { font-size: 16px; min-height: 30px; }
.inv-box .inv-box-content .horiz-sect { row-gap: 0!important; }

.mahindra-box, .mahindra-box img { border-color: #ef333b; }
.bad-boy-box, .bad-boy-box img { border-color: #f36c23; }
.precision-box, .precision-box img { border-color: #2c9d52; }
.isuzu-box, .isuzu-box img { border-color: #e43c2c; }

.mahindra-box .multi-title:after { background: #ef333b; }
.bad-boy-box .multi-title:after { background: #f36c23; }
.precision-box .multi-title:after { background: #2c9d52; }
.isuzu-box .multi-title:after { background: #e43c2c; }

.mahindra-box .multi-title:hover span { color: #ef333b!important; }
.bad-boy-box .multi-title:hover span { color: #f36c23!important; }
.precision-box .multi-title:hover span { color: #2c9d52!important; }
.isuzu-box .multi-title:hover span { color: #e43c2c!important; }

.home-mission {}

.service-sect { row-gap: 40px; }
.service-sect > .horiz-sect { column-gap: min(8vw, 180px); row-gap: 40px; }
.is-service-p-sect { width: 50%; }
.is-service-list { position: relative; padding: 20px 32px; }

/* subpages */
.subpages { 
	width: 100%; position: relative; 
	display: flex; flex-direction: column; align-items: center; 
}

.subhero {
	position: relative; width: 100%; min-height: 300px; 
	padding: 100px max(0px, calc(50% - 900px)) 0 max(0px, calc(50% - 900px)); 
	display: flex; justify-content: flex-end; align-items: flex-end; 
}
.subhero img {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; 
}
.subhero-overlay {
	position: relative; z-index: 3; padding: 24px 60px 24px 32px; max-width: 800px; 
	background: rgba(255, 255, 255, .8); box-shadow: 0 4px 20px rgba(0, 0, 0, .2); 
	align-items: flex-end; 
}
.subhero-overlay .multi-title { align-items: flex-end; }
.subhero-overlay .horiz-sect { justify-content: flex-end; }
.subhero-overlay .title, .subhero-overlay .subtitle, .subhero-overlay p { text-align: right; color: #000!important; }

.subhero.is-fullpage { 
	justify-content: center; align-items: center; 
	padding-bottom: 100px; min-height: 600px; 
}
.subhero.is-fullpage .subhero-overlay { padding-right: 32px; }
.subhero.is-fullpage .subhero-overlay, .subhero.is-fullpage .subhero-overlay .multi-title { align-items: center; }
.subhero.is-fullpage .subhero-overlay .horiz-sect { justify-content: center; }
.subhero.is-fullpage .subhero-overlay .title, .subhero.is-fullpage .subhero-overlay .subtitle, 
.subhero.is-fullpage .subhero-overlay p { text-align: center; }

/* contact-us.htm */
.contactpage {}

#location { row-gap: 40px; }
#location > .horiz-sect { column-gap: 60px; row-gap: 40px; flex-wrap: nowrap; align-items: stretch; }
#location .map-div, #location .contact-inf { width: 50%; }
#location .contact-inf { justify-content: center; row-gap: 20px; }
#location .contact-inf .subtitle { font-size: 18px; }
#location .listed1.is-phone { font-size: 20px; }

.map-div { padding: 0; filter: drop-shadow(0 4px 20px rgba(0, 0, 0, .2)); }
.map-div iframe { 
	width: 100%; min-height: 450px; background: #151515; border-left: 4px solid #ff9100!important; 
}

/* careers.htm */
.careerspage {}

.listed-boxes-sect {
	width: 100%; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; 
	column-gap: 60px; row-gap: 40px; 
}
.is-listed-box { 
	width: calc(50% - 30px); padding: 24px; 
	background: #2b2b2b; box-shadow: 0 2px 20px rgba(0, 0, 0, .5); 
}
.is-listed-box .title { font-size: 26px; }
.is-listed-box .title:before { left: -24px; }

/* brands section */

.listed-boxes-sect.brands  a.content-sect.center-style.is-listed-box{display: block;}

a.content-sect.center-style.is-listed-box:hover .title {color: #ff9100;}

div#hireclickWidgetJobCardLeftItemTitle {
	font-family: 'eixample-villa', sans-serif; text-shadow: none;
}

#hireclickWidgetJobCardLeftItemLocation, #hireclickWidgetJobCardLeftItemDescription, #hireclickWidgetJobCardRightButton span, .hireclickWidgetGeneralApplicationTitle, a.hireclickWidgetGeneralApplicationLink {
	font-family: 'new-frank', sans-serif; text-shadow: none !important;
}

#hireclickWidgetJobCardLevel1 {
	width: 100% !important;
	max-width: 920px;
}

/* learn more pages */
.learnmorepage {}

.precisionplantingpage {}
.precisionplantingpage .listed-boxes-sect { column-gap: 16px; row-gap: 16px; }
.precisionplantingpage .is-listed-box { width: calc(25% - 12px); background: #fff; padding-top: 20px; }
.precisionplantingpage .is-listed-box img { 
	width: 100%; height: 140px; object-fit: contain; object-position: center; background: #fff; margin-bottom: 12px; 
}
.precisionplantingpage .is-listed-box .title { 
	color: #000; text-align: center; text-shadow: none; padding-bottom: 0!important; 
}
.precisionplantingpage .is-listed-box .title:before { display: none!important; }

.indilmpage {}
.precisionplantinglmpage .missionimg { min-height: 250px; }
.precisionplantinglmpage .missionimg img { padding: 40px; background: #fff; }

.precisionplantinglmpage .info { 
	width: min(90%, 1800px); margin-left: auto; margin-right: auto; 
	background: #fff; color: #000!important; text-shadow: none!important; padding: 40px; 
}
.precisionplantinglmpage .info .title, .precisionplantinglmpage .info .title a, .precisionplantinglmpage .info p, .precisionplantinglmpage .info p a { 
	color: #000!important; text-shadow: none!important; text-transform: none!important; 
}
.precisionplantinglmpage .info .title-sm { font-size: 24px; }
.precisionplantinglmpage .info .margt-sm { margin-top: 20px!important; }
.precisionplantinglmpage .info ul.txt-default {
	padding-left: 26px; list-style: square; color: #000; margin: 4px 0 8px 0; 
}
.precisionplantinglmpage .info ul.txt-default li {}
.precisionplantinglmpage .info ul.txt-default li::marker { font-size: 22px; }

.precisionplantinglmpage iframe { max-width: 90%; }

/* thank-you.htm */
.thankyoupage {}

/* recommended styles */
.center-style, .multi-title.center-style .title, .multi-title.center-style .subtitle, 
.title.center-style, .subtitle.center-style, p.center-style { text-align: center; }

.txt-shadow, .txt-shadow .title, .txt-shadow .subtitle, .txt-shadow p, .txt-shadow a:not(.btnclass) { 
	text-shadow: 1px 1px 0 #000, 0 0 16px #000; 
}
.txt-shadow .btnclass, .txt-shadow a.btnclass, 
.txt-shadow .btn-black, .txt-shadow a.btn-black, 
.txt-shadow .btnclass.btn-black, .txt-shadow a.btnclass.btn-black { text-shadow: none!important; }

.has-shadow, .before-has-shadow:before { box-shadow: 1px 1px 0 #000, 0 0 16px #000; }

.txt-lgray { color: #ddd; }

.txt-italic { font-style: italic; }

.bg-black { background: #000; }
.bg-dblue, .bg-declare-img.bg-dblue { background: #0f1433; }

.bg-diamond, .bg-declare-img { position: relative; background: #000; }

.bg-diamond {
	background-image: url('/siteart/bg-diamond.jpg'); background-size: 21px; 
	background-position: 0% 0%; background-repeat: repeat; 
	box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.5); 
}

.bg-declare-img {}
.bg-declare-img > img { 
	position: absolute; z-index: 1; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; 
}
.bg-declare-img > *:not(img) { position: relative; z-index: 2; }

.width100 { width: 100%; }
.width50 { width: 50%; }
.horiz-sect .width50 { width: calc(50% - 12px); /* col-gap * 1/2 */ }

.padtb-xl, .subpage > .content-sect.padtb-xl { padding-top: 100px; padding-bottom: 100px; }
.padtb-lg, .subpage > .content-sect.padtb-lg { padding-top: 80px; padding-bottom: 80px; }
.padtb-med, .subpage > .content-sect.padtb-med { padding-top: 60px; padding-bottom: 60px; }
.padtb-sm, .subpage > .content-sect.padtb-sm { padding-top: 24px; padding-bottom: 24px; }
.padtb-xs, .subpage > .content-sect.padtb-xs { padding-top: 12px; padding-bottom: 12px; }

.padt-xl, .subpage > .content-sect.padt-xl { padding-top: 100px; }
.padt-lg, .subpage > .content-sect.padt-lg { padding-top: 80px; }
.padt-med, .subpage > .content-sect.padt-med { padding-top: 60px; }
.padt-smed, .subpage > .content-sect.padt-smed { padding-top: 40px; }
.padt-sm, .subpage > .content-sect.padt-sm { padding-top: 24px; }
.padt-xs, .subpage > .content-sect.padt-xs { padding-top: 12px; }

.padb-xl, .subpage > .content-sect.padb-xl { padding-bottom: 100px; }
.padb-lg, .subpage > .content-sect.padb-lg { padding-bottom: 80px; }
.padb-med, .subpage > .content-sect.padb-med { padding-bottom: 60px; }
.padb-smed, .subpage > .content-sect.padb-smed { padding-bottom: 40px; }
.padb-sm, .subpage > .content-sect.padb-sm { padding-bottom: 24px; }
.padb-xs, .subpage > .content-sect.padb-xs { padding-bottom: 12px; }

.padlr-lg, .subpage > .content-sect.padlr-lg { 
	padding-left: max(7%, calc(50% - 840px)); padding-right: max(7%, calc(50% - 840px)); 
}
.padlr-med, .subpage > .content-sect.padlr-med { 
	padding-left: max(5%, calc(50% - 900px)); padding-right: max(5%, calc(50% - 900px)); 
}
.padlr-smed, .subpage > .content-sect.padlr-smed { 
	padding-left: max(4.25%, calc(50% - 980px)); padding-right: max(4.25%, calc(50% - 980px)); 
}
.padlr-sm, .subpage > .content-sect.padlr-sm { 
	padding-left: max(24px, calc(50% - 980px)); padding-right: max(24px, calc(50% - 980px)); 
}

.marglr-auto { margin-left: auto; margin-right: auto; }

.margtb-xl, .content-sect .margtb-xl { margin-top: 60px; margin-bottom: 60px; }
.margtb-lg, .content-sect .margtb-lg { margin-top: 40px; margin-bottom: 40px; }
.margtb-med, .content-sect .margtb-med { margin-top: 24px; margin-bottom: 24px; }
.margtb-sm, .content-sect .margtb-sm { margin-top: 12px; margin-bottom: 12px; }
.margtb-xs, .content-sect .margtb-xs { margin-top: 6px; margin-bottom: 6px; }

.margt-xl, .content-sect .margt-xl { margin-top: 60px; }
.margt-lg, .content-sect .margt-lg { margin-top: 40px; }
.margt-med, .content-sect .margt-med { margin-top: 24px; }
.margt-sm, .content-sect .margt-sm { margin-top: 12px; }
.margt-xs, .content-sect .margt-xs { margin-top: 6px; }

.margb-xl, .content-sect .margb-xl { margin-bottom: 60px; }
.margb-lg, .content-sect .margb-lg { margin-bottom: 40px; }
.margb-med, .content-sect .margb-med { margin-bottom: 24px; }
.margb-sm, .content-sect .margb-sm { margin-bottom: 12px; }
.margb-xs, .content-sect .margb-xs { margin-bottom: 6px; }

/* forced styles */
.txt-bold { font-weight: 700!important; }

.force-rg0 { row-gap: 0!important; }

/*-------- FORM STYLES now located in formstyles.css --------------------*/

/*-------- FOOTER STYLES ----------------*/
footer {  }

.morgan-footer {
	position: relative; width: 100%; padding: 50px max(7%, calc(50% - 1000px)); 
	background: #0d0d0d; border-top: 4px solid #3443b5; 
	display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; 
	column-gap: 50px; row-gap: 50px; 
}
.foot-col {
	display: flex; flex-direction: column; justify-content: flex-start; 
}
.foot-logo-div, .foot-logo, .foot-logo img { max-width: 240px; }
.foot-logo-div { align-items: flex-start; }
.foot-logo {
	display: flex; justify-content: flex-start; align-items: flex-start; 
}
.foot-logo img { 
	width: auto; height: auto; object-fit: contain; object-position: 0% 0%; 
}
.foot-soc, .foot-ql, .foot-inv { align-items: stretch; }
.foot-soc {}
.foot-ql {}
.foot-inv { padding-right: 20px; }
.foot-col .subtitle { color: #fff; font-size: 19px; margin-bottom: 10px; }
.morgan-footer .foot-col a.listed1 {
	font-size: 18px; padding: 8px 12px; 
}
.morgan-footer .foot-col a.listed2 {
	font-size: 15px; font-weight: 400; padding: 5px 12px; min-height: unset; 
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
body.invpage .subhero { min-height: unset; padding-top: 50px; }

.inv-foot-spacer { width: 100%; height: 80px; background: #0d0d0d; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 1800px) { 	/* this is min-width */
	.hero { min-height: 650px; }
	.hero-overlay { padding-right: 32px; }
}

@media only screen and (max-width: 1630px) {
	.service-sect > .horiz-sect { column-gap: 5vw; }
	.is-service-p-sect { width: calc(100% - 5vw - 400px); }
	.is-service-list { width: 400px; }
}

@media only screen and (max-width: 1500px) {
	.header-logo-div { height: 160px; }
	.nav-div { height: 60px; }
}

@media only screen and (max-width: 1420px) {
	.morgan-header { padding-left: 0; padding-right: 0; }
	
	.hero { min-height: 550px; }
	.hero-overlay { padding-right: 5%; }
}

@media only screen and (max-width: 1350px) {
	.listed2 { font-size: 17px; }
	
	.inv-box img { width: 40%; }
	.inv-box .inv-box-content { width: 60%; padding: 20px 24px 16px 24px; }
	
	.service-sect, .service-sect.padlr-lg { padding-left: 5vw; padding-right: 5vw; }
	
	.listed-boxes-sect { column-gap: 32px; }
	.is-listed-box { width: calc(50% - 16px); }
	
	.morgan-footer { padding-left: 5%; padding-right: 5%; }
}

@media only screen and (max-width: 1280px) {
	.header-logo-div { height: 148px; top: 11px; }
	.nav-div { height: 56px; }
	
	.hero { min-height: 500px; }
	.hero-overlay { padding: 32px; }
	
	.subhero-overlay { padding-right: 5vw; }
}

@media only screen and (max-width: 1250px) {
	.mission { column-gap: 40px; }
	.mission .content-sect { width: 60%; }
	.mission .missionimg { width: calc(40% - 40px); min-height: 200px; }
	
	.precisionplantinglmpage .missionimg img { padding: 20px; }
}

@media only screen and (max-width: 1220px) {
	.is-service-p-sect, .is-service-list { width: 100%; }
	.is-service-list { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; column-gap: 32px; row-gap: 8px; }
	.is-service-list li { width: calc(50% - 16px); }
	
	.foot-logo-div, .foot-logo, .foot-logo img { max-width: min(100%, 210px, 75vw); }
}

@media only screen and (max-width: 1200px) {
	.title { font-size: 30px; }
	.subtitle { font-size: 17px; }
	
	.hero { min-height: 450px; }
	
	.inv-box .multi-title:after { height: 5px; }
	.inv-box .subtitle { font-size: 15px; }
	.inv-box .title { font-size: 23px; }
	
	.is-listed-box .title { font-size: 22px; }
	
	.precisionplantingpage .is-listed-box { width: calc(33.333333% - 11px); }
	
	.morgan-footer { padding-left: 2.5%; padding-right: 2.5%; }
	.foot-col .subtitle { font-size: 18px; }
}

@media only screen and (max-width: 1130px) {
	.inv-box .listed2 { font-size: 15px; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1120px) {
	.hide1120 { display: none!important; }
	
	.morgan-header { flex-direction: row; align-items: flex-end; }
	.morgan-topheader { flex-direction: column; align-items: flex-start; justify-content: space-between; height: 100%; }
	.header-logo-div { top: 6px; }
	.nav-div { height: 80px; justify-content: flex-end; align-items: flex-end; }
	
	.hero { min-height: 400px; padding-bottom: 24px; align-items: flex-end; overflow: hidden; }
}

@media only screen and (max-width: 1080px) {
	.hide1080 { display: none!important; }
	
	#location > .horiz-sect { flex-direction: column; }
	#location .map-div, #location .contact-inf { width: 100%; }
	.map-div iframe { min-height: 350px; }
}

@media only screen and (max-width: 1050px) {
	.morgan-footer { flex-wrap: wrap; justify-content: center; padding-left: 5%; padding-right: 5%; }
	.foot-col { width: calc(50% - 25px); }
	.foot-logo-div { align-items: flex-start; max-width: unset; }
	.foot-inv { padding-right: 0; }
}

@media only screen and (max-width: 1030px) {
	.inv-box { width: 100%; }
	
	.precisionplantingpage .is-listed-box img { height: 110px; }
}

@media only screen and (max-width: 980px) {
	.hero { padding-top: 340px; padding-bottom: 0; }
	.hero-overlay, .subhero-overlay { width: 100%; align-items: center; }
	.hero-overlay .multi-title, .subhero-overlay .multi-title { align-items: center; }
	.hero-overlay .title, .hero-overlay .subtitle, .hero-overlay p, .subhero-overlay .title, .subhero-overlay .subtitle, .subhero-overlay p { text-align: center; }
	.hero-overlay .horiz-sect, .subhero-overlay .horiz-sect { justify-content: center; }
	
	.subhero { padding-top: 180px; }
	.subhero-overlay { max-width: unset; padding-left: 5vw; }
	.subhero.is-fullpage .subhero-overlay { padding-right: 5vw; }
	
	body.invpage .subhero { padding-top: 0; }
	
	.is-service-list { flex-direction: column; flex-wrap: nowrap; }
	.is-service-list li { width: unset; }
	
	.is-listed-box { width: 100%; }
}

@media only screen and (max-width: 900px) {
	.hide900 { display: none!important; }
	
	.morgan-topheader { flex-direction: row; justify-content: flex-start; }
	.header-logo-div { height: 128px; }
	.nav-div { height: 84px; }
	
	.hero { padding-top: 320px; }
	
	.mission { flex-direction: column; }
	.mission .content-sect, .mission .missionimg { width: 100%; }
	
	.precisionplantinglmpage .info { width: 100%; padding-left: 5vw; padding-right: 5vw; }
	.precisionplantinglmpage > .content-sect.padb-med { padding-bottom: 0; }
}

@media only screen and (max-width: 870px) {
	.precisionplantingpage .is-listed-box { width: calc(50% - 8px); padding: 16px 12px; }
}

@media only screen and (max-width: 800px) {
	.hide800 { display: none!important; }
	
	.header-logo-div { height: 100px; }
	.nav-div { height: 160px; }
	
	.inv-box img { border-left-width: 8px; }
	.bad-boy-box .multi-title:after { height: 6px; }
	
	.precisionplantinglmpage .info ul.txt-default { padding-left: 18px; }
	
	.padlr-lg { padding-left: 5%; padding-right: 5%; }
	.padlr-sm { padding-left: 2.5%; padding-right: 2.5%; }
}

@media only screen and (max-width: 650px) {
	.foot-logo-div { width: 100%; align-items: center; }
	.foot-col { width: 100%; }
	.morgan-footer .foot-col a.listed2 { min-height: 40px; }
}

@media only screen and (max-width: 600px) {
	.hide600 { display: none!important; }
	
	.morgan-topheader { flex-direction: row-reverse; justify-content: flex-end; }
	.cta-buttons {
		flex-direction: column;
		gap: 12;
	}
	
	.modal{
		padding: 12px;
	}
	
	.modal-content{
		margin: 40% auto;
	}
}

@media only screen and (max-width: 500px) {
	.inv-box img { width: 33%; }
	.inv-box .inv-box-content { width: 67%; padding: 16px 4vw 12px 4vw; }
	.inv-box .multi-title:after { width: 100%; left: -25%; }
	
	.precisionplantingpage .is-listed-box { width: 100%; }
}

@media only screen and (max-width: 450px) {
	.inv-box .inv-box-content .horiz-sect .width50 { width: 100%!important; }
}

@media only screen and (max-width: 350px) {
	.inv-box { border-left-width: 6px; border-left-style: solid; }
	.inv-box img { display: none!important; }
	.inv-box .inv-box-content { width: 100%; }
	.inv-box .multi-title:after { width: 90%; left: calc(-4vw - 4px); }
}

@media only screen and (max-width: 280px) {
	.morgan-topheader { display: none!important; }
	.nav-div { width: 100%; }
}






