/*------------------------------------------------------------------------------------------------------------ Responsive Utility Classes ------------------------------------------------------------------------------------------------------------*/ .hidden {display: none;visibility: hidden;} .visible-phone {display: none!important;} .sfPageEditor .visible-phone.editor { display: block !important;} .visible-tablet {display: none !important;} .hidden-desktop {display: none !important;} .visible-desktop {display: inherit !important;} .visible-print {display: none !important;} .no-resize {} /*------------------------------------------------------------------------------------------------------------ TABLET - Responsive Utility Classes ------------------------------------------------------------------------------------------------------------*/ @media screen and (min-width: 760px) and (max-width: 1024px) { .hidden-desktop {display: inherit !important;} .visible-desktop {display: none !important;} .visible-tablet {display: inherit !important;} .hidden-tablet {display: none !important;} } /*------------------------------------------------------------------------------------------------------------ MOBILE - Responsive Utility Classes ------------------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 760px) { .hidden-desktop {display: inherit !important;} .visible-desktop {display: none !important;} .visible-phone {display: inherit !important;} .hidden-phone {display: none !important;} } @media only screen and (max-width: 1100px) { #header { width: 940px;padding:0; } .quarter { } #header .navigation div.menu div.sub-menus { width: 100%; padding: 20px 0 36px 0; } #header .navigation div.menu div.sub-menus div.sub-menu { width: 25%; margin: 0; } #header .navigation div.menu div.sub-menus.c-3 div.sub-menu, #header .navigation div.menu div.sub-menus.c-3 div.sub-menu:nth-child(1), #header .navigation div.menu div.sub-menus.c-3 div.sub-menu:nth-child(2) { width: 33%; margin: 0; } #header .navigation div.menu div.sub-menus div.sub-menu > a { padding-right: 20px; } #header .navigation div.menu div.sub-menus div.sub-menu:first-child > a { padding-left: 40px; } #header .navigation div.menu div.sub-menus div.sub-menu:last-child > a { padding-right: 40px; } #header .navigation div.menu:last-child div.sub-menus div.sub-menu:first-child { width: 25%; margin: 0; } #header .navigation div.menu:last-child div.sub-menus div.sub-menu.tiles { width: 75%; margin: 0; } #header .navigation div.menu:last-child div.sub-menus div.sub-menu.tiles .tile:last-child { padding-right: 40px; } #header .navigation div.menu div.sub-menus div.sub-menu.tiles div.tile { width: 22%;height:116px; padding:20px; } #header .navigation div.menu div.sub-menus div.sub-menu.tiles div.tile.contact-us { font-size: 11px; width: 22%;height:116px; padding:20px; } #header .navigation div.menu div.sub-menus div.sub-menu.tiles div.tile .small { font-size: 11px; } } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { #header { padding: 0px 0px; } #header .navigation div.menu div.sub-menus { margin: 0 0; padding:20px 0px 36px 0px; } .story > div[data-placeholder-label="Image Blocks"] > div > span { margin-right:12px; } } /* Tablets (portrait) ----*/ @media only screen and (min-width:768px) and (max-width: 992px) { .desktop, .mobile { display: none; } .tablet { display: block; } #header { width: 900px; } #header .navigation { width: 460px; } #header .navigation div.menu { padding: 0 15px; } #header .navigation div.menu div.sub-menus { z-index:999; display: none;min-height:156px; background-color: #007355; width: 100%; margin: 0 auto;position:absolute;left:0; top:101px;padding:20px 0px 36px 0px; } #content { padding-bottom: 0; } .home .quarter { padding: 0 10px; } .quarter { } .home .half .image-block { display: inline-block;width:48%; } .home .half > div > span:nth-child(odd) .image-block { margin: 0 5px 10px 10px;float:left; } .home .half > div > span:nth-child(even) .image-block, .half .recent-blog-post.image-block { margin: 0 10px 10px 5px; float:right;} .utility { padding: 20px;width:auto; } .utility .sfimagesList { width: 705px; margin: 0 auto; } .utility .sfimagesList .sfimageListItem:nth-child(3n) { border-right: none; } .utility .sfimagesList .sfimageListItem:nth-child(4n) { border-right: 2px solid #F9F3EA;} .media-resources .tabs .tab-title:first-child { width: 145px; } .media-resources .tabs .tab-title { width: 144px; } .media-resources .tabs .tab-title:last-child { float: left; } #infographic-production{ width: 750px;height: 342px;margin: 0 auto;} #infographic-production .overlay { top: 63px;left: 48px;width: 354px;} #infographic-production .infographic-legend{ top: 28px;right: 46px;} #infographic-production .infographic-legend .legend{ padding-bottom: 6px;width: 200px;} #infographic-production .infographic-legend .legend.acerage-soybean{ width: 100px;} #infographic-production .infographic-legend .legend.acerage-sunflower{ width: 117px;} #infographic-production .infographic-legend .legend.acerage-canola{ width: 97px;} #infographic-production .infographic-legend .legend.acerage-safflower{ width: 114px;} #infographic-production .infographic-legend .legend.facilities-soybean{ width: 114px;} #infographic-production .infographic-legend .legend.facilities-canola{ width: 115px;} #infographic-production .infographic-legend .legend.facilities-canola-soybean{ width: 192px;} #infographic-production .infographic-legend .legend img{ width: 100%;} #infographic-production .infographic-legend .title.facilities{ padding-top: 12px;} #infographic-regions { width: 750px;height: 342px;margin: 0 auto;} #infographic-regions .overlay { top: 17px;right: 66px;width:479px} #infographic-regions .infographic-legend { position: absolute;bottom: 37px;} #infographic-regions .infographic-legend .legend {position: absolute;width: 30px;height: 30px;cursor: pointer;opacity: 0;} #infographic-regions .infographic-legend .legend.region-1 { left: 173px;} #infographic-regions .infographic-legend .legend.region-2 { left: 289px;} #infographic-regions .infographic-legend .legend.region-3 { left: 406px;} #infographic-regions .infographic-legend .legend.region-4 { left: 522px;} } @media only screen and (max-width: 960px) { body { min-width:initial; } #header { width: 100%; padding: 0px 0px; } #header .logo { width: 25%; display: inline-block; } #header .logo > div { padding-left: 10px; } #header .logo img { width: auto; height: auto; } #header .navigation { width: 57%; font-size: 14px; padding-left: 0; } #header .navigation div.menu { padding: 0 3%; } #header .search { width: 18%; padding-left: 0; margin-top: 37px; } #header .search .search-button { width: 20%; height: 26px; } #header .search > div { padding-right: 10px; } #header .search > div > div:last-child { width: 80%; } #header .search .sfsearchBox .sfsearchTxt { font-size: 12px; padding: 5px 6px; width: 90%; } .wrapper { width: 100%; } #footer { width: 100%; } #footer .contact { width: 24%; } #footer .contact > div { padding-left: 10px; } #footer .navigation { width: 75%; } #footer .navigation > div { padding-right: 10px; } #footer .navigation div.menu { width: 33%; margin: 0; } #footer .navigation div.menu div.sub-menu { font-size: 14px; padding-right: 10px; } #header .navigation div.menu div.sub-menus div.sub-menu.tiles div.tile { width: 21%; } #header .navigation div.menu div.sub-menus div.sub-menu.tiles div.tile.contact-us { width: 24%; } #header .navigation div.menu div.sub-menus.c-3 div.sub-menu { width: 33%; } #header .navigation div.menu div.sub-menus.c-3 div.sub-menu:nth-child(1) { width: 33% } #header .navigation div.menu div.sub-menus.c-3 div.sub-menu:nth-child(2) { width: 33%; } .sfContentBlock ul { padding-left: 30px; padding-right: 10px; } .sfContentBlock h3 { padding-left: 10px;} .image-rotator .headline { font-size: 32px; } .image-rotator .button.next { right: 0; left: auto; } .home .half .image-block { width: 48%; height: auto; } .home .image-block .image { width: 50%; } .home .half .image-block img { /*width: 100%; height: auto;*/ } .home .image-block h2, .home .image-block .title { margin-left: 0; padding: 17px 0 10px 0; width: 46%; float: right; } .home .image-block .description, .home .image-block .summary { margin-left: 0; padding: 0 0 17px 0; width: 46%; float: right; } .two-third .image-block { width: 641px; } .two-third .half .image-block { width: 307px; } .tabbed-content .tabs .tab-title { width: 31%; } .tabbed-content .tabs .tab-title:last-child { float: left; } .utility { font-size: 14px; padding: 20px; width: auto; } .utility h1, .utility .sfContentBlock h1, .utility .sfContentBlock h2 { padding-left: 0; padding-right: 0; } .story { padding-bottom: 10px; } .story .pull-quote { font-size: 28px; } .story .pull-quote.image { width: auto; } .story > div[data-placeholder-label="Text Blocks"] { margin: 10px; } .story > div[data-placeholder-label="Text Blocks"] ul { margin-left: 20px; } .story > div[data-placeholder-label="Text Blocks"] .sfContentBlock { width: 100%; } .story .text-block { width: 100%; } .story .text-block h3 { font-size: 18px; } .story > div[data-placeholder-label="Social"] { right: 10px; overflow:hidden; background-color:white; } .stButton.custom { background-image:none;width:32px; height:32px; background-color: #007355; margin:0 0 0 8px; } .sfBreadcrumbWrp { padding: 0 10px; } .story h1, .story h2, .story .sfContentBlock h2 { padding: 5px 10px; } .story .sfContentBlock p, .story .subhead, .story .byline { padding-left: 10px; padding-right: 10px; } .sfContentBlock ul { padding-left: 30px; padding-right: 10px; } .story .note { padding: 10px 10px; font-size: 14px; } .youtube-video .video-thumb { padding: 0 10px; } .tabbed-content { margin: 0 10px; } .tabbed-content .tabs .tab-title { font-size: 18px; } .story .caption { padding: 10px 10px; font-size: 10px; line-height: 14px; } .story > div[data-placeholder-label="Image Blocks"] { height:0px !important; display: table-cell; vertical-align: top; } .story > div[data-placeholder-label="Image Blocks"] > div { height: 572px; display: table-cell; vertical-align: top; } .story > div[data-placeholder-label="Image Blocks"] > div > span { width: 23%; display: inline-block; margin: 0 7px; vertical-align:bottom;margin-right:1%; } .story .image-block { width: 100%; } .story .image-block img { height: auto; } .story .image-block .title { font-size: 16px; line-height: 20px; } .story .image-block .description, .story .image-block .summary { font-size: 14px; line-height: 20px; } .footnote { padding: 10px; } .sfContentBlock h1, .sfContentBlock h2 { padding-left: 10px; padding-right: 10px; } .question { padding: 10px 10px 0 10px; } .answer { padding: 0 10px 10px 10px; width: auto; margin-left: 0; } .answer:before { padding-right: 3px; } .industry-experts .industry-expert .bio { margin-left: 0; } .galleria-thumbnails-container { width:auto;} .galleria-stage .galleria-image img { height: auto !important;} .galleria-thumbnails-container { top:440px;} .galleria-container { background-position: center 370px; } .galleria-info {top:405px;} /* .galleria-container { height: 530px !important; } .galleria-info-title { padding: 0 10px; } .galleria-thumbnails-container { height: 36px; bottom: 0; position: relative; left: 0px; right: 0px; z-index: 2; width: 100%; margin: 0 auto; text-align: center; display: block; } .galleria-thumbnails { margin: 0 auto; height: 36px !important; width:230px !important;} .galleria-thumbnails .galleria-image { width: 36px !important; height: 36px !important; margin: 0 10px 0 0; } .galleria-thumbnails-list { margin-left:0px !important; margin-right: 0px !important;} .galleria-thumb-nav-left { margin-right: 10px; cursor: pointer; display: inline-block !important; background-image: url('../images/images/arrow-left-green.png'); background-position: left center; background-size: 9px 18px; position: relative; left: 0; top: 0; width: 9px; height: 36px; z-index: 3; opacity: 1; filter: alpha(opacity=100); } .galleria-thumb-nav-right { cursor: pointer; display: inline-block !important; background-image: url('../images/images/arrow-right-green.png'); background-position: left center; background-size: 9px 18px; position: relative; left: auto; top: 0; width: 9px; height: 36px; z-index: 3; opacity: 1; filter: alpha(opacity=100); } .galleria-image img{ height:36px !important; width:80px !important;} */ .resources-landing { padding: 20px; width: auto; } .resources-landing p { padding-left: 10px; padding-right: 10px; } .resources-landing .contact-us-block h2 { padding-left: 0; } .resources-landing .contact-us-block { margin: 0 10px 10px 10px; } .media-resources { margin: 0 10px; } .media-resources .tabs .tab-title:first-child { width: 145px; } .media-resources .tabs .tab-title { width: 124px; } .media-resources .tabs .tab-title:last-child { float: left; } .media-resources .buttons { width: 98%;margin:0 auto !important; } .media-resources .buttons .button-left { left: 10px; } .media-resources .buttons .button-right { right: 10px; } .media-resources .RadRotator .rrRelativeWrapper { width: 609px !important; margin: 0 !important; } .media-resources .RadRotator, .media-resources .RadRotator.rrNoBorder .rrClipRegion { width: 609px !important; margin:0 auto !important;} .media-resources .RadRotator .rrClipRegion .rrItemsList { width: 609px !important; } .media-resources .note { padding: 20px 0; margin: 0 auto;width:589px; } .media-resources #tab-content-photos .RadRotator .rrRelativeWrapper { margin-left: 10px !important; } .media-resources #tab-content-logos .RadRotator, .media-resources #tab-content-logos .RadRotator.rrNoBorder .rrClipRegion { padding-left:25px; width: 100% !important; } .media-resources #tab-content-logos .RadRotator .rrRelativeWrapper { width: 100% !important; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList { width: 690px !important; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList .rrItem { width: 690px !important; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList .rrItem .title { font-size: 22px; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList .rrItem .description { font-size: 14px; } .media-resources #tab-content-videos .buttons { width: 98%; } .media-resources #tab-content-videos .RadRotator, .media-resources #tab-content-videos .RadRotator.rrNoBorder .rrClipRegion { width:608px !important; } .media-resources #tab-content-videos .RadRotator .rrRelativeWrapper { width:608px !important;margin:0 auto !important; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem { width: 284px !important; margin-right: 20px; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem > div { width: 284px; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem .video-thumb img { width: 284px; height: 170px; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem .play { top:15%; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem .caption { padding: 0; width:284px; } .media-resources #tab-content-brochures .RadRotator .rrRelativeWrapper { width: 648px !important; margin: 0 auto !important; } .media-resources #tab-content-brochures .RadRotator, .media-resources #tab-content-brochures .RadRotator.rrNoBorder .rrClipRegion { width:648px !important; } .media-resources #tab-content-brochures .RadRotator .rrClipRegion .rrItemsList { width: 648px !important; } .media-resources #tab-content-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem { width: 324px !important;} .media-resources #tab-content-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem > div { width: 304px; } .media-resources #tab-content-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(even) > div { padding: 0; } .media-resources #tab-content-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem .title { font-size: 14px; line-height: 18px; } .media-resources #tab-content-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem .link { font-size: 14px; } .media-resources #tab-content-press-releases .RadRotator, .media-resources #tab-content-press-releases .RadRotator.rrNoBorder .rrClipRegion { width: 100% !important; } .media-resources #tab-content-press-releases .RadRotator .rrRelativeWrapper { width: 100% !important; } .media-resources #tab-content-press-releases .RadRotator .rrClipRegion .rrItemsList { width: 690px !important; } .media-resources #tab-content-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem { width: 690px !important; } .media-resources #tab-content-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem .title { font-size: 22px; } .media-resources #tab-content-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem .description { font-size: 14px; } } @media only screen and (max-width: 940px) { #content { padding-bottom: 0; } .two-third .image-block { display: block;width: 100%; float: none; margin-bottom:9px;height:148px; } .two-third .image-block .image { width: 160px; } .two-third .image-block img { width: 100%; height: 148px; } .two-third .image-block h1, .two-third .image-block .title, .two-third .image-block .description, .two-third .image-block .summary { margin-left: 180px; } .image-block .description {font-size: 14px;margin-left: 247px;padding: 0 10px 17px 0;line-height: 18px;} .two-third .image-block h1, .two-third .image-block .title { padding: 17px 17px 17px 0; } .landing { padding: 9px 0 0 0; } .resources-landing { padding: 9px 0 0 0; } .resources-landing .one-third { float: none;width: 100%;margin-left: 0; } .resources-landing > div:nth-child(4) { display: none; } .resources-landing .one-third .full { height: auto; } .resources-landing .two-third .half { height: auto; } .one-third .sfContentBlock { float: none;width: auto;margin:0 9px 9px 9px;font-size:32px;background-size:cover;height:122px; } .one-third .full .sfContentBlock {float: none;width: auto;height: 122px;margin:0 9px 9px 9px; } .one-third .full .sfContentBlock a { font-size: 32px; width: 270px; display: block;line-height:34px; } .one-third .full .sfContentBlock a .subhead { display: none; } .one-third .full .sfContentBlock a .small { width: 300px; font-size: 16px;line-height:20px; padding-top:15px; } .two-third .half .image-block { width: auto;height:148px; float: none; margin: 0 9px 9px 9px; } .two-third .half .image-block .image { width: 151px; height: 148px; border-left: 1px solid #777676; } .two-third .half .image-block img { width: 100%; height: auto; } .two-third .half .image-block h1, .two-third .half .image-block .title { width: auto;font-size:16px !important;line-height: 18px; } .two-third .half .image-block .description, .two-third .half .image-block .summary { width: auto;font-size:13px;margin-right:151px; } .two-third > .half > div > span:nth-child(n+3) > .image-block { margin-top: 0; } .half > div > span:nth-child(even) .image-block { float: none; } .half .image-block { display: block;width: 100%;float: none;} .landing .half .image-block { margin: 0 0 9px 0;width: auto; height: 148px; } .landing .half .image-block .image { width: 161px; height: 148px; } .landing .half .image-block img { width: 100%; height: 148px; } .landing .half .image-block h1, .landing .half .image-block .title { width: auto;font-size:16px !important;line-height: 18px;margin-left:180px;padding:17px 17px 17px 0; } .landing .half .image-block .description, .landing .half .image-block .summary { width: auto;font-size:13px;margin-left:180px; } div[data-placeholder-label="Image Blocks"] > div > span:nth-child(1) .image-block { width: auto !important; } .home div[data-placeholder-label="Image Blocks"] > div > span:nth-child(1) .image-block { width: 48% !important; } } @media only screen and (max-width: 900px) { #header .navigation div.menu div.sub-menus div.sub-menu.tiles div.tile { font-size: 20px; line-height:22px;} #header .navigation div.menu div.sub-menus div.sub-menu.tiles div.tile a { line-height: 22px; } .story .full .sf_2cols_1_25 .image-block, .story .full .sf_2cols_2_25 .image-block { width: 100%; height: auto; } .story .full .sf_2cols_1_25 .image-block .description h4, .story .full .sf_2cols_2_25 .image-block .description h4 { font-size:14px; line-height: 18px; } } @media only screen and (max-width: 810px) { #header .navigation div.menu div.sub-menus div.sub-menu.tiles div.tile.contact-us { line-height:14px; } } @media only screen and (max-width:770px) { .home .half .image-block { width:47.8%; } } /* Smartphones (landscape) ----------- */ @media only screen and (max-width : 767px) { .desktop, .tablet { display: none; } .mobile { display: block; } .description h2 { font-size:inherit; line-height:inherit;} body { min-width: 268px; } .sf_2cols_2_50 { width:100%; margin-left:-10px; float:left; } .sf_2cols_2_50 h3{ margin-left:10px; } .sf_2cols_2_33 ul{ margin-left:20px; } .sf_2cols_2_50 ul{ margin-left:20px; } .sf_2cols_1_50 { width:100%; } #header { height: 40px; padding: 0; } #header .navigation { display: none; font-size: 13px; padding: 0; float: none; width: 100%; line-height: 18px; position: absolute; top: 40px; z-index: 299; background-color: #007355; } #header .navigation .sfContentBlock { text-align: left; } #header .navigation div.menu { display: block; padding: 20px 20px 0 20px; text-align: left; } #header .navigation div.menu:last-child { border-bottom: none; } #header .navigation div.menu a { color: #FFFFFF; line-height: 18px; font-weight: bold; font-size: 13px; } #header .navigation div.menu > a:hover { text-decoration: underline; border-bottom: none; } #header .navigation div.menu div.sub-menus { border-bottom: 1px solid #FFFFFF; z-index: 999; display: block; min-height: initial; background-color: #007355; width: auto; margin: 0; position: relative; left: 0; top: 0; padding: 0 0 10px 0; } #header .navigation div.menu div.sub-menus div.sub-menu { float: none; width: 100%; margin: 0; } #header .navigation div.menu div.sub-menus div.sub-menu > a:first-child { font-weight: normal; padding: 3px 0; } #header .navigation div.menu div.sub-menus div.sub-menu > a:before, #header .navigation div.menu:nth-child(3) div.sub-menus div.sub-menu > a:first-child:before { content: none; } #header .navigation div.menu div.sub-menus div.sub-menu a:not(:first-child) { display: none; font-weight: normal; } #header .navigation div.menu div.sub-menus div.sub-menu:first-child > a { padding-left: 0; } #header .navigation div.menu div.sub-menus div.sub-menu.tiles { display: none; } /*#header .navigation div.menu:last-child div.sub-menus { border: none; }*/ #header .navigation div.menu:last-child div.sub-menus div.sub-menu:first-child { width: 100%; } #header .navigation div.menu:last-child div.sub-menus div.sub-menu a:not(:first-child) { display: block; } #header .navigation div.menu div.sub-menus div.sub-menu a.mobile { display: block !important; } #header .mobile.nav { position: absolute; top: 10px; left: 20px; z-index: 99; cursor: pointer; background-image: url('../images/images/icon-nav-mobile.png'); background-position: center center; background-repeat: no-repeat; width: 24px; height: 19px; } #header .logo { width: 100%; margin: 0 auto; padding: 0; float: none; } #header .logo > div { padding-left: 0; width: 124px; margin: 0 auto; padding-top: 10px; position: relative; z-index: 89; } #header .logo img { width: 100%; height: auto; } #header .navigation div.menu div.sub-menus.c-3 div.sub-menu { float: none; width: 100%; margin: 0; } /* TOP SEARCH */ #header .search { float: none; margin-top: 0; position: absolute; right: 0; top: 10px; width: 100%; z-index: 79; } #header .search > div { float: none; padding: 0; } #header .search .search-button { padding-right: 20px; cursor: pointer; float: right; width: 18px; height: 18px; background-image: url('../images/images/icon-search-mobile.png'); background-repeat: no-repeat; background-position: center center; } #header .search > div > div:last-child { padding-top:15px; display: none; width: 100%; top: 40px; background-color: #007355; z-index: 399; height: 40px; } #header .search .sfsearchBox { padding: 0; width: 280px; margin: 0 auto; } #header .search .sfsearchBox .sfsearchTxt { font-size: 13px; border-radius:0;padding: 5px 6px; width: 191px; height: 22px; float: left; border: none; } #header .search input[type=submit] { background-image:none; border-radius:0; -webkit-appearance: none;display: inline-block; width: 71px; background-color: #00a651; color: #FFFFFF; border: none; height: 32px; line-height: 32px; font-size: 13px; } #header .search input.placeholder { color: #00a651; } #header .er .search search ::-webkit-input-placeholder { /* WebKit browsers */ color: #00a651; } #header .search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #00a651; opacity: 1; } #header .search ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #00a651; opacity: 1; } #header .search :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #00a651; } .sfsearchResultStatistics, .sfsearchResultsWrp { padding: 0; } #footer .contact { width: 52%; font-size: 10px; } #footer .contact img { width: 114px; height: 23px; } #footer .contact > div { padding-left: 20px; } #footer .navigation { width: 48%; } #footer .navigation > div { padding-right: 20px; padding-top: 34px; } #footer .navigation div.menu { float: none; width: 100%; text-align: right; font-weight: normal; } #footer .navigation div.menu > a:first-child { font-weight: normal; font-size: 10px; } #footer .navigation div.menu .sub-menu { display: none; } .home { padding-top: 10px; } .home > .full:first-child { width: 100%; height: 300px; background-image: none; } .image-rotator .rrRelativeWrapper { height: 268px !important; background-color: #6f6f6f; } .image-rotator .RadRotator, .image-rotator .RadRotator.rrNoBorder .rrClipRegion { height: 268px !important; } .image-rotator .RadRotator .rrClipRegion .rrItemsList .rrItem img { min-height:268px; } .image-rotator .headline { font-size: 14px; line-height: 20px; max-width: 260px; max-height: 20px; top: 20px; left: 20px; padding: 0 10px; } .image-rotator .headline.light { top: 40px; } .image-rotator .description { max-height: 30px; top: 70px; left: 20px; padding: 10px; font-size: 8px; line-height: 10px; width: 142px; } .image-rotator .button.previous { width: 22px; height: 22px; margin-top: 0; top: 126px; background-image: url('../images/images/arrow-left.png'); background-position: center center; background-repeat: no-repeat; } .image-rotator .button.next { width: 22px; height: 22px; margin-top: 0; top: 126px; background-image: url('../images/images/arrow-right.png'); background-position: center center; background-repeat: no-repeat; } .image-rotator .image-indicators { width: 100%; margin: 0 auto; text-align: center; margin-top: 10px; } .image-rotator .image-indicators .indicator { width: 12px; height: 12px; background-color: #00a651; margin: 0 12px; display: inline-block; } .image-rotator .image-indicators .indicator.current { background-color: #007355; } .home > div[data-placeholder-label="Text Blocks"] { padding: 0 20px; } .quarter > div > div:first-child, .quarter > div > div > .zeControlDock:first-child { width: 100%; } .quarter > div > div:first-child p, .quarter > div > div > .zeControlDock:first-child p, .quarter > div > div p, .quarter > div > div > .zeControlDock p { margin-bottom: 0; } .quarter > div > div, .quarter > div > div > .zeControlDock { display: block; padding: 20px 0; width: 100%; background-image: none; border-bottom: 1px solid #00a651; } .quarter > div > div:nth-child(4n+4), .quarter > div > div > .zeControlDock:nth-child(4n+4) { width: 100%; } .quarter > div > div:last-child { border: none; } .home .half .image-block { width: 100%; margin-bottom: 9px; height: 148px; } .home div[data-placeholder-label="Image Blocks"] > div > span:nth-child(1) .image-block { width: 100% !important; margin-bottom: 9px; height: 148px;} .home .image-block .image { width: 169px; } .home .image-block h2, .home .image-block .title, .home .image-block .description, .home .image-block .summary { width: auto; float: none; margin-left: 186px; font-size: 13px; line-height: 16px; padding-right: 17px; } .sfBreadcrumbWrp { padding: 0 10px; display: none; } .story { font-size: 13px; line-height: 18px; } .story > div[data-placeholder-label="Social"] { position: relative; float: none; display: block; top: auto; right: auto; padding: 20px 10px 0 0px; } .st_facebook_large.custom .stButton .stLarge, .st_facebook_large.custom .stButton .stLarge:hover { clear:initial; } .st_twitter_large.custom .stButton .stLarge, .st_twitter_large.custom .stButton .stLarge:hover { opacity:1;background-position: center center; background-image: url('../images/images/icon-twitter.png') !important; background-repeat: no-repeat; } .st_linkedin_large.custom .stButton .stLarge, .st_linkedin_large.custom .stButton .stLarge:hover { opacity:1;background-position: center center; background-image: url('../images/images/icon-linkedin.png') !important; background-repeat: no-repeat; } .story h1, .story h2, .story .sfContentBlock h2 { padding: 5px 10px; } .story h1 { padding-top: 20px; font-size: 20px; line-height: 25px; } .story .sfContentBlock p, .story .subhead, .story .byline { padding-left: 10px; padding-right: 10px; } .story .subhead { font-size: 16px; line-height: 19px; } .story .byline { font-size: 13px; line-height: 30px; } .sfContentBlock ul { padding-left: 30px; padding-right: 10px; } .story .note { padding: 10px 10px; font-size: 14px; } .story img { float: none !important; margin-left:0px !important;} .story ul { margin-top: 0 !important; } .youtube-video { float: none; margin: 0; width: 100%; } .youtube-video .video-thumb { padding: 0 10px; } .youtube-video .video-thumb img { width: 100%; } .youtube-video .play { top: 32%; left: 40%; } .story .caption { padding-left: 10px; padding-right: 10px; padding-top: 10px;padding-bottom: 0px; font-size: 10px; line-height: 14px; } .galleria-container { background: #ffffff; height: 224px !important; background-image: none; } .galleria-stage .galleria-image { width: 100% !important; height: 148px !important; } .galleria-stage .galleria-image .galleria-layer { width: 100% !important; height: 148px !important; } .galleria-stage .galleria-image img { height: 148px !important; left: 0px !important; top: 0px !important; } .galleria-loader { background: #000; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; z-index: 2; display: none; background: url('/WebResource.axd?d=YEhyYfVw8pNI00bhHo-r2d0rRuJwJ5M-glpXckDqxpHOMOXeDmm1VW1QkzFG6YSWbpPMt408cQmUOSBnYmQrK4gqVOqJTZ5t9AdgpmKv_LArFA0fqpQbH4QkdAmw0a4-XlI-dcwFcCHNpY0TUFrwE-Tm0ljBTsFw1k9mTrQ6teaMllsGjleO1fbgXZ1TWkfb4ebdQonZmxv2MatjRF5awA2&t=635415398780000000') no-repeat 2px 2px; } .galleria-info { left: 0px; top: 150px; width: 100%; } .galleria-info-title { font-size: 10px; line-height: 13px; font-weight: normal; padding: 10px 10px; } .galleria-thumbnails-container { height: 36px; bottom: 0; position: relative; left: 0px; right: 0px; z-index: 2; width: 100%; margin: 0 auto; text-align: center; display: block; top: 188px; } .galleria-thumbnails { margin: 0 auto; height: 36px !important; } .galleria-thumbnails .galleria-image { width: 36px !important; height: 36px !important; margin: 0 10px 0 0; } .galleria-thumb-nav-left { margin-right: 10px; cursor: pointer; display: inline-block; background-image: url('../images/images/arrow-left-green.png'); background-position: left center; background-size: 9px 18px; position: relative; left: 0; top: 0; width: 9px; height: 36px; z-index: 3; opacity: 1; filter: alpha(opacity=100); } .galleria-thumb-nav-right { cursor: pointer; display: inline-block; background-image: url('../images/images/arrow-right-green.png'); background-position: left center; background-size: 9px 18px; position: relative; left: auto; top: 0; width: 9px; height: 36px; z-index: 3; opacity: 1; filter: alpha(opacity=100); } .iframe { background-image: none; } .story .pull-quote { font-size: 22px; padding: 10px; line-height: 28px; } .story .pull-quote.image { width: auto; font-size: 22px; line-height: 28px; padding-left: 10px; height: auto; } .story .pull-quote.image img { display: none; } .tabbed-content { margin: 10px; } .tabbed-content .tabs .tab-title { font-size: 10px; margin-right: 5px; height: 23px; line-height: 23px; overflow: hidden; } .story > div[data-placeholder-label="Text Blocks"] .sfContentBlock { width: 100%;margin-bottom:10px; } .story .text-block h3 { font-size: 10px; line-height: 23px; padding-bottom: 0; } .story .text-block p { padding: 10px !important; } .story > div[data-placeholder-label="Image Blocks"] { margin: 0 auto;width:300px;display:block; } .story > div[data-placeholder-label="Image Blocks"] > div > span { margin: 0; width:auto; } .story > div[data-placeholder-label="Image Blocks"] > div > span:nth-child(1) { float: right; margin: 0 10px 0 0; } .story > div[data-placeholder-label="Image Blocks"] > div > span:nth-child(2) { float: left; margin: 0 0 0 10px; } .story > div[data-placeholder-label="Image Blocks"] > div > span:nth-child(3) { float: left; margin: 0 0 0 10px; } .story > div[data-placeholder-label="Image Blocks"] > div > span:nth-child(4) { float: right; margin: 0 10px 0 0; } .story .image-block { width: 138px; height: 361px; } .story > div[data-placeholder-label="Image Blocks"] > div > span:nth-child(1) .image-block { border-left: none; } .story > div[data-placeholder-label="Image Blocks"] > div > span:nth-child(4) .image-block { border-left: none; } .story .image-block img { width: 151px; height: 151px; } .story .image-block .title { font-size: 11px; line-height: 14px; padding-bottom: 5px; } .story .image-block .description, .story .image-block .summary { font-size: 10px; line-height: 13px; } .footnote { padding: 10px; } .sfContentBlock h1, .sfContentBlock h2 { padding-left: 10px; padding-right: 10px; } .question { padding: 10px 10px 0 10px; } .answer { padding: 0 10px 10px 10px; width: auto; margin-left: 0; } .answer:before { padding-right: 3px; } .industry-experts .industry-expert .bio { margin-left: 0; } .utility { padding:10px; width: auto;font-size:14px; } .utility h1, .utility .sfContentBlock h1, .utility .sfContentBlock h2 { padding-left: 0; padding-right: 0; } /* EVENTS LIST */ .utility .sfeventsListTitleCityDate .sfeventListItem { clear: both; } .utility .sfeventsList { padding-top: 20px; } .utility .sfevetnsList li { overflow: auto; min-height: 100px; padding-bottom: 20px; } .utility .sfeventsList .date strong { display: none; } .utility .sfeventsList .date { float: none; width: auto; height: auto; } .utility .sfeventsList .sftitle { margin-left: 0; font-size: 18px; font-weight: bold; } .utility .sfeventsList .city { float: none; } .utility .sfeventDetails { padding-top: 20px; } .utility .sfeventDetails .sfeventTitle { padding: 20px 0 0; } .utility .sfimagesList { margin-bottom: 9px; border: none; box-shadow: none; } .utility .sfimagesList .sfimageListItem { float: none; border-left: 2px solid #f9f3ea; margin: 0 auto; } .utility .sfimagesList .sfimageListItem:first-child { border-top: 2px solid #f9f3ea; } .contact-us-block .left { float: none; } .contact-us-block .right { float: none; } .utility .full .image-block { height: auto; } .utility .full .image-block .image { display: none; } .utility .full .image-block h1, .utility .full .image-block .title, .utility .full .image-block .description, .utility .full .image-block .summary { margin-left: 0; padding: 0 10px 10px 10px; width: auto; } .utility .full .image-block h1, .utility .full .image-block .title { margin: 0; padding: 10px; width: auto; } /* FORMS */ .sample-request-form .button { margin-bottom: 20px; } section { width: auto; } .form-input { float: none; margin-right: 0; width: 250px; } .form-input .form-textbox input { width: 220px; } .form-input.address { width: 250px; } .form-input.address .form-textbox input { width: 220px; } .form-input .form-dropdown { width: 250px; } .form-input:nth-child(odd) { margin-right: 0; } .styled-checkbox { display: block;margin:0; } .styled-checkbox label { font-size: 16px; } .newsletter.styled-checkbox { width: 30px; height:30px; position: relative; margin: 20px 0 0 0;} .newsletter.styled-checkbox label { width: 0px; height: 19px; line-height:19px; cursor: pointer; position: absolute; top: 0px; left: 0px; border: 1px solid #252525;white-space:nowrap;font-size:12px;color:#424242;padding-left:19px;} .newsletter.styled-checkbox label:after { content: ''; width: 8px; height: 3px; position: absolute; top: 6px; left: 4px; border: 4px solid #00a651; border-top: none; border-right: none; background: transparent; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .newsletter.styled-checkbox label:before { content: '..'; color: transparent; } #oil-usage-other { position:relative; top:auto; left: auto; } #how-heard-other { position:relative; top:-13px; left: auto; } #how-heard-tradeshow { position:relative; top:-73px; left: auto;} #how-heard-trade-organizations { position:relative; top:-133px; left: auto; } .form-input.oil-usage { height: 727px;padding:0 !important; } .form-input.how-heard { height: 520px; } .form-input.other { width: 220px;height:auto; } .form-input.trade-organizations { width: 220px;margin-right:0;height:auto; } .form-input.tradeshow { width: 220px;margin-right:0; height:auto;} .form-input.other .form-textbox input { width: 220px; } .form-input.trade-organizations .form-textbox input { width: 220px;} .form-input.trade-organizations .form-textbox span { width: 220px; } .form-input.tradeshow .form-textbox input { width: 220px;} .form-input.tradeshow .form-textbox span { width: 220px; } #cblHowHeard tr:nth-last-child(2) td:first-child { position: relative; top: 60px; } #cblHowHeard tr:last-child td:first-child { position: relative; top: 120px; } .sample-request-form .error-message { font-size: 12px;border: 2px solid #ff0000;padding: 5px;width: 240px;margin-left: 0; margin-bottom: 10px;} .form-input .form-checkbox-list.required.invalid input, .form-input .form-checkbox-list.required.invalid .styled-checkbox label { border: 1px solid #FF0000; } .newsletter-signup .error-message { font-size: 16px; border: 2px solid #ff0000; line-height: 18px; width: auto; margin-left: 0; margin-top: 20px; } .resources-landing .sfContentBlock p { padding: 0 10px; } .resources-landing .contact-us-block { padding: 10px 10px 10px 10px; margin: 10px;} .resources-landing .contact-us-block h2 { padding-left: 0; } .resources-landing .sfContentBlock .contact-us-block p { padding: 0; } .form-radio-button label{ font-size:16px;} .media-resources { margin: 10px; } .media-resources .content { padding: 20px 10px 0 10px; min-height: 200px; } .media-resources .tabs .tab-title { font-size: 10px; margin-right: 5px; height: 23px; line-height: 23px; overflow: hidden; border-left: 1px solid #363636; width: 86px; } .media-resources .tabs .tab-title:first-child { width: 85px; } .media-resources .tabs .tab-title:last-child { float: left; } .media-resources .tabs .tab-title.desktop.tablet { display: none !important; } .media-resources .tabs .tab-title.selected { background-position: left -2px; } .media-resources .buttons { top: 100px; width: 97%;margin:0 auto !important; } .media-resources .buttons .button-left { left: 0px; } .media-resources .buttons .button-right { right: 10px; } .media-resources .RadRotator .rrRelativeWrapper { margin: 0 !important;height: 192px !important; width: 300px !important; } .media-resources .RadRotator, .media-resources .RadRotator.rrNoBorder .rrClipRegion { height: 192px !important; width: 300px !important; } .media-resources .RadRotator .rrClipRegion .rrItemsList { width: 300px !important; } .media-resources #tab-content-photos .RadRotator .rrRelativeWrapper { margin-left: 7px !important; } .media-resources #tab-content-photos .RadRotator .rrClipRegion .rrItemsList .rrItem { width: 100px !important; height: 86px !important; margin-right: 0; margin-bottom: 10px; } .media-resources #tab-content-photos .RadRotator .rrClipRegion .rrItemsList .rrItem img { width: 85px; height: 86px; } .media-resources .note { padding: 10px 0; margin: 0 auto;width:280px;font-size:10px; } .media-resources #tab-content-logos .RadRotator .rrRelativeWrapper { margin-left: 0px !important; width: 360px !important; } .media-resources #tab-content-logos .RadRotator, .media-resources #tab-content-logos .RadRotator.rrNoBorder .rrClipRegion { padding-left:15px; width: 360px !important; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList { width: 360px !important; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList .rrItem { width: 360px !important; height: 86px !important; margin-right: 0; margin-bottom: 10px; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList .rrItem img { width: 85px; height: 86px; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList .rrItem .title { margin-left: 95px; font-size: 10px; line-height: 14px; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList .rrItem .description { margin-left: 95px; font-size: 10px; line-height: 14px; max-height: 40px; overflow: hidden; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList .rrItem .download { margin-left: 95px; font-size: 10px; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList .rrItem .download span { padding: 0 3px; } .media-resources #tab-content-videos .buttons { top: 100px; width: 98%;margin:0 auto !important; } .media-resources #tab-content-videos .RadRotator, .media-resources #tab-content-videos .RadRotator.rrNoBorder .rrClipRegion { height: 185px !important;width: 300px !important; } .media-resources #tab-content-videos .RadRotator .rrRelativeWrapper { margin-left: 0 !important; width: 300px !important;} .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem { width: 300px !important; height: 55px !important; margin-right: 0; margin-bottom: 10px;float:none; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(odd) > div { padding: 0 !important; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(even) > div { padding-left: 0; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem > div { width: 300px; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem img { width: 85px; height: 55px; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem .play, .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(odd) .play, .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(even) .play { top:15px; left: 27px; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem .play img { width: 26px; height: 26px; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem .video-thumb { float: left; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem .video-thumb img { width: 85px; height: 55px; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem .caption { padding: 0; font-size:10px; line-height:14px; width:210px; max-height: 55px; overflow:hidden;margin-left:95px;} .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem .caption .description { display:none;} .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrRelativeWrapper { margin-left: 0 !important; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList { width: 300px !important; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem { width: 300px !important; height: 86px !important; margin-right: 0; margin-bottom: 10px; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(odd) > div { padding-right: 0; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(even) > div { padding-left: 0; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem .thumb { float: left;width: 85px; height: 86px; border:1px solid #363636;} .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem img { width: 85px; height: 86px; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem .title { margin-left: 95px; font-size: 10px; line-height: 14px; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem .description { margin-left: 95px; font-size: 10px; line-height: 14px; max-height: 40px; overflow: hidden; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem .link { margin-left: 95px; font-size: 10px; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrRelativeWrapper { margin-left: 0 !important; width: 360px !important; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator, .media-resources.mobile #tab-content-mobile-press-releases .RadRotator.rrNoBorder .rrClipRegion { width: 360px !important; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList { width: 360px !important; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem { width: 360px !important; height: 86px !important; margin-right: 0; margin-bottom: 10px; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(odd) > div { padding-right: 0; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(even) > div { padding-left: 0; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem .thumb { float: left;width: 85px; height: 86px; border:1px solid #363636;} .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem img { width: 85px; height: 86px; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem .title { margin-left: 95px; font-size: 10px; line-height: 14px; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem .description { margin-left: 95px; font-size: 10px; line-height: 14px; max-height: 40px; overflow: hidden; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem .link { margin-left: 95px; font-size: 10px; } .ui-dialog .caption { font-size: 10px; line-height: 14px; } #infographic-production .overlay { top: 40px;left: 31px;width: 214px;} #infographic-production{ width: 460px;height: 206px;margin: 12px auto;} #infographic-production .infographic-legend{ top: 16px;right: 36px;} #infographic-production .infographic-legend .title.acerage{ width: 85px;} /*178 */ #infographic-production .infographic-legend .title.facilities{ width: 94px;padding-top: 12px;} /* 197 */ #infographic-production .infographic-legend .legend{ padding-bottom: 5px;} #infographic-production .infographic-legend .legend.acerage-soybean{ width: 60px;} /*Original size (125) x 0.48 */ #infographic-production .infographic-legend .legend.acerage-sunflower{ width: 71px;} /* 147 */ #infographic-production .infographic-legend .legend.acerage-canola{ width: 58px;} /* 122 */ #infographic-production .infographic-legend .legend.acerage-safflower{ width: 68px;} /* 143 */ #infographic-production .infographic-legend .legend.facilities-soybean{ width: 76px;} /* 159 */ #infographic-production .infographic-legend .legend.facilities-canola{ width: 69px;} /* 144 */ #infographic-production .infographic-legend .legend.facilities-canola-soybean{ width: 115px;} /* 240 */ #infographic-production .infographic-legend .legend img{ width: 100%;} #infographic-regions { width: 460px;height: 206px;margin: 0 auto;} #infographic-regions .overlay { top: 13px;right: 43px;width:288px} #infographic-regions .infographic-legend { position: absolute;bottom: 19px;} #infographic-regions .infographic-legend .legend {position: absolute;width: 18px;height: 18px;cursor: pointer;opacity: 0;} #infographic-regions .infographic-legend .legend.region-1 { left: 106px;} #infographic-regions .infographic-legend .legend.region-2 { left: 178px;} #infographic-regions .infographic-legend .legend.region-3 { left: 249px;} #infographic-regions .infographic-legend .legend.region-4 { left: 320px;} } @media only screen and (max-width: 670px) { .ui-dialog { width: 600px !important; } .ui-dialog .ui-dialog-content { padding: 0 50px 30px 150px } .two-third .image-block .description, .two-third .image-block .summary { line-height: 16px; } .landing .half .image-block .description { line-height: 16px; } } @media only screen and (max-width: 640px) { .ui-dialog { width: 600px !important; } .ui-dialog .ui-dialog-content { padding: 0 50px 30px 150px } .two-third .image-block .description, .two-third .image-block .summary { line-height: 16px; } .landing .half .image-block .description, .landing .half .image-block .summary { line-height: 16px; } } @media only screen and (max-width: 575px) { .ui-dialog { width: 480px !important; } .ui-dialog .ui-dialog-content { padding: 0 55px 30px 55px } .two-third .image-block .description, .two-third .image-block .summary { font-size:13px; line-height: 14px; } .landing .half .image-block .description, .landing .half .image-block .summary{ font-size:13px; line-height: 14px; } .sf_2cols_2_75 { width:100%; margin-top:20px; margin-left:-20px; float:left;} .sf_2cols_1_67 { width:100%; } .sf_2cols_2_33 { width:100%; margin-top:20px; margin-left:0px;} .sf_2cols_2_33 .sf_2cols_2in_33 { margin-left:0px;} .sf_2cols_1_25 { width:100%;} .sf_2cols_1_75 { width:100%;} .sf_2cols_2_25 { width:100%;margin-top:20px;} .story .image-block { height:initial; } .story .image-block .image{ float:left; } .story .image-block { display: inline-block;width:100%; } .story > div > span:nth-child(odd) .image-block { margin: 0 5px 10px 10px;float:left; } .story > div > span:nth-child(even) .image-block { margin: 0 10px 10px 5px; float:right;} .story .full .sf_2cols_1_25 .image-block, .story .full .sf_2cols_2_25 .image-block { width: 218px; height: 570px; border: 1px solid #777676; color: #424242; display: inline-block; overflow:hidden;background-color:#e0e0e0;} .story .full .sf_2cols_1_25 .image-block .image, .story .full .sf_2cols_2_25 .image-block .image { float: none; } .story .full .sf_2cols_1_25 .image-block img, .story .full .sf_2cols_2_25 .image-block img { width: 218px; height: 219px; border-bottom: 1px solid #777676; } .story .full .sf_2cols_1_25 .image-block .title, .story .full .sf_2cols_2_25 .image-block .title { margin: 0;font-size:18px; font-weight:bold; color: #424242; line-height: 24px; padding:10px 13px 17px 13px;} .story .full .sf_2cols_1_25 .image-block .description, story .full .sf_2cols_2_25 .image-block .description { width: auto; margin: 0; font-size: 18px; color: #424242; line-height: 24px;padding:0 13px 13px 13px;-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } @media only screen and (max-width: 500px) { .image-block h1 {font-size:16px; } .landing .half .image-block h1, .landing .half .image-block .title { width: auto;font-size:16px !important;line-height: 18px;margin-left:165px;padding:10px 5px 10px 0; } .landing .half .image-block .description { width: auto;font-size:13px;margin-left:165px; } .two-third .image-block h1, .two-third .image-block .title, .two-third .image-block .description, .two-third .image-block .summary { margin-left: 165px; } .two-third .image-block h1, .two-third .image-block .title { padding: 10px 10px 10px 0; } .ui-dialog { width: 435px !important; } .ui-dialog .ui-dialog-content { padding: 0 45px 30px 45px } .two-third .image-block .description, two-third .image-block .summary { font-size:12px; line-height: 12px; } .landing .half .image-block .description, .landing .half .image-block .summary { font-size:12px; line-height: 12px; } } @media only screen and (max-width: 435px) { .ui-dialog { width: 415px !important; } .two-third .image-block .description, .two-third .image-block .summary { font-size:12px; line-height: 12px; } .landing .half .image-block .description, .landing .half .image-block .summary { font-size:12px; line-height: 12px; } .image-block h1 {font-size:16px; } } @media only screen and (max-width: 472px) { .image-rotator .RadRotator, .image-rotator .RadRotator.rrNoBorder .rrClipRegion { height: 148px !important; } .image-rotator .rrRelativeWrapper { height: 148px !important; background-color: #6f6f6f; } .image-rotator .RadRotator .rrClipRegion .rrItemsList .rrItem img { min-height:148px; } .home > .full:first-child { width: 100%; height: 190px; background-image: none; } .ui-dialog { width: 422px !important; } .ui-dialog .ui-dialog-content { padding: 0 20px 30px 20px } #how-heard-other { position: relative; top: 15px; left: auto; } #how-heard-tradeshow { position: relative; top: -45px; left: auto; } #how-heard-trade-organizations { position: relative; top: -105px; left: auto; } } @media only screen and (max-width: 380px) { .ui-dialog { width: 330px !important; } .ui-dialog .ui-dialog-content { padding: 0 10px 30px 10px; } /* .ui-dialog .ui-dialog-titlebar-close { right: 8px; } .ui-dialog .caption { position: absolute; bottom: 30px;background-color: #252525;opacity:.5;filter:alpha(opacity=50);color: #FFFFFF;width: 860px;padding: 10px; }*/ /*.thumb img{ margin-left:15%;} .thumb .title { margin-left:110px; } .thumb .decription { margin-left:110px; } .thumb .decription { margin-left:110px; }*/ .two-third .half .image-block h1, .two-third .half .image-block .title { font-size:14px !important;padding-bottom: 5px; } .landing .half .image-block h1, .landing .half .image-block .title { font-size:14px !important;padding-bottom: 5px; } .image-block h1 {font-size:14px; } .media-resources { margin: 10px; } .media-resources .content { padding: 20px 10px 0 10px; min-height: 200px; } .media-resources .tabs .tab-title { font-size: 10px; margin-right: 5px; height: 23px; line-height: 23px; overflow: hidden; border-left: 1px solid #363636; width: 70px; } .image-block .description, .image-block .summary {font-size: 10px;margin-left: 247px;padding: 0 5px 5px 0;line-height: 14px;} .media-resources .tabs .tab-title:first-child { width: 85px; } .media-resources .tabs .tab-title:last-child { float: left; } .media-resources .tabs .tab-title.desktop.tablet { display: none !important; } .media-resources .tabs .tab-title.selected { background-position: left -2px; } .media-resources .buttons { top: 100px; width: 96%;margin:0 auto !important; } .media-resources .buttons .button-left { left: 0px; } .media-resources .buttons .button-right { right: 10px; } .media-resources .RadRotator .rrRelativeWrapper { margin: 0 !important;height: 192px !important; width: 200px !important; } .media-resources .RadRotator, .media-resources .RadRotator.rrNoBorder .rrClipRegion { height: 192px !important; width: 200px !important; } .media-resources .RadRotator .rrClipRegion .rrItemsList { width: 200px !important; } .media-resources #tab-content-photos .RadRotator .rrRelativeWrapper { margin-left: 7px !important; } .media-resources #tab-content-photos .RadRotator .rrClipRegion .rrItemsList .rrItem { width: 100px !important; height: 86px !important; margin-right: 0; margin-bottom: 10px; } .media-resources #tab-content-photos .RadRotator .rrClipRegion .rrItemsList .rrItem img { width: 85px; height: 86px; } .media-resources .note { padding: 10px 0; margin: 0 auto;width:180px;font-size:10px; } .media-resources #tab-content-logos .RadRotator .rrRelativeWrapper { margin-left: 0px !important; width: 260px !important; } .media-resources #tab-content-logos .RadRotator, .media-resources #tab-content-logos .RadRotator.rrNoBorder .rrClipRegion { padding-left:10px; width: 260px !important; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList { width: 260px !important; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList .rrItem { width: 260px !important; height: 86px !important; margin-right: 0; margin-bottom: 10px; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList .rrItem img { width: 85px; height: 86px; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList .rrItem .title { margin-left: 95px; font-size: 10px; line-height: 14px; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList .rrItem .description { margin-left: 95px; font-size: 10px; line-height: 14px; max-height: 40px; overflow: hidden; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList .rrItem .download { margin-left: 95px; font-size: 10px; } .media-resources #tab-content-logos .RadRotator .rrClipRegion .rrItemsList .rrItem .download span { padding: 0 3px; } .media-resources #tab-content-videos .buttons { top: 100px; width: 96%;margin:0 auto !important; } .media-resources #tab-content-videos .RadRotator, .media-resources #tab-content-videos .RadRotator.rrNoBorder .rrClipRegion { height: 185px !important;width: 200px !important; } .media-resources #tab-content-videos .RadRotator .rrRelativeWrapper { margin-left: 0 !important; width: 200px !important;} .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem { width: 200px !important; height: 55px !important; margin-right: 0; margin-bottom: 10px;float:none; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(odd) > div { padding: 0 !important; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(even) > div { padding-left: 0; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem > div { width: 200px; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem img { width: 85px; height: 55px; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem .play, .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(odd) .play, .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(even) .play { top:15px; left: 27px; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem .play img { width: 26px; height: 26px; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem .video-thumb { float: left; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem .video-thumb img { width: 85px; height: 55px; } .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem .caption { padding: 0; font-size:10px; line-height:14px; width:110px; max-height: 55px; overflow:hidden;margin-left:95px;} .media-resources #tab-content-videos .RadRotator .rrClipRegion .rrItemsList .rrItem .caption .description { display:none;} .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrRelativeWrapper { margin-left: 0 !important; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList { width: 200px !important; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem { width: 200px !important; height: 86px !important; margin-right: 0; margin-bottom: 10px; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(odd) > div { padding-right: 0; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(even) > div { padding-left: 0; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem .thumb { float: left;width: 85px; height: 86px; border:1px solid #363636;} .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem img { width: 85px; height: 86px; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem .title { margin-left: 95px; font-size: 10px; line-height: 14px; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem .description { margin-left: 95px; font-size: 10px; line-height: 14px; max-height: 40px; overflow: hidden; } .media-resources.mobile #tab-content-mobile-brochures .RadRotator .rrClipRegion .rrItemsList .rrItem .link { margin-left: 95px; font-size: 10px; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrRelativeWrapper { margin-left: 0 !important; width: 260px !important; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator, .media-resources.mobile #tab-content-mobile-press-releases .RadRotator.rrNoBorder .rrClipRegion { width: 260px !important; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList { width: 260px !important; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem { width: 260px !important; height: 86px !important; margin-right: 0; margin-bottom: 10px; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(odd) > div { padding-right: 0; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem:nth-child(even) > div { padding-left: 0; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem .thumb { float: left;width: 85px; height: 86px; border:1px solid #363636;} .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem img { width: 85px; height: 86px; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem .title { margin-left: 95px; font-size: 10px; line-height: 14px; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem .description { margin-left: 95px; font-size: 10px; line-height: 14px; max-height: 40px; overflow: hidden; } .media-resources.mobile #tab-content-mobile-press-releases .RadRotator .rrClipRegion .rrItemsList .rrItem .link { margin-left: 95px; font-size: 10px; } } @media only screen and (max-width: 360px) { .ui-dialog { width: 340px !important; } .ui-dialog .ui-dialog-content { padding: 0 0px 30px 0px } .one-third .sfContentBlock { font-size: 28px; } .one-third .full .sfContentBlock a { font-size: 28px; } .one-third .full .sfContentBlock a .small { font-size: 14px; } .two-third .image-block h1, .two-third .image-block .title { font-size:13px; line-height: 13px; } .two-third .half .image-block h1, .two-third .half .image-block .title { line-height:16px; } .two-third .half .image-block .description, .two-third .half .image-block .summary { font-size: 12px;line-height:14px; } .landing .half .image-block h1, .landing .half .image-block .title { font-size:13px; line-height:15px; } .landing .half .image-block .description, .landing .half .image-block .summary { font-size: 13px;line-height:14px; } .two-third .image-block {display: block;width: 100%;float: none;margin-bottom: 9px;height: 170px;} .two-third .image-block img {width: 100%;height: 170px;} } @media only screen and (max-width: 340px) { .ui-dialog { width: 330px !important; } /*.two-third .half .image-block .image { width: 50%; } .two-third .half .image-block img { width: 100%; height: auto; } .two-third .half .image-block h1, .two-third .half .image-block .title { margin-right:50%;} .landing .half .image-block .image { width: 50%; } .landing .half .image-block img { width: 100%; height: auto; } .landing .half .image-block h1, .landing .half .image-block .title { margin-left:50%; } .landing .half .image-block .description { margin-left:50%; }*/ } @media only screen and (max-width: 480px) { #infographic-production .overlay { top: 26px;left: 19px;width: 141px;} #infographic-production{ width: 300px;height: 137px;margin: 0 auto;} #infographic-production .infographic-legend{ top: 10px;right: 22px;} #infographic-production .infographic-legend .title.acerage{ width: 70px;} #infographic-production .infographic-legend .title.facilities{ width: 77px;padding-top: 6px;} #infographic-production .infographic-legend .legend{ padding-bottom: 2px;} #infographic-production .infographic-legend .legend.acerage-soybean{ width: 40px;} /*Original size (125) x 0.40 */ #infographic-production .infographic-legend .legend.acerage-sunflower{ width: 47px;} /* 147 */ #infographic-production .infographic-legend .legend.acerage-canola{ width: 39px;} /* 122 */ #infographic-production .infographic-legend .legend.acerage-safflower{ width: 46px;} /* 143 */ #infographic-production .infographic-legend .legend.facilities-soybean{ width: 51px;} /* 159 */ #infographic-production .infographic-legend .legend.facilities-canola{ width: 46px;} /* 144 */ #infographic-production .infographic-legend .legend.facilities-canola-soybean{ width: 70px;} /* 240 */ #infographic-production .infographic-legend .legend img{ width: 100%;} #infographic-regions { width: 300px;height: 137px;margin: 0 auto;} #infographic-regions .overlay { top: 5px;right: 25px;width:194px} #infographic-regions .infographic-legend { position: absolute;bottom: 15px;} #infographic-regions .infographic-legend .legend {position: absolute;width: 12px;height: 12px;cursor: pointer;opacity: 0;} #infographic-regions .infographic-legend .legend.region-1 { left: 69px;} #infographic-regions .infographic-legend .legend.region-2 { left: 116px;} #infographic-regions .infographic-legend .legend.region-3 { left: 162px;} #infographic-regions .infographic-legend .legend.region-4 { left: 208px;} } /* Smartphones (portrait) (ie: Galaxy 1) */ @media only screen and (max-width : 321px) { .ui-dialog { width: 300px !important; } .one-third .sfContentBlock { font-size: 24px; } .one-third .full .sfContentBlock a { font-size: 24px; } .one-third .full .sfContentBlock a .small { font-size: 12px; } .two-third .half .image-block h1, .two-third .half .image-block .title { font-size:14px !important; padding-bottom: 5px; } .two-third .half .image-block .description, .two-third .half .image-block .summary { font-size: 10px; } .two-third .image-block .description { font-size:10px; } .landing .half .image-block h1, .landing .half .image-block .title { padding-bottom: 5px; } .landing .half .image-block .description, .landing .half .image-block .summary { font-size: 10px;line-height:12px; } } @media only screen and (max-width: 290px) { /* MODAL .ui-dialog { width: 300px !important; height: auto !important; } .ui-dialog .ui-dialog-content { padding: 0 0px 0px 0px; }*/ .one-third .sfContentBlock { font-size: 20px; } .one-third .full .sfContentBlock a { font-size: 20px; } .two-third .half .image-block h1, .two-third .half .image-block .title { font-size:14px !important;padding-bottom: 0; } .two-third .half .image-block .description, .two-third .half .image-block .summary { font-size: 10px; line-height: 12px; } .landing .half .image-block h1, .landing .half .image-block .title { font-size:14px !important; padding-bottom: 0; } .landing .half .image-block .description, .landing .half .image-block .summary { font-size: 10px; line-height: 12px;} }