@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&family=Source+Serif+4:opsz,wght@8..60,700&display=swap');

:root {
/*Tony */
  --ifpri-label4-weight: 700;
  --ifpri-label4-leading: 32px;


  --ifpri-label5-weight: 700;
  --ifpri-label5-leading: 30px;


  --ifpri-body3-weight: 400;
  --ifpri-body3-leading: 24px;

  --ifpri-button-size: 16px;
  --ifpri-button-weight: 500;
  --ifpri-button-paddingv: 13px;
  --ifpri-button-paddingh: 20px;
  --ifpri-button-height: 42px; 
  --ifpri-button-radius: 5px;

 

  --black: rgb(0, 0, 0);
  /* #000000 */
  --white: rgb(255, 255, 255);
  /* #FFFFFF */
 


/* fonts  > in theme.json:*/

/* --wp--preset--font-family--roboto: Roboto; -------dev.ifpri.org*/


/* font sizes > in theme.json:*/
	
/* WP built-in font sizes ( override? )*/
/*dev.ifpri.org------- --wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.469), 20px);
--wp--preset--font-size--large: clamp(22.041px, 1.378rem + ((1vw - 3.2px) * 1.091), 36px);
--wp--preset--font-size--x-large: clamp(25.014px, 1.563rem + ((1vw - 3.2px) * 1.327), 42px);-------dev.ifpri.org*/

/* Custom IFPRI font sizes > in theme.json (Please note: h6 size = body3 size) */
	
/*dev.ifpri.org------- --wp--preset--font-size--body-3-size: clamp(15px, 0.938rem + ((1vw - 3.2px) * 0.078), 16px);
--wp--preset--font-size--body-2-size: clamp(15px, 0.938rem + ((1vw - 3.2px) * 0.391), 20px);
--wp--preset--font-size--body-1-size: clamp(15px, 0.938rem + ((1vw - 3.2px) * 0.859), 26px);
--wp--preset--font-size--label-5-size: clamp(15px, 0.938rem + ((1vw - 3.2px) * 0.391), 20px);
--wp--preset--font-size--label-4-size: clamp(16px, 1rem + ((1vw - 3.2px) * 0.469), 22px);
--wp--preset--font-size--label-3-size: clamp(17px, 1.063rem + ((1vw - 3.2px) * 0.859), 28px);
--wp--preset--font-size--label-2-size: clamp(19px, 1.188rem + ((1vw - 3.2px) * 0.859), 30px);
--wp--preset--font-size--label-1-size: clamp(20px, 1.25rem + ((1vw - 3.2px) * 0.938), 32px);
--wp--preset--font-size--ifpri-h-5: clamp(17px, 1.063rem + ((1vw - 3.2px) * 0.391), 22px);
--wp--preset--font-size--ifpri-h-4: clamp(21px, 1.313rem + ((1vw - 3.2px) * 0.703), 30px);
--wp--preset--font-size--ifpri-h-3: clamp(23px, 1.438rem + ((1vw - 3.2px) * 1.328), 40px);
--wp--preset--font-size--ifpri-h-2: clamp(27px, 1.688rem + ((1vw - 3.2px) * 1.484), 46px);
--wp--preset--font-size--ifpri-h-1: clamp(30px, 1.875rem + ((1vw - 3.2px) * 2.656), 64px); -------dev.ifpri.org*/
	

/* font weight > in theme.json: custom created but = to WP built-in 'font size appearance' so maybe not needed?*/
	
/*dev.ifpri.org------- --wp--custom--font-weight--black: 900;
--wp--custom--font-weight--bold: 700;
--wp--custom--font-weight--light: 300;
--wp--custom--font-weight--medium: 500;
--wp--custom--font-weight--regular: 400; -------dev.ifpri.org*/
	
/* custom line height > in theme.json: */
/*dev.ifpri.org------- --wp--custom--line-height--body: 1.615;
--wp--custom--line-height--heading: 1.25;
--wp--custom--line-height--medium: 1.5;  -------dev.ifpri.org*/

/* spacing > in theme.json: */
	
/* used for columns*/
/*dev.ifpri.org------- --ifpri-spacing-80: 80px;  
 --ifpri-spacing-60: 60px;   -------dev.ifpri.org*/

/* used for block spacer to add gap among different sections*/
/*dev.ifpri.org-------  --wp--custom--spacing--gap: 168px; 

	
	
/* colour palette > in theme.json:*/
/**/
/*dev.ifpri.org------- --wp--preset--color--ifpri-green: #62BB46;  /* rgb(98, 187, 70) */
/*dev.ifpri.org------- --wp--preset--color--ifpri-green-2: #96CA4F;  -------dev.ifpri.org*/ /* rgb(150,202,79) */
/*dev.ifpri.org------- --wp--preset--color--ifpri-green-3: #C4D82E;  -------dev.ifpri.org*/ /* rgb(196,216,46) */
/*dev.ifpri.org------- --wp--preset--color--ifpri-orange: #FDB51B;   -------dev.ifpri.org*/ /* rgb(253,181,27) */
/*dev.ifpri.org------- --wp--preset--color--ifpri-yellow-1: #FFE789;  -------dev.ifpri.org*/ /* rgb(255,231,137) */
/*dev.ifpri.org------- --wp--preset--color--ifpri-yellow-1: rgb(255, 229, 156); -------dev.ifpri.org*/ /* #ffe789*/
/*dev.ifpri.org------- --wp--preset--color--ifpri-yellow-2: #FFDC1E;  -------dev.ifpri.org*/ /* rgb(255,220,30) */
/*dev.ifpri.org------- --wp--preset--color--ifpri-blue-1: #0085DE;  -------dev.ifpri.org*/ /* rgb(46, 129, 196) */
/*dev.ifpri.org------- --wp--preset--color--ifpri-blue-2: #334FA1;  -------dev.ifpri.org*/ /* rgb(51, 79, 161); */
/*dev.ifpri.org------- --wp--preset--color--ifpri-gray-1: #979797;  -------dev.ifpri.org*/ /* rgb(151, 151, 151) */
/*dev.ifpri.org------- --wp--preset--color--ifpri-gray-2: #CECECE; -------dev.ifpri.org*/  /* rgb(206, 206, 206) */
/*dev.ifpri.org------- --wp--preset--color--ifpri-gray-3: #EAEAEA; -------dev.ifpri.org*/ /* rgb(234, 234, 234) */
/*dev.ifpri.org------- --wp--preset--color--ifpri-red: #FF8989;   -------dev.ifpri.org*/  /* rgb(255, 137, 137) */
/*dev.ifpri.org------- --wp--preset--color--ifpri-cyan: #A3DBE8;  -------dev.ifpri.org*/   /* rgb(163, 219, 232) */
/*dev.ifpri.org------- --wp--preset--color--ifpri-green-other: #B3DE84; -------dev.ifpri.org*/ /* rgb(179, 222, 132) */
/*dev.ifpri.org------- --wp--preset--color--ifpri-purple: #D4ABDB; -------dev.ifpri.org*/	/* rgb(212, 171, 219) */


/* IFPRI line-height - only desktop line-heigth expressed in px on theme.json */
/*dev.ifpri.org-------   --ifpri-h1-leading: 80px; -------dev.ifpri.org*/ /* Mobile styles:  39px */
/*dev.ifpri.org-------   --ifpri-h2-leading: 60px; -------dev.ifpri.org*/  /* 35px */
/*dev.ifpri.org-------  --ifpri-h3-leading: 56px; -------dev.ifpri.org*/  /* 28px */
/*dev.ifpri.org-------   --ifpri-h4-leading: 37px; -------dev.ifpri.org*/ /* 27px */
/*dev.ifpri.org-------   --ifpri-h5-leading: 28px; -------dev.ifpri.org*/  /* 22px */
/*dev.ifpri.org-------   --ifpri-h6-leading: 24px; -------dev.ifpri.org*/ /* not in style guide  */
/*dev.ifpri.org-------   --ifpri-label1-2-leading: 42px; -------dev.ifpri.org*/ /* 25px, 24px */
/*dev.ifpri.org-------   --ifpri-label3-leading: 40px; -------dev.ifpri.org*/ /* 23px */
/*dev.ifpri.org-------   --ifpri-label4-leading: 32px; -------dev.ifpri.org*/ /* 22px */
/*dev.ifpri.org-------   --ifpri-label5-leading: 30px; -------dev.ifpri.org*/ /* 21px */
/*dev.ifpri.org-------   --ifpri-body1-leading: 42px;  -------dev.ifpri.org*/ /* 20px */
/*dev.ifpri.org-------   --ifpri-body2-leading: 30px; -------dev.ifpri.org*/	/* not in style guide  */
/*dev.ifpri.org-------   --ifpri-body3-leading: 24px;  -------dev.ifpri.org*//* not in style guide  */


}

/*body { 

  font-size: var(--ifpri-body1-size);
  font-weight: var(--ifpri-body1-weight);
  line-height: var(--ifpri-body1-leading);
  font-family: var(--ifpri-body1-font);

}*/

.ifpriResourcesListBlock, .ifpriResourcesSearchBlock { margin-top: 1.5rem; }


h4.ifResourcesTitle {

  line-height: var(--wp--custom--line-height--ifpri-h-4-leading);
  font-family: var(--wp--preset--font-family--sourceserif-4);
  margin: 5px auto 11px 0px;
  padding: 0px;

}


h4.ifResourcesTitle:hover,
h4.ifResourcesTitle a:hover {
  color: var(--wp--preset--color--ifpri-green);
  cursor: pointer;
}

h4.ifResTitleGeneral {
  cursor: pointer;
}

h4.ifResTitleGeneral:hover {
  color: var(--wp--preset--color--ifpri-green);
}


/* From Single item listing */

.resourceItemRecord.onecol {
  grid-template-columns: 1fr;
}



.singleItem .thumbWrap {
  display: grid;
  justify-items: center;
  margin-top: 15px;
}

.singleItem .thumbWrap img {
  width: 90px;
}

.resourceItemRecord.singleItem {
  grid-template-columns: 1fr;
  margin-top: 0px;
  padding-top: 0px;
}


form.filters_form {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 20px;
}

.filters.publications-filters {
  margin-top: 12px;
  margin-bottom: 12px;
  border-bottom: 1px dotted var(--wp--preset--color--ifpri-gray-2);
  padding-bottom: 60px;
}

select.filters-select,
input.filters-select {
  border: 0.1rem solid rgba(125, 126, 125, 0.572);
  width: 100%;
  padding: .3rem 4rem .3rem .3rem;
  background-color: transparent;
  color: #636363;
  font-size: 1.1rem;
  border-radius: 0;
  cursor: pointer;
}

.searchbox.filters-select {
  padding-right: 12px;
  width: 150px;
  height: 37px;
  background-position: 93%;
  background-size: 12px;
  border: 0.1rem solid rgba(125, 126, 125, 0.572);
}

.filters_label {
  font-size: 1.1rem;
}

.filter_Reset {
  opacity: 0.4;
}

h3.filters__title {
  color: var(--mint);
  margin-bottom: 5px;
}

.resFiltersList {
  height: 300px; overflow-y: scroll;
}

.resourceItemRecord.hidden,
.resourceItemRecord.cards.hidden {
  display: none;
}
.resultHref,
.resourceItemRecord p, .resourceItemRecord span, .resourcesPagerSection span {
 /*  margin-top: 3px; /// added below
  margin-bottom: 3px;*/
  font-size: var(--wp--preset--font-size--body-3-size);
  font-weight: var(--ifpri-body3-weight);
  line-height: var(--wp--custom--line-height--ifpri-body-3-leading);
  font-family: var(--wp--preset--font-family--roboto);

}


.resultHref, .resourceItemRecord span, .resourcesPagerSection span {
  margin-top: 3px;
   margin-bottom: 3px;

}

.resourceItemRecord span.dashicons {
 font-family: dashicons;
 margin-top: 0px;
}

.resourceItemRecord h3 {
  font-size: 1.2em;
  font-weight: 500;
  margin-bottom: 2px;
}



.resourceItemRecord:first-child {
  border-top: 0px;
  margin-top: 0px;
  padding-top: 0px;
}


#resultsWrapper,
.resultsWrapper {
  visibility: visible;
  opacity: 1;
}

#resultsWrapper.faded,
.resultsWrapper.faded {
  animation: fadeinout 2s linear forwards;
  opacity: 0;
}



@keyframes fadeinout {
  50% {
    opacity: 1;
  }
}





.ipfri_res_summary {
  cursor: pointer;
}




.resourcesOutputsWrapper.cards>div {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem 3rem;
  justify-content: space-between;
}







.resourceItemRecord.cards {
  display: block;
  flex: 1 0 26%;
  box-sizing: border-box;
 /* max-width: calc(26% - 1em);*/
  padding-top: 0px;
}

.resourceItemRecord.cards.portrait {
  max-width: unset;

}

.resourceItemRecord.cards:hover {
  opacity: 0.8;
}

.resourceItemRecord.cards div.cardInner {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.resourceItemRecord.cards.portrait div.cardInner {
  flex-direction: column;
}

.resourceItemRecord.cards.landscape div.cardInner {
  column-gap: 30px;
  flex-direction: row;
  align-items: start;
}



.resourceItemRecord picture {
  width: 100%;
  padding: 0px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}



.resourceItemRecord.portrait picture img.resourceThumb, .resourceInnerBlock figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ifResListView .resourceItemRecord.portrait picture {

  margin-top: 0px;
}




.resourceItemRecord.cards div.cardInner.landscape {
  display: grid;
  grid-template-columns: 200px 1fr;
}





.resourceItemRecord .cardContent {
  padding: 1rem 0px 1rem 0px;
  
}

.resourceItemRecord .centered {
  margin: 0 auto;
  padding: 0 1em;
}

.ifResSingleItem  .resourceItemRecord .cardContent {
  padding-top: 46px;
  padding-left: 0px;
}


.ifResSingleItem .resourceItemRecord { padding-top: 0px; padding-bottom: 0px; }




.resourceItemRecord dialog:modal {
  border: none !important;
  border-radius: 12px;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  padding: 70px 70px;
  overflow-x: hidden;
  width: calc(100% - 400px);
  height: 70%;
  max-width: 1246px;

  margin: 70px auto;


}

@media screen and (max-width: 1450px) {
  .resourceItemRecord dialog:modal {
    width: calc(100% - 25%);
  }
}

.closeWrapDia {
  position: relative;
  margin-top: -10px;
  height: 30px;
}


.displaySwitcher {
  position: absolute;
  right: 0px;
  top: -60px;
}

.displaySwitcher button {
  cursor: pointer;
  margin-left: 10px;
}


.adminInfo h4 {
  margin-top: 10px;
  margin-bottom: 10px;
}

summary.adminSummary {
  cursor: pointer;
  padding: 3px 15px;
  border-radius: 5px;
  background-color: #f4f4f4;
}

details.adminInfoRes {
  border: 1px solid #0274be;
  color: #0274be;
  color: #444444;
  padding: 5px;
  border-radius: 5px;
  background-color: #f4f4f4;
  margin: 1.5rem 0rem ;
}


@media screen and (min-width: 40em) {
  .resourceItemRecord.card {
    max-width: calc(50% - 1em);
  }
}

@media screen and (min-width: 60em) {
  .resourceItemRecord.card {
    max-width: calc(22% - 1em);
  }
}

@media screen and (min-width: 52em) {
  .resourceItemRecord .centered {
    max-width: 52em;
  }
}



.resourceItemRecord.list .titleDetails {
  display: none;
}

.resourceItemRecord.cards .titleDetails {
  display: block;
}



.resourceItemRecord.cards summary.outputDetails {
  display: none;
}



.ifResSeparator {
  margin-left: 4px;
  margin-right: 4px;
}


.spaceAPIinfo {
  color: #222d43;
  font-size: 1rem;
  margin: 2px 0px;
}

.dspaceAPInote {
  color: rgb(41, 74, 41);
}

.dspaceAPIline {
  color: var(--wp--preset--color--ifpri-gray-2);
}



.resourcesMoreText {
  padding: 3px 15px;
  border: 1px solid var(--wp--preset--color--ifpri-gray-2);
  width: max-content;
  cursor: pointer;
}


.dspaceDetails {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 40px;
  padding: 10px 0px;
  border-bottom: 2px solid var(--wp--preset--color--ifpri-gray-2);
  margin-left: -22px; 
  margin-right: -22px; 
}

.ifpriResourcesListBlock .dspaceDetails, .ifpriResourcesSearchBlock  .dspaceDetails {
  margin-left: 0px; 
  margin-right: 0px; 

}

.dspaceDetails:last-child {
  border: 0px;
}

.dspaceDetails p:first-child {
  padding-left: 22px;
}

.dspaceDetails p:last-child {
  padding-right: 22px;
}


.resourceItemRecord.cards.landscape {
  max-width: calc(48% - 1em);
}

.resourceItemRecord.cards:hover {
  opacity: 0.8;
}

span.dspaceSub.year {
  font-weight: 600;
}


.resourceItemRecord .cardContent h3 {
  margin-bottom: 0px;
  font-weight: 600;
}

.resourceItemRecord .cardContent h3 a {
  text-decoration: none;
}




details.list h3.titleDetails,
.outputDetails.list h3.titleDetails {
  display: none;
}


.resourcesOutputsWrapper.list .resourceItemRecord.list button.dialogOutputsMore {
  display: none;
  background-color: purple;
}



/* Toggle between dialog and details */

.resourceItemRecord button.dialogOutputsMore.btnDetailsShow,
.resourceItemRecord button.dialogOutputsMore.btnDetails1,
.resourceItemRecord.list summary.btnDetails1,
.dialogOutputsMore.cards.summary.btnDetails1,
button.dialogOutputsMore.cards.btnDetails1 {
  display: none;
}

.resourceItemRecord.list dialog.dialogDetails {
  position: static;
  border: 0px;
  width: 100%;
  padding: 0px;
}

.resourceItemRecord.list button.dialogOutputsClose,
.resourceItemRecord.list div.closeWrapDia {
  display: none;
}

.dialogOutputsClose { 
  margin-top: 75px; 
  font-size: var(--wp--preset--font-size--body-2-size);

}

button.displaySwitcherOpt {
  border: 0px;
  background-color: transparent;
  height: 40px;
  width: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}


.displaySwitcherOpt.cards {
  background-image: url('/wp-content/plugins/ifpri-resources/images/icon_cards.png');
}

.displaySwitcherOpt.cards.selected {
  background-image: url('/wp-content/plugins/ifpri-resources/images/icon_cards_A.png');
}

.displaySwitcherOpt.list {
  background-image: url('/wp-content/plugins/ifpri-resources/images/icon_list.png');
}

.displaySwitcherOpt.list.selected {
  background-image: url('/wp-content/plugins/ifpri-resources/images/icon_list_A.png');
}

.resourcesOutputsWrapper {
  position: relative;
}







.resourcesResultsSearch fieldset {
  background-color: transparent;
  border: 0px;
  padding-left: 0px;
  margin-left: 0px;
}


/* .resourceItemRecord.resourceHidden {visibility: hidden; height: 0px; opacity: 0; } */
.resourceItemRecord.resourceHidden,
.resourceItemRecord.cards.resourceHidden {
  display: none;
}


.clearSearchElm {
  width: 25px;
  height: 25px;
  visibility: visible;
  color: #5b5b5b;
  opacity: 1;
  transition: opacity visibility 0.25s linear;
  cursor: pointer;
  padding: 0px;
  margin-left: 0px;
  border: 1px solid #5b5b5b;
  display: flex;
  align-items: center;
  border-radius: 50%;
  font-size: 0.8rem;
  justify-content: center;
}

.clearSearchElm.hidden {
  opacity: 0;
  height: 0;
  visibility: hidden;
  margin-left: 8px;
  align-self: middle;
}


p.outputType {
  color: var(--wp--preset--color--ifpri-gray-1);
  font-style: italic;
}


.ifResBtn {
  margin-top: 6px; 
  cursor: pointer;
  display: block; 
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: var(--ifpri-button-size);
  font-family: var(--wp--preset--font-family--roboto);
  font-weight: var(--ifpri-button-weight);
  padding:  var(--ifpri-button-paddingv) var(--ifpri-button-paddingh);
  height: var(--ifpri-button-height);
  border-radius: var(--ifpri-button-radius);
  border: 0px;
  background-color: var(--wp--preset--color--ifpri-yellow-1);
  width: min-content;
  letter-spacing: 1px
}

.ifResBtn.resLoadMore { min-width: 280px; }
.ifResBtn:hover {
  background-color: var(--wp--preset--color--ifpri-yellow-2);
}
.ifpriResourcesSearchBlock .ifResBtn.recordDetails, .ifpriResourcesSearchBlock  details button.resourceDownloadBtn { margin-top: 25px; }




button.resourceDownloadBtn a {
  color: #000;
}
.resourcesSubmitform.ifpResourcesField {
  margin-top: 0px;
}
button.resourceDownloadBtn {
  position: absolute;
  left: 125px;
}
button.resourceDownloadBtn.noDetailsBtn {
  position: relative;
  left: unset;
}
button.resourceDownloadBtn.ifResBtn.ifResBtnGeneral, .ifResColGeneral .resourceDownloadBtn {
  position: relative;
  left: unset;
  width: unset; 
}

.ifResColGeneral .resourceDownloadBtn {
  margin-top: 20px; 
}

.ifResBtn.generalSearch {

  width: max-content;
}

dialog[open] .ifResDetails button.resourceDownloadBtn {
  margin-left: 22px;
  left: unset;
}
button.dialogOutputsClose {
  width: 140px;
  text-align: left; 
  padding-left: 0px;
  font-size: 13px; 
  border: 0px;
  font-size: var(--wp--preset--font-size--body-2-size);

}
.altmetric-embed { margin-left: 210px; }
.resourceBtnSection {
  margin-top: 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 1em;
  position: relative;

}
.globalIfResStyle section.resourceBtnSection, .globalIfResStyle section.resourcesOutsideWrapper {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

section.filters {
  padding-top: 0rem;
  padding-bottom: 1rem;
}

.resourceItemRecord .resourceBtnSection button, .resourceItemRecord .resourceBtnSection button.resourceDownloadBtn {
  width: auto; 
}



.resourceItemRecord dialog:modal .resourceDownloadBtn { width: 145px; margin-left: 22px; }
.resourceItemRecord dialog:modal button.closeDia {
  background-color: transparent; 
  position: absolute;
  /* right: 10px; */
  right: -9px;
  top: 0px;
  margin-top: 0px;
  color: transparent;
  padding: 0px  var(--ifpri-button-paddingh) var(--ifpri-button-paddingv) var(--ifpri-button-paddingh);
  background: transparent url('images/close.svg')  no-repeat;
  background-size: 20px;
  background-position: calc(100% - 10px) 44%;
  border: 0px;
  width: min-content;
}
button.dialogOutputsClose, .resourceItemRecord dialog:modal button.closeDia {
  background-color: transparent; 
}
.resourceItemRecord  button.dialogOutputsClose:hover, .resourceItemRecord dialog:modal button.closeDia:hover  {
background-color: transparent;
}

.ifres_list_citations_btn {
  width: max-content;
 
}
.ifres_list_citations_btn::before {
  vertical-align: top;
  font-family: dashicons;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  text-rendering: auto;
  font-size: 18px;
  margin-top: -2px;
}




.resultTitle {
  margin: 0px 0px 5px 0px;
  color: rgb(51, 70, 51);
  font-size: 1.8rem;
}

.resultType {
  margin-bottom: 2px;
  margin-top: 18px;
  padding-top: 12px;
}

.resultAbstract {
  height: 30px;
  overflow: hidden;
  margin: 2px 0px;
}

.resultsItem {
  margin-bottom: 20px;
  margin-top: 30px;
  padding-top: 0px;
}
/* Removed - distorts search results */
/*.resultLink {
  margin-top: 0px;
}
*/

.resourceText {
  height: 30px;
}



.resourceAddRule.hidden {
  display: none;
}

.resourceSearchSelect,
.resourceAddRule,
.mainForm {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  row-gap:2px;
  align-items: flex-start;
}

.resourceSearchSelect.generalsearch {
  display: none;
}

.resourceSearchSelect { flex-wrap: wrap; }
.sendbtn.resourceSearchSelect *,
.resourceRule * {
  align-self: center;
}

.resourceAdvOptions {
  padding-left: 0;
  background-image: none;
  -webkit-appearance: none;
  appearance: none;
}

.resourceAdvOptions * {
  display: inline;
}
/* simplified search variatioin */ 
.resourceAdvOptions.simple { display: none; }
.resourcesSubmitform.ifResBtn.simple { display: none; }
.mainForm.simple { width: 100%; }
.ifSearchModifiers.simple  { justify-content: flex-end; } 
/* end simplified search variatioin */ 

.resourceAdvOptions summary,
.resourceAddRule {
  display: inline-block;
  cursor: pointer;
  font-size: var(--wp--preset--font-size--body-2-size);
}



summary.resExpandSettings,
summary.recordDetails {
  cursor: pointer;
}


.recordDetailsDiv.recordSingle  { position: relative;  } 
.recordDetailsDiv.recordSingle button.resourceDownloadBtn  { position: static;  } 
dialog[open] .ifResDetails, .ifpriResourcesSearchBlock details .recordDetailsDiv  { margin-top: 65px; } /* 70 - 5 for margin top */ 
dialog[open] .ifResourcesAbstractA { margin-bottom: 60px; }/* 70 - 10 for margin top */ 
summary.resExpandSettings span {
  font-size: 1rem;
  color: rgb(74, 74, 82);
}

i.resourceTitle {
  color: #444444;
  padding-right: 14px;
}

.resultsNone {
  color: #ffffff;
  background-color: #1b3b64;
  padding: 5px;
  border: 1px solid black;
  border-radius: 5px;
  margin: 30px 0px;
}



.hiddenselected {
  display: none;
}

.resourcesSearchSelectRules label.resInitialLbl {
  display: none;
}

.resourcesSearchSelectRules details.summary {
  display: none;
}

.resourcesSearchSelectRules .resInitialLbl {
  display: none;
}

.resourcesSearchSelectRules .resourcesSubmitform {
  display: none;
}

.resourcesSearchSelectRules summary.resExpandSettings {
  display: none;
}

.resourcesSearchFormInitial .resourcesSearchAndOr {
  display: none;
}
.searchFormFilters { margin-top: 20px; }

form.resourceSearchSelect.withRules input.resourcesSubmitform {
  visibility: hidden;
  height: 0;
  opacity: 0;
}

.resourcesSearchSelectRules form.resourceSearchSelect:last-child .resourcesSubmitform {
  display: block;
}

.resultsSearch {
  color: var(--wp--preset--color--ifpri-gray-2);
  font-size: 2rem;
  padding-right: 20px;

}
.resultsSearch::before {
  content: ' ';
  display: inline-block;
  padding-left: 0px;
  width: 36px;
  aspect-ratio: 1;
  --_c:no-repeat radial-gradient(farthest-side, var(--wp--preset--color--ifpri-green) 92%,#0000);
  background: 
    var(--_c) top,
    var(--_c) left,
    var(--_c) right,
    var(--_c) bottom;
  background-size: 12px 12px;
  animation-delay: 4s;
  animation: l7 1s infinite;
  margin-right: 10px; 
  margin-bottom: -6px;

}
  @keyframes l7 {to{transform: rotate(.5turn)}}


.resourceSearchSelect.preSearchForm {
  visibility: hidden;
  height: 0;
  opacity: 0;
}

.noinput .resourceText,
.noinput .resourceAdvOptions {
  display: none;
}



.resourceItemRecord .cardContent p.outputType, .ifpriResourcesSearchBlock .resourceItemRecord  p.outputType {
  padding: 0px;
  margin: 0px;
  font-size: var(--wp--preset--font-size--label-5-size);
  font-weight: var(--ifpri-label5-weight); /* Move elsewhwere? */
  line-height: var(--wp--custom--line-height--ifpri-label-5-leading); /* Move elsewhwere? */
  font-family: var(--wp--preset--font-family--sourceserif-4); /* Move elsewhwere? */
  /*font-style: italic;*/
  margin-bottom: 20px;
}



span.resultYear:after {
  content: "|";
  margin-left: 10px;
  margin-right: 10px;
  font-weight: 400;
}

/* .resourcesSearchSriteria, .resourcesField, .resourcesIsCriteria, .resourcesSubmitform, .resourceText, .resourceAddRule, .resourceAdvOptions summary, .resourcesSearchAndOr */

form.editorIfpResources input.ifpResourcesField[type="search"], 
input[type="text"].resourceText, .resourcesSearchCriteria, .ifpResourcesField {
  padding: 1px 6px;
  border: 2px solid var(--wp--preset--color--ifpri-gray-2);
  border-radius: 5px;
  box-sizing: border-box;
  height: var(--ifpri-button-height);
  background-color: transparent;

}
input[type="text"].resourceText { width: 225px; } 
.ifpResourcesField.ifResBtn {
  border: 0px;
  background-color: var(--wp--preset--color--ifpri-yellow-1);
  padding: var(--ifpri-button-paddingv) var(--ifpri-button-paddingh);
}


.ifpResourcesField.resourceAddRule { padding: 9px; }
.resourceAdvOptions .detailsInner .ifpResourcesField {
   vertical-align: super; 
}
.resourceAdvOptions.sendbtn {
  display: none;
}

.detailsInner.publicationsMain { display: none; }

.resourcesSubmitform.sendbtn {
  padding-top: 18px;
  padding-right: 35px;
  padding-bottom: 32px;
  padding-left: 35px;
  display: flex;
  align-content: center;
  align-items: center;
}

.resourcesPagerSection {
  display: flex;
  justify-content: right;
  flex-direction: row;
  column-gap: 6px;
}


.resultsItem.resourceHidden {
  display: none;
}


button.resourceDownloadBtn.noDetailsBtn {
  position: relative;
  left: 0px;
}



/*Start search styles */





.resourceItemRecord.list div.cardInner {
  display: grid;
  grid-template-columns: 210px 1fr;
  grid-column-gap: 32px;
  align-items: start;
}

.resourceItemRecord.list div.cardInner.noThumbnail {
  display: grid;
  grid-template-columns: 1fr;
}



img.resourceThumb {

  width: 100%;
  height: auto;
  margin-top: 0px;
  border: 1px solid var(--wp--preset--color--ifpri-gray-2);
}

img.resourceThumb.genSearchImg {
  width: 50%;
}
img.resourceThumb.searchurls {
  width: 179px;
}
.resourceItemRecord.list .cardContent {
  padding: 0px 0px 1rem 0px;
}


.resourceItemRecord {
  visibility: visible;
  opacity: 1;
  height: auto;
  transition: all 0.25s linear;
  margin-top: 0px;
  padding-top: 60px;
  margin-bottom: 0px;
  padding-bottom: 60px;
  border-bottom: 2px solid var(--wp--preset--color--ifpri-gray-2);
}
.resourceItemRecord.cards {
  border-bottom: 0px; 
}
.dspaceSub.year.resultYear,
.dspaceSub.ifresAuthors,
.dspaceSub.series {
  font-size: var(--wp--preset--font-size--label-4-size);
  font-weight: var(--ifpri-label4-weight); /* Move elsewhwere? */
  line-height: var(--wp--custom--line-height--ifpri-label-4-leading); /* Move elsewhwere? */
  font-family: var(--wp--preset--font-family--sourceserif-4); /* Move elsewhwere? */
  padding: 0px;
  font-style: italic;
}

span.resultYear::after {
  content: "|";
  margin-left: 7px;
  margin-right: 7px;
  font-style: normal;
  font-weight: 400;
}

span.series::after {
  content: "|";
  margin-left: 7px;
  margin-right: 7px;
  font-style: normal;
  font-weight: 400;
}

span.repRecord::before,
span.licAbbr::before {
  content: "|";
  margin-left: 7px;
  margin-right: 7px;
  font-style: normal;
  font-weight: 400;
}






.resourceItemRecord dialog:modal button.resourceDownloadBtn a,
button.resourceDownloadBtn a {
  text-decoration: none;
  padding: 0px;
}

details button.resourceDownloadBtn {
  left: 0px;
  position: static;
}

.ifpriResourcesSearchBlock .ifpResourcesField,
.ifpResourcesField[type="search"] {
  cursor: pointer;
}



div.altmetric_positioning {
  display: inline-block;
}

.ifres_list_citations {
  display: none;
}

dialog.list {
  background-color: transparent;
}








.resPageFrom,
.resPageTo,
.resPageTxt,
.resPageTotal,
.resPageToo {
  padding-top:12px;
  margin-top: 2px;
}

.resPageTotal {
  margin-right: 15px;
}

.resPageFrom {
  margin-left: 15px;
}

.ifres_list_citations_btn::before {
  vertical-align: middle;
}

.ifres_list_citations_btn span {
  margin-top: 3px;
  padding-left: 5px;
}


.ifResSingleItem,
.ifResSingleItem .resourceItemRecord.cards.landscape {
  max-width: unset;
}

.ifResSingleItem .resourceItemRecord.cards.landscape picture img {
  min-width: 200px;

}

.ifResSingleItem h4.ifResourcesTitle { margin-bottom: 16px;}


div.ifres_list_citations_btn.dashicons::before {
  display: inline-block;
  vertical-align: middle;


}



span.citationClipboard {
  color: #656665;
  margin-left: 8px;
  transition: color 0.5s ease-in;
}
.ifres_list_citations_btn.dashicons.dashicons-yes-alt::before {
  color: var(--wp--preset--color--ifpri-green );
}
span.citationClipboard.dashicons-yes-alt {
  color: var(--wp--preset--color--ifpri-green);
  margin-left:  8px;
}
.resourceItemRecord .outputDetails button {
  height: 42px;
}

.resourceSearchSelect.noinput {
  gap: 0px;
}

.resourceSearchSelect.noinput .ifpResourcesField {
  height: 47px;
}

.resourceSearchSelect.noinput .ifpResourcesField:hover {
  background-color: var(--wp--preset--color--ifpri-yellow-2);
}

.ifResourcesTitle,
.resourceThumb,
.resourceInnerBlock {
  cursor: pointer;
}

.ifResCitPaging {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.totalAndSorting {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;

}


.resourcesResultsSearch input, .ifpriResourcesSearchBlock input.resourceText  {
  background-color: transparent;
  border: 2px solid var(--wp--preset--color--ifpri-gray-2);
  height: 38px;
  padding: 0px 0px 0px 10px;
  background: transparent url('images/search.svg')  no-repeat;
  background-size: 16px;
  background-position: calc(100% - 10px) 44%;
  font-size: var(--wp--preset--font-size--body-3-size);
  font-weight: var(--ifpri-body3-weight);
  line-height: var(--wp--custom--line-height--ifpri-body-3-leading);
  font-family: var(--wp--preset--font-family--roboto);
  color: var(--wp--preset--color--ifpri-gray-1);
  border-radius: 5px;
  cursor: pointer;
}
.ifpriResourcesSearchBlock input.resourceText.advanced {
  height: var(--ifpri-button-height)
}

.resourcesResultsSearch.resourcesSearchJS { margin-top: 40px; }
.ifres-searchinput, .ifpriResourcesSearchBlock input.resourceText {
  width: 100%;
}

input.resourceText.advanced {
  width: auto;
}
.ifres-searchinput.allseaerch { width: 99%; }

.ifres-searchsubmit, .ifres-all-searchsubmit {
  visibility: hidden;
  width: 0px;
}
.resourcesSubmitform.ifres-all-searchsubmit {
  height:0px;
  visibility: hidden;
  width: 0px;
  padding: 0px;
  margin: 0px;
}


.globalIfResStyle input[type=text].resourceText {
  padding: 10px 10px;
  border-radius: 5%;
}

.output-filters-vertical {
  margin-top: 0px;
}




.outputsWithDisplayFilters .resourceItemRecord.searchHidden.searchShown {
  display: block;
}

.globalIfResStyle.resourcesFiltered {
  background-color: #fefefe;
}

.globalIfResStyle.resourcesFiltered .resourceHidden {
  display: block;
}


.globalIfResStyle.resourcesFiltered .resourceHidden {
  display: none;
}

.globalIfResStyle.resourcesFiltered .ifResCitPagingB {
  display: none;
}



.resourcesPagerSection.searchMode {
  display: none;
}

.resPageNav.navBtnHidden {
  display: none;
}

.resAdminHeading {
  font-size: 1.4rem;
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}



.outputsWithDisplayFilters.filtersInMenu {
  grid-template-columns: 1fr;
}

.resourceItemRecord.filterHidden {
  display: none;
}

.outputsWithDisplayFilters .resourcesOutputsWrapper.cards {
  align-content: start;
}

.filtersInput {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
}

.filtersInput label {
  display: inline-block;
  transition: all 0.5s ease;
  padding: 0px 0px 0px 15px;
  margin-bottom: 0px 0px 10px 0px;
  overflow: hidden;
  font-size: var(--wp--preset--font-size--body-2-size);
  font-weight: var(--ifpri-body3-weight);
  line-height: var(--wp--custom--line-height--ifpri-body-3-leading);
  font-family: var(--wp--preset--font-family--roboto);

}

.filtersInput input.opinput {
  display: inline-block;
  padding-right: 30px;
  margin-bottom: 0px 0px 10px 0px;
}
.filters-details {

  border-bottom: 2px solid var(--wp--preset--color--ifpri-gray-2);
}
.filters_details-outer details[open] {

  padding-bottom: 32px;

}

.filters_details-outer summary {
  cursor: pointer;
  transition: all 0.5s ease;

}



.filtersInput.anyHidden {
  display: none;
}



h3.filters_title {
  color: var(--wp--preset--color--ifpri-gray-2);
  padding-bottom: 12px;
  font-size: 1.4rem;
}

.filters_details-outer.filters_search,
.filters_details-outer.filters_submit {
  display: none;
}

.globalIfResStyle .filters summary {
  cursor: pointer;

}




.globalIfResStyle .filters summary {
  list-style-type: none;
  padding-left: 0px;
  background: transparent url('images/arrow-down.svg') right no-repeat;
  background-size: 22px; 
}
.globalIfResStyle .filters details[open] summary {
  background: transparent url('images/arrow-up.svg') right no-repeat;
  background-size: 22px;
}
.globalIfResStyle .filters summary::-webkit-details-marker {
  display:none;

}



span.searchExpand img {
  display: block;
  width: 30px;
  height: 30px;

}

.resourceSearchSelect details[open] .searchExpandImg {
  content: url("images/pan-end-symbolic_grn.svg");
}

summary span.searchExpand {
  display: inline-block;
  width: 30px;
  background: #ffffff url('images/pan-end-symbolic.svg') no-repeat;
  background-size: 30px;
  background-position: 0px 4px;
  height: 30px;
}

summary span.searchExpand img  {
  display: none;

}

.closeDia:focus, .closeDia:focus-visible {
  outline: none;
}

h6.ifResourcesTitle {
  margin-top: 10px;
  margin-bottom: 10px;
}

dialog .resourceDownloadBtn {
  margin-top: 12px;
}


.resultsSort {
  justify-self: flex-end;
}

.resources_sortSelect {
  background-color: transparent;
  /* border: .1rem solid hsla(120, 0%, 49%, .572);*/
  border: 0px;
  border-radius: 0;
  color: #636363;
  cursor: pointer;
  font-size: 1.1rem;
  max-width: 180px;
  padding: .3rem 1.8rem .3rem .5rem;
  width: 250px;
}


.resourcesResultsSort {
  display: flex;
  column-gap: 12px;
  padding-right:15px;
  border: 2px solid var(--wp--preset--color--ifpri-gray-2);
  border-radius: 5px;
}

.resultsReverse {
  align-self: center;
  font-size: 20px;
  cursor: pointer;
  margin-left:0px;
  padding-left: 10px;
  border-left: 1px solid var(--wp--preset--color--ifpri-gray-2);
  width: 20px;
  height: 20px;
  background: transparent url('images/sort.svg') no-repeat;
  background-size: 18px;
  background-position: right 2px;
}

.resultsReverse.opposite {
  background-image: url('images/sort_reverse.svg');

}

/* Defaults */
.outputsWithDisplayFilters {
  display: grid;
  grid-template-columns: 320px 1fr;
  grid-column-gap: 118px;
  
}

.numberRecordsDisplay, .ifResCitPaging {
  font-size: var(--wp--preset--font-size--body-2-size);
  font-weight: var(--ifpri-body3-weight);
  line-height: var(--wp--custom--line-height--ifpri-body-3-leading);
  font-family: var(--wp--preset--font-family--roboto);
}

.listBlockAdjacentHidden {display: none; }
/* .filters_details-outer:first-child details h5 { margin-top: 0px; }*/

.ifpriResourcesSearchBlock .resourcesDisplaySection { margin-top: 20px; }


.ifpriResourcesListBlock option:empty, .ifpriResourcesSearchBlock option:empty {display: none;  }

/* Reference design */
@media screen and (min-width: 1460px) {
  .outputsWithDisplayFilters {
     grid-template-columns: 320px 1fr;
  }
  .resourceItemRecord.portrait picture, .resourceInnerBlock figure {
    height: 20rem;
    margin-top: 1rem;
    width: 15rem;
  }
  
  .ifResListView .resourceItemRecord.portrait picture {
    height: unset;
    width: 210px; 
  }
  .resourceItemRecord.cards div.cardInner.landscape {
    display: grid;
    grid-template-columns: 320px 1fr;
  }

}


/* Smaller sizes */
@media screen and (max-width: 1459px) {

 .outputsWithDisplayFilters {
    grid-template-columns: 19.5% 1fr;
    grid-column-gap: 7%;
  }

  .resourceItemRecord.portrait picture, .resourceInnerBlock figure {
    height: auto;
    width: auto;
  }
  
  .ifResListView .resourceItemRecord.portrait picture {
    height: unset;
    width: clamp(150px, 175px, 210px); 
  }
  .resourceItemRecord.list div.cardInner {
    grid-template-columns: auto 1fr;

  }
  .resourceItemRecord.cards div.cardInner.landscape {

    grid-template-columns: 19.5% 1fr;
  }

}
@media screen and (max-width: 1100px) {
  .outputsWithDisplayFilters {
    display: grid;
    grid-template-columns: 250px 1fr;
    grid-column-gap: 50px;
  }


  
}
@media screen and (max-width: 750px) {

    .outputsWithDisplayFilters {
      grid-template-columns: 1fr;
    }

    .dspaceDetails { 
      margin-left: 0px; 
      margin-right: 0px; 
      grid-template-columns: 1fr;
      gap: 0px;
      margin-top: 12px;
    }
    .resourceItemRecord dialog:modal {
      max-width: 80vw;
    }
  
    .ifResCitPaging {
      row-gap: 20px;
      flex-direction: column;
    }
  
    .resPageTotal {
      margin-right: 2px;
    }
  
    .resPageFrom {
      margin-left: 2px;
    }
    .dspaceDetails p:first-child {
      padding-left: 0px;
    }

    .resourcesOutputsWrapper.cards > div {
      flex-direction: column; 
    }
    .ifpriResourcesListBlock, .ifpriResourcesSearchBlock {
      padding-bottom: 1.5rem;
    }


}

@media screen and (max-width: 600px) {
  .resourceItemRecord.list div.cardInner {
    grid-template-columns: 1fr;
  }


  h4.ifResourcesTitle {
    font-size: var(--wp--preset--font-size--ifpri-h-4);

  }



  .dspaceSub.year.resultYear, .dspaceSub.ifresAuthors, .dspaceSub.series {
    font-size: var(--wp--preset--font-size--label-4-size);

  }

  .resourceSearchSelect { overflow: hidden;flex-direction: column; }

  .ifSearchModifiers.publicationsPage {
    
    flex-direction: column;
    align-items: flex-end;
  }

  .ifSearchModifiers span.ifSearchModifier:not(:last-child)::after {
    display: inline;
    content: "";
    padding: 0px;  
  }


}

section.resourceBtnSection:empty { padding: 0px; }



.ifSearchModifiers { display: none; }
.ifSearchModifiers.ifDisplayModifiers { display: block; }

.search-pub form.resourceSearchSelect .ifSearchModifiers { display: block; }
.ifSearchModifiers { color: var(--wp--preset--color--ifpri-gray-2); display: flex; justify-content: flex-start; margin-top: 10px !important; margin-bottom: 40px;}

.ifSearchModifiers.publicationsPage { color: var(--wp--preset--color--ifpri-gray-2); display: flex; justify-content: flex-end; margin-top: 10px !important; margin-bottom: 40px;}



div.ifResRowFiller.resourceItemRecord {  border: 0px; } 

.detailLinkWrap A {text-decoration: none;}

.ifSearchModifiers { margin-top: 1rem; flex-basis: 100%;   flex: 0 0 100%; }
.ifSearchModifiers.advanced { display: none; }
.ifSearchModifier { border-right: 2px solid var(--wp--preset--color--ifpri-gray-1); padding-right: 11px; padding-left: 11px; padding-bottom: 9px; cursor: pointer; }
.ifSearchModifier:first-child { padding-left: 0px; }
.ifSearchModifier.last { border-right: 0px; padding-right: 0px; }

.search-pub form.resourceSearchSelect {
  flex-wrap: wrap;
}

.search-pub form .mainForm > input.resourceText {
  background: #ffffff url('images/search.svg') no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: 16px;
  background-position: calc(100% - 10px) 44%;
}

.search-pub form.resourceSearchSelect .mainForm, .search-pub form .mainForm > input.resourceText {
  width: 100%;
}
.search-pub form .resourcesSubmitform { display: none; }

.ifSearchModifier.selectedOpt { color: var(--wp--preset--color--ifpri-green); }

.resourceText.updatedPlaceholder::placeholder { color: var(--wp--preset--color--ifpri-green); font-weight: 800;   transition: all 0.5s ease-in;  }
.ifres-searchinput.updatedPlaceholder::placeholder { color: var(--wp--preset--color--ifpri-green); font-weight: 800;   transition: all 0.5s ease-in;  }


.resLoadMoreHidden {display: none; }

.wp-block-button .wp-block-button__link.color-cyan {
  background-color: var(--wp--preset--color--ifpri-cyan);
}

.ifResMoreAuthors {   display: contents; list-style-type: none; 
 }
.ifResMoreAuthors summary { cursor: pointer;   display: contents; transition: all 0.75s ease;
 }
 .ifresAuthorsInitial { display: inline; padding-right: 8px;}
 .ifresAuthorsInitial::after {content: ""; }
 .ifresAuthorsInitial:has(+ details.ifResMoreAuthors[open])::after {content: ";"; }
 
details.ifResMoreAuthors[open] summary { color: transparent; font-size: 0px; padding-left: 0px; }
/* details.ifResMoreAuthors[open] summary::before { color:rgb(0, 0, 0); font-size: var(--wp--preset--font-size--label-4-size); } */

.resourcesOutputsInnerWrapper.single,  .resourcesOutputsInnerWrapper.searchurls { display: grid; grid-template-columns: 200px 1fr; gap: 3em;  }
img.singleItemSearch { margin-top: 60px; }
.searchurls .resourceThumb { margin-top:65px;  }


.landingRecord .totalAndSorting { display: none; }
.landingRecord .resourceDownloadBtn { position: sstatic; left: unset; }

.ifpriResourcesSearchBlock .resourceBtnSection button.ifResBtn.resourceDownloadBtn {
  position: absolute;
}
.ifpriResourcesSearchBlock .resourceBtnSection button.ifResBtn.resourceDownloadBtn.ifResBtnGeneral {
  left: 140px; 
}
.ifpriResourcesSearchBlock .detailsBtnHidden button.ifResBtn.resourceDownloadBtn {
 display: block; margin: 1rem 0px; left: 0px; position: static; margin-top: 1rem;
}

.ifpriResourcesSearchBlock .resourceBtnSection .ifResBtn.recordDetails {
  margin-top: 6px; 
}

.resFiltersList { height: min-content; max-height: 300px;}

@media screen and (max-width: 750px) {
  .resourcesOutputsInnerWrapper.single,  .resourcesOutputsInnerWrapper.searchurls { display: grid; grid-template-columns: 1fr; gap: 1em;  }
}

.relatedResourceBlock.resourcesOutputsWrapper.cards > div.resourcesDisplaySection { flex-wrap: wrap !important;  }
.relatedResourceBlock.resourcesOutputsWrapper.cards > div.resourcesDisplaySection > div { flex-basis: 30%;  max-width: 30%; }
.relatedResourceBlock.resourcesOutputsWrapper.cards > div.resourcesDisplaySection > div:nth-child(3n+1) { display: flex;  }

@media screen and (max-width: 1100px) {
  .relatedResourceBlock.resourcesOutputsWrapper.cards > div.resourcesDisplaySection > div { flex-basis: 45%;  max-width: 45%;   }
}

@media screen and (max-width: 750px) {
  .relatedResourceBlock.resourcesOutputsWrapper.cards > div.resourcesDisplaySection > div{flex-basis: 100%;  max-width: 100%;   }
}