/* stories */
.homestories {
   width:100%;
   position: relative;
   overflow: hidden;
}
.homestories__images {
   position: absolute;
   width:100%;
   height: 100%;

}
.homestories__image {
   position: absolute;
   width:100%;
   height: 100%;
   padding-right: 1px;
   opacity: 0;
   transition: opacity 0.5s ease;
}
.homestories__image img {
   min-width: 100%;
   min-height: 100%;
   max-width: 100%;

}
a:focus .homestories__image,
.homestories__image--current,
.homestories__image--active {
   opacity: 1;
}

.homestories__boxes {
   position: relative;
}
.homestories__box {
   width:33.33%;
   padding-top:24%;
   float:left;
   position: relative;
   border:2px solid #fff;

}
.homestories__box__bg {
   width: 100%;
   height:100%;
   position: absolute;
   top:0;
}
.homestories__box__image {
   display: none;
}

/* natural white */
/* .story__menu__indicator--current[data-key="0"]{
background:rgba(250,246,240,1);
}
a:focus .homestories__box[data-key="0"] .homestories__box__bg{
background:rgba(250,246,240,1);
}
.homestories__box[data-key="0"] .homestories__box__bg {
background:rgba(250,246,240,0);
}

.homestories__box--active.homestories__box[data-key="0"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="0"] .homestories__box__bg {
background:rgba(250,246,240,0.9);
}
.homestories__box[data-key="0"] .homestories__box__content{
color:#09264E;
}
.homestories__box[data-key="0"] .homestories__box__link{
background-image: url('../img/icons/gotoDkBlue.svg');
} */
/* green */
.story__menu__indicator--current[data-key="0"],
.story__menu__indicator--current[data-key="3"],
.story__menu__indicator--current[data-key="6"] {
   background:rgba(115,122,77,1);
}
a:focus .homestories__box[data-key="0"] .homestories__box__bg,
a:focus .homestories__box[data-key="3"] .homestories__box__bg,
a:focus .homestories__box[data-key="6"] .homestories__box__bg {
   background:rgba(115,122,77,1);
}
.homestories__box[data-key="0"] .homestories__box__bg,
.homestories__box[data-key="3"] .homestories__box__bg,
.homestories__box[data-key="6"] .homestories__box__bg {
   background:rgba(115,122,77,0);
}
.homestories__box--active.homestories__box[data-key="0"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="0"] .homestories__box__bg,
.homestories__box--active.homestories__box[data-key="3"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="3"] .homestories__box__bg,
.homestories__box--active.homestories__box[data-key="6"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="6"] .homestories__box__bg
{
   background:rgba(115,122,77,0.9);
}


/* blue */
.story__menu__indicator--current[data-key="1"],
.story__menu__indicator--current[data-key="5"],
.story__menu__indicator--current[data-key="7"] {
   background:rgba(20,40,77,1);
}
a:focus .homestories__box[data-key="1"] .homestories__box__bg,
a:focus .homestories__box[data-key="5"] .homestories__box__bg,
a:focus .homestories__box[data-key="7"] .homestories__box__bg{
   background:rgba(20,40,77,1);
}

.homestories__box[data-key="1"] .homestories__box__bg,
.homestories__box[data-key="5"] .homestories__box__bg,
.homestories__box[data-key="7"] .homestories__box__bg{
   background:rgba(20,40,77,0);
}
.homestories__box--active.homestories__box[data-key="1"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="1"] .homestories__box__bg,
.homestories__box--active.homestories__box[data-key="5"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="5"] .homestories__box__bg,
.homestories__box--active.homestories__box[data-key="7"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="7"] .homestories__box__bg
{
   background:rgba(20,40,77,0.9);
}

/*red*/
.story__menu__indicator--current[data-key="2"],
.story__menu__indicator--current[data-key="4"],
.story__menu__indicator--current[data-key="8"] {
   background:rgba(232,49,45,1);
}

a:focus .homestories__box[data-key="2"] .homestories__box__bg,
a:focus .homestories__box[data-key="4"] .homestories__box__bg,
a:focus .homestories__box[data-key="8"] .homestories__box__bg{
   background:rgba(232,49,45,1);
}

.homestories__box[data-key="2"] .homestories__box__bg,
.homestories__box[data-key="4"] .homestories__box__bg,
.homestories__box[data-key="8"] .homestories__box__bg{
   background:rgba(232,49,45,0);
}
.homestories__box--active.homestories__box[data-key="2"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="2"] .homestories__box__bg,
.homestories__box--active.homestories__box[data-key="4"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="4"] .homestories__box__bg,
.homestories__box--active.homestories__box[data-key="8"] .homestories__box__bg,
.homestories__box--current.homestories__box[data-key="8"] .homestories__box__bg
{
   background:rgba(232,49,45,0.9);
}


.homestories__box__content {
   position: absolute;
   width:100%;
   bottom:0;
   padding:30px 20px;
   transition: opacity 0.5s ease;
   opacity: 0;
   color:#fff;
}
a:focus .homestories__box__content,
.homestories__box--current .homestories__box__content,
.homestories__box--active .homestories__box__content{
   opacity: 1;
}
.homestories__box__readmore {
   margin-top: 20px;
}
.homestories__box__readmore__text {
   font-family: ProximaNova-Medium;
   font-size: 11px;
   text-transform: uppercase;
   vertical-align: middle;
}
.homestories__box__link {
   width:13px;
   height:13px;
   background:url('../img/icons/gotoWhite.svg') no-repeat;
   background-size: cover;
   display: inline-block;
   vertical-align: middle;
}
.homestories__box__title {
   font-size: 29px;
   font-family: Rockwell-Bold;
   line-height: 1;
   margin-bottom: 10px;
}
.fr .homestories__box__title {
   font-size: 22px;

}

.homestories__box__description {
   margin-right:60px;
   padding-top:10px;
   border-top: 1px solid rgba(255,255,255,0.5);
   font-family: ProximaNova-Regular;
   font-size: 13px;
   line-height: 1.2;
}
.story {
   padding-top:20px;
}
.story-section {
   margin-top:60px;
}
.story__headimage {
   width:100%;
   padding-top:30%;
   overflow: hidden;
   position: relative;
   margin-bottom: 10px;
}
.story__headimage img {
   position: absolute;
   top:0;
   width:100%;

}
.story__menu {
   display:inline-block;
   position: absolute;
   z-index: 2;
   top:20px;
   right:20px;
   padding:3px;

}
.story__menu__indicator {
   display: inline-block;
   width: 15px;
   height:10px;
   background:#fff;
}


.story__body {
   margin-top: 20px;
   border-bottom: 1px solid #ccc;
}

.story .cta {

   border:0;
}
.story .story__extra .cta {
   margin-bottom: 20px;
}
.story__quote {
   padding:0 60px;
}
.story__intro {
   font-size: 18px;
   font-family: ProximaNova-Regular;
   line-height: 1.2;
   margin-bottom: 20px;
   color:#09264E;
   letter-spacing: 0.4px;
}
.story__intro a {
   text-decoration: underline;
   transition: all 0.3s ease;
}
.story__intro a:hover {
   opacity: 0.65;
}
.story__intro__margin--b {
   margin-bottom: 10px;
}
.story__date {
   text-align: left;
   margin:20px 0;
   color:#555;
   font-size: 11px;
   clear: both;
   font-family: ProximaNova-Semibold;
}
.story__highlight {
   color:#ee2e30;
   font-family: Rockwell-Bold;
}

.story__category {
   margin-bottom: 5px;
}
.story__categories__label {
   margin-bottom: 15px;
   letter-spacing: .18em;
   font-size: 11px;
   color:#09264e;

   text-transform: uppercase;
   font-family: ProximaNova-Medium;
}
.story__category__text {
   color:#1e4baf;
   font-size: 12px;
   font-family: ProximaNova-Bold;
   text-transform: uppercase;
   letter-spacing: 2px;
   margin-bottom: 5px;
}
.story__category[data-story-category="_foodsecurity_"],
.story__category[data-story-category="_foodsystem_"],
.story__category[data-story-category="_foodsafety_"] {
   background:#e8312d;
}

.story__category[data-story-category="_sustainability_"] {
   background:#737a4d;
}
.story__slug {

   margin-bottom: 30px;
}
.story__slug__label {
   font-family: ProximaNova-Bold;
   font-size: 12px;
   text-transform: uppercase;
   color:#E8312D;
   padding:13px 40px;
   background:#f2e9db;
   margin-bottom: -1px;
   border-radius: 20px;
   display: inline-block;
   letter-spacing: 1.8px;
}
.relatedstory .cta__title {
   font-size: 23px;
}
.relatedstory .cta__description {
   margin-right: 0;
}
.relatedstory__left {
   padding-right: 3px;
}
.relatedstory__left .cta__position {
   padding-top: 32%;
}
.relatedstory .slides__nav {
   position: absolute;
   top: -55px;
   right: 20px;
   margin-top: 0;

}
.storyrelated {
   width:25%;
   width:calc(25% - 20px);
   float:left;
   position: relative;

}

.storyrelated:nth-child(1) {
   margin-right:10px;
   margin-left:10px;
}
.storyrelated:nth-child(2) {
   margin-right:10px;
   margin-left:10px;
}
.storyrelated:nth-child(3) {
   margin-right:10px;
   margin-left:10px;
}
.storyrelated:nth-child(4) {
   margin-left:10px;
}
.storyrelated__content {
   width:100%;

   overflow: hidden;
}
.storyrelated__banner {
   width: 100%;
   overflow: hidden;
   position: relative;
}
.storyrelated .cta__link {
   position: absolute;
   z-index: 2;
   bottom: 20px;
   left:20px;
   margin-bottom: 0;
}
.storyrelated--story .storyrelated__banner img{
   min-width: 100%;
   max-width: 140%;
   max-height: 100%;
}

.storyrelated__text {
   padding:20px 40px;
}
.leftpaddinghalf .storyrelated__text {
   padding:20px 20px;
}
.storyrelated__title {
   color:#555555;
   font-family: Rockwell-Bold;
   font-size: 23px;
   margin-bottom: 10px;
   line-height: 1;
}
.storyrelated__description {
   color:#555555;
   font-family: ProximaNova-Regular;
   font-size: 13px;
   line-height: 1.2;

}
.storyrelated--news {
   width:25%;
   width:calc(25% - 6px);

}
.storyrelated--news:nth-child(1) {

   margin-right:6px;
}
.storyrelated--news:nth-child(2) {
   margin-right:3px;
   margin-left:3px;
}
.storyrelated--news:nth-child(3) {
   margin-right:3px;
   margin-left:3px;
}
.storyrelated--news:nth-child(4) {
   margin-left:6px;
}
.storyrelated--news .storyrelated__banner {
   width: 100%;
   height:55%;
   overflow: hidden;
}
.storyrelated--news .storyrelated__banner img{

   height:100%;


}
.story[data-post-id="233324"] .cta--small .cta__title {
   font-size: 16px;
}


.featuredstory {
   border-bottom: 1px solid #cccccc;
   padding-bottom: 30px;
}
.featuredstory__categories {
   color:#004ab5;
   font-family: ProximaNova-Bold;
   font-size: 11px;
   letter-spacing: 1px;
   text-transform: uppercase;
}
.featuredstory__category {
   padding-right: 10px;
   margin-right: 10px;
   border-right: 1px solid #cccccc;
}
.featuredstory__category:last-child {
   border-right: 0;
   margin-right: 0;
   padding-right: 0;
}
.featuredstory__image {
   margin-bottom: 20px;
}
.featuredstory__image img {
   width: 100%;
}
.featuredstory__summary.content-height--restrict .content-height__content {
   max-height: 300px;
}
.continue {
   color:#e8312d;
   font-family: ProximaNova-Medium;
   font-size: 12px;
   text-transform: uppercase;
   vertical-align: middle;
   letter-spacing: .03em;
}
.continue--white {
   color:#fff;
}
.continue__icon {
   width: 13px;
   height: 13px;
   background: url('../img/icons/gotoRed.svg') no-repeat;
   background-size: 100%;
   display: inline-block;
   vertical-align: middle;
   margin-left: 5px;
}
.continue--white .continue__icon {
   background: url('../img/icons/gotoWhite.svg') no-repeat;
}
.featuredstory__date {
   font-family: ProximaNova-Bold;
   font-size: 11px;
   margin-top: 30px;
}
.otherstories {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   margin-top: 20px;
   padding-bottom: 30px;
   border-bottom: 1px solid #ccc;
}
.otherstory {
   width: calc(50% - 20px);
   margin-top: 50px;

}
.otherstory__image {
   height: 50%;
   overflow: hidden;
}

.otherstory__image img {
   width: 100%;
}
.otherstory__category {
   color:#004ab5;
   font-family: ProximaNova-Bold;
   font-size: 11px;
   letter-spacing: 1px;
   text-transform: uppercase;
   margin-top: 20px;
}
.visitarchive {
   margin-top: 50px;
}
.otherstory__date {
   font-family: ProximaNova-Bold;
   font-size: 11px;
   margin-bottom: 10px;
}
/* end stories*/

/* news */

.ourviews__headimage {
   width: 100%;

}
.ourviews__headimage img {

   width:100%;
}
.ourviews__topmargin  {
   margin-top: 20px;
}
.news-releases {
   margin-top:40px;
}

.news-releases .slides__nav {
   position: absolute;
   top: -40px;
   right: 20px;
   margin-top: 0;

}
.morenews{
   width:33.33%;
   float:left;
   padding-right:40px;

}
.morenews__date {
   font-size:11px;
   color:#14284d;
   font-family: ProximaNova-Medium;
   letter-spacing: 1px;
   margin-bottom: 5px;
}
.morenews__title {
   color:#14284d;
   font-family: ProximaNova-Regular;
   line-height: 1.1;
   font-size: 18px;
   margin-bottom: 10px;
   letter-spacing: 0.4px;
}
.morenews__subtitle {
   color:#14284d;
   font-family: ProximaNova-Regular;
   line-height: 1.1;
   font-size: 14px;
   margin-bottom: 10px;
   margin-top: -5px;
}
.morenews__content {
   font-size:12px;
   color:#333333;
   font-family: ProximaNova-Regular;
   line-height: 1.2;

}
.morenews__more {
   color:#14284d;
   font-size: 11px;
   text-transform: uppercase;
   font-family: ProximaNova-Medium;
   margin-top:10px;
   letter-spacing: 1.8px;
}
.leader-cta {
   margin-bottom: 0;
   margin-left: 20px;
}

.news-section__post {
   margin-top:40px;
}
.news .cta__content {
   background:#e8312d;
}
/* end news */

/* blog */
.searchblogbox {
   margin-top:20px;
}
.searchblogbar__border {
   overflow: hidden;
   -webkit-display: flex;
   display: flex;
}

.searchblogbar__input {

   border:1px solid #14284d;
   border-radius:2em 0 0 2em;
   background:#fff;
   width: calc(100% - 42px);
   overflow: hidden;
}
.searchblogbar__input input {
   width: 100%;
   border: 0;
   padding: 10px 12px;
   margin: 0;
   display: block;
   -webkit-appearance: none;
   -moz-appearance: none;
}
.searchblogbar__input input:focus {
   outline:none;
}
.searchblogbar__button {
   background:#14284d;
   border-radius:0 2em 2em 0;
   overflow: hidden;
   display: block;

}
.searchblogbar__button button {
   padding:10px 15px;
   background:none;
   color:#fff;
   cursor: pointer;
   transition: all 0.3s ease;
   display: inline-block;
   border: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
}
.searchblogbar__button:hover {
   opacity: 0.65;
}
.stories-container .otherstories {
   margin-top: 0;
}
.stories-container__more[aria-hidden="true"] {
   display: none;
}
.stories-container {
   transition: all 0.3s ease;
}
.stories-container--loading  {
   pointer-events: none;
   opacity: 0.25;
}
.stories-container__more__btn {
   width: 100%;
   text-align: center;
   margin-bottom:50px;
}
.stories-container__more__icon {
   background:#ee2e30;
   border-radius:50%;
   width:20px;
   height:20px;
   font-size: 23px;
   color:#fff;
   display: inline-block;
   text-align: center;
   margin-bottom: 5px;
   margin-top:20px;
   line-height: 20px;

}
.stories-container__more__icon::before {
   content:"+";

}

.stories-container__more__text {
   color:#e8312d;
   font-family: ProximaNova-Medium;
   font-size: 11px;
   letter-spacing: 1px;
   text-transform: uppercase;
   letter-spacing: 1.8px;

}
.filters {
   background:#004ab5;
   color:#fff;
   padding:20px;
   font-size: 12px;
}
.filters__button {
   background:none;
   color:#fff;
   border-radius: 30px;
   display: inline-block;
   padding: 10px 30px;
   transition: all 0.3s ease;
   border:0;
   border:1px solid #fff;
   line-height: 1;
   position:relative;
   text-align: center;
   font-family: ProximaNova-Medium;
   font-size: 14px;
   text-transform: uppercase;
   width: 100%;
}
.storyfilter .ui-checkboxradio-icon {
   color:#004ab5;
}
.storyfilter .ui__checkbox {
   margin-bottom: 10px;
}
.storyfilter .ui-checkboxradio-label.ui-state-active {
   font-family: ProximaNova-Bold;
}
.storyfilter .ui-checkboxradio-label {
   line-height: 1;
}
.storyfilter  .ui__checkbox .ui-checkboxradio-icon.ui-state-checked {
   color:#004ab5;
   background: #fff;
}
.storyfilters__title {
   font-family: Rockwell-Bold;
   line-height: 1;
   margin-bottom: 10px;
   font-size: 20px;
   padding-bottom: 10px;
   border-bottom: 1px solid #fff;
   margin-bottom: 15px;
}
.storyfilter {
   margin-bottom: 10px;
   border-bottom: 1px solid rgba(255,255,255,0.4);
   padding-bottom: 10px;
}
.storyfilter__checkboxes {
   overflow: hidden;
   max-height: 1000px;
   margin-top: 20px;
   transition: all 0.3s ease;

}
.storyfilter__checkboxes[aria-hidden="true"] {
   opacity: 0;
   max-height: 0;
   margin-top: 0px;
}
.storyfilter__toggle {
   font-family: ProximaNova-Medium;
   letter-spacing: .18em;
   text-transform: uppercase;
   position: relative;
}
.storyfilter__toggle::after {
   content: "+";
   position: absolute;
   right: 10px;
   top:0px;
}
.storyfilter__toggle[aria-expanded="true"]::after {
   content: "–";
}
.stories-container__tags {
   display: -webkit-flex;
   display: flex;
}
.stories-container__filters {
   width: 70%;
}
.stories-container__clearall {
   width: 30%;
   padding-left: 20px;
   text-align: right;
   color:#004ab5;
   text-decoration: underline;
   font-size: 16px;
   margin-top: 10px;
}
.stories-container__filter {
   display: inline-block;
   background:#004ab5;
   padding: 5px 10px;
   border-radius: 2em;
   font-family: ProximaNova-Semibold;
   text-transform: uppercase;
   color:#fff;
   line-height: 1;
   font-size: 12px;
   letter-spacing:.18em;
   margin-right: 10px;
   margin-top: 10px;
   cursor: pointer;
}
..stories-container__filter .fa {
   font-size: 11px;
   vertical-align: middle;
}
.rssbox {
   font-size: 12px;
   font-family: ProximaNova-Bold;
   color:#14284d;
   text-transform: uppercase;
   letter-spacing: 2px;
   margin-top:20px;
   padding-top: 20px;
   border-top: 1px solid #ccc;
}
.rssbox .fa {
   color:#e8312d;
}
.storylinks {
   margin-top:20px;
   padding: 20px 0;
   border-top: 1px solid #ccc;
}
.storylinks a {
   margin-bottom: 10px;
   display: block;
}
.storylinks a:last-child {
   margin-bottom: 0;
}
.story-noresults {
   margin-top: 30px;
}
/* blog */

/* ui */
.ui {
   line-height: 1.2;

}
.ui-icon {
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;

   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;


   font-size: 14px;

   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   transition: all 0.3s ease;

}
.ui-icon:hover {
   opacity: 0.85;
}

.ui__checkbox {
   width: 100%;
}

.ui__checkbox label {
   text-align: left;
   padding-left: 20px;
   position: relative;
}

.ui__checkbox .ui-checkboxradio-icon {
   top:0px;
   left: 0px;
   position: absolute;
   border: 1px solid #fff;
   background: transparent;
   font-size: 0.8em;
   color:#000;
   height: 12px;
   width: 12px;
}
.ui__radiogroup {
   font-size: 13px;
}
.ui__radiogroup legend {
   text-transform: uppercase;
   margin-bottom: 5px;
}
.ui__radiogroup label {
   margin-right: 30px;
   font-family: Din-AltBold;
   margin-bottom: 5px;
}
.ui__radiogroup .ui-checkboxradio-icon {
   margin-right: 5px;
}

.ui__field {
   font-size: 13px;
   margin-bottom: 10px;
}
.ui__field textarea,
.ui__field input,
.ui__field label {
   display: block;
   width: 100%;
}
.ui__field label {
   margin-bottom: 5px;
   text-transform: uppercase;
}
.ui__field input,
.ui__field textarea {
   background: #fff;
   padding:4px;
   border: 1px solid #a6a6a6;
}



.ui__field .ui-selectmenu-button {
   display: block;
   width:100%;
   background: #fff;
   padding:5px;
   border:1px solid #a6a6a6;
}

.ui-selectmenu-menu .ui-menu-item {
   color:#000;
   font-size: 13px;
}
.ui-selectmenu-button-open .ui-selectmenu-icon {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   margin-top: -5px;
}
.ui-datepicker {
   background: #fff;
   color:#000;
   border:1px solid #c6c6c6;
   border-radius: 3px;
}
.ui-datepicker td {
   padding:2px;
}
.ui-datepicker td a {
   background:#f6f6f6;
   border:1px solid #c6c6c6;
   color:#000;
}
.ui-datepicker td a:hover {
   background:#64ccc9;
   border-color: #64ccc9;
}

.ui-datepicker-header {
   background:#e9e9e9;
   border:1px solid #d8d8d8;

}
.ui-datepicker .ui-state-highlight {
   background:#c0c0c0;
   color:#000;
   border-color: #c0c0c0;
}

.ui-icon-check::before {
   content: "\f00c";
   font-family: inherit;
}
.ui-icon-triangle-1-s::before {
   content: "\f0d7";
}

.ui-icon-circle-triangle-w::before,
.ui-icon-circle-triangle-e::before {
   content: "\f0da";
   position: absolute;
   text-indent: 0;
   left:0;
}
.ui-icon-circle-triangle-w::before {
   content: "\f0d9";

}
.ui__note {
   margin-top: 5px;
}
.ui-selectmenu-menu .ui-menu {
   height: 100px;
}
/* end ui */