@import url('https://fonts.googleapis.com/css2?family=Oswald&family=Roboto+Condensed:wght@400;700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css');

img, video {max-width: 100%;}

:root {
  --white: #ffffff;
  --white-opacity: #ffffff50;
  --primary: #19486A;
  --primary-dark: #0E3C5E;
  --primary-light: #19486A10;
  --secondary: #009EDB;
  --secondary-light: #9CE4FF;
  --gray-light: #f0f0f0;
}

/*
font-family: 'Oswald', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/

.bg-primary,
.btn-primary {background-color: var(--primary) !important;}
.btn-primary {border-color: var(--primary);}

.bg-light {background-color: var(--primary-light) !important;}
.bg-dark {background-color: var(--primary-dark) !important;}

.bg-secondary,
.btn-secondary {background-color: var(--secondary) !important;}
.btn-secondary  {border-color: var(--secondary);}

.bg-primary,
.bg-primary h3,
.bg-primary  p {
color: var(--white);
}

.bg-primary .card p {color: #000000;}

.bg-gray-light {background-color:var(--gray-light) !important;}

/*
._opacity-30 {opacity:.3;}
._opacity-60 {opacity:.6;}
._opacity-75 {opacity:.75;}
*/

html {
  font-size: 1.2rem;
  line-height: 1.2rem;
}

html body {
  font-family: 'Roboto Condensed', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Oswald', sans-serif;
}
h1,h2,h3 {margin-bottom: 1.5rem; color: var(--primary);}

header {position: sticky; top: 0; z-index: 10; margin-bottom:0;}
/* disable fixed position in the backend */
html.sfPageEditorWrp header {position: initial;}

/* custom position of elements in header   */
._foodhub-header>a {
   order: 1;
}

._foodhub-header>nav {
   order: 0;
}

._foodhub-header>div.language-switch {
   order: 2;
}

._foodhub-header>div.language-switch button {
   white-space: nowrap;
}


@media (min-width:992px){
  ._foodhub-header>a {
    order: 0;
  }
  ._foodhub-header>nav {
    order: 1;
    width: auto;
  }
  ._foodhub-header>div.language-switch {
    order: 2;
  }
}
*/



/* SEARCH */

header .input-main-search {margin-bottom: 0 !important;}
header .input-main-search input.form-control {
  border-radius: 25px;
  border: 1px solid var(--gray-light);
  background-color: var(--white);
  padding-left: 1.5rem;
}

header .input-main-search .input-group-append .btn {
  border-radius: 0 25px 25px 0;
  border: 1px solid var(--gray-light);
  background-color: #f8f8f8 !important;
  color: var(--secondary);
}

header .input-main-search .input-group-append .btn:hover,
header .input-main-search .input-group-append .btn:focus {
  border: 1px solid var(--secondary);
  background-color: var(--secondary) !important;
  color: var(--white);
}

/* SEARCH - end */

/* NAVBAR */

.navbar-nav {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-size: .7rem;
}


/* force */
.navbar-nav.mr-auto {margin-right:0 !important; width: 100%; justify-content: space-around;}

.navbar-dark .navbar-nav .nav-link {color: var(--white);}

@media (max-width:991px){
  .navbar-dark .navbar-nav .nav-link {
    padding: .75rem;
  }
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {color: var(--secondary-light);}

.navbar-nav .dropdown-menu {
    text-transform: uppercase;
    font-size: .7rem;
    background-color: var(--primary);
    margin-top: 0;
}

.navbar-nav a.dropdown-item {
    padding: .75rem;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .015rem;
}
@media (min-width:992px){
  .navbar-nav a.dropdown-item {
    padding: .5rem .75rem;
  }
}

.navbar-nav a.dropdown-item:hover,
.navbar-nav a.dropdown-item:focus {
  background-color: transparent;
  color: var(--secondary-light);
}

/* only for mobile version */
@media (max-width:992px){
  .navbar-collapse {
    position: absolute;
    top: 62px;
    background: rgba(25, 72, 106, .95);
    padding: 0.5rem 1rem 1rem;
    border-top: 1px solid #fff;
    min-width:330px;
  }
}

.dropdown-toggle {white-space: normal;}


/* NAVBAR - end */

a,
a:hover {
   color: var(--secondary);
}

a, a:hover {
   text-decoration: none;
}


.language-switch .btn-secondary,
.language-switch .btn-secondary:not(:disabled):not(.disabled):active,
.language-switch .btn-secondary:not(:disabled):not(.disabled).active,
.language-switch .show>.btn-secondary.dropdown-toggle {
   border: 1px solid #ffffff30 !important;
   background-image: none;
   color: #fff;
   background-color: #ffffff14 !important;
   font-size: .8rem;
}

.language-switch .dropdown-menu {
   min-width: auto;
   padding: 0;
}
.language-switch .dropdown-menu .dropdown-item {
   font-size: 15px;
   padding: .375rem 1rem;
   border: 1px solid #ccc;
   border-radius: 4px;
  
}


.btn._align-center {display: table; margin-left: auto; margin-right: auto;}


/* FOOTER */

footer {font-size: .8rem;}

footer,
footer a {color: var(--white);}

footer .border-top {border-color:var(--white-opacity) !important;}

footer ._social-icons ul {margin-top: .5rem;}
footer ._social-icons em {font-size: 20px !important;}
footer ._social-icons a {padding: 0 1.5rem;}
footer ._social-icons li:first-child a {padding-left: 0;}

._footer-sitemap select {display: none;}
._footer-sitemap ul {list-style:none; padding: 0;}
._footer-sitemap>ul>li>a {pointer-events: none; cursor: default;}
._footer-sitemap strong {font-weight: normal;}

/* top nav level */
._footer-sitemap>ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
._footer-sitemap>ul>li:first-child {display:none;}
._footer-sitemap>ul>li>a {display: block; min-width: 180px; border-bottom: 1px solid var(--white-opacity); padding-bottom: .25rem; text-transform: uppercase;}
/* second level */
._footer-sitemap ul ul {margin-top: .75rem;}
._footer-sitemap ul ul li {font-size: .75rem; padding: .15rem 0;}

footer ._footer-logo._opacity-30 img {height: 75%; opacity: .6; transition: opacity .3s;}
footer ._footer-logo._opacity-30 a:hover img {opacity: 1;}

/* FOOTER - end */


/* HERO BANNER */

.hero-banner{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    margin-bottom:2rem;
    border-radius:5px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    overflow:hidden
}
 @media (min-width:375px){
    .hero-banner{
        min-height:275px
    }
}
 @media (min-width:768px){
    .hero-banner{
        padding:2rem;
        min-height:295px
    }
}
 @media (min-width:992px){
    .hero-banner{
        min-height:398px
    }
}
 @media (min-width:1200px){
    .hero-banner{
        min-height:475px
    }
}
.hero-banner:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    opacity:.8;
    z-index:1;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(1%,rgba(0,0,0,.01)),to(black));
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.01) 1%,#000 100%)
}
.hero-banner .hero-banner-video{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0
}
.hero-banner .hero-caption{
    background-color:rgba(25,72,106,.5);
    position:relative;
    padding:1rem;
    border-radius:5px;
    color:#fff;
    z-index:2;
    margin: 0 auto;
    /* IMPO */
    display: none;
}
.hero-banner .hero-caption a,.hero-banner .hero-caption h6,.hero-banner .hero-caption p{
    color:#fff
}
.hero-banner .hero-caption a:last-child,.hero-banner .hero-caption h6:last-child,.hero-banner .hero-caption p:last-child{
    margin-bottom:0
}
.hero-banner .hero-caption p{
    font-weight:300;
    font-size:.8rem
}
.hero-banner .hero-caption p a{
    text-decoration:underline
}


.hero-banner .date{
    color:#fff;
    opacity:1
}


@media (min-width:768px){
    .hero-banner .hero-caption{
        max-width:720px
    }
    .hero-banner .hero-caption .title-category{
        margin-bottom:.75rem
    }
}
@media (min-width:992px){
    .hero-banner .hero-caption{
        max-width:960px
    }
}
@media (min-width:1200px){
    .hero-banner .hero-caption{
        max-width:1140px
    }
}


/* HERO BANNER - end */

/* SWIPER CONTAINER */

.swiper-container {/*position:absolute;*/width:100%;height:100%;top:0}
/*.swiper-container {margin-bottom:2rem}*/
.swiper-container .swiper-button-next:after,
.swiper-container .swiper-button-prev:after{color:#116aab;font-size:2rem}
.swiper-container .swiper-slide{height:auto}
.swiper-container .swiper-pagination-bullet-active{background:#116aab}
.swiper-container.swiper-hero .swiper-pagination .swiper-pagination-bullet-active{background:#fff}
.swiper-container-rtl .swiper-button{width:auto}
.swiper-container-rtl .swiper-button:after{content:none}
.swiper-container-rtl .bi-chevron-right::before{content:"\f284"}
.swiper-container-rtl .bi-chevron-left::before{content:"\f285"}
.swiper-container .hero-banner{margin-bottom:0}
.swiper-button{width:auto}
.swiper-button:after{content:none}
.swiper-auto-cards-container .swiper-slide{width:100%}
@media (min-width:576px) {
.swiper-auto-cards-container .swiper-slide{max-width:320px}
}
.swiper-gallery .swiper-slide img{width:100%;border-radius:5px;overflow:hidden}

/* SWIPER CONTAINER - end */

/* CARD */

.card .card-image {
  position: relative;
}

.card .card-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.6%;
    background-color: #f2f2f2;
}

.card .card-image>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.card.card-events .card-events--location {
    text-align: center;
    color: #fff;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    top: unset;
}

.card.card-events .card-events--location:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: .8;
    z-index: 1;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(1%,rgba(0,0,0,.01)),to(black));
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.01) 1%,#000 100%);
}

.card.card-events .card-events--location i {font-size: 24px;}
.card.card-events .card-events--location i,
.card.card-events .card-events--location p {position: relative; z-index:1;}

.card-publication .card-image>img {
    height: calc(100% - 1rem);
    left: 0.5rem;
    -o-object-fit: contain;
    object-fit: contain;
    top: 0.5rem;
    width: calc(100% - 1rem);
}

/* CARD - end */

/* DYNAMIC LISTS */

.dynamic-list .dynamic-list-row,
.card {font-size: .9rem;}
.dynamic-list .dynamic-list-row {margin-bottom: 1.5rem;}
.dynamic-list .title-link,
.card .title-link {font-size: 1.1rem;}
.dynamic-list .title-link {position: relative;}
.dynamic-list .date,
.card .date {color: #999; font-size: .8rem;}
.dynamic-list .date+div {font-size: .8rem; line-height: 1.1rem;}

/* DYNAMIC LISTS - end */


/* */

/* .card-publication .card-image {margin-left: auto; margin-right: auto;}
.card-publication .card-image img {box-shadow: 3px 4px 4px #00000050; max-width: 50%;} */


.card-calendar {
  background-color: var(--primary);
  border-radius:5px;
  padding:.7rem .5rem;
  display:flex;
  align-items:center;
  border:0;
  color:#ffffff;
}

@media (min-width:768px){
.card-calendar{
  flex-direction:column;
  height:155px;
  align-items:flex-start;
}
}
.card-calendar .date {color:#fff; font-size:28px;font-weight:300;opacity:1;line-height:1}
.card-calendar p {margin:0;color:#fff;font-weight:400}
.card-calendar .from-to-divider {height:2px;width:20px;background-color:#fff;margin:0 10px;position:relative}
.card-calendar .from-to-divider:after {content:'';width:0;height:0;border-style:solid;border-width:3.5px 0 3.5px 5px;border-color:transparent transparent transparent #999;position:absolute;bottom:-2.5px;right:-5px}
@media (min-width:768px){
.card-calendar .from-to-divider{height:20px;width:2px;margin:10px 0}
.card-calendar .from-to-divider:after{bottom:-5px;right:auto;left:-2.5px;border-width:5px 3.5px 0 3.5px;border-color:#999 transparent transparent transparent}
}

.card-calendar .year{font-size:12px;font-weight:700;color:#fff;margin-left:10px}
@media (min-width:768px){
 .card-calendar .year{flex-direction:column;margin-left:0}
}

.card-calendar .row-calendar{position:relative;display:flex;align-items:center}
@media (min-width:768px){
.card-calendar .row-calendar{flex-direction:column;align-items:flex-start}
}

/* ACCORDION */

.accordion .card-header button {
   position: relative;
}

.accordion .card-header button:before {
    font-family: bootstrap-icons;
    content: "\f286";
    font-size: 1rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.accordion .card-header button.collapsed:before {
  content: "\f282";
}

/* ACCORDION - end */


/* FORM  start */

._hide-label .form-label {display: none;}
._hide-label .form-label+input,
._hide-label .form-label+select,
._hide-label .form-label+textarea {margin-top: .5rem;}
._hide-label button {margin-top: 1.5rem;}

.text-danger {font-size: .8rem; text-align: right;}

div[data-sf-role="field-captcha-container"]>div {display: inline; }
div[data-sf-role="field-captcha-container"]>div img {margin: 1rem 1rem .5rem 0;}


/* FORM - end */


/* ----------------------------------------------------- */

/* BS5 fix */

img, video {
  max-width: 100%;
}

figure {margin: 2rem 2rem;}
figure .blockquote-footer {padding-top: .3rem;}

@media (min-width:992px){
  figure {margin: 2rem 5rem;}
}
@media (min-width:1200px){
  figure {margin: 2rem 8rem;}
}


.ratio>* {object-fit: cover;}
.ratio-3x2::before{padding-top:66.6%;}

.card.card-h-100{
  height:100%;
}
.card.card-h-100.card-horizontal>.row{
  height:100%
}
.card.card-h-100.card-horizontal .card-image,.card.card-h-100.card-overlay .card-image{
  height:100%
}
.card.card-h-100.card-horizontal .card-image img,.card.card-h-100.card-overlay .card-image img{
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}

.card.card-publication{
  border-bottom:4px solid #f7f8f9
}
.card.card-publication .card-image:before{
  background-color:#f7f8f9
}
.card.card-publication .card-image .card-pub-image{
  width:calc(100% - 7rem);
  height:calc(100% - 3rem);
  top:1.5rem;
  left:3.5rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.card.card-publication .card-image .card-pub-image img{
  display:inline-block;
  max-height:100%;
  max-width:100%;
  border-radius:3px;
  -webkit-box-shadow:0 4px 4px 1px rgba(0,0,0,.12);
  box-shadow:0 4px 4px 1px rgba(0,0,0,.12)
}

/* BS5 fix - end */

/* Member Dialogue section */

._member-dialogue {margin-bottom: 2.5rem; }
._member-dialogue table {width: 100%; border-bottom: 1px solid #ccc;}
._member-dialogue .bg-gray-light {border: 0;}
._member-dialogue .bg-gray-light h4 {margin-bottom: 0;}
._member-dialogue table td {padding: .5rem;}
._member-dialogue table td:first-child {width:25%;}
._member-dialogue table td h5 {margin-bottom: 0; font-size: 1.1rem;}

/* Member Dialogue section - end */

#countdown {text-align: center; margin-top: -2rem;}
#countdown ul {padding-left: 0}
#countdown li {
  display: inline-block;
  font-size: .75em;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
  text-align: center;
}

#countdown li span {
  display: block;
  font-size: 2.5rem;
}

@media (min-width:992px) {
    #countdown li span {
        font-size: 4rem;
    }
}


/* SIDEBAR NAVIGATION */

.app-sidebar {
    /* width: 300px; */
    width: 100%; 
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.app-sidebar .ds-accordion {
    border: none
}

.app-sidebar .ds-accordion summary {
    background-color: unset;
    font-size: .8rem
}

.app-sidebar .ds-accordion:last-child {
    border-bottom: none
}

.app-sidebar .app-sidebar-item .accordion {
    margin-bottom: .5rem
}

.app-sidebar .app-sidebar-item .accordion .accordion-button {
    padding: .2rem 2rem .2rem .5rem;
    color: rgba(0,0,0,.65);
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.app-sidebar .app-sidebar-item .accordion .accordion-button:not(.collapsed) {
    font-weight: 600
}

.app-sidebar .app-sidebar-item .accordion .accordion-header button:after {
    right: .5rem
}

.app-sidebar .app-sidebar-item .accordion .accordion-body {
    padding: .2rem .5rem
}

.app-sidebar .btn.btn-app-collapse {
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
    width: 50px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.app-sidebar .app-sidebar-item {
    padding: .3rem 0;
    line-height: 1rem
}

.app-sidebar .app-sidebar-item:first-child {
    padding-top: 0
}

.app-sidebar .app-sidebar-item .app-sidebar-link {
    display: inline-block;
    padding: .2rem .5rem;
    margin-left: 1rem;
    color: rgba(0,0,0,.65);
    text-decoration: none;
    font-size: .8rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.app-sidebar .app-sidebar-item .app-sidebar-link.active {
    color: rgba(0,0,0,.85);
    background-color: rgba(17,107,172,.1);
    font-weight: 600
}

.app-sidebar .app-sidebar-item.disabled {
    padding-top: 1rem
}

.app-sidebar .app-sidebar-item.disabled:first-child {
    padding-top: 0
}

.app-sidebar .app-sidebar-item.disabled .app-sidebar-link {
    font-size: .95rem;
    font-weight: 700;
    pointer-events: none
}

.app-sidebar .accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-border-width: 0;
    --bs-accordion-btn-padding-x: 1rem;
    --bs-accordion-btn-color: rgba(0, 0, 0, 0.65);
    --bs-accordion-active-color: rgba(0, 0, 0, 1)
}

.app-sidebar .accordion .accordion-button {
    font-size: .8rem
}

.app-sidebar .accordion .accordion-button:after {
    font-size: .8rem
}

@media (min-width: 992px) {
    .app-sidebar {
        position:sticky;
        top: 56px;
        height: calc(100vh - 56px);
        padding-left: .25rem;
        margin-left: -.25rem;
        overflow-y: auto
    }
}

@media (max-width: 991.99px) {
    .app-sidebar.collapse {
        display:block
    }
}

@media (min-width: 992px) {
    .app-sidebar {
        -webkit-transition:none!important;
        transition: none!important;
        -webkit-animation: none!important;
        animation: none!important
    }

    .app-sidebar.collapse:not(.show) {
        display: block;
        width: 50px
    }

    .app-sidebar.collapse:not(.show).collapsing {
        display: block
    }

    .app-sidebar.collapse:not(.show).collapsing .offcanvas-body {
        display: none
    }

    .app-sidebar.collapse:not(.show) .bi-list {
        display: block
    }

    .app-sidebar.collapse:not(.show) .bi-x {
        display: none
    }

    .app-sidebar.collapse:not(.show) .offcanvas-body {
        display: none
    }

    .app-sidebar.collapse.show .bi-list {
        display: none
    }

    .app-sidebar.collapse.show .bi-x {
        display: block
    }
}

/* hide the close button */
.app-sidebar .w-100.d-lg-flex {display: none !important;}


.sdg-small {
    display: inline-block;
    font-size: 12px;
    width: 18px;
    margin: 0 .5rem .5rem 0;
    height: 18px;
    line-height: 18px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.sdg-small.sdg-1 {
    background-color: #eb1c2e
}

.sdg-small.sdg-1::before {
    content: "1"
}

.sdg-small.sdg-2 {
    background-color: #d19e29
}

.sdg-small.sdg-2::before {
    content: "2"
}

.sdg-small.sdg-3 {
    background-color: #2c9946
}

.sdg-small.sdg-3::before {
    content: "3"
}

.sdg-small.sdg-4 {
    background-color: #c32033
}

.sdg-small.sdg-4::before {
    content: "4"
}

.sdg-small.sdg-5 {
    background-color: #ef402b
}

.sdg-small.sdg-5::before {
    content: "5"
}

.sdg-small.sdg-6 {
    background-color: #01acd8
}

.sdg-small.sdg-6::before {
    content: "6"
}

.sdg-small.sdg-7 {
    background-color: #fcb714
}

.sdg-small.sdg-7::before {
    content: "7"
}

.sdg-small.sdg-8 {
    background-color: #8f1838
}

.sdg-small.sdg-8::before {
    content: "8"
}

.sdg-small.sdg-9 {
    background-color: #f26e24
}

.sdg-small.sdg-9::before {
    content: "9"
}

.sdg-small.sdg-10 {
    background-color: #df1a83
}

.sdg-small.sdg-10::before {
    content: "10"
}

.sdg-small.sdg-11 {
    background-color: #f99c25
}

.sdg-small.sdg-11::before {
    content: "11"
}

.sdg-small.sdg-12 {
    background-color: #c98a2b
}

.sdg-small.sdg-12::before {
    content: "12"
}

.sdg-small.sdg-13 {
    background-color: #47773b
}

.sdg-small.sdg-13::before {
    content: "13"
}

.sdg-small.sdg-14 {
    background-color: #017dbb
}

.sdg-small.sdg-14::before {
    content: "14"
}

.sdg-small.sdg-15 {
    background-color: #3eb049
}

.sdg-small.sdg-15::before {
    content: "15"
}

.sdg-small.sdg-16 {
    background-color: #005689
}

.sdg-small.sdg-16::before {
    content: "16"
}

.sdg-small.sdg-17 {
    background-color: #1f3668
}

.sdg-small.sdg-17::before {
    content: "17"
}

.sdg {
    display: inline-block;
    margin: 0 1rem 1rem 0;
    height: 60px;
    width: 60px;
    background-size: 100% 100%
}

html[lang=en] .sdg.sdg-1 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg01-en.svg")
}

html[lang=en] .sdg.sdg-2 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg02-en.svg")
}

html[lang=en] .sdg.sdg-3 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg03-en.svg")
}

html[lang=en] .sdg.sdg-4 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg04-en.svg")
}

html[lang=en] .sdg.sdg-5 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg05-en.svg")
}

html[lang=en] .sdg.sdg-6 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg06-en.svg")
}

html[lang=en] .sdg.sdg-7 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg07-en.svg")
}

html[lang=en] .sdg.sdg-8 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg08-en.svg")
}

html[lang=en] .sdg.sdg-9 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg09-en.svg")
}

html[lang=en] .sdg.sdg-10 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg10-en.svg")
}

html[lang=en] .sdg.sdg-11 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg11-en.svg")
}

html[lang=en] .sdg.sdg-12 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg12-en.svg")
}

html[lang=en] .sdg.sdg-13 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg13-en.svg")
}

html[lang=en] .sdg.sdg-14 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg14-en.svg")
}

html[lang=en] .sdg.sdg-15 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg15-en.svg")
}

html[lang=en] .sdg.sdg-16 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg16-en.svg")
}

html[lang=en] .sdg.sdg-17 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg17-en.svg")
}

html[lang=fr] .sdg.sdg-1 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg01-fr.svg")
}

html[lang=fr] .sdg.sdg-2 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg02-fr.svg")
}

html[lang=fr] .sdg.sdg-3 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg03-fr.svg")
}

html[lang=fr] .sdg.sdg-4 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg04-fr.svg")
}

html[lang=fr] .sdg.sdg-5 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg05-fr.svg")
}

html[lang=fr] .sdg.sdg-6 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg06-fr.svg")
}

html[lang=fr] .sdg.sdg-7 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg07-fr.svg")
}

html[lang=fr] .sdg.sdg-8 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg08-fr.svg")
}

html[lang=fr] .sdg.sdg-9 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg09-fr.svg")
}

html[lang=fr] .sdg.sdg-10 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg10-fr.svg")
}

html[lang=fr] .sdg.sdg-11 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg11-fr.svg")
}

html[lang=fr] .sdg.sdg-12 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg12-fr.svg")
}

html[lang=fr] .sdg.sdg-13 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg13-fr.svg")
}

html[lang=fr] .sdg.sdg-14 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg14-fr.svg")
}

html[lang=fr] .sdg.sdg-15 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg15-fr.svg")
}

html[lang=fr] .sdg.sdg-16 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg16-fr.svg")
}

html[lang=fr] .sdg.sdg-17 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg17-fr.svg")
}

html[lang=es] .sdg.sdg-1 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg01-es.svg")
}

html[lang=es] .sdg.sdg-2 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg02-es.svg")
}

html[lang=es] .sdg.sdg-3 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg03-es.svg")
}

html[lang=es] .sdg.sdg-4 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg04-es.svg")
}

html[lang=es] .sdg.sdg-5 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg05-es.svg")
}

html[lang=es] .sdg.sdg-6 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg06-es.svg")
}

html[lang=es] .sdg.sdg-7 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg07-es.svg")
}

html[lang=es] .sdg.sdg-8 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg08-es.svg")
}

html[lang=es] .sdg.sdg-9 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg09-es.svg")
}

html[lang=es] .sdg.sdg-10 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg10-es.svg")
}

html[lang=es] .sdg.sdg-11 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg11-es.svg")
}

html[lang=es] .sdg.sdg-12 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg12-es.svg")
}

html[lang=es] .sdg.sdg-13 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg13-es.svg")
}

html[lang=es] .sdg.sdg-14 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg14-es.svg")
}

html[lang=es] .sdg.sdg-15 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg15-es.svg")
}

html[lang=es] .sdg.sdg-16 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg16-es.svg")
}

html[lang=es] .sdg.sdg-17 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg17-es.svg")
}

html[lang=zh] .sdg.sdg-1 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg01-zh.svg")
}

html[lang=zh] .sdg.sdg-2 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg02-zh.svg")
}

html[lang=zh] .sdg.sdg-3 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg03-zh.svg")
}

html[lang=zh] .sdg.sdg-4 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg04-zh.svg")
}

html[lang=zh] .sdg.sdg-5 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg05-zh.svg")
}

html[lang=zh] .sdg.sdg-6 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg06-zh.svg")
}

html[lang=zh] .sdg.sdg-7 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg07-zh.svg")
}

html[lang=zh] .sdg.sdg-8 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg08-zh.svg")
}

html[lang=zh] .sdg.sdg-9 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg09-zh.svg")
}

html[lang=zh] .sdg.sdg-10 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg10-zh.svg")
}

html[lang=zh] .sdg.sdg-11 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg11-zh.svg")
}

html[lang=zh] .sdg.sdg-12 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg12-zh.svg")
}

html[lang=zh] .sdg.sdg-13 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg13-zh.svg")
}

html[lang=zh] .sdg.sdg-14 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg14-zh.svg")
}

html[lang=zh] .sdg.sdg-15 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg15-zh.svg")
}

html[lang=zh] .sdg.sdg-16 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg16-zh.svg")
}

html[lang=zh] .sdg.sdg-17 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg17-zh.svg")
}

html[lang=ar] .sdg.sdg-1 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg01-ar.svg")
}

html[lang=ar] .sdg.sdg-2 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg02-ar.svg")
}

html[lang=ar] .sdg.sdg-3 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg03-ar.svg")
}

html[lang=ar] .sdg.sdg-4 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg04-ar.svg")
}

html[lang=ar] .sdg.sdg-5 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg05-ar.svg")
}

html[lang=ar] .sdg.sdg-6 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg06-ar.svg")
}

html[lang=ar] .sdg.sdg-7 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg07-ar.svg")
}

html[lang=ar] .sdg.sdg-8 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg08-ar.svg")
}

html[lang=ar] .sdg.sdg-9 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg09-ar.svg")
}

html[lang=ar] .sdg.sdg-10 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg10-ar.svg")
}

html[lang=ar] .sdg.sdg-11 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg11-ar.svg")
}

html[lang=ar] .sdg.sdg-12 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg12-ar.svg")
}

html[lang=ar] .sdg.sdg-13 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg13-ar.svg")
}

html[lang=ar] .sdg.sdg-14 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg14-ar.svg")
}

html[lang=ar] .sdg.sdg-15 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg15-ar.svg")
}

html[lang=ar] .sdg.sdg-16 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg16-ar.svg")
}

html[lang=ar] .sdg.sdg-17 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg17-ar.svg")
}

html[lang=ru] .sdg.sdg-1 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg01-ru.svg")
}

html[lang=ru] .sdg.sdg-2 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg02-ru.svg")
}

html[lang=ru] .sdg.sdg-3 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg03-ru.svg")
}

html[lang=ru] .sdg.sdg-4 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg04-ru.svg")
}

html[lang=ru] .sdg.sdg-5 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg05-ru.svg")
}

html[lang=ru] .sdg.sdg-6 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg06-ru.svg")
}

html[lang=ru] .sdg.sdg-7 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg07-ru.svg")
}

html[lang=ru] .sdg.sdg-8 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg08-ru.svg")
}

html[lang=ru] .sdg.sdg-9 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg09-ru.svg")
}

html[lang=ru] .sdg.sdg-10 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg10-ru.svg")
}

html[lang=ru] .sdg.sdg-11 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg11-ru.svg")
}

html[lang=ru] .sdg.sdg-12 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg12-ru.svg")
}

html[lang=ru] .sdg.sdg-13 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg13-ru.svg")
}

html[lang=ru] .sdg.sdg-14 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg14-ru.svg")
}

html[lang=ru] .sdg.sdg-15 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg15-ru.svg")
}

html[lang=ru] .sdg.sdg-16 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg16-ru.svg")
}

html[lang=ru] .sdg.sdg-17 {
    background-image: url("https://sfcs.fao.org/images/corporatelibraries/sdg/sdg17-ru.svg")
}