.bg-custom-Sustainability {
   background-image: url("/sustainability/img/hero-sustainability@2x.jpg");
}
.sust-two {
   padding: 3em 0;
}
.sust-two__left {
   width: 342px;
   float:left;
   margin-bottom: 2em;
   margin-right: 60px;
}
.sust-two__left img {
   width: 100%;
   border-radius: 2%;
}
.sust-two__right .big-subtitle {
   margin: 0;
   padding-top: 20px;
   max-width: 100%;
   /*padding-*/
}
.sust-cta {
   background-color: #EA6F0B;
   padding: 2em 0;
   color: #fff;
   font-size: 40px;
}

.sust-cta__heading {
   font-weight: 700;
   font-size: 1.2em;
   margin-bottom: 1em;
}

.sust-cta p+p {
   margin-top: 1em;
}

.sust-cta__padding {
   position: relative;
   padding-left: 70px;
}

.sust-cta__padding:before {
   content: "";
   position: absolute;
   width: 49px;
   height: 43px;
   background: url('/sustainability/img/quote-green.svg') no-repeat;
   background-size: contain;
   top: -20px;
   left: 0;
   display: block;
}

.sust-text {
   font-size: 19px;
   font-family: Lato;
   font-weight: 300;
   padding-top: 20px;
}

.sust-text p {
   line-height: 1.4;
}

.sust-text p+p {
   margin-top: 1em;
}

.sust-text .h2 {
   color: #DB680A;
   font-size: 36px;
   margin-bottom: 20px;
   margin-top: 0;
}

.sust-text .h3 {
   margin-bottom: 20px;
   margin-top: 0;
}

.sust-text p+.h3 {
   margin-top: 20px;
}

.sust-text ul {
   list-style: none;
   padding-left: 0;
}

.sust-text ul ul {
   padding-left: 1em;
}

.sust-text ul li {
   position: relative;
   padding-left: 1em;
}

.sust-text ul li+li {
   margin-top: 0.5em;
}

.sust-text ul li:before {
   content: "";
   position: absolute;
   width: 7px;
   height: 7px;
   left: 0;
   top: 0.5em;
   border-radius: 50%;
   background: #8DC63E;
   display: block;
}

.sust-text p a,
.sust-text li a {
   font-weight: 700;
   text-decoration: underline;
}
.sust-text .img-responsive {
   margin-bottom: 1em;
}
.big-subtitle p a {
   font-weight: 700;
   text-decoration: underline;
}

.sust-pillar .nav-tabs {
   margin: 4em 0 1em;
   background: #fff;
   /*border-right: 1px solid #8DC63E;*/
   position: sticky;
   position: -webkit-sticky;
   top: 0;
   z-index: 3;
   list-style-type: none;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   justify-content: center;
   border-right: 1px solid #8DC63E;
}

.sust-pillar .nav-item {
   text-align: center;
   font-size: 14pt;
   font-weight: bold;
   border: 1px solid #8DC63E;
   -webkit-flex: 1 1 auto;
   flex: 1 1 auto;
   padding: 0.5em 0.5em;
   color: #000000;
   background-color: #fff;

   margin-right: 0;
   border-right: 0;
   border-radius: 0;
}


    .sust-pillar .nav-item[aria-expanded="true"],
    .sust-pillar .nav-item.active,
    .sust-pillar .nav-item:hover,
    .sust-pillar .nav-item:focus {
        color: #fff;
        background-color: #BE5A09;
        border: 1px solid #8DC63E;
        border-right: 0;
        cursor: default;
    }

.sust-download {
   background: #8DC63E;
   padding: 3em;
   text-align: center;
}

.sust-download__label {
   font-size: 42px;
   color: #fff;
   display: inline-block;
   position: relative;
   padding-right: 80px;
}

.sust-download__icon {
   width: 52px;
   position: absolute;
   display: block;
   right: 0;
   top: 0;
}

.sust-padding {
   padding: 3em 2em;
}


.sust-hero {
   background-repeat: no-repeat;
   background-size: cover;
   background-position:center;
   height: 329px;
   text-align: center;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-align-items: center;
   align-items: center;
   position: relative;
   color: #fff;
}

.sust-hero:before {
   position: absolute;
   content: "";
   display: block;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.45);
   top: 0;
   left: 0;
   z-index: 0;
}

.sust-hero__text {
   position: relative;
   z-index: 1;
   text-align: center;
   width: 100%;
}

#panel-our-food .sust-hero {
   background-image: url('/sustainability/img/hero-our-food@2x.jpg');
}

#panel-our-environment .sust-hero {
   background-image: url('/sustainability/img/hero-our-environment@2x.jpg');
}

#panel-our-people .sust-hero {
   background-image: url('/sustainability/img/hero-our-people@2x.jpg');
}

#panel-our-communities .sust-hero {
   background-image: url('/sustainability/img/hero-our-communities@2x.jpg');
}

.sust-approach__items {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   width: 100%;
}

.sust-approach__items--centered {
   -webkit-justify-content: center;
   justify-content: center;
}

.sust-approach__item {
   width: calc(33.33% - 27px);
   margin-right: 40px;
   margin-top: 40px;
}

.sust-approach__item:last-child {
   margin-right: 0;
}



.sust-approach__item:nth-child(3n+3) {
   margin-right: 0;
}

.sust-approach__item .h3 {
   text-align: center;
}



.sust-bg-orange {
   background: #EA6F0B;
}


.sust-highlight__items {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}

.sust-highlight__item {
   width: 33.33%;
   padding: 0 1.5em;
   color: #fff;
   border-right: 1px solid #fff;
   line-height: 1.4;
   font-size: 18pt;
   margin: 1em 0;
}

.sust-highlight__item a {
   color: #fff;
   text-decoration: underline;
}

.sust-highlight__item:nth-child(3n+3) {
   border-right: 0;
}

.sust-highlight__item__medium {
   font-size: 34px;
   font-weight: 700;
   line-height: 1;
   margin-bottom: 10px;
   margin-top: 34px;
   display: block;
   min-height: 2em;
}

.sust-highlight__item__large {
   font-size: 70px;
   font-weight: 700;
   line-height: 1;
   margin-bottom: 10px;
   display: block;
}


.sust-image-cta {
   padding: 3em 3em;
   background-repeat: no-repeat;
   background-size: cover;
}

#sust-image-cta-covid {
   background-image: url('/sustainability/img/food-6@2x.jpg');
}

.sust-image-cta__box {
   width: 50%;
   padding: 3em;
   background: #fff;
}

.sust-margin-top {
   margin-top: 1em;
}


/* 2022 additions */
.sust-infographic {
   margin: 4em 0 4em;
}

.sust-infographic__heading {
   padding-left: 400px;
}

.sust-infographic__flex {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;

}

.sust-infographic__circle {
   width: 342px;
   height: 342px;
   position: relative;

}

.sust-infographic__circle__middle{
   content: "";
   position: absolute;
   background: #fff;
   border-radius: 50%;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
   width: 125px;
   height: 125px;
   transition: all 0.3s ease;
  
     

}
.sust-infographic__circle__middle:hover {
   background-color: #f0f0f0;
}

.sust-infographic__circle__item {
   width: 169px;
   height: 169px;
   position: absolute;
   background: #F78429;
}

.sust-infographic__circle__item img {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}

.sust-infographic__circle__item[aria-expanded="true"],
.sust-infographic__circle__item:hover {
   background-color: #DB680A;

}

.sust-infographic__circle__item[data-id="communities"] {
   border-top-left-radius: 100%;
   left: 0;
   top: 0;
}

.sust-infographic__circle__item[data-id="food"] {
   border-top-right-radius: 100%;
   right: 0;
   top: 0;
}

.sust-infographic__circle__item[data-id="people"] {
   border-bottom-left-radius: 100%;
   left: 0;
   bottom: 0;
}

.sust-infographic__circle__item[data-id="environment"] {
   border-bottom-right-radius: 100%;
   right: 0;
   bottom: 0;
}

.sust-infographic__content {
   width: calc(100% - 342px);
   padding-left: 55px;
   position: relative;
}

.sust-infographic__content::before {
   width: 0;
   height: 0;
   border-top: 30px solid transparent;
   border-bottom: 30px solid transparent;

   border-right: 30px solid #FEEDDF;

   content: "";
   position: absolute;
   left: 30px;
   top: 140px;

}

.sust-infographic__content__bg {
   background: #FEEDDF;
   padding: 2em 2em 3em;
   position: relative;
   min-height: 311px;
}
.sust-infographic[data-current="communities"] .sust-infographic__content__bg,
.sust-infographic[data-current="environment"] .sust-infographic__content__bg {
   background-color:#EEF7E2;
}
.sust-infographic[data-current="communities"] .sust-infographic__content::before,
.sust-infographic[data-current="environment"] .sust-infographic__content::before {
   border-right: 30px solid #EEF7E2;
  
}

.sust-infographic__panel[aria-hidden="true"] {
   display: none;
}

.sust-infographic__panel__header {
   color: #D65D0B;
   font-size: 32px;
   margin-bottom: 0.5em;
}

.sust-infographic__panel__list {
   list-style: none;
   list-style-position: inside;
   padding: 0;
   margin: 0;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}

.sust-infographic__panel__list li {
   list-style: none;
   width: 48%;
   font-size: 22px;
   font-weight: 300;
   line-height: 1.4;
   padding-left: 60px;
   position: relative;
   margin-bottom: 0.3em;
}

.sust-infographic__panel__list--full li {
   width: 100%;
}

.sust-infographic__checkeddot,
.sust-infographic__greendot {
   display: inline-block;
   width: 14px;
   height: 14px;
   line-height: 14px;
   border-radius: 50%;
   vertical-align: -2px;
}

.sust-infographic__greendot {
   background: #8DC63E;
}

.sust-infographic__checkeddot {
   background: #F78429;
   background-image: url('/sustainability/img/icon-checkmark.svg');
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
}

.sust-infographic__legends {
   list-style: none;
   list-style-position: inside;
   padding: 0;
   margin: 0;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   position: absolute;
   width: 100%;
   bottom: 16px;
   left: 60px;

}

.sust-infographic__legends li {
   margin-right: 1em;
   font-size: 14px;
   font-weight: 300;
}

.sust-infographic__panel__list .sust-infographic__checkeddot,
.sust-infographic__panel__list .sust-infographic__greendot {
   width: 21px;
   height: 21px;
   line-height: 21px;
   border-radius: 50%;
   vertical-align: 0px;
   position: absolute;
   left: 30px;
   top: 5px;
}

.sust-infographic__panel__list .sust-infographic__checkeddot+.sust-infographic__greendot {
   left: 3px;
}

.sust-expander {
   margin: 1em 0;
}
.sust-expander__item {
   background: #fff;
   border: 1px solid #8DC63E;
   padding: 1em;
   padding-right: 3em;
   position: relative;
}
.sust-expander__toggle {
   position: relative;
   font-weight: normal;
}
.sust-expander__toggle::before {
   content:"+";
   color:#8DC63E;
   position: absolute;
   right:-30px;
   font-weight: bold;
   font-size: 32px;
   top:-10px;
   
}
.sust-expander__toggle:hover {
   opacity: 0.65;
}
.sust-expander__toggle[aria-expanded="true"]::before {
   content:"–";
  
   
}

.sust-expander__item+.sust-expander__item {
   margin-top: 0.5em;
}
.sust-expander__content {
   margin-top: 1em;
   font-weight: 300;
}
.sust-expander__content[aria-hidden="true"] {
   display: none;
}

#sust-image-cta-climate-action {
   background-image: url('/sustainability/img/climate-action.jpg');
}

a.small-mobile-link {
    color: #AF5308;
}