/* 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;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}


/* FRAMEWORK */

*{box-sizing: border-box;}
html, body{font-family: 'Montserrat', sans-serif; -webkit-text-size-adjust: none} 
html {scroll-behavior: smooth;}
body {overflow-x: hidden; line-height: 1.7;}
::-moz-selection{background: #365902; color: #fff; text-shadow: none} ::selection{background: #365902; color: #fff; text-shadow: none;}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  /*margin: 0; /* 2 */
}
button,
input { /* 1 */
  overflow: visible;
}
button,
select { /* 1 */
  text-transform: none;
}
select,
button,
[type="button"],
[type="reset"],
[type="submit"],
[type="date"] {
  -webkit-appearance: button;
}

.pad90 {padding: 90px 5%!important;}
.taupe {color: #bfae99;}
.wheat-bg {background: #000 url('/siteart/wheat-bg.png'); background-position: center; background-size: cover; background-attachment: fixed;}
.align-right {text-align: right;}
.center {text-align: center;}
.content-width {margin: 0 auto; width: 95%; max-width: 1100px;}

.flex-wrapper {display: flex; flex-wrap: wrap; justify-content: center;}
.flex-wrapper p.column4 {border-right: 1px solid #aaa;}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 25px 0 0;} .column12{width: 100%; padding: 0; box-sizing: border-box;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%; box-sizing: border-box;} .column7{width: 58.3333%; position: relative; box-sizing: border-box;} .column6{width: 50%; box-sizing: border-box;} .column5{width: 41.6666%; box-sizing: border-box;} .column4{width: 33.3333%; box-sizing: border-box;} .column3{width: 25%; box-sizing: border-box;} .column2{width: 16.6666%; box-sizing: border-box;} .column1{width: 8.3333%;} .last{padding: 0;} .cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} 

a {text-decoration: none; color: inherit; transition: all .2s ease-in-out;} a:hover{color: inherit;}
a#cta-btn button {color: #fff; padding: 1em 5%; border: 1px solid #fff; cursor: pointer; background: none; font-weight: 600; transition: 0.2s ease-in; margin-top: 1.5em;}
a#cta-btn button:hover {border: 1px solid transparent; background: #222;}

.content-wrapper h1 {color: #fff; font-size: 40px; line-height: 40px; display: inline-block; margin-bottom: .5em; font-weight: 900;}
.content-wrapper h1 span {display: block; color: #fff; font-size: 24px; font-weight: 400;}
.content-wrapper {color: #fff;}


/*  HEADER
-------------------------*/

.header {width: 100%; display: inline-flex; flex-wrap: wrap; justify-content: center; position: relative; z-index: 1;}
a#main-logo img {width: 100%; height: auto; max-width: 420px; display: block; margin: 0 auto; padding: 1em 3%; box-sizing: border-box;}
.mobile-display {display: none; width: 100%;}

.top-bar {background: #102601; padding: 1.5em 7%; font-weight: 900; width: 100%; color: #fff;}
.top-bar a {color: #fff; text-decoration: none; font-size: 16px;}
.top-bar a:hover {color: #ddd;}
.top-contact {font-weight: 700; padding: 2em 7%;}
.top-contact a {text-decoration: none;}
.top-contact a:hover {color: #102601;}


/*   slick slideshow
-------------------------*/
.slider-wrapper {position: relative;}
.cathero img {width: 100%; height: auto; padding: 5px 2.5px;}


/*  quick links
-------------------------*/
.quicklinks-wrapper {background: #365902; color: #fff; font-weight: 600; padding: 1em 7%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.quicklinks-wrapper a {width: 25%; padding: 1em; text-align: center; font-size: 1.5vw; border-right: 1px solid #aaa; font-weight: 500; color: #eee;}
#no-border {border-right: none;}
.quicklinks-wrapper i {display: block; margin-bottom: 20px; font-size: 45px;}
.quicklinks-wrapper a:hover {color: #fff;}


/*  inv search
-------------------------*/
.search-wrapper {display: flex; justify-content: center; flex-wrap: wrap; align-items: center; width: 100%; background: #142806; padding: 3em 7%; box-sizing: border-box; color: #fff;}
.search-wrapper h2 {width: 100%; display: inline-block; letter-spacing: 1px; color: #fff; font-size: 2em; line-height: 1.3; margin-bottom: .25em;}
.search-wrapper h2 span {font-weight: 400; color: #bfae99;}
.search-wrapper p {max-width: 90%;}
form.detailed-search {width: 100%; max-width: 90%; display: inline-flex; justify-content: space-evenly; align-items: flex-end; flex-wrap: wrap; margin-top: 1.5em;}
form.detailed-search input[type="text"]{display: block; width: 100%; height: 100%; padding: 15px 3%; font-family: 'Montserrat', sans-serif; border: 1px transparent solid; background: #fff; color: #000;}
form.detailed-search input[type="submit"], a.continue-btn, #form input[type="submit"] {width: 100%; cursor: pointer; text-align: center; background: #365902; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 1em 5%; transition: all .2s ease-in-out; max-width: 470px; border: none;}
form.detailed-search input[type="submit"]:hover, a.continue-btn:hover, #form input[type="submit"]:hover {background: #bfae99;}

/*  page hero
-------------------------*/
.page-hero {width: 100%; background: #000 url('/siteart/page-hero1.jpg') center fixed; padding: 10em 7%; border-top: 5px solid #fff;}
.page-hero h1 {color: #fff;} 
.page-hero p {color: #eee; font-size: 18px;}
.page-hero button {width: 100%; cursor: pointer; text-align: center; background: transparent; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 1em 5%; transition: all .2s ease-in-out; max-width: 470px; border: 1px solid #fff;}
.page-hero button:hover {border: 1px solid #365902; color: #365902;}

/*  contact form + captcha
------------------------------*/
#form {padding: 3em 7%;}
#form .form-row {display: block; text-align: left!important;}
#form .form-row label{font-weight: 600; color: #000;}
#form input[type="text"], #form input[type="email"], #form select, #form textarea, #form input[type="date"] {width: 100%; margin: 5px 0 20px; padding: 10px; border: 1px solid #bbb; background: #f9f9f9; font-weight: 500; color: #000; height: 50px;}
#form textarea {height: 111px;}

.CaptchaPanel{line-height: normal !important;}
.CaptchaAnswerPanel input{width: 100%; max-width: 350px; padding: 10px; margin: 5px 0; background: #f9f9f9; border: 1px solid #ddd; color: #000;}
.CaptchaMessagePanel{padding: 0 !important; margin: 0 !important; font-weight: normal !important; font-size: 12px; line-height: 50px; color: #444;}
.CaptchaImage {width: auto!important; padding: 0!important;}
.CaptchaAnswerPanel{margin: 0; padding: 2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel{line-height: 0; margin: 0; padding: 8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a{font-size: 12px; color: #333;} .CaptchaWhatsThisPanel a:hover{text-decoration: none;}


/*  FOOTER
-------------------------*/

.footer {background: #222; color: #999; display: flex; flex-wrap: wrap; padding: 0;}
.footer .column6 {padding: 7em 7%; box-sizing: border-box; margin: 0 auto;}
.footer h2, .footer strong {color: #fff;}
.footer h2 {display: inline-block; width: 100%; font-weight: 500; margin-bottom: .5em;}
.footer ul {column-count: 3; width: 100%;}
.footer p {display: inline-block; vertical-align: middle;}
.footer img {width: 100%; max-width: 200px; margin-bottom: .5em; margin-right: 7%;}
.footer a {color: #999!important;}
.footer a:hover {color: #fff!important;}


/* MEDIA QUERIES (RESPONSIVE) */

@media screen and (max-width: 1250px) {
	.mobile-display {display: block;}
	.top-contact {padding: 1.5em 7% .5em 7%;}
	a#main-logo img {max-width: 375px; margin: 0;}
	
	.header .column5, .header .column7 {width: 50%!important; float: left; margin: 0 auto;}
	
}

@media screen and (max-width: 1000px) {		
	.pad90 {padding: 60px 5%!important;}
	.header {align-items: center;}
	.top-contact {display: none;}
	a#main-logo img {max-width: 333px; padding: .75em 3%;}
	
	.quicklinks-wrapper {padding: 0;}
	.quicklinks-wrapper a {width: 50%; border-right: none; font-size: 2.25vw; padding: 1.5em 7%; border-top: 1px solid #fff;}
	.quicklinks-wrapper a:nth-child(1), .quicklinks-wrapper a:nth-child(3) {border-right: 1px solid #fff;}
	.quicklinks-wrapper a:hover {background: #3c5e09;}
	.quicklinks-wrapper i {font-size: 5vw; margin-bottom: 15px;}
			
	.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 {margin: 0 auto; width: 100%; float: none; padding: 0;}	
	
	.search-wrapper, .search-wrapper .align-right, .content-wrapper {text-align: center;}
	.search-wrapper p, form.detailed-search {max-width: 100%;}
	form.detailed-search .column9 {width: 75%; float: left;}
	form.detailed-search .column3 {width: 25%; float: left;}
	
	#vertical-pad {padding-top: 20px;}
	.flex-wrapper p.column4 {border-right: none; padding: .5em 0;}
	
	.footer ul {column-count: 2;}
	.footer .column6 {width: 50%;}
}

@media screen and (max-width: 785px) {	
	.content-wrapper h1 {font-size: 36px; line-height: 40px;}
	.search-wrapper h2 {font-size: 28px; line-height: 32px;}
	
	.footer .column6:nth-child(1) {display: none;}
	.footer .column6 {padding: 3.5em 7%; width: 100%!important;}
	.footer ul {column-count: 3;}
}

@media screen and (max-width: 500px) {
	.top-bar {text-align: center; padding: 1em 7%;}
	
	.wheat-bg {background-attachment: inherit;}
	
	.quicklinks-wrapper a {width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 1.5em 7%; font-size: 3.33vw;}
	.quicklinks-wrapper i {margin-bottom: 0;}
	.quicklinks-wrapper a:nth-child(1), .quicklinks-wrapper a:nth-child(3) {border-right: none;}
	
	.footer {text-align: center;}
	.footer ul {column-count: 1;}
}