html { scroll-behavior: smooth; }
.vc_row, .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin:0 !important; }
.vc_row.vc_column-gap-25>.vc_column_container { padding:50px !important; }
.vc_row.vc_column-gap-5>.vc_column_container { padding:25px 10px !important; }
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .vc_section.vc_section-has-fill+.vc_section { padding:0 !important; }

body {
	font-family:'Montserrat', Helvetica, Arial, sans-serif;
	font-weight:400;
	font-style:normal;
	line-height:1.3;
	color:#111;
}

.container {
	width:100%;
	margin-left:auto !important;
	margin-right:auto !important;
	padding-left:50px;
	padding-right:50px;
}

.c-1800 { max-width:1800px; }
.c-1500 { max-width:1600px; }
.c-1200 { max-width:1300px; }
.c-900 { max-width:1000px; }
.c-800 { max-width:900px; }
.c-600 { max-width:700px; }

.text-center { text-align:center; }
.text-right { text-align:right; }
.text-white { color:#fff; }
.text-lgreen { color:#aebf3b; }
.text-dgreen { color:#536533; }
.text-shadow { text-shadow:0 3px 0 #737e38; }

.p-tb-xl { padding-top:150px; padding-bottom:150px; }
.p-tb-l { padding-top:100px; padding-bottom:100px; }
.p-tb-m { padding-top:50px; padding-bottom:50px; }
.p-tb-s { padding-top:25px; padding-bottom:25px; }
.p-tb-xs { padding-top:12.5px; padding-bottom:12.5px; }

.mt-xl { margin-top:150px; }
.mt-l { margin-top:100px; }
.mt-m { margin-top:50px; }
.mt-s { margin-top:25px; }
.mt-xs { margin-top:12.5px; }

.mb-xl { margin-bottom:150px; }
.mb-l { margin-bottom:100px; }
.mb-m { margin-bottom:50px; }
.mb-s { margin-bottom:25px; }
.mb-xs { margin-bottom:12.5px; }

.jcc { justify-content:center; }

h1, h2, h3, h4, h5, h6 {
	font-weight:700;
	line-height:1;
	margin:0;
}

h1 { font-size:4em; }
h2 { font-size:3em; }
h3 { font-size:1.875em; font-weight:600; }
h4 { font-size:1.875em; font-weight:600; }
h6 { font-size:0.875em; text-transform:uppercase; letter-spacing:3px; }
p { font-size:18px; margin:0 0 1em; }

.btn {
	position:relative;
	display:inline-block;
	padding:12px 25px 12px 50px;
	font-size:0.75em;
	text-transform:uppercase;
	letter-spacing:3px;
	border:2px solid transparent;
	font-weight:600;
	color:#fff;
	transition:all 0.5s ease;
}

	.btn::before {
		position:absolute;
		top:50%;
		left:25px;
		float:left;
		font-family:'FontAwesome';
		font-weight:400;
		content:'\f054';
		transform:translateY(-50%);
	}

.btn-white { border-color:#fff; }
.btn-black { background:#111; }
.btn-cta {
	border-color:#737e38;
	color:#737e38;
	background:#fff;
	box-shadow:0 3px 0 #737e38;
	font-weight:700;
	font-size:1.125em;
}

	.btn-black::before {
		color:#f3e564;
	}

.btn-white:hover, .btn-black:hover {
	background:#fff;
	color:#111;
}

.site-header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100px;
	line-height:50px;
	z-index:3;
	transition:all 0.5s ease;
}

.scroll-header {
	background:#fff;
	height:75px;
	line-height:25px;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}

.site-header .container, .site-branding, .site-branding a, .site-branding img {
	height:100%;
}

.site-branding {
	float:left;
}

	.site-branding a, .site-branding img {
		display:block;
	}

.main-navigation {
	float:right;
	font-weight:600;
	text-transform:uppercase;
	font-size:14px;
}

.main-navigation ul {
	display:none;
	list-style:none;
	margin:0;
	padding-top:25px;
	padding-left:0;
}

.main-navigation li {
	float:left;
	position:relative;
	margin-left:50px;
}

.main-navigation a {
	display:block;
	text-decoration:none;
}

.main-navigation li:hover a,
.main-navigation li.current-menu-item a,
.main-navigation li.current-page_item a {
	text-decoration:underline;
}

.menu-toggle,
.main-navigation.toggled ul {
	display:block;
}

.menu-toggle {
	position:relative;
	background:none;
	border:2px solid #fff;
	color:#fff;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	box-shadow:none;
	text-shadow:none;
	margin:0;
	padding:0;
	border-radius:0;
	margin-top:25px;
	z-index:99;
}

.menu-toggle:focus, .menu-toggle:active, .menu-toggle:hover {
	border-color:#fff !important;
}

.scroll-header .menu-toggle { color:#333; border-color:#333; margin-top:12.5px; }

.page-content, .entry-content, .entry-summary { margin:0; }

.home-header h1 {
	padding-left:40%;
}

.home-header p {
	margin:50px 0;
}

.prod-link a {
	position:relative;
	display:block;
	border:2px solid #111;
	border-radius:25px 25px 25px 0;
	font-weight:700;
	font-size:2.5em;
	text-align:center;
	color:#fff;
	overflow:hidden;
	z-index:2;
	transition:all 0.5s ease;
}

.prod-link-straw a {
	background:url('img/bg-straw.jpg') no-repeat center center;
	background-size:cover;
}

.prod-link-hay a {
	background:url('img/bg-hay.jpg') no-repeat center center;
	background-size:cover;
}

.prod-link-rye a {
	background:url('img/bg-rye.jpg') no-repeat center center;
	background-size:cover;
}

.prod-link a span {
	display:block;
	background:rgba(0,0,0,0.35);
	padding:100px 25px;
	transition:all 0.5s ease;
}

.prod-link a:hover span {
	background:none;
	opacity:0.75;
}

.resource-centre {
	position:relative;
}

	.resource-centre::before {
		position:absolute;
		top:0;
		left:0;
		font-size:3em;
		font-weight:700;
		word-spacing:9999px;
		content:'Resource Centre' !important;
		transform:translateY(-50%);
	}

.list-chevron {
	margin:0;
	padding:0;
	list-style:none;
	text-transform:uppercase;
}

	.list-chevron li {
		position:relative;
		padding-left:25px;
		font-weight:600;
	}

		.list-chevron li::before {
			position:absolute;
			top:50%;
			left:0;
			float:left;
			font-family:'FontAwesome';
			font-weight:400;
			content:'\f054';
			transform:translateY(-50%);
		}

.img-border {
	position:relative;
}

	.img-border::after {
		position:absolute;
		top:18px;
		right:-18px;
		bottom:-18px;
		left:18px;
		border:2px solid #111;
		content:'';
	}

.fade-num {
	position:relative;
}

.fade-num::before {
	position:absolute;
	font-size:17.5em;
	font-weight:700;
	line-height:1;
	color:rgba(174,191,59,0.35);
	z-index:-1;
}

.fade-num-horizontal {
	padding-left:15%;
	padding-right:15%;
}

.fade-num-vertical {
	padding-top:25%;
}

.fade-num-horizontal::before {
	top:50%;
	left:5%;
	transform:translateY(-50%);
}

.fade-num-vertical::before {
	top:-25%;
	left:50%;
	transform:translateX(-50%);
}

.fade-num-1::before { content:'1'; }
.fade-num-2::before { content:'2'; }
.fade-num-3::before { content:'3'; }

.map-button {
	position:absolute;
	right:50px;
	z-index:2;
	transform:translateY(-50%);
}

#kletke-map .vc_column_container>.vc_column-inner, .wpb_gmaps_widget .wpb_wrapper {
	padding:0 !important;
}

.cta {
	background:url('img/bg-program.png') repeat-x center bottom #aebf38;
}

	.cta h2, .cta-h2 {
		text-shadow:0 3px 0 #737e38;
	}

.wpb_text_column ul {
	font-size:18px;
	margin:0;
	padding:0;
}

.wpb_text_column li {
	margin-left:20px;
	margin-bottom:12.5px;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {
	background:#aebf38;
	font-size:1.25em;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
	color:#fff !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
	border-color:#fff !important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
	padding:50px !important;
	background:#e9e9e9 !important;
}

input, textarea, form button {
	width:100% !important;
	height:50px !important;
	line-height:50px !important;
	padding:0.5em 1em !important;
	border:2px solid #aebf38 !important;
	border-radius:0 !important;
	box-shadow:none !important;
	text-shadow:none !important;
	font-family:'Montserrat' !important;
	margin:0 0 12.5px !important;
}

form button {
	width:50% !important;
	margin:0 auto !important;
	background:#aebf38 !important;
	color:#fff !important;
	font-size:1.5rem !important;
	font-weight:700 !important;
	line-height:1 !important;
}

.subfooter {
	background:#111;
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	padding:100px 0;
	line-height:2.5;
}

	.subfooter p {
		margin:0;
		font-size:12px;
	}

	.subfooter a {
		color:#fff;
	}

		.subfooter a:hover {
			border-bottom:2px solid #fff;
		}

.subfooter-item {
	float:left;
	margin-right:75px;
}

	.subfooter-item:last-child {
		float:right;
	}

a.btn-footer {
	position:relative;
	display:block;
	padding:0 20px 0 81px;
	height:75px;
	line-height:75px;
	text-align:center;
	background:#f3e564;
	color:#333;
	border-radius:50px;
	font-weight:700;
}

	a.btn-footer::before {
		position:absolute;
		top:7px;
		left:7px;
		width:61px;
		height:61px;
		line-height:61px;
		border-radius:50%;
		text-align:center;
		color:#333;
		background:#fff;
		font-family:'FontAwesome';
		font-size:2em;
		content:'\f1b9';
	}

footer {
	background:#fff;
	padding:20px 0;
}

	footer p {
		float:left;
		margin:0;
		font-size:0.75em;
	}

	footer a {
		float:right;
		font-size:0.75em;
		color:#111;
	}

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









.row-rev {
	flex-direction:row-reverse;
}

.os-lp h1 {
	font-size:4em;
}

.os-lp h2 {
	display:inline-block;
	background:#aebf3b;
	color:#fff;
	padding:10px 20px;
	font-size:2.5em;
	transform:skewX(calc(15deg * -1));
}

.cflag {
	position:relative;
	padding-right:125px;
}

.cflag::after {
	content:'';
	position:absolute;
	top:50%;
	right:0;
	height:50px;
	width:100px;
	background:url('img/icon-canadian-flag.png') no-repeat center center;
	background-size:cover;
	transform:translateY(calc(-50% - 2px));
}

.os-lp form input[type="submit"] {
	background:#536533;
	padding:10px 20px !important;
	line-height:1 !important;
	height:auto !important;
	color:#fff !important;
	font-weight:bold !important;
	font-size:1.5em !important;
}

.os-lp .larger-image > div {
	padding-bottom:400px !important;
}

.sticky {
	position:sticky;
	top:0;
	z-index:999;
}

#you {
	scroll-margin-top:150px;
}










@media screen and (max-width:900px) {
	.resource-centre::before { left:50px; }
	.subfooter-item { width:calc(50% - 100px); }
	.main-navigation.toggled { font-size:21px; }
	.main-navigation.toggled ul {
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		padding-top:100px;
		background:rgba(174,191,59,0.95);
	}
	.main-navigation.toggled li {
		float:none;
		margin:0;
		text-align:center;
		line-height:75px;
	}
}

@media screen and (min-width:900px) {
	.main-navigation li.hilite a {
		background:#aebf38;
		border-bottom: 3px solid #737e38;
		padding:0 20px;
		color:#fff;
	}
}

@media screen and (max-width:750px) {
	html { overflow-x:hidden; }
	.home-header h1 { padding:0; }
	.vc_row.vc_column-gap-25>.vc_column_container { padding:5px 5px 25px !important; }
	.resource-centre::before { content:'' !important; }
	.subfooter { padding:50px 0; }
	.subfooter-item { width:100%; margin:0 0 50px; text-align:center; float:none; }
	.subfooter-item:last-child { margin:0; }
}

@media screen and (max-width:480px) {
	.container { padding-left:25px; padding-right:25px; }
	.text-right { text-align:center; }
	.site-branding { max-width:75%; }
	.home-header h1 { font-size:3em; }
	h2 { font-size:2em; }
	.home-header p { margin:25px 0; }
	.vc_col-sm-6, .vc_col-sm-4 { margin:25px 0; }
	.fade-num { text-align:center; }
	.fade-num::before { content:''; }
	.fade-num-vertical { padding:0; }
	.map-toggle { display:none; }
	form button { font-size:1.125rem !important; width:100% !important; }
	.hide-desktop { display:block !important; }
	.hide-mobile { display:none !important; }
	footer { text-align:center; }
	footer p, footer a { float:none; }
}

@media screen and (min-width:900px) {
	h1 { font-size:6em; }

	.menu-toggle {
		display:none;
	}
	.main-navigation ul {
		display:block;
	}
}