/*
Theme Name: IFPRIv1-INFO
Theme URI: 
Author: Rua Design et al
Author URI: 
Description: IFPRI website - July updates 
Requires at least: 6.0
Tested up to: 6.6
Version: 2.0
Text Domain: ifpriv1-INFO
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, wide-blocks, block-styles, blog, events, news
*/
body:not(.admin-bar) {
  --wp-admin--admin-bar--height: 0px; /* fix for admin bar offset when not logged in */
}
a {
  cursor: pointer
}
strong {
	font-weight: bold
}
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  width: 100%;
}
.wp-site-blocks {
  width: 100%;
}
/* button hover */
a.wp-block-button__link.wp-element-button:hover {
  background: var(--wp--preset--color--ifpri-yellow-2);
  color: #000;
  text-decoration: none
}
/* suffix for post terms block */
.wp-block-post-terms a::after {
	content:"|";
	 padding-left: 0.25em;
	color:inherit
}
/* suffix for post terms block - not needed for news releases and on event template  */
.taxonomy-news_release_type a::after, .single-event .taxonomy-event_category a::after {
  display: none;
}
header {
  top: 0;
  z-index: 9999;
  background-color: white;
}
.logos {
  max-width: 280px;
  min-width: fit-content;
  height: 130px;
}
.logos img {
  border-radius: 0
}
/* Adding below 
.wp-block-navigation.small-nav ul li:not(:last-child)::after {
	content: "|";
	display: inline-block;
	padding-left: 0.5em;
} */
nav.wp-block-navigation.ifpri-main-nav {
    gap: 6%;
	padding-left: 3vw
}
.ifpri-search button {
  background: url("assets/images/search.svg") no-repeat center center;
  height: 28px;
  width: 28px;
}
/*
.ifpri-search.wp-block-search {
	max-width: 40%
}
.wp-block-search__inside-wrapper {
	width: 100%
}
.wp-block-search__input {
	max-width: 70%
}

.wp-block-search__button {
	max-width: 28%
}
/*form.wp-block-search__button-outside.wp-block-search__icon-button.wp-block-search {
  width: 90px
}*/
/* typography */
h1.wp-block-heading, h2.wp-block-heading {
	margin-bottom: 3.3rem
}
h3.wp-block-heading {
	margin-bottom: var(--wp--preset--spacing--medium);
}
h5.wp-block-heading {
	margin-bottom:var(--wp--preset--spacing--medium-large)
}
.label-4 {
  font-weight: bold;
  font-family: var(--wp--preset--font-family--sourceserif-4);
  font-size: var(--wp--preset--font-size--label-4-size);
}
h1.wp-block-query-title {
	color: var(--wp--preset--color--white);
}
.feat-img {
  height: auto;
  padding: 0;
}
/* megamenu */
.mega-menu-ifpri {
  display: none;
  background-color: var(--wp--preset--color--white);
  -webkit-box-shadow: 0px 25px 45px -25px rgba(95, 95, 95, 1);
  -moz-box-shadow: 0 25px 45px -25px rgba(95, 95, 95, 1);
  box-shadow: 0 25px 45px -25px rgba(95, 95, 95, 1);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.mega-menu-ifpri nav, .mega-menu-ifpri nav h4 {
  padding-bottom: 1.5em
}
 .mega-menu-ifpri nav ul {
  line-height: var(--wp--custom--line-height--heading);
}
.mega-menu-ifpri nav li a:hover {
  color: var(--wp--preset--color--ifpri-green) !important;
}
.grid-list {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: start;
  column-gap: 4vw;
}
.mega-menu-col-2 {
    padding-top: 5rem;
    padding-left: 3rem
}
.mega-menu-ifpri.opened, .mega-menu-ifpri.active, .mega-menu-ifpri:hover {
  display: flex;
  width: 100%;
  z-index: 10;
  animation: overlay-menu__fade-in-animation .300ms ease-out; /* reusing WP default menu animation ? */
  animation-fill-mode: forwards;
}
.mega-menu-ifpri .wp-block-columns {
  margin-bottom: 0
}
/* megamenu */
/* layout */
main.main-default-page, section.padded {
  padding-top: var(--wp--custom--spacing--gap);
  padding-bottom: var(--wp--custom--spacing--gap);
}
/* force full-width adjusting WP default class */
.alignfull, .wp-block-cover__background.has-background-dim span {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  max-width: 100vw;
  width: 100vw;
}
/* footer */
footer {
  background-color: var(--wp--preset--color--ifpri-green);
  padding-top: 110px;
  padding-left: 5vw;
  padding-right: 5vw;
  color: var(--wp--preset--color--white);
}
footer .wp-block-spacer {
  height: var(--wp--custom--spacing--ifpri-spacing-80);
}
footer .wp-block-navigation.small-nav li a span {
  color: var(--wp--preset--color--white);
}
.footer-nl {
  background: rgba(255, 255, 255, .3);
  border-radius: 10px 10px 0 0;
  padding: 26px 20px;
}
.footer-nl .mc-field-group input {
  width: 100%;
  height: 35px;
  border-radius: 5px;
  color: var(--wp--preset--color--ifpri-gray-1);
  border: 2px solid var(--wp--preset--color--ifpri-green);
  font-size: var(--wp--preset--font-size--body-3-size);
  max-width: 190px;
padding-left: 5px;
}
/*.footer-nl .submit-group {
  margin-left: .5em;
}
*/.nl-archives {
  border-radius: 0 0 10px 10px;
  display: block;
  background: rgba(255, 255, 255, .5);
  padding: 20px;
}
.show-mobile, .editor-styles-wrapper .show-mobile, .hide-desktop, .editor-styles-wrapper .hide-desktop, .editor-styles-wrapper .edit-site-push-changes-to-global-styles-control, .hidden {
  display: none
}
.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption {
  font-size: var(--wp--preset--font-size--body-2-size);
  margin-top: var(--wp--preset--spacing--medium-large);
}
/* fix jumping links https://css-tricks.com/fixed-headers-and-jump-links-the-solution-is-scroll-margin-top/ */
section {
  scroll-margin-top: 5rem;
}
#latest-books, #latest-briefs, #latest-brochures, #latest-discussion-papers, #latest-journal-articles, #latest-reports, #publications-overview {
  scroll-margin-top: 4rem;
}
.subscribe-mobile {
  width: 40vw;
  margin: 0 auto
}
.email-icon::before {
  content: "";
  display: inline-block;
  background: url("assets/images/email-icon.svg") no-repeat;
  width: 17px;
  height: 14px;
  margin-right: 0.5em;
  vertical-align: middle
}
.details-title {
  margin-top: var(--wp--custom--spacing--ifpri-spacing-40);
  margin-bottom: var(--wp--custom--spacing--ifpri-spacing-40);
}
/* pullquotes */
.wp-block-pullquote:before {
  content: "";
  display: block;
  width: 60px;
  height: 50px;
  margin: 0 auto 30px;
  background: url("assets/images/ifpri-pullquote.svg") no-repeat;
}
.wp-block-pullquote.dark:before {
  background: url("assets/images/ifpri-pullquote-white.svg") no-repeat;
}
.wp-block-pullquote:after {
  content: "";
  display: block;
  width: 60px;
  height: 50px;
  margin: 30px auto 0px;
  background: url("assets/images/ifpri-pullquote.svg") no-repeat;
  transform: rotate(180deg)
}
.wp-block-pullquote.dark:after {
  background: url("assets/images/ifpri-pullquote-white.svg") no-repeat;
  transform: rotate(180deg)
}
/* scrolling navigation  */
.scrolling-nav {
  position: sticky;
  top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
  z-index: 9;
  -webkit-box-shadow: 1px 4px 15px rgba(0, 0, 0, .2), -1px 4px 15px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 4px 15px rgba(0, 0, 0, .2), -1px 4px 15px rgba(0, 0, 0, .2);
  box-shadow: 1px 4px 15px rgba(0, 0, 0, .2), -1px 4px 15px rgba(0, 0, 0, .2);
  transition: visibility .5s, opacity .5s;
}
.scrolling-nav nav {
  width: var(--wp--style--global--content-size);
  gap: var(--wp--custom--spacing--ifpri-columns);
}
.scrolling-nav nav ul li a {
  text-transform: capitalize;
}
@media screen and (max-width: 1350px) {
  .scrolling-nav nav {
    gap: 1.5rem;
  }
}
/* exception for Publications nav */
.pubs-nav ul {
  justify-content: space-between;
  gap: unset;
}
@media screen and (max-width: 924px) {
  .scrolling-nav {
    border: none;
    padding: 0;
    min-height: 53px !important;
    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, .2), -1px 2px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, .2), -1px 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, .2), -1px 2px 5px rgba(0, 0, 0, .2);
  }
  .scrolling-nav nav {
    overflow: hidden;
    max-height: 60px;
    gap: 0 !important; /* remove blockgap for desktop view set in editor  */
  }
  .scrolling-nav nav li {
    width: var(--wp--style--global--content-size);
    padding: 20px 0 16px;
    margin: 0 auto;
    align-items: center;
  }
  input[type="checkbox"]#expand-toggle ~ #arrow-down {
    display: block;
    position: absolute;
    top: 24px;
    right: 7vw;
  }
  i.arrow-down {
    background: url("assets/images/arrow-right.svg") no-repeat;
    transition: .3s all cubic-bezier(1, 0.25, 0.25, .8); /* test animation */
    will-change: transform;
    transform: rotate(90deg);
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
  }
  input[type="checkbox"]#expand-toggle:checked ~ nav {
    max-height: fit-content;
    overflow: visible;
    transition: max-height 0.25s ease-in;
    padding-bottom: .5rem
  }
  input[type="checkbox"]#expand-toggle:checked ~ nav li {
    border-bottom: 2px solid var(--wp--preset--color--ifpri-gray-2);
  }
  .scrolling-nav nav li:last-of-type {
    border: none !important
  }
  input[type="checkbox"]#expand-toggle:checked ~ #arrow-down i.arrow-down {
    transform: rotate(270deg);
    border-left: 4px solid transparent; /* to fix arrow movement??  */
  }
}
@media screen and (max-width: 600px) {
  .scrolling-nav {
    top: 0px;
  }
}
/* back to top button */
button.scrollBackTop {
  background-color: black;
  border: none;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  transition: all 0.5s ease;
  z-index: 999999
}
i.arrow-top {
  content: "";
  display: block;
  background: url("assets/images/arrow-up-white.svg") no-repeat center center;
  background-size: contain;
  width: 14px;
  margin: 0 auto;
  height: 12px;
  cursor: pointer;
}
button.scrollBackTop:hover {
  background-color: var(--wp--preset--color--ifpri-green);
}
/* accordion */
.wp-block-heading.accordion-title {
  cursor: pointer;
  width: 100%;
  border-top: 2px solid var(--wp--preset--color--ifpri-gray-2);
  outline: none;
  /*transition: 0.4s;*/
  margin-bottom: 0;
  display: grid;
  grid-template-columns: 1fr 2.25rem;
  column-gap: 6%;
  justify-content: space-between;
  align-items: center;
  padding: var(--wp--preset--spacing--medium-large) 0;
}
.wp-block-heading.accordion-title h5 {}
.wp-block-heading.accordion-title::after, .accordion-title.active::after {
  content: "";
  align-self: flex-start;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.wp-block-heading.accordion-title::after {
  background: url("assets/images/accordion-closed.svg") no-repeat;
}
.wp-block-heading.accordion-title.active::after {
  background: url("assets/images/accordion-opened.svg") no-repeat;
}
.wp-block-group.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-size: var(--wp--preset--font-size--body-3-size);
}
.wp-block-group.accordion-content p, .wp-block-group.accordion-content ul {
  padding-bottom: var(--wp--preset--spacing--small);
  padding-right: 2.5rem;
}
.editor-styles-wrapper .wp-block-group.accordion-content {
  max-height: fit-content;
}
/* mobile extra block  */
@media screen and (max-width: 924px) {
  .wp-block-group.mobile-extra {
    display: none
  }
  .wp-block-group.mobile-extra.open-mobile {
    display: block
  }
  .wp-block-group.mobile-extra nav ul {
    border: none
  }
  .wp-block-group.mobile-extra .wp-block-buttons {
    max-width: 8.125rem;
  }
  .wp-block-group.mobile-extra .wp-block-buttons, .wp-block-group.mobile-extra .wp-block-search__inside-wrapper {
    margin: 1em auto;
  }
}
.cb4b-col ul li {
  padding-top: var(--wp--custom--spacing--ifpri-spacing-40);
  margin-block-start: 0 !important;
}
p.experts-n {
  font-family: var(--wp--preset--font-family--sourceserif-4);
  font-size: clamp(2rem, 4vw, 4.5rem);
  line-height: .6;
  margin-bottom: 2.375rem;
  font-weight: bold;
}
/* Detail pages */
.blog-details-box ul, .media-detail ul {
  margin-block-start: 0;
  padding-inline-start: 0;
}
.blog-details-box li, .media-detail li {
  padding-bottom: var(--wp--preset--spacing--small);
  font-size: var(--wp--preset--font-size--body-2-size);
  font-style: normal;
  list-style: none
}
.blog-authors ul {
  padding-inline-start: .25em;
}
.blog-authors li {
  list-style: none;
  display: inline-block;
  margin-left: 0.25em;
}
.bot-profiles a, .media-detail a, footer a {
  text-decoration: none
}
#mc-embedded-subscribe-form {
  gap: 6px
}
@media screen and (min-width: 1100px) and (max-width: 1599px) {
 .flex-basis-40 {
    flex-basis: 40vw !important
  }
}
@media screen and (min-width: 1600px) {
  :root {
    --wp--style--global--content-size: 1460px;
    --wp--style--global--wide-size: 1460px;
  }
  nav.wp-block-navigation.ifpri-main-nav {
    column-gap: 100px;
	padding-left:6vw;
  }
  .mega-menu-ifpri nav, .mega-menu-ifpri nav h4 {
     margin-right: 3em;
   }
  .flex-basis-40 {
    flex-basis: 50% !important
  }
  .search-pub form .mainForm > input {
    width: 225px;
  }
  .wp-block-group .cb5-left, .wp-block-group .meet-a-researcher {
    max-width: 730px
  }
}
@media screen and (min-width:925px) and (max-width: 1250px) {
  .mega-menu-col-2 {
    padding-top: 80px;
    padding-left: 1rem
  }
  .mega-menu-ifpri nav {
    margin-right: 1em
  }
.logos {
	max-width: 250px;
	}
  nav.wp-block-navigation.ifpri-main-nav {
    column-gap: 3%;
	padding-left:2vw
  }
  #mc-embedded-subscribe-form {
    gap: 6px;
    flex-direction: column
  }
}
/* new mobile breakpoint */
@media screen and (min-width: 925px) {
  /* fix moving text on hover state */
  .scrolling-nav .wp-block-navigation-link {
    border-bottom: 2px solid transparent;
  }
  .wp-block-navigation-link.scrolledTo {
    display: flex;
    height: 70px;
    border-bottom: 2px solid black;
  }
  /* copy of wp default css to a 925px media query */
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }
  .ifpri-top-header {
    padding-top: 1.6rem;
    height: 180px
  }
  /* various */
  .ifpri-main-nav.wp-block-navigation ul li, .editor-styles-wrapper .ifpri-main-nav .wp-block-navigation-item__content {
    padding-bottom: 2.625rem;
    width: fit-content
  }
 form.ifpri-search {
    max-width: 170px;
	margin-right:1em
  }
  /* megamenu */
  .mega-menu-ifpri {
    position: absolute;
    top: calc(180px + var(--wp-admin--admin-bar--height, 180px));
  }
  .mega-menu-col-1 p {
    padding: 40px 14% 4em 14%
  }
  .wp-block-cover.banner-2 {
    min-height: 420px;
  }
  /* underline animation */
  nav.wp-block-navigation.ifpri-main-nav .wp-block-navigation-item__label {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    padding-bottom: 6px;
	font-weight: var(--wp--custom--font-weight--bold);
  }
  nav.wp-block-navigation.ifpri-main-nav .wp-block-navigation-item__label::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: var(--wp--preset--color--black);
    height: 3px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  nav.wp-block-navigation.ifpri-main-nav .wp-block-navigation-item__label:hover::before, nav.wp-block-navigation.ifpri-main-nav .wp-block-navigation-item__label:focus::before, nav.wp-block-navigation.ifpri-main-nav .wp-block-navigation-item__label:active::before {
    left: 0;
    right: 0;
  }
  .wp-block-group.mobile-extra, .wp-block-group.mobile-extra.open-mobile {
    display: none;
  }
  .padded-right {
    padding-right: 3.75rem
  }
}

/* tablet view */
@media screen and (max-width: 1100px) {
  #GFPR24-past-reports > .wp-block-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* query loop results */
  .columns-4.wp-container-core-post-template-is-layout-1.wp-container-core-post-template-is-layout-1, .columns-4.wp-block-post-template.is-layout-grid.wp-container-core-post-template-is-layout-1.wp-block-post-template-is-layout-grid, .columns-4.wp-container-core-post-template-is-layout-2.wp-container-core-post-template-is-layout-2, .columns-4.wp-container-core-post-template-is-layout-3.wp-container-core-post-template-is-layout-3, .columns-4.wp-container-core-post-template-is-layout-4.wp-container-core-post-template-is-layout-4, .columns-3.wp-container-core-post-template-is-layout-1.wp-container-core-post-template-is-layout-1, .columns-3.wp-container-core-post-template-is-layout-2.wp-container-core-post-template-is-layout-2, .columns-3.wp-container-core-post-template-is-layout-3.wp-container-core-post-template-is-layout-3, .columns-3.wp-container-core-post-template-is-layout-4.wp-container-core-post-template-is-layout-4, .columns-3.wp-container-core-post-template-is-layout-5.wp-container-core-post-template-is-layout-5, .columns-3.wp-block-post-template.is-layout-grid.wp-container-core-post-template-is-layout-1.wp-block-post-template-is-layout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .wp-block-group.media-detail .wp-block-columns {
    display: flex;
    flex-wrap: wrap !important
  }
  .wp-block-group.media-detail .wp-block-column-is-layout-flow {
    flex: 43%;
    border: none;
  }
  p.experts-n {
    margin-bottom: 1.5rem;
  }
  /* footer */
  footer .wp-container-core-social-links-is-layout-1.wp-container-core-social-links-is-layout-1 {
    justify-content: flex-start
  }
  footer .wp-block-button {
    min-width: 102px;
  }
  .footer-nl, .nl-archives {
    max-width: 310px;
  }
  .cb5-single-column {
    padding-right: 7vw
  }
  img.custom-logo {
    width: 80px;
  }
  footer .logos img {
    max-height: 100px
  }
}
@media screen and (max-width: 924px) {
  /* neutralizing the wp default for 600px */
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  /* change default breakpoint to stack columns */
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
  }
  .wp-block-columns {
    flex-wrap: wrap !important;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
  /* check breakpoint for tablet */
  .hidden-mobile, .hide-mobile, .editor-styles-wrapper .hide-mobile, .editor-styles-wrapper .hidden-mobile {
    display: none !important
  }
  /* modify positioning of WP default menu icon open and close */
  button.wp-block-navigation__responsive-container-close {
    position: fixed;
    top: calc(23px + var(--wp-admin--admin-bar--height, 23px));
    left: 4.5vw;
  }
  .ifpri-top-header {
    max-height: 4.375rem;
    padding: 15px 4vw !important;
  }
  .logos {
    max-width: 130px;
    z-index: 9999999;
    height: 38px;
  }
  header .logos img {
    max-height: 38px;
  }
  footer .logos img {
    max-height: 90px
  }
  img.custom-logo {
    width: 130px;
  }
  .mega-menu-ifpri.clickOpened {
    position: absolute;
    display: block;
    left: initial;
    right: 0;
    z-index: 99999999 !important;
    top: calc(0px + var(--wp-admin--admin-bar--height, 0px)); /*top: 310px;*/
    overflow-y: scroll;
    height: 100vh;
  }
  .flex-basis-40 {
    padding-left: 0;
    align-self: center !important;
    flex-basis: 100% !important
  }
  #modal-1-content {
    overflow-x: hidden
  }
  nav.wp-block-navigation.ifpri-main-nav {
    padding-left: 0
  }
  .ifpri-main-nav ul {
    width: 100vw;
    background-color: #ffffff !important;
    border-top: 3px solid var(--wp--preset--color--ifpri-gray-2);
  }
  .ifpri-main-nav ul li, #modal-1-content ul li {
    border-bottom: 1px solid var(--wp--preset--color--ifpri-gray-2);
    display: block;
    padding: 1.5rem 6vw;
    width: 100% !important
  }
  .ifpri-main-nav ul li a::after {
    content: "";
    display: inline-block;
    background: url("assets/images/arrow-right.svg") no-repeat;
    width: 14px;
    height: 14px;
    float: right
  }
  .mega-menu-col-1, .mega-menu-col-2 {
    padding-left: 5vw;
    padding-right: 5vw;
    background-color: #ffffff !important;
  }
  .mega-menu-col-1 h5 {
    padding-top: var(--wp--preset--spacing--large);
    margin-bottom: var(--wp--preset--spacing--small);
    font-size: 25px;
  }
  .mega-menu-ifpri nav ul {
    margin-bottom: var(--wp--preset--spacing--medium);
  }
  .mega-menu-col-1 p:not(.close-mega-menu-mobile) {
    font-size: 15px;
    line-height: 22px;
    font-family: var(--wp--preset--font-family--roboto) !important;
    margin-bottom: 1rem
  }
  .mega-menu-ifpri nav li a {
    font-size: 20px;
    font-weight: var(--wp--custom--font-weight--light);
  }
  .wp-container-core-social-links-layout-1.wp-container-core-social-links-layout-1 {
    justify-content: center;
  }
  /* add padding on full-width sections - mobile view 
  .alignfull > .wp-block-group {
    padding-left: 4vw;
    padding-right: 4vw;
  } */
  .close-mega-menu-mobile {
    border-bottom: 1px solid var(--wp--preset--color--ifpri-gray-2);
    padding: var(--wp--preset--spacing--large) 0;
    font-size: 20px;
    cursor: pointer
  }
  .close-mega-menu-mobile::before {
    content: "";
    display: inline-block;
    background: url("assets/images/arrow-left.svg") no-repeat;
    width: 14px;
    height: 14px;
    margin-right: 0.5em
  }
  /* override WP default */
  /* hamburger menu */
  /* whole container */
  .has-modal-open .wp-block-navigation__responsive-close {
    position: absolute;
    left: 0;
    width: 100vw !important;
    /*height: calc(100vh - 70px);*/
  }
  .wp-block-navigation__responsive-dialog {
    /*  position: relative; */
  }
  .wp-block-navigation__responsive-container.is-menu-open {
    padding: 70px 0 0 !important
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding: 0 !important; /* override wp default */
    width: 100vw !important;
  }
  .wp-block-navigation__responsive-container-close {
    top: calc(4.375rem + var(--wp-admin--admin-bar--height, 4.375rem));
    left: 0;
    position: fixed
  }
  .has-modal-open .wp-block-navigation__responsive-container-close {
    background-color: white;
    margin-left: 0;
    margin-right: 0;
    width: 25px
  }
  .banner5:first-child {
    padding-top: 50px;
    padding-bottom: 0
  }
  .banner5:last-child {
    padding-top: 0;
    padding-bottom: 50px;
  }
  .profile-cv-info p {
    display: block;
    padding: 4px 0;
  }
  .wp-block-cover.banner-2 {
    min-height: 200px;
  }
  .details-title {
    margin-top: 18px;
    margin-bottom: 8px
  }
  .media-detail .wp-block-column {
    border: none;
  }
  .mega-menu-ifpri h4 {
    margin-bottom: var(--wp--preset--spacing--medium-large);
    margin-right: auto
  }
  .box-image:first-of-type {
    margin-bottom: var(--wp--preset--spacing--x-x-large);
  }
  /* Tony Scroll menu mobile */
  .wp-block-navigation-link.scrolledTo {
    order: -1;
  }
  /* blocks responsiveness */
  .cb4 .feat-img {
    padding-bottom: var(--wp--custom--spacing--ifpri-spacing-40);
  }
  .wp-block-group.drop-width .wp-block-columns {
    max-width: var(--wp--style--global--content-size);
  }
  .wp-block-group .cb5-left {
    max-width: var(--wp--style--global--wide-size);
    margin-right: auto !important
  }
  .topic-banner .wp-block-columns {
    padding-right: 7vw;
  }
}
/* gradient borders on unit page - working on Chrome */
figure.border-gradient {
  border-radius: 50%;
  max-width: 280px;
  padding: 20px;
}
.gradient-green {
  background-image: linear-gradient(to bottom, #B3DE84, rgba(255, 255, 255, 0));
}
.gradient-yellow {
  background-image: linear-gradient(to bottom, #FFE789, rgba(255, 255, 255, 0));
}
.gradient-cyan {
  background-image: linear-gradient(to bottom, #A3DBE8, rgba(255, 255, 255, 0));
}
.gradient-red {
  background-image: linear-gradient(to bottom, #FF8989, rgba(255, 255, 255, 0));
}
.gradient-purple {
  background-image: linear-gradient(to bottom, #D4ABDB, rgba(255, 255, 255, 0));
}
/* social media sharing buttons on blog */
.round-border {
  border: 1px solid var(--wp--preset--color--ifpri-gray-2);
  border-radius: 50%;
  padding: 12px
}
/* sharing box on blogs */
#share-box {
  display: none;
  flex-direction: column;
  justify-content: space-evenly;
  border: 1px solid var(--wp--preset--color--ifpri-gray-2);
  width: 200px;
  padding: 0 1em;
  position: absolute;
  top: 80px;
  border-radius: 5px;
  background-color: white;
  z-index: 9
}
#share-box::before {
  width: 20px;
  height: 20px;
  border-top: 1px solid var(--wp--preset--color--ifpri-gray-2);
  border-right: 0px solid var(--wp--preset--color--ifpri-gray-2);
  border-bottom: 0px solid var(--wp--preset--color--ifpri-gray-2);
  border-left: 1px solid var(--wp--preset--color--ifpri-gray-2);
  top: 0;
  content: '';
  left: 15%;
  margin-left: -11px;
  margin-top: -11px;
  transform: rotate(45deg);
  position: absolute;
  background-color: white;
}
#share-box h5 {
  margin-bottom: 0px;
  font-size: var(--wp--preset--font-size--body-1-size)
}
#share-box ul {
  padding-inline-start: 0px;
}
#share-box li {
  padding: var(--wp--preset--spacing--small) 0;
  list-style: none;
  border-bottom: 1px solid var(--wp--preset--color--ifpri-gray-2);
  font-size: var(--wp--preset--font-size--body-1-size);
  display: flex;
  align-items: center;
}
#share-box a {
  text-decoration: none
}
.x-icon::before, .fb-icon::before, .whatsapp-icon::before, .in-icon::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 20px;
  margin-right: 0.5em;
  vertical-align: text-bottom;
}
.x-icon::before {
  background: url("assets/images/website-vector-assets_X-logo.svg") no-repeat center;
}
.fb-icon::before {
  background: url("assets/images/sb-facebook.svg") no-repeat center;
}
.whatsapp-icon::before {
  background: url("assets/images/sb-whatsapp.svg") no-repeat center;
}
.in-icon::before {
  background: url("assets/images/sb-linkedin.svg") no-repeat center;
}
/* total number of comments - blog */
.comments {
  border: 1px solid var(--wp--preset--color--ifpri-gray-2);
  border-radius: 50px;
  padding: 10px 15px;
}
.comments::before {
  content: "";
  display: inline-block;
  background: url("assets/images/comments.svg") no-repeat;
  width: 40px;
  height: 30px;
  margin-right: 0.5em;
  vertical-align: middle
}
#overview {
  margin-bottom: var(--wp--preset--spacing--x-large);
}
#overview ul, #overview ol {
  margin-bottom: 1em;
}
a.post-link {
  text-decoration: none;
  color: #fff;
  font-size: var(--wp--preset--font-size--label-4-size);
}
.wp-block-group.media-detail .wp-block-column-is-layout-flow {
  padding-right: 1.5em
}
.media-detail .profile_link {
  margin-bottom: 0;
}
#blog-details a, .media-detail a, .media-detail .profile_link a, .media-detail .value {
  color: #000;
  font-size: var(--wp--preset--font-size--body-3-size);
}
#blog-details a:hover, .media-detail a:hover, .profile_link a:hover {
  text-decoration: underline
}
.wp-block-group .translations .wp-block-button__link {
	text-transform: uppercase; 
}
/* search our publications - Figma block */
.search-pub.wp-block-column form details {
  display: none;
}
.search-pub input[type="text"].resourceText {
  background-color: #fff;
}
.search-pub form .mainForm {
  width: 280px;
}
iframe {
  padding-bottom: 1em
}
/* responsive iframe container */
.resp-iframe {
  position: relative;
  padding-bottom: 65%;
  overflow: hidden;
}
.resp-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/* Profiles */
.profile-languages span {
  font-style: italic;
}
.profile_link a {
  text-decoration: none;
  color: var(--wp--preset--color--ifpri-blue-1);
}
.profile-unit ul {
  display: flex;
  flex-wrap: wrap;
  padding-inline-start: 0;
  margin-block-start: 0;
}
.profile-unit ul li:not(:first-of-type)::before {
  display: inline-block;
  content: "|";
  padding: 0 0.5em;
}
.profile-unit ul li, .profile-unit p {
  font-family: var(--wp--preset--font-family--sourceserif-4);
  color: #fff;
  list-style: none;
}
.taxonomy-event_type:after {
  display: none;
}
/* search and filter - add separate stylesheet? */
.wp-block-heading.filters::before {
  content: '';
  display: inline-block;
  background: url("assets/images/filters.svg") no-repeat;
  width: 24px;
  height: 21px;
  margin-right: 1em;
}
.searchandfilter ul, .searchandfilter li, .search-filter-results ul, .search-filter-results li {
  padding-inline-start: 0;
  list-style: none;
}
.searchandfilter > ul > li:not(:last-child):not(.sf-field-search):not(.sf-field-reset) {
  border-bottom: 2px solid #000
}
.sf-field-reset {
  position: relative
}
.sf-field-reset a {
  font-size: var(--wp--preset--font-size--body-3-size);
  font-weight: 600;
  display: block;
  position: absolute;
  top: -60px;
  right: 8%;
  text-decoration: none
}
.searchandfilter li {
  list-style: none
}
.searchandfilter ul li li {
  display: flex;
  align-items: flex-start
}
.searchandfilter h4 {
  font-family: var(--wp--preset--font-family--roboto);
  font-size: var(--wp--preset--font-size--ifpri-h-5);
  padding: var(--wp--preset--spacing--medium-large) 0;
  cursor: pointer;
  background: transparent url("assets/images/arrow-down.svg") 90% center no-repeat;
  background-size: 22px;
}
.searchandfilter h4.filtersShown {
  background-image: url("assets/images/arrow-up.svg");
}
.searchandfilter label {
  font-size: var(--wp--preset--font-size--body-3-size);
}
.searchandfilter ul ul {
  padding-bottom: var(--wp--preset--spacing--medium-large);
  overflow-y: scroll;
  /* hide scrollbar in Firefox */
  scrollbar-width: none;
  /* hide scrollbar in Edge, Explorer */
  -ms-overflow-style: none;
  max-height: 304px;
}
.searchandfilter ul.filtersHidden {
  display: none;
}
.searchandfilter ul li.sf-field-search {
  border: 1px solid #dddddd;
  height: 40px;
  border-radius: 5px;
  padding: 5px;
  width: 90%;
  margin-bottom: var(--wp--custom--spacing--ifpri-spacing-40);
}
.sf-field-search, .sf-field-submit {
  display: inline-block !important;
}
.sf-field-search input {
  height: 34px;
  border: 1px solid #ffffff;
  width: 150%
}
.sf-field-search input[type="text"], .sf-input-select {
  font-size: var(--wp--preset--font-size--body-3-size);
  font-weight: 200;
  font-family: var(--wp--preset--font-family--roboto);
}
.sf-field-search input:focus, .sf-input-select select:focus {
  outline: none;
}
.sf-field-submit {
  position: relative;
}
.sf-field-submit input[type="submit"] {
  background: url("assets/images/search.svg") no-repeat center center;
  height: 28px;
  width: 28px;
  border: 1px solid white;
  position: absolute;
  right: 15px;
  top: 3px;
  cursor: pointer
}
/* Author list (+ others) confined to a 300px+ vertical space where visitors could scroll 
li.sf-field-post-meta-ifpri_author, li.sf-field-post-meta-ifpri_project_duration, li.sf-field-post-meta-ifpri_topic_ref, li.sf-field-post-meta-ifpri_donor_ref {
  max-height: 310px;
  overflow-y: scroll;
  /* hide scrollbar in Firefox 
  scrollbar-width: none;
  /* hide scrollbar in Edge, Explorer 
  -ms-overflow-style: none;
} 
li.sf-field-post-meta-ifpri_author {
  max-height: 330px;
} */
/* hide scrollbar in Microsoft browsers */
li.sf-field-post-meta-ifpri_author::-webkit-scrollbar, li.sf-field-post-meta-ifpri_project_duration::-webkit-scrollbar, li.sf-field-post-meta-ifpri_topic_ref::-webkit-scrollbar, li.sf-field-post-meta-ifpri_donor_ref::-webkit-scrollbar, .filters_details-outer::-webkit-scrollbar {
  display: none
}
/* breadcrumbs */
.event-breadcrumbs a, .profile-breadcrumbs a {
  text-decoration: none;
  cursor: pointer
}
.event-breadcrumbs figure::after, .profile-breadcrumbs figure::after {
  display: inline-block;
  content: '';
  background: url("assets/images/arrow-right.svg") no-repeat;
  width: 16px;
  height: 15px;
  margin-left: 0.5em;
}
.profile-breadcrumbs figure::after {
  background: url("assets/images/arrow-up-white.svg") no-repeat;
  transform: rotate(90deg);
  background-size: contain;
  margin-left: .25em;
  margin-right: .25em
}
.event-breadcrumbs img, .profile-breadcrumbs img {
  vertical-align: baseline;
  cursor: pointer
}
/* Ask an expert form */
.wpforms-field-large, #wpforms-31362-field_2, #wpforms-31362-field_3 {
  background-color: var(--wp--preset--color--white);
  border-radius: var(--ifpri-button-radius);
  color: var(--wpforms-field-text-color);
  border: 2px solid var(--wp--preset--color--ifpri-gray-2);
  padding: 0 var(--wpforms-field-size-padding-h);
  font-size: var(--wp--preset--font-size--body-2-size);
  line-height: 100%;
  box-shadow: none;
  transition: border 0.15s, box-shadow 0.15s;
  font-family: var(--wp--preset--font-family--roboto);
  font-weight: 600;
}
.wpforms-submit .wp-element-button, #wpforms-submit-31362, #wpforms-submit-146534 {
  border-radius: 10px;
  border-top-width: 0px;
  border-top-style: none;
  border-right-width: 0px;
  border-right-style: none;
  border-bottom-width: 0px;
  border-bottom-style: none;
  border-left-width: 0px;
  border-left-style: none;
  color: var(--wp--preset--color--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--roboto);
  font-size: var(--wp--preset--font-size--body-3-size);
  font-style: normal;
  font-weight: var(--wp--custom--font-weight--medium);
  line-height: inherit;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  text-decoration: none;
  background-color: var(--wp--preset--color--ifpri-yellow-1);
  box-shadow: none;
}
.wpforms-submit:hover, #wpforms-submit-31362:hover, #wpforms-submit-146534:hover {
  background: linear-gradient(0deg, var(--wp--preset--color--ifpri-yellow-2), var(--wp--preset--color--ifpri-yellow-2));
}
details summary {
  cursor: pointer;
}
/* crop logo cover image on homepage */
.crop-right {
  margin-left: 150px
}
@media screen and (max-width: 924px) {
  .crop-right {
    margin-left: 0
  }
  .wp-block-spacer.ifpri-spacing.resize-mobile {
    height: 30px;
  }
}
/* external resources - project block */
#external-resources, #external-resources div, #external-resources p, .flex-container > div, #overview ul, #overview ol, #overview li, .value a {
  line-height: var(--wp--custom--line-height--body);
}
.paragraph-blog-info, .paragraph-event-info, .paragraph-pub-info {
  margin-bottom: var(--wp--preset--spacing--medium);
}
.paragraph-blog-info a, .paragraph-event-info a, .paragraph-pub-info a {
  font-weight: bold;
}
/* remove ifpri separator from publications section (first item on profiles, units)*/
#profile_publications hr, .single-topic #publications hr {
  display: none;
}
/* Adjusting line heights on the expanded topic intro */
.topic-intro {
  line-height: var(--wp--custom--line-height--body) !important;
}
/* Adjusting hyperlink colours under the topic intro */
.topic-intro a {
  color: #fff !important;
}
/* Adjusting the publication cards in the what's new page to be flush with right margin. Three empty rows were causing the issue. */
.pub-cards-wide .flexLastRow {
  display: none;
}
/* also hiding the copy citation button for the section mentioned above */
.pub-cards-wide .ifres_list_citations_btn {
  display: none;
}
/*/* override WP default rule adding padding on columns with background  :root :where(.wp-block-columns.has-background) {
  padding: 0
}
*//* functional classes */
.vertical-line {
  background: linear-gradient(#000, #000) no-repeat center/2px 100%;
  min-height: 100%
}
.column-gap-100 {
  column-gap: 6.25rem
}
.equal-height {
  height: 100%;
}
.stretch-height {
  align-self: stretch
}
.italic {
  font-style: italic
}
.has-sourceserif-4-font-family {
  font-weight: bold;
  font-family: var(--wp--preset--font-family--sourceserif-4);
}
.padded-top {
  padding-top: var(--wp--custom--spacing--gap);
}
.padded-bottom {
  padding-bottom: var(--wp--custom--spacing--gap);
}
.gray-link {
  color: var(--wp--preset--color--ifpri-gray-1);
}
.gray-link:hover {
  color: var(--wp--preset--color--ifpri-green);
}
.btn {
  background-color: var(--wp--preset--color--ifpri-yellow-1);
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
}
.btn:hover {
  background-color: var(--wp--preset--color--ifpri-yellow-2);
  color: #000;
  text-decoration: none
}
@media screen and (max-width: 924px) {
  .row-reverse-menu, .row-reverse {
    flex-direction: row-reverse
  }
  .wp-block-columns.column-reverse {
    flex-direction: column-reverse
  }
  .show-mobile, .editor-styles-wrapper .show-mobile, .hide-desktop, .editor-styles-wrapper .hide-desktop {
    display: block !important
  }
  .drop-border {
    border: none
  }
  .padded-right {
    padding-right: 0
  }
  .remove-width, .wp-block-group.remove-width {
    width: var(--wp--style--global--content-size) !important;
    max-width: var(--wp--style--global--content-size) !important;
    margin-left: auto;
    margin-right: auto;
  }
  .search-filter-results .wp-block-columns.ifpri-column-gap {
    gap: 2rem;
  }
  .sf-field-search input {
    width: 100%
  }
}
/* Selected editor styles */
.editor-styles-wrapper .wp-block-group.prof-des-all.hidden {
  display: block;
}
.editor-styles-wrapper .mega-menu-ifpri {
  display: block;
  top: 0;
  position: relative;
}
.editor-styles-wrapper #expand-toggle, .editor-styles-wrapper #arrow-down, .editor-styles-wrapper .scrolling-nav input, .scrolling-nav input {
  display: none;
}
/* essential readings content block */
.essential-readings {
  padding-top: 3.5rem;
  padding-right: 3.5rem;
  padding-bottom: 3.5rem;
  padding-left: 3.5rem;
}
.essential-readings .ifResSingleItem .resourceItemRecord .cardContent {
  padding-top: 0px;
}
@media screen and (max-width: 924px) {
  .essential-readings .wp-block-columns.ifpri-column-gap {
    gap: 0
  }
}
/* podcast archive thumbnails exception */
.post-type-archive-podcast figure {
  height: auto !important;
}
/* issue WR-171 - IFPRI Funding Partnership: alignment issue in mobile view (responsiveness) fix for search block - IFPRI resources plugin */
.search-pub form.resourceSearchSelect .ifSearchModifiers {
  display: flex;
  flex-wrap: wrap;
  line-height: var(--wp--custom--line-height--body);
  color: var(--wp--preset--color--black)
}
.ifSearchModifier {
  padding: 0;
  border: none
}
span.ifSearchModifier:not(:last-child)::after {
  display: inline-flex;
  content: "|";
  padding: 0px 10px;
  color: var(--wp--preset--color--ifpri-gray-1);
}
/* issue WR-174 - IFPRI Funding Partnership: donor section red card alignment in mobile view (responsiveness) */
.resourceItemRecord.portrait picture, .resourceInnerBlock figure {
  height: auto;
  width: auto;
}
/* card being cut off when clicking on details for any of the reports */
@media screen and (max-width: 750px) {
  .resourceItemRecord dialog:modal {
    padding: 30px 30px;
  }
}
.ifResBtn {
  margin-bottom: var(--wp--preset--spacing--medium);
}
/* hide summary-details arrow on resources buttons */
.ifpriResourcesSearchBlock ::-webkit-details-marker::-webkit-details-marker {
  display: none
}
.ceros img {
  max-width: 100%
}
.wp-block-navigation ul.wp-block-navigation__container.has-background.has-ifpri-blue-1-background-color.help_navigation.wp-block-navigation li a {
  color: #ffffff;
}
/* cookie banner */
.svgWrapCookie {
  width: 70px;
}
.cookie-section, .cookieConsentedRemove.cookieSectionHidden {
  display: none;
}
.cookie-section.cookieSectionShown {
  display: block;
}
.wp-block-group.cookie-section {
  position: fixed;
  z-index: 999999;
  bottom: 0;
  right: 0;
  left: 0;
  max-height: 90%;
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--wp--preset--color--ifpri-blue-1);
  padding: var(--wp--preset--spacing--medium);
}
.wp-block-group.cookie-section p {
  font-size: var(--wp--preset--font-size--body-3-size);
}
/* hide fallback featured image on single profiles */
.single-profile .feat-img {
  display: none;
}
.searchandfilter ul li.filtersHidden {
  display: none;
}
/* Publications - Advanced search pull out button */
.wp-block-buttons.pubs-adv {
  position: fixed;
  right: -185px;
  top: 37.9rem;
  z-index: 999;
  transition: all 0.4s ease;
}
.wp-block-buttons.pubs-adv:hover {
  right: -5px;
}
.pubs-adv .wp-block-button__link {
  display: flex;
  align-items: center;
}
.pubs-adv .wp-block-button__link svg {
  margin-right: 16px;
}
.thumbnail_profile_search.placeholder {
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  /* query loop results */
  .columns-4.wp-container-core-post-template-is-layout-1.wp-container-core-post-template-is-layout-1, .columns-4.wp-block-post-template.is-layout-grid.wp-container-core-post-template-is-layout-1.wp-block-post-template-is-layout-grid, .columns-4.wp-container-core-post-template-is-layout-2.wp-container-core-post-template-is-layout-2, .columns-4.wp-container-core-post-template-is-layout-3.wp-container-core-post-template-is-layout-3, .columns-4.wp-container-core-post-template-is-layout-4.wp-container-core-post-template-is-layout-4, .columns-3.wp-container-core-post-template-is-layout-1.wp-container-core-post-template-is-layout-1, .columns-3.wp-container-core-post-template-is-layout-2.wp-container-core-post-template-is-layout-2, .columns-3.wp-container-core-post-template-is-layout-3.wp-container-core-post-template-is-layout-3, .columns-3.wp-container-core-post-template-is-layout-4.wp-container-core-post-template-is-layout-4, .columns-3.wp-container-core-post-template-is-layout-5.wp-container-core-post-template-is-layout-5, .columns-3.wp-block-post-template.is-layout-grid.wp-container-core-post-template-is-layout-1.wp-block-post-template-is-layout-grid, #GFPR24-past-reports > .wp-block-columns {
    grid-template-columns: 1fr;
  }
  button.resourceDownloadBtn {
	position:static
	}
}



.wp-block-navigation.small-nav ul li:not(:last-child)::after {
  content: "|";
  display: inline-block;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

/* Added Oct 24 - footer nav spacing, post title projects - Theme changes */

.wp-block-navigation.small-nav ul li:not(:last-child)::after {
  content: "|";
  display: inline-block;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.wp-block-post-title {
  box-sizing: border-box;
  word-break: break-word;
  margin-bottom: 3.3rem;
}

:root :where(.is-layout-constrained) > .wp-block-post-title {
  margin-block-start: 0px;
  margin-bottom: 3.3rem;
}