@charset "UTF-8";
/* CSS Defined by F3 Designs (November 2018) f3designs.ca */


/* CUSTOM COLOUR PALETTE ================================================================================================ */
/* green: #899138 */
/* orange: #f6891f */
/* brown-dark: #534719 */
/* brown-medium: #685924 */
/* beige: #e8e6de */


/* CUSTOM FONTS: ADOBE TYPEKIT =========================================================================================== */
/* Proxima Nova -- Body:
	font-family: "proxima-nova";
	font-weight: 300;
	font-weight: 400;
/* Proxima Nova Condensed -- Various:
	font-family: "proxima-nova-condensed";
	font-weight: 300;	
	font-weight: 400;	
/* Lexia -- Headings:
	font-family: "lexia";
	font-weight: 300;	
	font-weight: 400;		
	font-weight: 700;		
	

/* MEDIA QUERIES ======================================================================================================== */
/* Smartphones (portrait and landscape)
@media (min-width: 320px) and (max-width: 568px) {
 ...
}
/* Tablets (portrait and landscape)
@media (min-width: 768px) and (max-width: 1024px) {
 ...
}
/* Tablets (landscape)
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
 ...
}
/* Tablets (portrait)
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
 ...
}


/* TYPE SELECTORS ======================================================================================================== */
html, body {
	height: 100% !important;
	font-family: "proxima-nova";
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	background-color: transparent;
	-webkit-font-smoothing: antialiased; /* resolves issue with font displaying much bolder than it should in Mac Chrome and Safari */
	-moz-osx-font-smoothing: grayscale; /* resolves issue with font displaying much bolder than it should in Mac Firefox */
}
p {
	margin: 0px 0px 30px 0px;
	line-height: 24px;
}
h1 {
	font-family: "lexia";
	font-weight: 700;
	color: #534719;
	font-size: 48px;	
	margin: 0px 	0px 30px 0px;
}
h2 {
	font-family: "lexia";
	font-weight: 400;
	margin: 0px 0px 60px 0px;	
	color: #685924;	
	font-size: 30px;
}
h3 {
	font-family: "lexia";
	font-weight: 400;
	color: #685924;
	font-size: 20px;
	border-top: solid 1px #d6cb27;
	line-height: 28px;
	padding-top: 5px;
	margin: 0px 0px 45px 0px;		
}
h4 {
	font-family: "lexia";
	font-weight: 700;
	margin-top: 0px;
}
/* adds vertical spacing between stacked columns */
[class*="col-"] {
	margin-bottom: 30px !important;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
[class*="col-"] {
	margin-bottom: 30px !important;
}
}
/* Tablets (portrait) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
[class*="col-"] {
	margin-bottom: 30px !important;
}
}


/* MISCELLANEOUS CLASSES ================================================================================================= */
/* note (for use during client review) */
.note {
	font-size: 16px;
	border-left: solid 3px #d9534f;
	border-right: solid 3px #d9534f;
	padding: 15px;
	background-color: #fdf7f7;
}
/* mobile-hide */
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.mobile-hide {
	display: none;
}
}
/* note (for use during client review) */
.note {
	font-size: 16px;
	border-left: solid 3px #d9534f;
	border-right: solid 3px #d9534f;
	padding: 15px;
	background-color: #fdf7f7;
}
/* pipe */
.pipe {
	padding: 0px 15px 0px 15px;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.pipe {
	display: none;
}
}
/* Tablets (portrait and landscape) */
@media (min-width: 768px) and (max-width: 1024px) {
.pipe {
	padding: 0px 5px 0px 5px;
}
}
/* nowrap */
.nowrap {
	white-space: nowrap;
}
/* nopadding */
.nopadding {
	padding: 0 !important;
}
/* fontawesome */
.fontawesome {
	color: #b8d240;
	font-size: 24px;
	padding: 0px 0px 15px 45px;
}
a:link .fontawesome {
	color: #b8d240 !important;
}
a:visited .fontawesome {
	color: #b8d240 !important;;
}
a:hover .fontawesome {
	color: #ffffff !important;;
}
a:active .fontawesome {
	color: #b8d240 !important;;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.fontawesome {
	padding: 0px 10px 15px 10px;
}
}
/* flex (equalizes col height) */
.flex {
	display: -webkit-flex; /* css3 flexbox (equalizes col height) */
	display: -ms-flexbox;   /* css3 flexbox (equalizes col height */
	display: flex; /* css3 flexbox (equalizes col height */
	overflow: hidden; /* css3 flexbox (equalizes col height */
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.flex {
 display: inline;
}
}
/* Tablets (portrait and landscape) */
@media (min-width: 768px) and (max-width: 1024px) {
.flex {
 display: inline;
}
}
/* carl */
.carl {
	font-family: "lexia";
	font-weight: 700;		
	color: #f6891f;
}
/* laura */
.laura {
	font-family: "lexia";
	font-weight: 700;		
	color: #899138;
}



/* BAR ================================================================================================================= */
/* bar 2px */
.bar2 {
}
.bar2-container {
}
.bar2 ul {
	list-style:none;
	width:100%;
	font-size: 0px;
}
.bar2 li {
  display:inline-block;
  height:2px;
}
.bar2 li:nth-child(1) {
  background:#d6cb27;
  width:25%;
}

.bar2 li:nth-child(2) {
  background:#685924;
  width:25%;
}

.bar2 li:nth-child(3) {
  background:#f6891f;
  width:25%;
}

.bar2 li:nth-child(4) {
  background:#899138;
  width:25%;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.navbar .bar2 {
	display: none;
}
}
/* Tablets (portrait and landscape) */
@media (min-width: 768px) and (max-width: 1024px) {
.navbar .bar2 {
	display: none;
}
}
/* bar 15px */
.bar15 {
}
.bar15-container {
}
.bar15 ul {
	list-style:none;
	width:100%;
	font-size: 0px;
	padding: 0px !important;
	margin: 0px !important;
}
.bar15 li {
  display:inline-block;
  height:15px;
}
.bar15 li:nth-child(1) {
  background:#d6cb27;
  width:25%;
}

.bar15 li:nth-child(2) {
  background:#685924;
  width:25%;
}

.bar15 li:nth-child(3) {
  background:#f6891f;
  width:25%;
}

.bar15 li:nth-child(4) {
  background:#899138;
  width:25%;
}


/* BUTTONS ============================================================================================================== */
/* button (for back-end F3 CMS application) */
.button {
	font-family: "proxima-nova-condensed";
	font-weight: 400;	
	color: #ffffff !important;
	background-color: #899138;
	border-color: #899138;
	border-radius: 0px;
	font-size: 20px;
	text-transform: uppercase;
	padding: 15px 15px 10px 15px;
	margin: 0px 30px 60px 0px !important;
	display: inline-block; /* required in order for bottom margin to apply */
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	letter-spacing: -.5px;
}
.button:link {
	text-decoration: none !important;
}
.button:visited {
	text-decoration: none !important;
}
.button:hover {
	color: #534719 !important;
	text-decoration: none !important;
}
.button:active {
	text-decoration: none !important;
}
.button:after {
	font-family: 'Font Awesome 5 Pro';
    content: '\f30b ';
	padding-left: 10px;
	position: relative;
	font-size: 24px;
	color: #ffffff;
}
.button:hover:after {
	color: #534719 !important;
}
/* button-img (for back-end F3 CMS application) */
.button-img {
	font-family: "proxima-nova-condensed";
	font-weight: 400;	
	color: #ffffff !important;
	background-color: #899138;
	border-color: #899138;
	border-radius: 0px;
	font-size: 20px;
	text-transform: uppercase;
	padding: 15px 15px 10px 15px;
	margin: 30px 0px -30px 0px;
	display: table; /* required for margin to apply */
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	letter-spacing: -.5px;
}
.button-img:link {
	text-decoration: none !important;
}
.button-img:visited {
	text-decoration: none !important;
}
.button-img:hover {
	color: #534719 !important;
	text-decoration: none !important;
}
.button-img:active {
	text-decoration: none !important;
}
.button-img:after {
	font-family: 'Font Awesome 5 Pro';
    content: '\f30b ';
	padding-left: 10px;
	position: relative;
	font-size: 24px;
	color: #ffffff;
}
.button-img:hover:after {
	color: #534719 !important;
}
/* btn-default */
.btn-default {
	font-family: "proxima-nova-condensed";
	font-weight: 400;	
	color: #ffffff;
	background-color: #685924;
	border-color: #685924;
	border-radius: 0px;
	font-size: 20px;
	text-transform: uppercase;
	padding: 5px 10px 5px 10px;
	margin: 15px 30px 0px 0px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	letter-spacing: -.5px;
}
.btn-default:hover {
	background-color: #534719;
	border-color: #534719;
	color: #ffffff;
}
.btn-default:after {
	font-family: 'Font Awesome 5 Pro';
    content: '\f30b ';
	padding-left: 10px;
	position: relative;
	font-size: 24px;
	color: #ffffff;
}
.btn-default:hover:after {
	color: #ffffff !important;
}
/* btn-primary_green */
.btn-primary_green {
	font-family: "proxima-nova-condensed";
	font-weight: 400;	
	color: #ffffff;
	background-color: #899138;
	border-color: #899138;
	border-radius: 0px;
	font-size: 20px;
	text-transform: uppercase;
	padding: 5px 10px 5px 10px;
	margin: 15px 30px 0px 0px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	letter-spacing: -.5px;
}
.btn-primary_green:hover {
	color: #534719;
}
.btn-primary_green:after {
	font-family: 'Font Awesome 5 Pro';
    content: '\f30b ';
	padding-left: 10px;
	position: relative;
	font-size: 24px;
	color: #ffffff;
}
.btn-primary_green:hover:after {
	color: #534719 !important;
}
/* btn-primary_orange */
.btn-primary_orange {
	font-family: "proxima-nova-condensed";
	font-weight: 400;	
	color: #ffffff;
	background-color: #f6891f;
	border-color: #f6891f;
	border-radius: 0px;
	font-size: 20px;
	text-transform: uppercase;
	padding: 5px 10px 5px 10px;
	margin: 15px 30px 0px 0px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	letter-spacing: -.5px;
}
.btn-primary_orange:hover {
	color: #534719;
}
.btn-primary_orange:after {
	font-family: 'Font Awesome 5 Pro';
    content: '\f30b ';
	padding-left: 10px;
	position: relative;
	font-size: 24px;
	color: #ffffff;
}
.btn-primary_orange:hover:after {
	color: #534719 !important;
}


/* CAROUSEL ============================================================================================================= */
/* (carousel-fill -- adjusts carousel images to full width and height of device) */
.carousel-fill {
	width: 100%;
	height: 100%;
	background-position: top;
	background-size: cover;
	padding: 0px 0px 15px 0px !important;
}
/* (carousel-inner) */
.carousel-inner {
	height: 100%;
}
.carousel,.item,.active {
	height: 100%;
}
/* (carousel-caption) */
 .carousel-caption {
	 top: 25%;
	 text-align: left;
}
/* (h1) */
.carousel-caption h1 {
	font-family: "lexia";
	font-weight: 700;		
	color: #534719;
	text-shadow: none;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	background-color: white;
	display: inline-block;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.carousel-caption h1 {
	font-size: 24px;
}
}
/* (h2) */
.carousel-caption h2 {
	font-family: "lexia";
	font-weight: 300;		
	color: #534719;
	text-shadow: none;
	margin: 15px 0px 30px 0px;
	padding: 5px 10px 5px 10px;
	background-color: white;
	display: inline-block;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.carousel-caption h2 {
	font-size: 18px;
}
}
/* (controls) */
.carousel-control {
}
.icon-prev {
	font-size: 60px !important;
}
.icon-next {
	font-size: 60px !important;
}
.carousel-control .icon-prev:before {
  content: normal;
}
.carousel-control .icon-next:before {
  content: normal;
}
.carousel-control.left {
  background-image: none;
}
.carousel-control.right {
  background-image: none;
}


/* CONTAINER (Section) ================================================================================================== */
.content-index section {
	margin: 240px 0px 240px 0px;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.content-index section {
	margin: 240px 0px 0px 0px;
}
}
.content-page section {
	margin: 120px 0px 120px 0px;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.content-page section {
	margin: 120px 0px 0px 0px;
}
}


/* CONTENT (Index) ====================================================================================================== */
.content-index {
}
.section2-col1 {
	background-color: #899138;
	padding: 45px 45px 15px 45px;
	margin: 0px !important;
}
.section2-col2 {
	background-color: #f6891f;
	padding: 45px 45px 15px 45px;
	margin: 0px !important;
}
.section2-col3 {
	padding: 0px;
	margin: 0px !important;
}
.section2-col4 {
	background-color: #e8e6de;
	padding: 45px 45px 15px 45px;
	margin: 0px !important;
}


/* CONTENT (Page) ====================================================================================================== */
.content-page {
	margin: 0px 0px 240px 0px;
}
/* applies img-responsive class styling to all images that sit within the .page class) */
.content-page img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0px;
}
.content-page ol > li {
	margin: 0px 0px 20px 0px;
}
.content-page ul {
	margin-bottom: 30px;
}
.content-page ul > li {
	list-style: none;
	position: relative;
	margin-bottom: 10px;
}
.content-page ul > li:before {
	content: "\2014\a0";
	vertical-align: middle;
	position: absolute;
	top: 0px;
	left: -20px;
}
.content-page a:link {
	text-decoration: underline;
	color: #899138;
}
.content-page a:visited {
	text-decoration: underline;
	color: #899138;
}
.content-page a:hover {
	text-decoration: underline;
	color: #000000;
}
.content-page a:active {
	text-decoration: underline;
	color: #899138;
}
.content-page h2 {
	margin: 60px 0px 15px 0px;	
	font-weight: 700;
	font-size: 36px;
}
.content-page h3 {
	font-weight: 700;
	margin: 60px 0px 30px 0px;
	font-size: 24px;		
}




/* BREADCRUMBS ========================================================================================================== */
.breadcrumbs {
	background-color: #534719;
	color: #ffffff;
	font-family: "lexia";
	font-weight: 300;	
	font-size: 14px;
	padding: 10px 0px 10px 0px;
}
.breadcrumbs a:link {
	color: #b3ab91;
	text-decoration: none;
}
.breadcrumbs a:visited {
	color: #b3ab91;
}
.breadcrumbs a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.breadcrumbs a:active {
	color: #ffffff;
}
.breadcrumbs .active {
	text-transform: uppercase;
	font-weight: 400;
}

.breadcrumbs-search{
	margin: 150px 0 0 0;
}


/* BANNER =============================================================================================================== */
.banner {
	background-color: #534719;
	min-height: 300px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 45px;
	margin-top: 140px;
}
.banner h1 {
	padding: 5px 10px 5px 10px;
	background-color: white;
	display: inline-block;
}
.banner h2 {
	padding: 5px 10px 5px 10px;
	background-color: white;
	display: inline-block;
}


/* FOOTER =============================================================================================================== */
footer {
}
footer ul {
	list-style: none;
	padding: 0px;
}
footer li {
	display: inline;
}
footer a:link, a:visited, a:active {
}
footer a:hover {
}
/* footer-row1 (logo/contact/connect) */
.footer-row1 {
	padding: 30px 0px 30px 0px;
	text-align: right;
	font-weight: 300;
	color: #534719;
	font-size: 16px;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.footer-row1 {
	text-align: left;
}
}
/* Tablets (portrait) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.footer-row1 {
	text-align: left;
}
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.footer-row1 li {
	display: block;
	line-height: 30px;
}
}
.footer-row1 a:link {
	font-weight: 400;
	color: #534719;
}
.footer-row1 a:visited {
	font-weight: 400;
	color: #534719;
}
.footer-row1 a:hover {
	font-weight: 400;
	color: #534719;
}
.footer-row1 a:active {
	font-weight: 400;
	color: #534719;
}
.footer-row1col1 {
}
.footer-row1col2 {
}
/* connect */
.footer-row1 .connect {
	background-color: transparent;
}
.footer-row1 .connect ul {
}
.footer-row1 .connect li {
	font-size: 24px;
	display: inline;
	padding-left: 45px;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.footer-row1 .connect li {
	padding-left: 0px;
	padding-right: 30px;
}
}
.footer-row1 .connect li a:link {
	color: #534719;
}
.footer-row1 .connect li a:visited {
	color: #534719;
}
.footer-row1 .connect li a:hover {
	color: #000000;
}
.footer-row1 .connect li a:active {
	color: #534719;
}

/* footer-row2 (copyright/top) */
.footer-row2 {
	padding: 30px 0px 30px 0px;
	font-family: "proxima-nova-condensed";
	font-weight: 300;	
	font-size: 14px;
	color: #685924;
}
.footer-row2 ul {
	margin: 30px 0px 0px 0px;
}
.footer-row2 li {
	padding-right: 30px;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.footer-row2 li {
	padding-right: 0px;
	display: block;
	line-height: 30px;
}
}
.footer-row2 a:link {
	color: #685924;
	text-decoration: underline;
}
.footer-row2 a:visited {
	color: #685924;
	text-decoration: underline;
}
.footer-row2 a:hover {
	color: #000000;
	text-decoration: underline;
}
.footer-row2 a:active {
	color: #685924;
	text-decoration: underline;
}
.footer-row2col1 {
}
.footer-row2col2 {
	text-align: right;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.footer-row2col2 {
	text-align: left;
}
}
/* Tablets (portrait) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.footer-row2col2 {
	text-align: left;
}
}


/* SCROLL-DOWN ========================================================================================================== */
.scroll-down {
  position: absolute;
  width: 100%;
  bottom: 60px; /* customized */
  text-align: left; /* customized */
  left: 240px; /* added */
}
.scroll-down .btn {
	color: #ffffff;
	font-size: 48px;
}
.scroll-down .btn:hover {
	color: #534719;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.scroll-down {
	display: none;
}
}
/* Tablets (portrait and landscape) */
@media (min-width: 768px) and (max-width: 1024px) {
.scroll-down {
	display: none;
}
}


/* SCROLL-UP ============================================================================================================ */
.scroll-up {
}
.scroll-up .btn {
	color: #534719;
	font-size: 48px;
	padding: 0px;
}
.scroll-up .btn:hover {
}


/* 404 NOT FOUND ======================================================================================================== */
.notfound {
	height: 100%;
}
.notfound-message {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 360px;
	width: 100%;
	text-align: center;
	color: #000000;
}
.notfound-message img {
	margin: 0 auto !important;
	text-align: center !important;
}


/* NAVBAR =============================================================================================================== */
.navbar {
	font-size: 16px;
	color: #534719;
	text-transform: uppercase;
}
/* navbar-inverse */
.navbar-inverse {
	background-color: #ffffff;
	z-index: 1;
	border: none;
	border-radius: 0px;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 140px;
}
/* Smartphones and Tablets (portrait and landscape) */
@media (min-width: 320px) and (max-width: 1025px) {
.navbar-inverse {
	height: 90px;
}
}
/* NAVBAR-HEADER ====================== */
.navbar-header {
	background-color: #ffffff;
}
/* navbar-brand */
.navbar-brand {
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px 15px 0px 15px;
	background-color: #ffffff;
}
.navbar-brand img {
	margin-top: 30px;
}
/* Smartphones and Tablets (portrait and landscape) */
@media (min-width: 320px) and (max-width: 1025px) {
.navbar-brand img {
	margin-top: 0px;
}
}
.navbar-inverse .navbar-brand:hover, 
.navbar-inverse .navbar-brand:focus {
  background-color: #ffffff;
}
/* navbar-menu */
.navbar-menu {
}
.navbar-icon{
}
/* NAVBAR-TOGGLE ====================== */
/* (background-color, surrounding border color, and position of toggle menu on mobile) */
.navbar-toggle {
	background-color: #534719;
	margin-top: 15px;
}
/* (inner 3 lines color for toggle on mobile) */
.navbar-toggle .icon-bar {
	color: #ffffff;
}
/* (background color for toggle when clicked on mobile) */
.navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #e8e6de;
}
/* Smartphones and Tablets (portrait and landscape) */
@media (min-width: 320px) and (max-width: 1025px) {
.navbar-collapse {
	border: none !important;/* (removes bottom border when toggle menu on mobile is expanded) */
}
}
/* NAVBAR-NAV ========================= */
.navbar-nav {
	float: right;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.navbar-nav {
	float: none;
}
}
/* Tablets (portrait and landscape) */
@media (min-width: 768px) and (max-width: 1024px) {
.navbar-nav {
	float: none;
}
}
/* expand */
.expand {
	color: #e8e6de;
	padding: 0px 0px 0px 5px;
}
/* navbar-collapse */
.navbar-collapse.collapse {
	background-color: #ffffff;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.navbar-collapse.collapse {
	margin-top: 30px;
}
}
.navbar-collapse.collapse.in{
}
/* ul */
.navbar-nav > ul {
}
/* li */
.navbar-nav > li {
	padding: 0px 0px 0px 20px;
}
.navbar-nav > li a:link {
	color: #534719;
	padding-right: 0px;
}
.navbar-nav > li a:visited {
	color: #534719;
	padding-right: 0px;
}
.navbar-nav > li a:hover {
	color: #000000 !important;
	padding-right: 0px;
}
.navbar-nav > li a:active {
	color: #534719;
	padding-right: 0px;
}
/* dropdown-menu */
.navbar-nav .dropdown-menu {
	background-color: #ffffff;
	border-radius: 0px;
}
/* connect */
.fix {
	padding-top: 15px;
	}
.connect {
	text-align: right;
	padding: 15px 0px 0px 15px;
	height: 75px;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.connect {
	text-align: left;
}
}
/* Tablets (portrait) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.connect {
	text-align: left;
}
}
.connect ul {
}
.connect li {
	font-size: 24px;
	display: inline;
	padding-left: 45px;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.connect li {
	padding-left: 0px;
	padding-right: 20px !important;
}
}
/* Tablets (portrait) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.connect li {
	padding-left: 0px;
	padding-right: 20px !important;
}
}
.connect li a:link {
	color: #534719;
}
.connect li a:visited {
	color: #534719;
}
.connect li a:hover {
	color: #000000;
}
.connect li a:active {
	color: #534719;
}
/* navbar-search */
.navbar-search {
	background-color: #e8e6de;
	float: right;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.navbar-search {
	margin: 15px 0px 30px 15px;
}
}
.navbar-search input {
	background-color: #e8e6de;
	border: none;
}
.navbar-search input:focus {
	outline: none;
}
.navbar-search button {
	background-color: transparent;
	border: none;
	padding: 0px;
	border-radius: 0px;
}
.navbar-search form {
	padding: 0px;
	margin: 0px;
	border: none;
}
.navbar-search .wrapper:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 24px;
    color: #212221;
    position: relative;
    top: 8px;
	margin-left: 10px;
    content: "\f002";
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.navbar-search .wrapper:before {
	display: none;
}
}
/* Tablets (portrait) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.navbar-search .wrapper:before {
	display: none;
}
}
.navbar-search .btn-search {
	font-family: "proxima-nova-condensed";
	font-weight: 300;	
	color: #ffffff !important;
	background-color: #534719;
	border-color: #534719;
	border-radius: 0px;
	font-size: 18px;
	text-transform: uppercase;
	padding: 10px;
	margin: 0px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.btn-search:hover {
	background-color: #212221;
	border-color: #212221;
	color: #ffffff;
}
/* PRIMARY ============================ */
/* (primary list items in off state) */
.navbar-inverse .navbar-nav li a {
}
/* (primary list items (without secondary nav) on hover) */
.navbar-inverse .navbar-nav li a:hover {
	background-color: transparent;
}
/* (primary list item (with secondary nav) on hover */
.navbar-inverse .navbar-nav > li.dropdown.open > a {
	background-color: transparent;
	color: #000000;
}
/* (primary list item active) */
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background-color: transparent;
	color: #899138;
}
/* SECONDARY ========================== */
/* (inactive secondary dropdown-menu in off state) */
.navbar-nav > .dropdown .dropdown-menu {
	background-color: #e8e6de;
	border: none;
	border-radius: 0px;
	width: auto;
	padding-bottom: 0px;
	padding-top: 0px;
	-moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .15);
	padding: 15px;
}
/* (inactive secondary list items in off state) */
.navbar-nav > .dropdown .dropdown-menu > li a {
	line-height: 24px;
	padding: 5px !important;
	margin-top: 0px !important;
	border-bottom: solid 1px #ffffff;
}
/* (inactive secondary list item on hover) */
.navbar-nav > .dropdown .dropdown-menu > li a:hover {
	background-color: #534719;
	color: #ffffff !important;
}
/* (active secondary list item) */
.navbar-nav > .dropdown .dropdown-menu > .active > a, .navbar-nav > .dropdown .dropdown-menu > .active > a:hover, .navbar-nav > .dropdown .dropdown-menu > .active > a:focus {
	background-color: #e8e6de;
	color: #899138 !important;
}
/* TERTIARY =========================== */
/* (horizontally aligns the tertiary dropdown-menu with the secondary list item) */
.dropdown-submenu {
	position: relative;
}
/* (sets width on tertiary dropdown-menu to allow for word wrapping) */
.subdropdown-menu {
   min-width: 260px !important;
}
/* (word wraps the tertiary list items) */
.subdropdown-menu > li > a {
	white-space: normal;
	padding-right: 10px !important;
}
/* (inactive tertiary dropdown-submenu in off state) */
.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: 0px !important;
	margin-left: 15px !important;
	background-color: #e8e6de !important;
	border-radius: 0px !important;
	border: none !important;
}
.dropdown-submenu > .dropdown-menu:before {
}
/* (inactive tertiary list items in off state) */
.navbar-nav > .dropdown .dropdown-submenu .dropdown-menu > li a:link {
}
/* (inactive tertiary list items on hover) */
.navbar-nav > .dropdown .dropdown-submenu .dropdown-menu > li a:hover {
	background-color: #534719;
}


/* TABLES (for both pioneer and northstar products) ====================================================================== */
table {
    width: 100%;
	text-align: left !important;
}
table td {
	vertical-align: top;
}
table img {
	width: 350px;
	padding-top: 30px;
}
table .button {
	display: inline-block !important;
	margin-bottom: 5px !important;
}
table p {
	margin-bottom: 5px !important;
}


/* TABLES (for pioneer products specifically) ============================================================================ */
table.pioneer {
	margin-top: 150px;
}
table.pioneer tr:first-child {
	border-top: solid 1px #d6cb27;
}
table.pioneer h3 {
	font-weight: 700;
	font-size: 24px;		
	border-top: none;
	margin-top: 0px;
	padding-top: 30px;
}
table.pioneer td:first-child {
	padding-right: 60px;
	width: 410px;
}
table.pioneer td:second-child {
	width: 100%;
}
/* traits (for back-end F3 CMS application) */
.traits {
	text-align: center;
	margin: 0px 0px 120px 0px;
	padding: 0px 0px 15px 0px;
	clear: both;
}
.traits img {
	display: inline !important;
	padding: 0px 15px 15px 15px;
	width: 200px;
}
/* product-new (for back-end F3 CMS application) */
table.product-new {
	font-family: "lexia";
	font-weight: 700;	
	font-size: 20px;	
}
table.product-new:before {
	font-family: 'Font Awesome 5 Pro';
    content: '\f005 ';
	padding-right: 5px;
	position: relative;
	font-size: 24px;
	color: #d6cb27;
}
.product-new {
	font-family: "lexia";
	font-weight: 700;	
	font-size: 20px;	
}
.product-new:before {
	font-family: 'Font Awesome 5 Pro';
    content: '\f005 ';
	padding-right: 5px;
	position: relative;
	font-size: 24px;
	color: #d6cb27;
}
/* TABLES (mobile display) ============================================================================================== */
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
table.pioneer {
		margin-top: 75px;
}
table.pioneer tr:first-child {
	border-top: none;
}
table.pioneer h3 {
	display: none;
}
table.pioneer td:first-child {
	padding-right: 0px;
	width: 100%;
}
table.pioneer img {
	padding-bottom: 30px;
}
/* Force table to not be like tables anymore */
table.pioneer { 
		display: block; 
	}
table.pioneer thead {
		display: block;
	}
table.pioneer tbody {
		display: block;
	}
table.pioneer th {
		display: block;
	}
table.pioneer td {
		display: block;
	}
table.pioneer tr {
		display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
table.pioneer thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
}
table.pioneer td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
}
table.pioneer td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
}


/* TABLES (for pioneer characteristics products specifically) ============================================================ */
table.characteristics {
	margin-top: 0px;
	margin-bottom: 60px;
	font-size: 12px;
	text-align: left !important;
}
table.characteristics tr:nth-child(even) {
	background: #e8e6de;
}
table.characteristics tr:nth-child(odd) {
	background: #f3f2ee;
}
table.characteristics th {
	background-color: #899138;
	color: #ffffff;
	padding: 5px;
	border: solid 1px #ffffff;
	font-family: "lexia";
	font-weight: 700;
	line-height: 14px;
    /* (activate if you want table headings to display vertically)
	-moz-transform: rotate(-90.0deg);
    -ms-transform: rotate(-90.0deg);
    -o-transform: rotate(-90.0deg);
    -webkit-transform: rotate(-90.0deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    */
}
table.characteristics td {
	padding: 5px;
	border: solid 1px #ffffff;
}
table.characteristics td:nth-child(4) {
	white-space: nowrap;
}


/* TABLES (for pioneer inoculants specifically) ============================================================ */
table.inoculants {
	margin-top: 0px;
	margin-bottom: 60px;
	font-size: 12px;
	text-align: center !important;
}
table.inoculants th {
	text-align: center !important;
	color: #000000;
	padding: 5px;
	border: solid 1px #ffffff;
	font-family: "lexia";
	font-weight: 700;
	line-height: 14px;
    /* (activate if you want table headings to display vertically)
	-moz-transform: rotate(-90.0deg);
    -ms-transform: rotate(-90.0deg);
    -o-transform: rotate(-90.0deg);
    -webkit-transform: rotate(-90.0deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    */
}
table.inoculants td {
	padding: 5px;
	border: solid 1px #ffffff;
}
.beige-1 {
	background: #e8e6de;
}
.beige-2 {
	background: #f3f2ee;
}
.green-1 {
	background-color: #899138;
}
.green-2 {
	background: #d6d8bc;
}


/* TABLES (for pioneer numbering system specifically) ==================================================================== */
table.numbering {
	margin-top: 0px;
	white-space: nowrap;
	background-color: #f3f2ee;
	font-size: 14px;
	border: solid 1px #899138;
}
table.numbering td {
	padding: 10px 10px 5px 10px;
}
table.numbering td:nth-child(1) {
	font-weight: 700;
	padding-right: 15px;
}


/* TABLES (for northstar products specifically) ========================================================================== */
table.northstar {
	margin-top: 0px;
}
table.northstar tr:nth-child(even) {
	background: #e8e6de;
}
table.northstar tr:nth-child(odd) {
	background: #f3f2ee;
}
table.northstar th {
	background-color: #899138;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	border: solid 1px #ffffff;
	font-family: "lexia";
	font-weight: 700;
	line-height: 18px;
	font-size: 16px;
}
table.northstar td {
	padding: 10px 10px 5px 10px;
	border: solid 1px #ffffff;
	font-size: 14px;
}
table.northstar ul {
	margin: 0px;
}
table.northstar li {
	font-size: 14px;
	line-height: 14px;
}
table.northstar .button {
	background-color: #534719;
	border-color: #534719;
	padding: 10px 5px 5px 5px;
	font-size: 16px;
}
table.northstar .button:after {
	content: normal;
}
table.northstar .button:hover {
	color: #e8e6de !important;
}

/*------------------------ Search Page ----------------- Start*/
.product-main.site-page-content{
	min-height: 310px;
}
.product-main.agronomical-article-content{
	min-height: 110px;
}
.product strong{
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
.related-search h3{
	width: 100%;
	display: inline-block;
}

/* 404 NOT FOUND ======================================================================================================== */
.notfound {
	height: 100%;
}
.notfound-message {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 360px;
	width: 100%;
	text-align: center;
	color: #000000;
}
.notfound-message img {
	margin: 0 auto !important;
	text-align: center !important;
}