/******************************************************************
Theme Name: BSI
Description: Custom WordPress theme developed for Barkley Seed, Inc.
Author: TMD
Author URI: https://tmdcreative.com
Version: 2.0
*******************************************************************/
/* Variables */
/* Mixins */
/* Web Fonts */
@font-face { font-family: 'norwester'; src: local("norwester"), url("assets/fonts/norwester.otf") format("otf"), url("assets/fonts/norwester.woff") format("woff"); font-style: normal; font-weight: normal; }
/* Global */
ul, ol, menu, dir { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; display: block; list-style-type: disc; }

ol { list-style-type: decimal; }

h1, h2, h3, h4, h5, h6, ul, ol, li, figure, input { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; margin: 0; padding: 0; font-style: normal; }

a, button, div, img, input, nav, i, ul, svg { transition: all 0.25s ease; }

p { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; display: block; font-style: normal; margin: 0; padding: 0; }

body { margin: 0; padding: 0; overflow-x: hidden; overflow-y: scroll; }

body, input { font-family: brandon-grotesque, sans-serif; font-weight: 400; font-style: normal; }

input[type="text"], input[type="submit"] { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }

img { vertical-align: top; border: none; }

strong { font-weight: 500; }

blockquote { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; display: block; }

button:hover { cursor: pointer; }

.container { position: relative; max-width: 1366px; margin: 0 auto; padding: 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.container:before, .container:after, .row:before, .row:after { display: table; content: " "; }

.container:after, .row:after { clear: both; }

.container img { max-width: 100%; }

.clear-float { content: ""; clear: both; display: table; }

.box-sizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.center { text-align: center; }

.padless { padding: 0 0; }

.multiply { mix-blend-mode: multiply; }

/* Motion */
.slide-up { transform: translateY(100%); transition: all 0.5s ease-in-out; opacity: 0; }

.slide-up.active { transform: translateY(0); opacity: 1; }

.slide-right { transform: translate(-100%); transition: all 0.5s ease-in-out; opacity: 0; }

.slide-right.active { transform: translate(0px); opacity: 1; }

.slide-left { transform: translate(100%); transition: all 0.5s ease-in-out; opacity: 0; }

.slide-left.active { transform: translate(0px); opacity: 1; }

.fade-in { transition: all 0.5s ease-in-out; opacity: 0; }

.fade-in.active { opacity: 1; }

.has-scroll-reveal { opacity: 0; animation-play-state: paused; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-play-state: running; }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@keyframes fadeInLeft { from { opacity: 1; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@keyframes fadeInRight { from { opacity: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
/* Grid */
.row .col1 { width: 8.333%; float: left; }
.row .col2 { width: 16.666%; float: left; }
.row .col3 { width: 25%; float: left; }
.row .col4 { width: 33.333%; float: left; }
.row .col5 { width: 41.666%; float: left; }
.row .col6 { width: 50%; float: left; }
.row .col7 { width: 58.333%; float: left; }
.row .col8 { width: 66.666%; float: left; }
.row .col9 { width: 75%; float: left; }
.row .col10 { width: 83.333%; float: left; }
.row .col11 { width: 91.666%; float: left; }

/* Header */
section.hero { background-size: cover; background-position: center top; background-attachment: fixed; width: 100%; height: 75vh; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
section.hero .headline { margin-top: 90px; }
section.hero .headline h1 { font-size: 64px; line-height: 1; color: white; font-family: norwester; text-rendering: optimizeLegibility; text-transform: uppercase; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); text-align: center; }
section.hero .headline h1 span { display: block; }
section.hero .headline h1.home { text-align: left; }
section.hero .headline h2 { font-size: 28px; line-height: 1.25; color: white; font-weight: 500; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); text-align: center; margin-top: 20px; }
section.hero .headline button { background: #f7b01b; border: none; font-family: norwester; text-rendering: optimizeLegibility; text-transform: uppercase; color: white; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 20px; margin-top: 20px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.125); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.125); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.125); }
section.hero .headline button i, section.hero .headline button svg { opacity: .5; margin-left: 5px; }
section.hero .headline button:hover i, section.hero .headline button:hover svg { margin-left: 10px; }
section.hero .top { position: absolute; top: 0px; right: 0px; width: 100%; height: 240px; background-image: url("assets/images/bg-header-shadow-gradient.png"); background-repeat: no-repeat; background-size: 100% 240px; opacity: .5; }
section.hero .element { position: absolute; bottom: 0px; right: 0px; width: 100%; height: 120px; background-image: url("assets/images/triangle-white.png"); background-repeat: no-repeat; background-size: 100% 120px; }

section.imageless { height: inherit; padding-bottom: 60px; background-color: #70563f; }

header.masthead { padding-top: 40px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
header.masthead .logo { width: 180px; float: left; position: relative; z-index: 2; }
header.masthead nav.main-menu { float: right; margin-top: 20px; position: relative; }
header.masthead nav.main-menu ul { font-size: 0; list-style: none; font-family: norwester; text-rendering: optimizeLegibility; text-transform: uppercase; letter-spacing: 1px; word-spacing: -1px; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.125); }
header.masthead nav.main-menu ul li { font-size: 24px; line-height: 1; display: inline-block; margin: 0 20px; position: relative; z-index: 2; }
header.masthead nav.main-menu ul li a { color: white; text-decoration: none; padding-bottom: 20px; border-bottom: solid 3px transparent; }
header.masthead nav.main-menu ul li a:hover { border-bottom: solid 3px #539436; padding-bottom: 5px; }
header.masthead nav.main-menu ul li ul { position: absolute; left: -9999px; top: -9999px; opacity: 0; z-index: 0; font-family: brandon-grotesque, sans-serif; font-style: normal; font-weight: 500; text-transform: capitalize; min-width: 180px; margin-left: -20px; margin-top: 9px; padding: 10px 20px; text-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #539436; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.125); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.125); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.125); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0; word-spacing: 0; }
header.masthead nav.main-menu ul li ul li { display: block; font-size: 16px; margin: 0; }
header.masthead nav.main-menu ul li ul li a { display: block; border-bottom: none; padding: 10px 0; }
header.masthead nav.main-menu ul li ul li a:hover { border-bottom: none; padding: 10px 0; }
header.masthead nav.main-menu ul li ul li.current-menu-item a, header.masthead nav.main-menu ul li ul li.current_page_item a { text-decoration: underline; }
header.masthead nav.main-menu ul li i.fa-caret-down, header.masthead nav.main-menu ul li svg.fa-caret-down { opacity: .5; margin-left: 5px; }
header.masthead nav.main-menu ul li:hover ul { left: inherit; top: inherit; opacity: 1; }
header.masthead nav.main-menu ul li:hover ul li a:hover { text-decoration: underline; }
header.masthead nav.main-menu ul li.current_page_item { position: relative; z-index: 3; }
header.masthead nav.main-menu ul li.current_page_item a span { border-bottom: solid 3px #539436; padding-bottom: 5px; }
header.masthead nav.main-menu ul li.current-page-ancestor a span { border-bottom: solid 3px #539436; padding-bottom: 5px; }
header.masthead nav.main-menu ul li.search { cursor: pointer; }
header.masthead nav.main-menu ul li.search a:hover { border-bottom: solid 3px transparent; }
header.masthead nav.main-menu .search-module { background: rgba(255, 255, 255, 0.5); position: absolute; top: 60px; right: 0px; width: 300px; height: 72px; border-top: 3px solid #539436; z-index: 2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: none; }
header.masthead nav.main-menu .search-module input[type="text"] { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 200px; padding: 0 5px; margin-left: 20px; margin-top: 20px; border: 1px solid #539436; outline: none; font-size: 14px; font-weight: 500; line-height: 30px; color: #404041; }
header.masthead nav.main-menu .search-module input[type="submit"] { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 60px; background: #539436; margin-top: 20px; color: white; border: 1px solid #539436; outline: none; cursor: pointer; font-family: norwester; text-rendering: optimizeLegibility; text-transform: uppercase; font-size: 14px; line-height: 30px; }
header.masthead nav.main-menu .search-module:before { content: ""; position: absolute; top: -40px; right: 20px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 20px solid transparent; border-bottom: 20px solid #539436; z-index: 2; }

header.masthead::after { content: ""; clear: both; display: table; }

header.mobile { display: none; position: relative; z-index: 5; background: #539436; color: #58b847; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.125); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.125); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.125); }
header.mobile .left { margin-left: 20px; font-size: 20px; font-family: norwester; text-rendering: optimizeLegibility; text-transform: uppercase; padding: 10px 0; }
header.mobile .left span { margin-left: 10px; }
header.mobile .left:before { content: "\f0c9"; font-family: "Font Awesome 5 Pro"; font-size: 30px; color: white; display: none; }
header.mobile .left.active:before { content: "\f00d"; }
header.mobile .left svg { color: white; font-size: 30px; vertical-align: text-bottom; }

nav.mobile { height: 0px; overflow: hidden; position: absolute; z-index: 110; top: -100vh; left: 0px; width: 100%; padding: 20px 0 60px 0; text-align: center; transition: all 0.5s ease; background: white; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.33); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.33); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.33); }
nav.mobile .logo { padding-bottom: 60px; }
nav.mobile .logo img { max-width: 100%; }
nav.mobile ul { font-size: 0; list-style: none; font-family: norwester; text-rendering: optimizeLegibility; text-transform: uppercase; letter-spacing: 1px; word-spacing: -1px; }
nav.mobile ul li { font-size: 24px; line-height: 1; margin-bottom: 20px; display: block; }
nav.mobile ul li a { color: #404041; text-decoration: none; border-bottom: solid 3px white; padding-bottom: 5px; }
nav.mobile ul li ul { margin-top: 10px; }
nav.mobile ul li ul li { font-size: 18px; }
nav.mobile ul li.current_page_item { margin-bottom: 25px; }
nav.mobile ul li.current_page_item a { border-bottom: solid 3px #539436; padding-bottom: 5px; }

nav.mobile.active { top: 0px; }

nav.select { display: none; background: #EDEAE7; padding: 10px 0; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.33); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.33); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.33); }
nav.select select { width: 100%; float: inline-start; line-height: 1; }

nav.select-25, nav.select-18, nav.select-16, nav.select-3, nav.select-1173, nav.select-59, nav.select-61 { display: none !important; }

/* Home */
section.home { margin-top: -18.75vh; position: relative; }
section.home .left { background: #60361b; border-right: solid 10px #539436; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-box-shadow: -2px -2px 2px 0px rgba(64, 64, 65, 0.33); -moz-box-shadow: -2px -2px 2px 0px rgba(64, 64, 65, 0.33); box-shadow: -2px -2px 2px 0px rgba(64, 64, 65, 0.33); }
section.home .left .copy { padding: 60px 60px; background: url("assets/images/ico-seedling-brown.png") no-repeat bottom left; background-size: 50%; }
section.home .left .quick-links .col4 { position: relative; background: #231f20; }
section.home .left .quick-links .col4 img:hover { opacity: .875; }
section.home .left .quick-links .col4 h4 { position: absolute; width: 100%; bottom: -3px; left: 0px; text-align: center; font-family: norwester; text-rendering: optimizeLegibility; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0px -2px 2px rgba(0, 0, 0, 0.33); }
section.home .right { position: absolute; width: 50%; margin-left: 50%; bottom: 0px; left: 0px; padding: 0 40px 0 80px; background: url("assets/images/ico-triangle-green.png") no-repeat 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
section.home h2 { font-size: 32px; line-height: 1.375; font-weight: 900; margin-bottom: 20px; }
section.home h3 { font-size: 28px; line-height: 1.375; font-weight: 500; margin-bottom: 20px; color: #404041; }
section.home h4 { font-size: 24px; line-height: 1; }
section.home p { font-size: 20px; line-height: 1.375; margin-bottom: 20px; }
section.home button { background: #539436; border: none; font-family: norwester; text-rendering: optimizeLegibility; text-transform: uppercase; color: white; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 20px; }
section.home button i, section.home button svg { opacity: .5; margin-left: 10px; }
section.home button:hover { background: #58b847; }
section.home nav { height: 0; padding-top: 0; opacity: 0; transition: all 0.5s ease; }
section.home nav ul { font-size: 0; list-style: none; }
section.home nav ul li { display: inline-block; font-size: 20px; font-weight: 500; text-transform: uppercase; line-height: 1; margin: 0 10px; }
section.home nav ul li a { color: #539436; }
section.home nav ul li a:hover { opacity: 1; }
section.home nav ul li svg { color: #539436; margin-right: 5px; }
section.home nav.active { height: inherit; padding-top: 10px; opacity: 1; }

/* Footer */
footer { margin-top: 80px; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-weight: 500; }
footer .top { background-image: url("assets/images/bg-footer-dark-brown.png"); background-repeat: repeat-x; background-position: top center; height: 52px; }
footer .bottom { background: #60361b; background: linear-gradient(0deg, #70563f 0%, #60361b 100%); padding: 40px 0; }
footer .bottom .left { float: left; margin-top: 40px; font-size: 14px; line-height: 1.25; }
footer .bottom .left .nav { margin-bottom: 5px; }
footer .bottom .left .copyright { opacity: .5; font-weight: 400; }
footer .bottom .left a { color: inherit; text-decoration: none; }
footer .bottom .left a:hover { opacity: .5; text-decoration: underline; }
footer .bottom .right { float: right; margin-top: 40px; }
footer .bottom .right ul { font-size: 0; list-style: none; }
footer .bottom .right ul li { font-size: 12px; line-height: 1; display: inline-block; margin-left: 20px; }
footer .bottom .right ul li a { color: inherit; }
footer .bottom .right ul li a img { float: left; width: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
footer .bottom .right ul li a span { float: left; padding-left: 10px; }
footer .bottom .right ul li a:hover span { opacity: .5; }
footer nav { margin-bottom: 20px; }
footer nav ul { font-size: 0; list-style: none; }
footer nav ul li { font-size: 20px; line-height: 1; }
footer nav ul li a { color: #f7b01b; font-family: norwester; text-rendering: optimizeLegibility; text-transform: uppercase; text-decoration: none; }
footer nav ul li a:hover { text-decoration: underline; }
footer nav ul li ul { margin-top: 10px; }
footer nav ul li ul li { font-size: 18px; margin-bottom: 8px; }
footer nav ul li ul li a { color: white; font-family: brandon-grotesque, sans-serif; font-style: normal; text-transform: inherit; }
footer nav ul li ul li a:hover { opacity: .5; text-decoration: underline; }
footer nav p { margin-top: 10px; font-size: 18px; line-height: 1.25; font-weight: 400; }
footer nav p a { color: inherit; }
footer nav .social-media { margin-top: 10px; }
footer nav .social-media a { color: inherit; }
footer nav .social-media a i, footer nav .social-media a svg { font-size: 20px; margin-right: 10px; }
footer nav .social-media a i:hover, footer nav .social-media a svg:hover { opacity: .5; }
footer nav .social-media a span { display: none; }

/* Page Layouts */
section.page a { color: inherit; }
section.page h2 { font-family: norwester; text-rendering: optimizeLegibility; text-transform: uppercase; font-size: 64px; line-height: 1; margin-bottom: 20px; color: #539436; }
section.page h3 { font-family: norwester; text-rendering: optimizeLegibility; text-transform: uppercase; font-size: 48px; line-height: 1; margin-bottom: 20px; color: #60361b; }
section.page h3 i, section.page h3 svg { opacity: .5; }
section.page h4 { font-family: norwester; text-rendering: optimizeLegibility; text-transform: uppercase; font-size: 32px; line-height: 1.25; margin-bottom: 20px; color: #60361b; }
section.page h4 i, section.page h4 svg { opacity: .5; }
section.page h5 { font-size: 24px; font-weight: 900; line-height: 1.25; color: #404041; margin-bottom: 20px; }
section.page p { font-size: 22px; line-height: 1.375; color: #404041; margin-bottom: 20px; }
section.page p a { color: #70563f; }
section.page p.follow { margin-bottom: 40px; }
section.page p.follow a:hover { font-weight: 500; color: #539436; }
section.page ul { padding-bottom: 10px; margin-left: 20px; }
section.page ul li { font-size: 20px; line-height: 1.25; color: #404041; padding-bottom: 10px; margin-left: 20px; }
section.page button { background: #70563f; border: none; font-family: norwester; text-rendering: optimizeLegibility; text-transform: uppercase; color: white; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 22px; }
section.page button i, section.page button svg { opacity: .5; }
section.page button:hover { background: #58b847; }
section.page hr { border: 0; border-bottom: solid 3px #EDEAE7; padding-top: 20px; /*margin-bottom: 40px;*/ clear: both; margin-block-start: auto; margin-block-end: 40px; }

.photo-right { margin-bottom: 40px; position: relative; z-index: 1; margin-top: 40px; }
.photo-right .left { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; padding-top: 40px; margin-bottom: 40px; }
.photo-right .right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; }
.photo-right .right img { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.photo-right .right .cycle-slideshow { position: relative; }
.photo-right .right .cycle-slideshow #caption { text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; position: absolute; bottom: 0; z-index: 200; padding: 20px; color: white; font-size: 18px; line-height: 1.125; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
.photo-right .right .cycle-slideshow #caption span { background-color: rgba(0, 0, 0, 0.25); padding: 0 4px; }

.photo-left { margin-bottom: 40px; position: relative; z-index: 1; margin-top: 40px; }
.photo-left .left { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; margin-bottom: 40px; }
.photo-left .left img { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.photo-left .right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; padding-top: 40px; }

.photo-left-25 { margin-top: -60px; border-top: dotted 3px #EDEAE7; padding-top: 60px; }

.content { padding: 120px 0 100px 0; position: relative; }
.content .element { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 120px; background-image: url("assets/images/triangle-white-top.png"); background-repeat: no-repeat; background-size: 100% 120px; }

section.columns-2.layered, section.columns-3.layered, section.carousel.layered, .content.layered { margin-top: -80px; }
section.columns-2.layered h3.green, section.columns-3.layered h3.green, section.carousel.layered h3.green, .content.layered h3.green { color: #539436; }

section.columns-2 { padding-top: 80px; padding-bottom: 60px; }
section.columns-2 .col6 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
section.columns-2 .left { padding-right: 20px; }
section.columns-2 .right { padding-left: 20px; }

section.columns-3 { padding-top: 80px; padding-bottom: 60px; }
section.columns-3 .col4 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
section.columns-3 .left { padding-right: 20px; }
section.columns-3 .middle { padding-left: 10px; padding-right: 10px; }
section.columns-3 .right { padding-left: 20px; }

section.page-21 .columns-3 { padding-bottom: 70px; margin-top: -160px; }
section.page-21 .columns-3 ul { padding-bottom: 0; list-style: none; margin-left: 0; }
section.page-21 .columns-3 ul li { margin-left: 0; border-bottom: dotted 1px white; margin-bottom: 10px; }

section.video { background: #231f20; }
section.video .container { margin: 0 auto; max-width: 1024px; padding: 0 0; }

section.carousel { position: relative; padding: 10px; background: #EDEAE7; text-align: center; }
section.carousel figure { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; position: relative; float: none !important; display: inline-block; }
section.carousel figure img { /*width:25%;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
section.carousel figure figcaption { width: 100%; text-align: center; position: absolute; bottom: 7px; left: 0px; font-size: 28px; line-height: 1; color: #EDEAE7; font-family: norwester; text-rendering: optimizeLegibility; text-transform: uppercase; text-shadow: 0px -2px 2px rgba(0, 0, 0, 0.33); }

section.featured { background-size: cover; background-position: center center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-top: 80px; }
section.featured .col6 { background: white; margin: 60px 0; padding: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-box-shadow: 2px 2px 2px 0px rgba(64, 64, 65, 0.33); -moz-box-shadow: 2px 2px 2px 0px rgba(64, 64, 65, 0.33); box-shadow: 2px 2px 2px 0px rgba(64, 64, 65, 0.33); }
section.featured .col6 h3 { color: #60361b; margin-bottom: 30px; }
section.featured .col6 p { margin-bottom: 30px; }

section.links { margin-top: 80px; }
section.links h4 i, section.links h4 svg { font-size: 75%; vertical-align: inherit; }
section.links .col3 { margin-bottom: 20px; }
section.links .col3 img { margin-left: 20px; max-width: 180px; max-height: 120px; border-left: solid 1px rgba(112, 86, 63, 0.125); padding-left: 20px; }

/* Tech Sheets */
section.tech-sheets .row { padding: 0 10px; }
section.tech-sheets .row .col4 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 10px; }
section.tech-sheets .row .col4 svg { opacity: .5; color: #70563f; }
section.tech-sheets .row .col4:nth-child(3n+1) { clear: both; }

/* News */
.news { margin-top: 60px; }
.news .col8 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 40px; }
.news .col4 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; background: #EDEAE7; }
.news p.post-date { font-size: 20px; color: #70563f; }

/* Facilities */
section.facilities { margin-top: -120px; }
section.facilities .col4 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 20px; }
section.facilities h5 { line-height: 1; }
section.facilities p { line-height: 1.25; }
section.facilities p a { color: inherit; }

/* Directory  with thumbnails (Contact, Seed Sales, Facilities) */
.page-16 figure, .page-18 figure, .page-21 figure { width: 120px; float: right; margin-bottom: 20px; margin: 0 20px 20px 20px; }
.page-16 figure img, .page-18 figure img, .page-21 figure img { width: 100%; height: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.page-16 p:after, .page-18 p:after, .page-21 p:after { content: ""; clear: both; display: table; }

/* Responsive Breakpoints */
@media screen and (max-width: 1680px) { section.hero .headline h1 { font-size: 56px; }
  section.hero { background-attachment: inherit; } }
@media screen and (max-width: 1280px) { section.hero .headline h1 span { display: initial; }
  header.masthead nav.main-menu ul li { margin: 0 10px; }
  header.masthead nav.main-menu ul li ul { margin-left: -10px; padding: 10px 10px; }
  header.masthead nav.main-menu .search-module::before { right: 10px; }
  section.home { margin-top: -12.5vh; }
  section.home .left .copy { padding: 40px 40px; }
  section.home .right { padding: 0 40px 0 60px; }
  section.featured .col6 { padding: 40px; margin: 40px 0; }
  section.carousel figure figcaption { font-size: 24px; } }
@media screen and (max-width: 1152px) { section.home { margin-top: -9.375vh; } }
@media screen and (max-width: 1024px) { header.masthead .logo { width: 150px; }
  header.masthead nav.main-menu ul li ul { margin-top: 8px; }
  section.hero .headline h1 { font-size: 48px; }
  section.hero .headline h2 { font-size: 24px; }
  section.home h2 { font-size: 28px; }
  section.home h3 { font-size: 24px; }
  header.masthead nav.main-menu ul li, section.home h4 { font-size: 20px; }
  section.hero .headline button, section.home button, section.home nav ul li, footer nav ul li, footer nav .social-media a i, footer nav .social-media a svg { font-size: 18px; }
  footer nav ul li ul li, footer nav p { font-size: 16px; }
  section.home .left .quick-links .col4 h4 { bottom: -2px; }
  section.featured { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 40px; }
  section.featured .col6 { width: 100%; }
  section.carousel .row figure { width: 33.33%; }
  section.facilities .col4 { width: 50%; }
  section.tech-sheets .row { padding: 0 0; }
  section.tech-sheets .row .col4 { width: 50%; }
  section.tech-sheets .row .col4:nth-child(3n+1) { clear: none; }
  section.tech-sheets .row .col4:nth-child(2n+1) { clear: both; } }
@media screen and (max-width: 896px) { header.mobile { display: block; }
  nav.mobile.active { height: auto; overflow: auto; }
  header.masthead { padding-top: 20px; }
  header.masthead .logo, nav.mobile .logo { width: 160px; margin: 0 auto; }
  header.masthead .logo { float: none; }
  header.masthead nav.main-menu { display: none; }
  section.hero .headline { text-align: center; }
  section.links .col9 { width: 100%; float: none; }
  section.links .col3 { display: none; }
  footer .bottom .left, footer .bottom .right { float: none; text-align: center; }
  footer .bottom .col3 { width: 50%; text-align: center; }
  footer .bottom .right ul li { text-align: left; }
  footer .bottom .right ul li:first-child { margin-left: 0; } }
@media screen and (max-width: 768px) { section.hero { height: auto; padding-bottom: 60px; }
  section.hero .element { display: none; }
  section.home { margin-top: auto; }
  section.home .left { width: 100%; float: none; border-right: none; }
  section.home .left .copy { background-size: 33.33%; }
  section.home .left .quick-links .col4 h4 { font-size: 24px; bottom: -3px; }
  section.home .right { width: 100%; float: none; background: none; margin-left: 0; position: relative; left: auto; bottom: auto; padding: 60px 40px 0 40px; text-align: center; }
  section.home nav ul li { font-size: 20px; }
  nav.select { display: block; }
  .photo-right .left, .photo-right .right, .photo-left .left, .photo-left .right, section.columns-2 .left, section.columns-2 .right, section.columns-3 .left, section.columns-3 .middle, section.columns-3 .right, .news .col8, .news .col4 { padding-right: 0; padding-left: 0; width: 100%; float: none; }
  .news .col4 { padding: 20px; text-align: center; }
  .photo-left .right { padding-top: 0; }
  section.page-21 .columns-3 ul { text-align: center; }
  section.page-16 section.columns-2 .right { border-top: solid 3px #EDEAE7; padding-top: 20px; }
  .page-16 figure, .page-18 figure, .page-21 figure { width: 120px; margin: 0 0 20px 20px; }
  footer { margin-top: 60px; }
  section.facilities .col4 { width: 100%; padding: 20px 0; }
  section.tech-sheets .row .col4 { width: 100%; padding: 10px 0; } }
@media screen and (min-height: 0px) and (max-height: 880px) { section.hero { height: auto; padding-bottom: 120px; }
  section.hero .element { display: none; }
  section.home { margin-top: -30px; } }
@media screen and (max-width: 640px) { section.home .left .copy { background-size: 66.67%; }
  section.carousel .row figure { width: 50%; } }
@media screen and (max-width: 500px) { .container { padding: 0 20px; }
  .padless { padding: 0 0; }
  section.hero .headline h1.home { text-align: center; }
  section.home .left .copy { background-size: 75%; }
  section.home .left .quick-links .col4 { width: 100%; float: none; border-top: solid 3px #EDEAE7; }
  section.home .left .quick-links .col4 h4 { font-size: 36px; line-height: 36px; margin-top: -18px; bottom: auto; top: 50%; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.125); }
  .content { padding: 80px 0 60px 0; }
  section.page-21 .columns-3 { padding-bottom: 30px; margin-top: -140px; }
  section.page h3 { font-size: 32px; }
  section.page h4 { font-size: 28px; }
  section.page h5 { font-size: 22px; }
  section.page p, section.page ul li, section.page button { font-size: 18px; }
  section.featured { padding-right: 20px; }
  section.featured .col6 { padding-left: 0; padding: 20px; margin: 20px 0; }
  section.carousel .row figure { width: 100%; }
  .page-16 figure, .page-18 figure, .page-21 figure { width: 25%; }
  footer .bottom .col3 { width: 100%; float: none; }
  footer .bottom .left, footer .bottom .right { margin-top: 20px; }
  footer .bottom .right ul li { font-size: 10px; font-weight: 500; }
  footer .bottom .right ul li a img { width: 18px; }
  footer .bottom .right ul li a span { padding-left: 5px; } }
@media screen and (max-width: 360px) { .page-16 figure, .page-18 figure, .page-21 figure { width: 100%; float: none; margin: 0 0 10px 0; } }