/** RESET AND CLEARFIX
================================================**/

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, img, ins, kbd, q, s, samp,
small, strike, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

/* fonts.css - Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode. */
table { font-size:inherit; font:100%; }
/* 99% for safari; 100% is too large */
select, input, textarea { font:99%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
strong { font-weight: bold }
a { color: #005cb9 }
a:hover { color: #515151 }
a:hover img { opacity: 0.7 }

html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }
html, body { height: 100% }

#navigation ul { list-style-image: none; list-style-position: outside; list-style-type: none }
img { width:100%; height:auto; display:block; color: #ffffff; -ms-interpolation-mode: bicubic }
img.inline { display: inline-block }
img.eu-study { max-width: 500px; margin: 0 auto }
p { padding-bottom: 20px }
p.caption { font-size: small; text-align: center }
p.reference { font-size: small }
em { margin: 0 4px 0 0 }

/* iframe */
.iframe-container { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative }
.iframe-container iframe, .iframe-container video { position: absolute; top:0; left: 0; width: 100%; height: 100% }

body { color: #3a3a3a; font-size: 18px; font-family: 'Lato', sans-serif; margin: 0; line-height: 1.6 }

#wrapper { margin: auto; background-color: none; max-width: 2560px; height: 100% }
#container {  width: 100%; background-color: #ffffff; height: auto !important; min-height: 100% }
#main { padding-bottom: 0 }

.site-header { position: fixed; top: 0; width: 100%; z-index: 99; background: transparent; height: 150px }
#banner { margin: 0 auto; padding: 0 20px }
#logo { max-width: 230px; float: left; margin-right: 0px }
#navigation { padding-top: 8px }
#bannav #sb-search2 { display: none }

.notification { position: relative }
.red-circle { position: absolute; right: -18px; top: -3px }
.red-circle img { max-width: 18px }
.srt-menu li .red-circle a:hover { background: transparent }
.srt-menu li .red-circle a img { width: 18px !important }

#slideshow { clear: both; margin: auto; width: 100%; position: relative }
#preloadedImages { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px }

.clearfix { }
.clearfix:after { content: "."; display:block; height:0; font-size:0; clear:both; visibility:visible; }
.current { color: #38d32f }

h1 { font-weight: 900; font-size: 50px; color: #005cb9; font-family: 'Lato', sans-serif; line-height: 1.2 }
h2 { font-weight: 900; font-size: 40px; color: #005cb9; font-family: 'Lato', sans-serif; line-height: 1.2 }
h3 { font-weight: 900; font-size: 30px; color: #005cb9; font-family: 'Lato', sans-serif; line-height: 1.2 }
h4 { font-weight: 600; font-size: 30px; color: #3a3a3a; font-family: 'Lato', sans-serif; line-height: 1.2 }
h5 { font-weight: 900; font-size: 24px; color: #001f5f; font-family: 'Lato', sans-serif; Line-height: 1.2 }
h6 { font-weight: 400; font-size: 24px; color: #3a3a3a; font-family: 'Lato', sans-serif; Line-height: 1.4 }

/* h3.green-slant { position: relative; display: inline-block; color: #ffffff; padding: 10px; z-index: 1; margin: 0 40px 20px; width: 100%; max-width: 450px } */
h3.green-slant { position: relative; display: inline-block; color: #ffffff; padding: 10px; z-index: 1; margin: 0 6% 20px; width: 88%; max-width: 400px; font-size: 30px }
h3.green-slant::before {
		z-index: -1;
		content: "";
		position: absolute;
		left: -20px;
		top: 0;
		height: 100%;
		width: 100%;
		background-color: #38d32f;
		transform: skewX(-16deg);
	}
h3.green-slant::after {
		position: absolute;
		z-index: -1;
		content: "";
		right: 20px;
		top: 0;
		height: 100%;
		width: 100%;
		background-color: #38d32f;
		transform: skewX(-16deg);
	}
/*  sub-text */
h6 { padding: 0 0 0.7em 0; margin: 0 auto; max-width: 700px }
	
.center { text-align: center }

.learn-text { font-size: 18px; font-weight: 900; margin-top: 15px }
.learn-text.blue a, a.learn-text.blue { color: #005cb9 }
.learn-text.blue a:hover, a.learn-text.blue:hover { color: #38d32f }
.learn-text img.inline { max-width: 43px; margin-right: 5px }
.learn-text.yellow { font-weight: 400 }
.learn-text.yellow a, a.learn-text.yellow { color: #e9bb1f }
.learn-text.yellow a:hover, a.learn-text.yellow:hover { color: #3a3a3a }
.learn-text.white a { color: #ffffff }
.learn-text.white a:hover { color: #38d32f }
p + .learn-text { margin-top: 0 }

.learn-more { font-size: 18px; text-align: center; background: #38d32f; padding: 20px 40px; font-weight: bold; display: inline-block }
.learn-more.yellow { background: #e9bb1f }
.learn-more.yellow a { color: #ffffff }
.learn-more.blue { background-color: #005cb9 }
.learn-more.green { background: #38d32f }
.learn-more.green a, .learn-more.blue a { color: #ffffff }
.learn-more a:hover { color: #ffffff }
.learn-more.yellow a:hover, .learn-more.green a:hover { color: #3a3a3a }
.learn-more.blue a:hover { color: #38d32f }

.read-more { font-size: 18px; text-align: center; background: #38d32f; padding: 10px 40px; font-weight: bold; display: inline-block }
.read-more.blue { background-color: #0083e6; border: 1px solid white; text-transform: uppercase }
.read-more.blue:hover { background-color: #38d32f }
a:hover .read-more { color: #ffffff !important }

/* bx slider */
.bx-container { width: 100% }
.bx-wrapper { margin-bottom: 0; box-shadow: none; border: 0 }
.bx-wrapper .bx-viewport { left: 0 }
.bx-controls-direction a { opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out }
.bx-wrapper:hover .bx-controls-direction a { opacity: 1 }

.slide-text-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: transparent; width: 100%; text-align: center }
/* .slide-text-container.three { position: absolute; top: 50%; transform: translate(-10%, -50%); background: transparent; width: 50%; text-align: center } */
.slide-text-container.three h1, .slide-text-container.three h4 { color: #000000 }
.slide-text-container.two h4,  .slide-text-container.four h4 { font-size: 40px }
.slide-text-container.four { width: auto }
.slide-text-container.four h1, .slide-text-container.four h4 { background-color: #006837 !important }


.slide-text { margin: 0 auto; padding: 0 40px }
.slide-text h1, .slide-text h4 { color: #ffffff; margin: 0 0 20px 0 }

.home .title, .green-box .subtitle, story-quote .subtitle { width: 100%; text-align: center }
.one_fourth .subtitle { width: 100% }

.home-story-wrapper { background: #ffffff url("images/home/Background-Cibus-Canola.jpg") no-repeat top; background-size: cover; position: relative }
.home-story-container { max-width: 1000px; margin: 0 auto; padding: 75px 40px 100px }
.home-story { display: -ms-flex; display: -webkit-flex; display: flex; align-items: center; color: #ffffff }
/* .home-story .right, .home-story .left { width: 50%; } */
.home-story .right { width: 30%; }
.home-story .left { width: 70%; }
.home-story .right { order: 2; padding-left: 40px }
.home-story .left { order: 1; border-right: 1px solid #ffffff }
.home-story .left .move-right { padding: 0 10% 0 0 }
.home-story .right .move-left { padding: 0 0 0 10% }
.home-story h5 { margin: 20px 0 10px 0; color: #ffffff }

#lightcase-nav { display: none }

.home-technology-wrapper { background: #ffffff url("images/home/Background-Cibus-DNA.jpg") no-repeat center center; background-size: cover; position: relative }
.home-technology-container { max-width: 1000px; margin: 0 auto; padding: 70px 40px }
.home-technology { display: -ms-flex; display: -webkit-flex; display: flex; align-items: center; color: #000000 }
/* .home-technology .right, .home-technology .left { width: 50%; } */
.home-technology .right { width: 30%; }
.home-technology .left { width: 70%; }
.home-technology .right { order: 2; padding-left: 40px }
.home-technology .left { order: 1; border-right: 1px solid #000000 }
.home-technology .left .move-right { padding: 0 10% 0 0 }
.home-technology .right .move-left { padding: 0 0 0 10% }
.home-technology h5 { margin: 20px 0 10px 0 }

.home-business-wrapper { background: #ffffff url("images/background/Background-2.jpg") no-repeat center center; background-size: cover; position: relative }
.home-business-container { max-width: 1000px; margin: 0 auto; padding: 70px 40px }
.home-business { display: -ms-flex; display: -webkit-flex; display: flex; align-items: center; color: #000000 }
.home-business .right { width: 30%; }
.home-business .left { width: 70%; }
.home-business .right { order: 2; padding-left: 40px }
.home-business .left { order: 1; border-right: 1px solid #000000 }
.home-business .left .move-right { padding: 0 10% 0 0 }
.home-business .right .move-left { padding: 0 0 0 10% }
.home-business h5 { margin: 20px 0 10px 0 }

/* .home-business-container { background: #ffffff url("images/background/Background-2.jpg") no-repeat center center; background-size: cover; position: relative }
.home-business { max-width: 1000px; margin: 0 auto; padding: 70px 40px }
.home-business .boxes { display: -ms-flex; display: -webkit-flex; display: flex }
.home-business .box { width: 33% }
.home-business .box.one { padding: 0 3% 0 0 }
.home-business .box.two { padding: 0 1.5% }
.home-business .box.three { padding: 0 0 0 3% }
.home-business h5 { padding-bottom: 20px }
.home-business p { margin-bottom: 20px }
.home-business .box img.icon { padding: 40px 0 }
.home-business .box .learn-text { position: absolute; bottom: 0; padding-bottom: 45px } */

/* interior pages */
.interior .main-content { margin-top: 150px }
.interior .title { width: 100%; text-align: center }
.interior .content-container { max-width: 1000px; margin: 0 auto; padding: 0 40px }
.interior .content-container.first { margin: 70px auto 0 auto }
.interior .content-container.no-title { padding: 70px 40px 0 40px }
.interior .content-container p { line-height: 1.6; padding-bottom: 40px }
.interior .source { font-size: 17px }
h3.green-line { padding: 0 0 20px 0; margin: 0 0 40px 0; border-bottom: 4px solid #6ad043 }
h5.green-line { padding: 0 0 20px 0; margin: 0 0 10px 0; border-bottom: 4px solid #6ad043 }
h5.green-line.top { padding: 20px 0 0 0; margin: 10px 0 0 0; border-bottom: none; border-top: 4px solid #6ad043 }
.blue-bar-wrapper { background-color: #005cb9; margin: 0; padding: 0 }
.blue-bar-container { max-width: 1000px; margin: 0 auto; padding: 4px 0 4px 40px }
h3.blue-bar { color: #ffffff !important; font-size: 24px }
.watch-video { font-weight: 900 }
.watch-video.blue a { color: #005cb9 }
.watch-video.blue a:hover { color: #38d32f }
.watch-video.white a { color: #ffffff }
.watch-video.black a { color: #000000 }
.watch-video.blue a:hover, .watch-video.white a:hover, .watch-video.black a:hover { color: #38d32f }
.watch-video img { max-width: 50px; margin-right: 10px }
.watch-video span { display: inline-block; vertical-align: middle; padding-bottom: 35px }
.bkgrnd-one-half-wrapper { background: #ffffff url("images/background/Background-1.jpg") no-repeat center center; background-size: cover; position: relative }
.bkgrnd-one-half-container { max-width: 1000px; margin: 0 auto; padding: 70px 40px }
.bkgrnd-one-half { display: -ms-flex; display: -webkit-flex; display: flex; align-items: top }
.bkgrnd-one-half .right, .bkgrnd-one-half .left { width: 50%; }
.bkgrnd-one-half .right { order: 2 }
.bkgrnd-one-half .left { order: 1 }
.bkgrnd-one-half .left .move-right { padding: 0 10% 0 0 }
.bkgrnd-one-half .right .move-left { padding: 0 0 0 10% }
.bkgrnd-one-half h2 { margin: 0 0 20px 0 }
.bkgrnd-two-wrapper { background: #ffffff url("images/background/Background-2.jpg") no-repeat center center; background-size: cover; position: relative }
.bkgrnd-two-container { max-width: 1000px; margin: 0 auto; padding: 70px 40px }

.resources-container { padding: 60px 0 }
/* .support-industry { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 0 40px 0 }
.support-industry .column { flex: 1 0 13%; margin: 2px } */
.support-industry { display: flex; align-items: center; justify-content: space-between; margin: 0 0 40px 0 }
.support-industry .column { margin: 8px }
.support-industry .column img { vertical-align: middle; margin: 0 auto }

.interior-sub-wrapper { background: #ffffff url("images/background/Header-subpage.jpg") no-repeat center center; background-size: cover; position: relative }
.interior-sub-container { max-width: 1000px; margin: 0 auto; text-align: center; padding: 40px }
.interior-sub-container h2 { margin: 0 0 20px 0 }

/* our team */
.toggle-container { position: relative }
.interior.our-team .content-container.first { margin: 0 auto; z-index: 97; max-width: 100%; padding: 0 }
.interior.our-team .leadership { max-width: 1000px; margin: 0 auto; padding: 0 40px }
.interior.our-team .content-container.overlay {  margin: 0 auto; max-width: 100%; padding: 0; z-index: 98; position: relative }
.interior.our-team h2.grey-line { padding: 40px 0 10px 0; margin: 0 0 20px 0 }
.team1, .team2, .team3, .team4, .team5, .team6, .team7, .team8, .team9, .team10, .team11, .team12, .team13, .team14, .team15 { background: #ffffff; width:100%; min-height:100%; display: none; position: absolute; top: 0; left: 0; min-height: 600px }
.team20, .team21, .team22, .team23, .team24, .team25, .team26, .team27, .team28 { background: #ffffff; width:100%; min-height:100%; display: none; position: absolute; top: 0; left: 0; min-height: 600px }
.team30, .team31, .team32, .team33 { background: #ffffff; width:100%; min-height:100%; display: none; position: absolute; top: 0; left: 0; min-height: 600px }
.team1a, .team2a, .team3a, .team4a, .team5a, .team6a, .team7a, .team8a, .team9a, .team10a, .team11a, .team12a, .team13a, .team14a, .team15a { display: none; vsibility: hidden }
.team20a, .team21a, .team22a, .team23a, .team24a, .team25a, .team26a, .team27a, .team28a { display: none; vsibility: hidden }
.team30a, .team31a, .team32a, .team33a { display: none; vsibility: hidden }
.team-image { padding: 10px 0 30px 0 }
.team-image.one_third:nth-child(3n + 1) { clear: left }
.team-image img { padding: 0 0 20px 0; max-width: 450px; margin: 0 auto }
.team-image h2 { font-size: 22px; font-weight: 400; line-height: 1.2 }
.team-image h3 { font-size: 20px; color: #3a3a3a; font-weight: 400; line-height: 1.2 }
.team-image a:hover h2 { color: #3a3a3a }
.management { display: flex; min-height: 700px }
.management .one-half { width: 50%; padding: 115px 50px }
.management .one-half.last { background-color: #1d6fa9; text-align: right; padding: 0 50px }
.management .one-half.last img { margin: 30px auto 20px auto; max-width: 450px }
.management .one-half.last img.cibus { max-width: 300px }
.management .one-half.last button { background-color: transparent; border: none; text-align: center; text-decoration: none; display: inline-block }
.management .one-half ul { margin-left: 20px }
.management h2, .board h2 { font-size: 30px; line-height: 1.2; margin: 0; color: #1d6fa9; text-transform: none; font-weight: 400 }
.management h3, .board h3 { font-size: 26px; line-height: 1.2; color: #3a3a3a; margin: 0 0 20px 0; font-weight: 400 }
.leadership .leader-btns { display: block; float: right; clear: left; margin-bottom: 20px }
.leadership .leader-btns .learn-more { float: right; clear: left; width: 190px }
.leadership .leader-btns .learn-more.blue-box { padding: 10px 20px }
.leadership .leader-btns .learn-more.blue-box:nth-of-type(2) { margin: 0 10px 0 0; background: #1d6fa9; }
.leadership .leader-btns .learn-more.blue-box:nth-of-type(2) a { color: #ffffff; cursor: arrow }
.leadership .leader-btns .learn-more.blue-box:nth-of-type(1) a { color: #1d6fa9 }
.leadership .leader-btns .learn-more.blue-box:nth-of-type(1) a:hover { color: #3a3a3a }
.board-members-container { background: #ffffff url("images/background/Background-1.jpg") no-repeat center center; background-size: cover; position: relative }
.board-members { max-width: 1000px; margin: 0 auto; padding: 70px 40px } 
.board-members a { font-size: 22px; font-weight: 400; line-height: 2; color: #005cb9 }

/* our crops */
.traits-box-container { display: flex; flex-wrap: wrap; margin: 0 0 40px 0 }
.traits-box { width: 47%; border: 1px solid #000000; padding: 40px 40px 0 }
.traits-box:first-of-type { margin-right: 2.5% }
.traits-box:last-of-type { margin-left: 2.5% }
.traits-box h5.green-line { padding: 0 0 20px 0; margin: 0 0 10px 0; border-bottom: 4px solid #6ad043 }
.our-crops .two_third strong { color: #38d32f; font-weight: 900 }

ul.author { list-style: none; margin-left: 0; padding-left: 1em }
ul.author > li:before { display: inline-block; content: "\2014\a0"; width: 1em; margin-left: -1em }

.interior.articles .article span.location { font-weight: 600; color: #000000 }
.interior.articles .article p { padding: 0 !important; margin: 0 !important }
.interior.articles .article .learn-text { margin: 0 0 30px 0 }

.interior.articles.interviews .audio { box-shadow: 0px 3px 6px rgba(0,0,0,.4); position: relative; margin-bottom: 40px }
.interior.articles.interviews .audio .audio-date { background: #38d32f; color: #ffffff; text-align: center; padding: 30px 0 }
.interior.articles.interviews .audio .audio-content { text-align: center; padding: 10px }

/* contact */
.interior.contact .one_third h2 { font-size: 20px; font-weight: 600; color: #005cb9; padding-bottom: 0; margin-bottom: 0 }
.interior.contact .one_third h3 { font-size: 20px; font-weight: 600; color: #3a3a3a }
.interior.contact .one_third h2 + h3 { margin-top: 20px }
.interior.contact .office { 
	position: relative; display: -moz-box; display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; margin: 40px 0 0 0;
	display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; align-items: center }
.interior.contact .office .office-location { -moz-box-flex: 1 1 35%; -webkit-flex: 1 1 35%; -moz-flex: 1 1 35%; -ms-flex: 1 1 35%; flex: 1 1 35%; justify-content: center; flex-direction: column; display: flex; text-align: center; padding: 20px 0 }
.interior.contact .office .office-content { -moz-box-flex: 1 1 65%; -webkit-flex: 1 1 65%; -moz-flex: 1 1 65%; -ms-flex: 1 1 65%; flex: 1 1 65%; position: relative; padding: 40px 50px 20px 50px; }
.interior.contact .office .office-content h2 { font-size: 20px; margin: 0; padding: 0; color: #001f5f }

/* join our team */
.job-boxes { position: relative; display: -moz-box; display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; margin: 1% 0 0 0;
	display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; flex-flow: row wrap; }
.job-box { background:#1d9a78; -moz-box-flex: 1 0 30%; -webkit-flex: 1 0 30%; -moz-flex: 1 0 30%; -ms-flex: 1 0 30%; flex: 1 0 30%; position: relative; margin: 20px 0; padding: 40px 20px 20px 20px; min-height: 200px; max-width: 275px }
.job-box:nth-child(3n + 2) { margin: 20px 40px }
.job-box.last-box { margin: 20px 0 20px 40px }
.job-box h2 { font-size: 20px; color: #ffffff; font-weight: 400 }
.job-box .new, .job .new { color: #38d32f; font-style: italic }
.job .description, .job h3 { font-size: 20px; line-height: 1.6; color: #3a3a3a; font-weight: 700 }
.job h3 { text-transform: uppercase }
.job ul { margin-left: 20px; margin-bottom: 40px }
.job ul ul { margin-bottom: 0 }
.job li { font-size: 18px }
.join-team .bkgrnd-two-container h3 { font-size: 22px }
.benefit-icons { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 30px 0 40px 0 }
.benefit-icons .column { flex: 1 0 24%; margin: 2px }
.benefit-icons .benefit-title { color: #005cb9; text-align: center }
.benefit-icons img { max-width: 150px; margin: 0 auto }
@media (max-width:750px) { 
	.benefit-icons img { max-width: 125px; margin: 0 auto }
}
@media (max-width:600px) { 
	.benefit-icons img { max-width: 100px; margin: 0 auto }
}

/* events */
.interior.events .event { box-shadow: 0px 3px 6px rgba(0,0,0,.4); position: relative; display: -moz-box; display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; margin: 60px 0 0 0;
	display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex }
.interior.events .event-date { font-family: 'Lato', sans-serif; background: #38d32f; color: #ffffff; -moz-box-flex: 1 1 17%; -webkit-flex: 1 1 17%; -moz-flex: 1 1 17%; -ms-flex: 1 1 17%; flex: 1 1 17%; justify-content: center; flex-direction: column; display: flex; text-align: center; padding: 30px 0; line-height: normal }
.interior.events .event-date .month { text-transform: uppercase; font-size: 20px }
.interior.events .event-date .days { font-size: 44px }
.interior.events .event-content { -moz-box-flex: 1 1 83%; -webkit-flex: 1 1 83%; -moz-flex: 1 1 83%; -ms-flex: 1 1 83%; flex: 1 1 83%; position: relative; padding: 40px 50px 30px 50px }
.interior.events .event-content h2 { font-size: 20px; font-weight: 600 }
.interior.events .event-content h3 { font-size: 18px; color: #000000; font-weight: 600 }
.interior.events .past-event h2 { font-size: 20px; color: #001f5f; font-weight: 600 }
.interior.events .past-event h3 { font-size: 18px; color: #000000; font-weight: 600 }
.interior.events .past-event h3 + img { padding: 10px 0 }

/* press releases */
.interior.press-releases .press-release { padding: 20px 0 40px }
.interior.press-releases .press-release h2 { font-size: 20px; color: #001f5f; font-weight: 600 }
.interior.press-releases .press-release h3 { font-size: 18px; color: #000000; font-weight: 600 }

.interior.press-releases .press-release p { padding-bottom: 10px }
.interior.press-releases span.location { font-weight: 600; color: #000000 }
.archived-press-release p a { font-weight: 600 }
.interior.press-release #press-release p.immediate-release { text-transform: uppercase; font-weight: 700; margin: 0; padding: 0 }
.interior.press-release #press-release ul, .interior.press-release #press-release ol { margin: 0 0 20px 20px }

/* pipeline */
.product-pipeline .layer, .trait-platforms .layer { padding: 40px 0 }
.crop-protection-traits .layer { padding: 0 0 40px 0 }
.product-pipeline .layer .two_fifth, .trait-platforms .layer .two_fifth { margin-right: 8% }
.blue-box { border: 1px solid #005cb9; padding: 40px }

.trait-platforms .layer-top { display: flex; align-items: center }
.trait-platforms .layer-top .layer-left { width: 37.6%; margin-right: 8% }
.trait-platforms .layer-top .layer-right { width: 50% }
.product-pipeline .layer-top { display: flex; align-items: center; }
.product-pipeline .layer-left { width: 20%; margin-right: 5% }
.product-pipeline .layer-right { width: 74% }
.product-pipeline .layer-right p { padding-bottom: 0;}

ul.two-menu { list-style: none; margin: 20px 0 }
ul.two-menu li { display: inline-block; width: 50%; text-align: center; border-bottom: 1px solid #001f5f }
ul.two-menu li a { font-weight: 700; color: #005cb9; display: block; padding-bottom: 8px; line-height: 1.2 }
ul.two-menu li.selected a { color: #38d32f }
ul.two-menu li a:hover { color: #38d32f }
ul.two-menu li#l1 a { border-right: 1px solid #001f5f }

ul.three-menu { list-style: none; margin: 20px 0 }
ul.three-menu li { display: inline-block; width: 33%; text-align: center; border-bottom: 1px solid #001f5f }
ul.three-menu li a { font-weight: 700; color: #005cb9; display: block; padding-bottom: 8px; line-height: 1.2 }
ul.three-menu li.selected a { color: #38d32f }
ul.three-menu li a:hover { color: #38d32f }
ul.three-menu li#l1 a, ul.three-menu li#l2 a { border-right: 1px solid #001f5f }

ul.four-menu { list-style: none; margin: 20px 0 }
ul.four-menu li { display: inline-block; width: 25%; text-align: center; border-bottom: 1px solid #001f5f }
ul.four-menu li a { font-weight: 700; color: #005cb9; display: block; padding-bottom: 8px; line-height: 1.2 }
ul.four-menu li.selected a { color: #38d32f }
ul.four-menu li a:hover { color: #38d32f }
ul.four-menu li#l1 a, ul.four-menu li#l2 a, ul.four-menu li#l3 a { border-right: 1px solid #001f5f }

ul.five-menu { list-style: none; margin: 20px 0 }
ul.five-menu li { display: inline-block; width: 20%; text-align: center; border-bottom: 1px solid #001f5f }
ul.five-menu li a { font-weight: 700; color: #005cb9; display: block; padding-bottom: 8px; line-height: 1.2 }
ul.five-menu li.selected a { color: #38d32f }
ul.five-menu li a:hover { color: #38d32f }
ul.five-menu li#l1 a, ul.five-menu li#l2 a, ul.five-menu li#l3 a, ul.five-menu li#l4 a { border-right: 1px solid #001f5f }

ol.bold { margin: 0 0 1.5em; padding: 0; counter-reset: item }
ol.bold > li { margin: 0; padding: 0 0 0 2em; text-indent: -1.4em; list-style-type: none; counter-increment: item }
ol.bold > li:before { display: inline-block; width: 1em; padding-right: 0.5em; font-weight: bold; text-align: right; content: counter(item) "." }

ul.bold { margin: 0 0 1.5em; padding: 0 }
ul.bold > li { margin: 0; padding: 0 0 0 2em; text-indent: -1.4em; list-style-type: none }
ul.bold > li:before { display: inline-block; width: 1em; padding-right: 0.5em; font-weight: bold; text-align: right; content: "•" }

ul.plus { list-style: none; margin: 0 0 40px 0 }
ul.plus li:before { content: "+"; margin-right: 4px }
ul.plus li { font-size: 18px; line-height: 20px; padding-bottom: 20px }
ul.plus li a { color: #001f5f; font-weight: bold; padding: 0 0 6px 0; line-height: 30px }
ul.plus li a:hover, .interior .content ul.plus li.selected a, .interior .content ul.plus li.selected:before { color: #1c2977 }

/* key topics */
body.articles .home-grid-content h4 { font-size: 20px; margin-bottom: 20px }

/* Fluid Columns */
.one_half { width:48%; }
.one_third { width:30.66%; }
.two_third { width:65.33%; }
.one_fourth { width:22%; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:67.2%; }
.one_sixth { width:13.33%; }
.five_sixth { width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth { position:relative; margin-right:4%; float:left; }
.last { margin-right:0 !important; clear:right; }
.clearboth { clear:both; display:block; font-size:0; height:0; line-height:0; width:100% }

/* scrolled */
.scrolled .site-header { background: #ffffff; border-bottom: 1px solid #e2e2e2 }
.scrolled .bx-wrapper { margin-top: 150px } /*matches header height */
.scrolled #logo img.g.white { display: none }
.scrolled #logo img.cibus-logo.blue { display: block }

.rtds, .su-canola { font-weight: 700; font-style: italic; padding-right: .2em }
.rtds-no, .su-canola-no { font-weight: 700; font-style: italic }
.asap { font-weight: 700; font-style: italic; padding-right: .2em }

.italic { font-style: italic }
.strong { font-weight: bold }
.spacer { height: 20px }
.spacer-60 { height: 60px }
.spacer-40 { height: 40px }
.spacer-80 { height: 80px }
.spacer-line { border-bottom: 1px solid #3a3a3a; margin-bottom: 40px; width: 80% }
ul.press li a span.rtds, .interior .content ul.press li a span.rtds, ul.press li a span.su-canola, .interior .content ul.press li a span.su-canola { color: inherit; font-size: inherit }

/* misc links */
.clear { clear: both; }
.notice  { color: #ff0000 }
.color { color: #1c2977; }
.indent   { padding-left: 50px }
.small { font-size: 9px }
.notice { color: red }
.more { display: none }
.nopad { padding: 0 !important; margin: 0 !important }
.top-40 { padding: 40px 0 0 0 !important }
.left-20 { padding: 0 0 0 20px !important }

/* footer */
#footer { width: 100%; background-color: #59595c; color: #ffffff; padding: 40px 0; background: url("/images/Footer-blue.jpg") no-repeat; background-size: cover }
#footer .content { max-width: 1058px; margin: 0 auto; padding: 0 20px; font-size: 16px; line-height: normal }
#footer img.cibus-footer-logo { max-width: 208px; display: inline-block; vertical-align: middle; margin-right: 10px; padding-bottom: 15px }
#footer .left { float: left; clear: left }
#footer .social { float: right; max-width: 275px }
#footer .social img { max-width: 35px; display: inline-block; margin:  0 4px 10px 4px }
#footer .social img:hover { opacity: 0.8 }
#footer p { line-height: 28px }
#footer a { color: #ffffff }
#footer a:hover { color: #38d32f; font-weight: bold }
#footer .line { height:1px; border-top: 1px solid white; margin: 40px 0 }
#footer h2 { color: #ffffff; margin-bottom: 20px; font-size: 20px; text-transform: uppercase }
#footer .white-line { height:1px; border-top: 1px solid white; margin: 20px 0 }
#menu-footer { margin: 0 0 40px 0 }
ul.footer-menu { list-style: none; margin: 0 }
ul.footer-menu > li { position: relative; line-height: 28px }
ul.footer-menu a { padding: 0; font-size: 16px }
ul.footer-menu a:hover { color: #38d32f }

a { text-decoration: none }
a:focus { outline: none }
#press-release h3, .interior.press-releases .press-release h2, .interior.press-releases .press-release h3 { margin-bottom: revert; }

table.acres { margin: 0 auto 2px auto; border: 1px solid #000 }
table.acres td.acres-head { padding: 10px; text-align: center }
table.acres td.acres-data { text-align: right; padding: 0 10px }
table.acres td.acres-foot { text-align: right; padding: 0 10px; padding-bottom: 10px }

/* ir tools */
#block-client-site-202-shareholdertools .corporate-governance .ndq-tool-icon__inner::before { content:url('/images/icons/global_blue.png'); }
#block-client-site-202-shareholdertools .analyst-coverage .ndq-tool-icon__inner::before { content:url('/images/icons/people_icon-blue.png'); }
#block-client-site-202-shareholdertools .corporate-presentation .ndq-tool-icon__inner::before { content:url('/images/icons/printed_materials-blue.png'); }
#block-client-site-202-shareholdertools .email-alerts .ndq-tool-icon__inner::before { content:url('/images/icons/notification_bell_icon-blue.png'); }
#block-client-site-202-shareholdertools .downloads .ndq-tool-icon__inner::before { content:url('/images/icons/download-blue.png'); }
#block-client-site-202-shareholdertools .rss-feeds .ndq-tool-icon__inner::before { content:url('/images/icons/news_feed-blue.png'); }
#block-client-site-202-shareholdertools .major-papers-recent-press .ndq-tool-icon__inner::before { content:url('/images/icons/printer-blue.png'); }
#block-client-site-202-shareholdertools .share-page .ndq-tool-icon__inner::before { content:url('/images/icons/share_icon-blue.png'); }
#block-client-site-202-shareholdertools .ir-search .ndq-tool-icon__inner::before { content:url('/images/icons/search-blue.png'); }
#block-client-site-202-shareholdertools .investor-faqs .ndq-tool-icon__inner::before { content:url('/images/icons/faq-blue.png'); }
#block-client-site-202-shareholdertools .third-party-articles .ndq-tool-icon__inner::before { content:url('/images/icons/third-party.png'); }
#block-client-site-202-shareholdertools ul li a { color: #005cb9; }

.region-ir-tools { clear: both; max-width: 1200px; margin: 0 auto }
#block-nir-pid839-shareholdertools { margin: 0; padding: 0 }
nav { display: block }
visually-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px) }
#block-client-site-202-shareholdertools ul { list-style: none; list-style-image: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 0 }
#block-client-site-202-shareholdertools ul li { text-align: center; padding: 20px 0; width: 100px; line-height: 18px }
#block-client-site-202-shareholdertools ul li a { font-size: 15px; font-weight: bold }

.ndq-tool-icon:hover { opacity: 0.7 }

/* @media (max-width:1200px) { 
	#block-client-site-202-shareholdertools ul li { flex-basis:25%; }
} */
@media (max-width:990px) { 
	#block-client-site-202-shareholdertools ul li { flex-basis:33%; }
}
@media (max-width:576px) { 
	#block-client-site-202-shareholdertools ul li { flex-basis:50%; }
}

.job-logos { float: right }
.job-logos .nucelis-logo, .job-logos .cibus-logo { max-width: 150px; margin-bottom: 10px }