@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.11.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);}

/* thematic area section */

h6._foodhub-icon {
    position: relative;
    padding-left: 50px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    margin-right: .25rem;
}
@media (min-width: 769px) {
    h6._foodhub-icon {
        margin-top: 0;
    }
}

h6._foodhub-icon:before {
    display: block;
    position: absolute;
    left: 0;
    top: -5px;
    content: '';
    width: 40px;
    height: 50px;;  
    background-image: url("https://sfcs.fao.org/images/unfoodsystemslibraries/logo/favicon-foodhub.png");
    background-size: 40px;
    background-repeat: no-repeat;  
  }
/* thematic area section - end */



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;
    z-index: 1;
  }
}

.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;
    width: 100%;
    /* 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 */

/* TABS */

.tabbed-content .nav-link {color: #0a58ca;}
.tab-content {margin: 1rem 0;}

/* TABS - 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;
    }
}


/* SIDENAV */

.navbar.navbar--website {
    width: 100%;
}

.navbar.navbar--website .navbar--website__nav {
    width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
@media (max-width:992px) {
    .navbar.navbar--website .navbar--website__nav {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }
}

.navbar.navbar--website .navbar--website__nav li {
    padding: .3rem 0;
    line-height: 1rem
}

.navbar.navbar--website .navbar--website__nav li:first-child {
    padding-top: 0
}

.navbar.navbar--website .navbar--website__nav li a {
    display: inline-block;
    padding: .2rem .5rem;
    color: rgba(0,0,0,.65);
    text-decoration: none;
    font-size: .9rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.navbar.navbar--website .navbar--website__nav li a.active {
    color: rgba(0,0,0,.85);
    background-color: rgba(17,107,172,.1);
    font-weight: 600
}

.navbar.navbar--website .navbar-collapse {
    background-color: rgb(240 240 240);
    left: 0;
    top: 58px;
}

.navbar.navbar--website .navbar-toggler-icon {
    width: 1rem;
    height: 1rem;
}
  


/* SIDENAV - end */



.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")
}

.d-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.75rem;
    container-type: inline-size
}

.d-list .d-list-visual {
    width: auto;
    overflow: hidden
}

@container (min-width:310px) {
    .d-list .d-list-visual {
        width: 25%
    }

    .d-list .d-list-visual.ratio {
        overflow: hidden
    }
}

@container (min-width:700px) {
    .d-list .d-list-visual {
        width: 16.66666667%
    }
}

.d-list .d-list-visual.ratio:before {
    background-color: #f2f2f2;
    border-radius: 5px
}

.d-list .d-list-visual img {
    border-radius: 5px
}

.d-list .d-list-content {
    width: 90%;
    padding-left: 1rem
}

.d-list .d-list-content p {
    display: none;
    margin-bottom: .5rem
}

.d-list .d-list-content h5.title-link {
    margin-bottom: .6rem
}

.d-list .d-list-content h6.title-category {
    margin-bottom: .4rem
}

@container (min-width:310px) {
    .d-list .d-list-content {
        width: 75%;
        padding-left: 1.5rem
    }

    .d-list .d-list-content p {
        display: block
    }
}

@container (min-width:700px) {
    .d-list .d-list-content {
        width: 83.33333333%
    }
}

.d-list.d-list-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem
}

.d-list.d-list-column .d-list-visual {
    width: 100%
}

.d-list.d-list-column .d-list-content {
    width: 100%;
    padding-left: 0
}

.d-list.d-list-article:before,
.d-list.d-list-elearning:before,
.d-list.d-list-speeches:before {
    content: "";
    width: 7px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    background-color: #c9c9c9
}

@container (min-width:310px) {

    .d-list.d-list-article:before,
    .d-list.d-list-elearning:before,
    .d-list.d-list-speeches:before {
        width: 12px
    }
}

.d-list.d-list-article .d-list-content,
.d-list.d-list-elearning .d-list-content,
.d-list.d-list-speeches .d-list-content {
    width: 100%;
    padding-left: 1rem
}

@container (min-width:310px) {

    .d-list.d-list-article .d-list-content,
    .d-list.d-list-elearning .d-list-content,
    .d-list.d-list-speeches .d-list-content {
        padding-left: 2rem
    }
}

.d-list.d-list-audio .btn-link.btn-icon,
.d-list.d-list-video .btn-link.btn-icon {
    font-size: 12px;
    font-weight: 700;
    opacity: 1
}

.d-list.d-list-article:before {
    background-color: #c9c9c9
}

.d-list.d-list-audio {
    background-color: #545454;
    color: #fff;
    padding: 1rem;
    border-radius: 5px
}

.d-list.d-list-audio a {
    color: #fff
}

.d-list.d-list-audio p {
    color: #fff
}

.d-list.d-list-audio .d-list-visual:after {
    display: inline-block;
    font-family: bootstrap-icons !important;
    content: "\f610";
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    pointer-events: none
}

.d-list.d-list-audio .d-list-visual iframe {
    display: none
}

@container (min-width:310px) {
    .d-list.d-list-audio .d-list-visual iframe {
        display: inline
    }
}

@container (min-width:310px) {
    .d-list.d-list-audio.d-list-player {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1rem
    }

    .d-list.d-list-audio.d-list-player .d-list-visual {
        width: 100%
    }

    .d-list.d-list-audio.d-list-player .d-list-visual:after {
        content: ""
    }

    .d-list.d-list-audio.d-list-player .d-list-content {
        width: 100%;
        padding-left: 0
    }
}

.d-list.d-list-audio:not(.d-list-player) .d-list-visual {
    position: relative
}

.d-list.d-list-audio:not(.d-list-player) .d-list-visual:before {
    content: none;
    pointer-events: none
}

@container (min-width:310px) {
    .d-list.d-list-audio:not(.d-list-player) .d-list-visual:before {
        content: "";
        background-color: rgba(0, 0, 0, .45);
        z-index: 1;
        position: relative
    }
}

@container (min-width:310px) {
    .d-list.d-list-audio:not(.d-list-player) .d-list-visual:after {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        font-size: 2rem;
        z-index: 2
    }
}

.d-list.d-list-audio:not(.d-list-player) .d-list-visual img {
    display: none
}

@container (min-width:310px) {
    .d-list.d-list-audio:not(.d-list-player) .d-list-visual img {
        display: block
    }
}

.d-list.d-list-blog .d-list-visual:before {
    content: none
}

@container (min-width:310px) {
    .d-list.d-list-blog .d-list-visual:before {
        content: ""
    }
}

.d-list.d-list-blog .d-list-visual img {
    display: none
}

@container (min-width:310px) {
    .d-list.d-list-blog .d-list-visual img {
        display: block
    }
}

.d-list.d-list-blog .d-list-visual:after {
    display: inline-block;
    font-family: bootstrap-icons !important;
    content: "\f191";
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    color: var(--primary)
}

@container (min-width:310px) {
    .d-list.d-list-blog .d-list-visual:after {
        content: none
    }
}

.d-list.d-list-elearning:before {
    background-color: #f58320
}

.d-list.d-list-event .d-list-visual {
    overflow: visible
}

.d-list.d-list-event .d-list-visual:before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    content: "\f215";
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    color: var(--primary)
}

@container (min-width:310px) {
    .d-list.d-list-event .d-list-visual:before {
        content: none
    }
}

.d-list.d-list-event .card-calendar {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: .7rem .5rem;
    display: none;
    border: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 155px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

@container (min-width:310px) {
    .d-list.d-list-event .card-calendar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.d-list.d-list-event .card-calendar p {
    margin: 0;
    color: #545454;
    font-weight: 400
}

.d-list.d-list-event .card-calendar .from-to-divider {
    background-color: #999;
    position: relative;
    height: 20px;
    width: 2px;
    margin: 10px 0
}

.d-list.d-list-event .card-calendar .from-to-divider:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    bottom: -5px;
    right: auto;
    left: -2.5px;
    border-width: 5px 3.5px 0 3.5px;
    border-color: #999 transparent transparent transparent
}

.d-list.d-list-event .card-calendar .date {
    font-size: 28px;
    font-weight: 300;
    opacity: 1;
    line-height: 1
}

.d-list.d-list-event .card-calendar .year {
    font-size: 12px;
    font-weight: 700;
    color: #f58320;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0
}

.d-list.d-list-event .card-calendar .row-calendar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.d-list.d-list-news .d-list-visual:before {
    content: none
}

@container (min-width:310px) {
    .d-list.d-list-news .d-list-visual:before {
        content: ""
    }
}

.d-list.d-list-news .d-list-visual img {
    display: none
}

@container (min-width:310px) {
    .d-list.d-list-news .d-list-visual img {
        display: block
    }
}

.d-list.d-list-news .d-list-visual:after {
    display: inline-block;
    font-family: bootstrap-icons !important;
    content: "\f4a3";
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    color: var(--primary)
}

@container (min-width:310px) {
    .d-list.d-list-news .d-list-visual:after {
        content: none
    }
}

.d-list.d-list-partners .ratio>* {
    -o-object-fit: contain;
    object-fit: contain
}

.d-list.d-list-partners .d-list-visual:before {
    content: none
}

@container (min-width:310px) {
    .d-list.d-list-partners .d-list-visual:before {
        content: ""
    }
}

.d-list.d-list-partners .d-list-visual img {
    display: none
}

@container (min-width:310px) {
    .d-list.d-list-partners .d-list-visual img {
        display: block
    }
}

.d-list.d-list-partners .d-list-visual:after {
    display: inline-block;
    font-family: bootstrap-icons !important;
    content: "\f62e";
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    color: var(--primary)
}

@container (min-width:310px) {
    .d-list.d-list-partners .d-list-visual:after {
        content: none
    }
}

.d-list.d-list-photogallery {
    background-color: #545454;
    color: #fff;
    padding: 1rem;
    border-radius: 5px
}

.d-list.d-list-photogallery a {
    color: #fff
}

.d-list.d-list-photogallery p {
    color: #fff
}

.d-list.d-list-photogallery .d-list-visual {
    position: relative;
    overflow: unset
}

.d-list.d-list-photogallery .d-list-visual.ratio img {
    position: relative !important;
    z-index: 1;
    border: 1px solid #aaa;
    margin-bottom: 1rem
}

.d-list.d-list-photogallery .d-list-visual:before {
    background-color: transparent;
    padding-top: 0
}

@container (min-width:310px) {
    .d-list.d-list-photogallery .d-list-visual:before {
        content: "";
        z-index: 0;
        display: block;
        position: absolute;
        background-color: #343a40;
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
        border-radius: 5px;
        border: 1px solid #aaa;
        width: calc(100% - 14px);
        padding-top: calc(66.6% - 10px);
        left: 25px;
        top: 15px
    }
}

.d-list.d-list-photogallery .d-list-visual:after {
    display: inline-block;
    font-family: bootstrap-icons !important;
    content: "\f42b";
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased
}

@container (min-width:310px) {
    .d-list.d-list-photogallery .d-list-visual:after {
        content: "";
        z-index: 0;
        display: block;
        position: absolute;
        width: calc(100% - 15px);
        padding-top: calc(66.6% - 10px);
        background-color: #343a40;
        left: 20px;
        top: 10px;
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
        border-radius: 5px;
        border: 1px solid #aaa
    }
}

.d-list.d-list-photogallery .d-list-visual img {
    display: none
}

@container (min-width:310px) {
    .d-list.d-list-photogallery .d-list-visual img {
        display: block
    }
}

.d-list.d-list-project .d-list-content {
    width: 100%;
    padding-left: 0
}

.d-list.d-list-publication {
    padding: 1rem;
    background-color: #f7f8f9;
    border-radius: .375rem
}

@container (min-width:310px) {
    .d-list.d-list-publication {
        padding: 1rem 1.5rem
    }
}

.d-list.d-list-publication .d-list-visual {
    position: relative;
    overflow: visible
}

.d-list.d-list-publication .d-list-visual:before {
    content: none
}

.d-list.d-list-publication .d-list-visual>img {
    display: none
}

@container (min-width:310px) {
    .d-list.d-list-publication .d-list-visual>img {
        display: block;
        position: relative;
        border-radius: 3px;
        width: 100%;
        max-width: 250px;
        -webkit-box-shadow: 0 4px 4px 1px rgba(0, 0, 0, .12);
        box-shadow: 0 4px 4px 1px rgba(0, 0, 0, .12)
    }
}

.d-list.d-list-publication .d-list-visual:after {
    display: inline-block;
    font-family: bootstrap-icons !important;
    content: "\f194";
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    color: var(--primary)
}

@container (min-width:310px) {
    .d-list.d-list-publication .d-list-visual:after {
        content: none
    }
}

@container (min-width:310px) {
    .d-list.d-list-publication .d-list-visual {
        width: 16.66666667%;
        text-align: center
    }
}

@container (min-width:700px) {
    .d-list.d-list-publication .d-list-visual {
        width: 16.66666667%
    }
}

@container (min-width:310px) {
    .d-list.d-list-publication .d-list-content {
        width: 83.33333333%
    }
}

@container (min-width:700px) {
    .d-list.d-list-publication .d-list-content {
        width: 83.33333333%
    }
}

.d-list.d-list-speeches:before {
    background-color: #116bac
}

.d-list.d-list-story .d-list-visual:before {
    content: none
}

@container (min-width:310px) {
    .d-list.d-list-story .d-list-visual:before {
        content: ""
    }
}

.d-list.d-list-story .d-list-visual img {
    display: none
}

@container (min-width:310px) {
    .d-list.d-list-story .d-list-visual img {
        display: block
    }
}

.d-list.d-list-story .d-list-visual:after {
    display: inline-block;
    font-family: bootstrap-icons !important;
    content: "\f194";
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    color: var(--primary)
}

@container (min-width:310px) {
    .d-list.d-list-story .d-list-visual:after {
        content: none
    }
}

.d-list.d-list-video {
    background-color: #545454;
    color: #fff;
    padding: 1rem;
    border-radius: 5px
}

.d-list.d-list-video a {
    color: #fff
}

.d-list.d-list-video p {
    color: #fff
}

.d-list.d-list-video .d-list-visual {
    border-radius: 5px;
    overflow: hidden
}

.d-list.d-list-video .d-list-visual:after {
    pointer-events: none;
    display: inline-block;
    font-family: bootstrap-icons !important;
    content: "\f4f2";
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased
}

@container (min-width:310px) {
    .d-list.d-list-video .d-list-visual:after {
        display: none
    }
}

.d-list.d-list-video .d-list-visual:before {
    content: none;
    pointer-events: none
}

@container (min-width:310px) {
    .d-list.d-list-video .d-list-visual:before {
        content: "";
        background-color: rgba(0, 0, 0, .45);
        z-index: 1;
        position: relative
    }
}

.d-list.d-list-video .d-list-visual iframe {
    display: none
}

@container (min-width:310px) {
    .d-list.d-list-video .d-list-visual iframe {
        display: block
    }
}

.d-list.d-list-video:not(.d-list-player) .d-list-visual {
    position: relative
}

@container (min-width:310px) {
    .d-list.d-list-video:not(.d-list-player) .d-list-visual:after {
        display: inline-block;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        font-size: 2rem;
        z-index: 2
    }
}

.d-list.d-list-video:not(.d-list-player) .d-list-visual img {
    display: none
}

@container (min-width:310px) {
    .d-list.d-list-video:not(.d-list-player) .d-list-visual img {
        display: block
    }
}