/*
Theme Name: UFED
Theme URI: 
Author: Rua Design
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 1.3.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: ufed
Tags: 
*/
body:not(.admin-bar) {
  --wp-admin--admin-bar--height: 0px;
}
.wp-site-blocks > * {
  margin-block-start: 0;
}
/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 0!important;
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 0px;
    text-decoration: none;
}
h1 a, h2 a, h3 a, h4 a {
  text-decoration: none
}
h2.wp-block-heading {
    margin-bottom: var(--wp--preset--spacing--40);
	margin-top: var(--wp--preset--spacing--60);
}
.wp-block-group.icon-text > .wp-block-heading {
    margin-top: 0;
}
/* diet toolkit title */
.wp-block-heading.gradient {
  background: linear-gradient(to right, rgb(98, 187, 70) 0%, rgb(0, 174, 154) 49%, rgb(0, 163, 216) 100%);
  background-clip: text;
  color: transparent;
  margin-top: var(--wp--preset--spacing--30);
  font-weight: 700
}
/* FE toolkit title */
.wp-block-heading.gradient.food {
	background: linear-gradient(to right, rgb(136, 80, 160) 0%, rgb(136, 80, 160) 20%, rgb(0, 174, 154) 100%);
	 background-clip: text;
  color: transparent;
  margin-top: var(--wp--preset--spacing--30);
  font-weight: 700
}
.wp-block-heading.gradient a {
  color: transparent
}
/* Fix for inventory page titles display */
h3.wp-block-heading.gradient {
    margin-top: 0;
}
.wp-block-separator {
  border-bottom-width: 5px;
  background-color: var(--wp--preset--color--custom-turquoise)
}
hr {
  height: 6px;
  border: none;
}
.wp-block-cover.img-separator {
	display:none; /* images not showing leaving blank spaces @2909 */
	margin-top: var(--wp--preset--spacing--60);
    margin-bottom: var(--wp--preset--spacing--60);
}
.wp-block-group.grey-bkgd {
	padding-top: var(--wp--preset--spacing--60); 
    padding-left: var(--wp--preset--spacing--60); 
    padding-bottom: var(--wp--preset--spacing--70);
	padding-right: var(--wp--preset--spacing--60);
}
/*.wp-block-group.grey-bkgd p, .wp-block-group.grey-bkgd .wp-block-heading, .wp-block-group.grey-bkgd .wp-block-list {
  padding-right: var(--wp--preset--spacing--60);
  padding-left: var(--wp--preset--spacing--60);
  padding-bottom: var(--wp--preset--spacing--40);
} */
.wp-block-group.urban-section .wp-block-heading, .wp-block-group.examples .wp-block-heading {
  padding-top: var(--wp--preset--spacing--60);
}
.wp-block-navigation__responsive-container.is-menu-open {
  padding: 1rem
}
.wp-block-button {
  display: inline-block;
  background-color: var(--wp--preset--color--custom-tool-turquoise);
  color: white;
letter-spacing: 1px;
}
a.wp-block-button__link.wp-element-button:hover {
  background: var(--wp--preset--color--custom-turquoise)
}
.wp-block-table.is-style-stripes {
  background-color: initial;
  padding-bottom: .8rem;
  border-bottom: 1px solid #eaeaea;	
}
.wp-block-column.is-vertically-aligned-center {
	self-align:stretch;
}
.wp-block-table {
  font-size: var(--wp--preset--font-size--small);
  margin-bottom: var(--wp--preset--spacing--60);
  margin-top: var(--wp--preset--spacing--40)
}
.wp-block-table > table thead {
  background-color: var(--wp--preset--color--custom-turquoise);
  color: #fff;
border: 2px solid var(--wp--preset--color--custom-turquoise);
}
.wp-block-table > table th {}
.wp-block-table > table tbody tr:nth-child(odd) {
  background-color: rgba(0, 178, 169, .3);
}
.wp-block-table td, .wp-block-table th {
  padding: .5em;
  vertical-align: top
}
figcaption.wp-element-caption {
    margin-top: var(--wp--preset--spacing--20);
}
.wp-block-list {
  word-break: break-word;
  padding-inline-start: 1em;
  margin-inline-start: 0;
}
.wp-block-list ul {
  margin-block-start: 1em;
  margin-left: 1em;
}
.wp-block-list.adaptations ul {
  margin-block-start: 0;
}
.wp-block-list li {
  margin-top: 0.5rem;
  padding-inline-start: .4rem;
  margin-inline-start: .8rem
}
/*.wp-block-group.resources > .wp-block-list li, .wp-block-group.grey-bkgd .wp-block-list li {
  margin-top: 1em;
  margin-left: var(--wp--preset--spacing--60);
  margin-right: var(--wp--preset--spacing--60)
}*/
.wp-block-list.no-style li {
  list-style: none;
}
.wp-block-group.results-group {
  justify-content: center;
  display: flex;
  flex-direction: column;
  margin-top: var(--wp--preset--spacing--60);
  margin-bottom: var(--wp--preset--spacing--60);
}
.wp-block-group.results-group a {
  color: var(--wp--preset--color--custom-turquoise);
}
.wp-block-heading.indicator-link {
    padding-top: 0;
	color: white;
}
.wp-block-heading.indicator-link a {
  color: white;
	text-decoration: underline;
}
.wp-block-group.indicators {
  margin-top: var(--wp--preset--spacing--60);
  margin-bottom: var(--wp--preset--spacing--60);
}
.wp-block-group.indicators-notes-group {
  margin-top: var(--wp--preset--spacing--60);
  margin-bottom: var(--wp--preset--spacing--60);
  padding-left: var(--wp--preset--spacing--60);
}
.wp-block-group.indicators-notes-group .wp-block-heading, .wp-block-group.examples .wp-block-heading {
  padding-bottom: var(--wp--preset--spacing--40);
}
.wp-block-group.indicator-note {
  display: grid;
  grid-template-columns: 50px auto;
}
.wp-block-group.icon-text {
  display: grid;
  grid-template-columns: 70px auto;
}
/* check below */
.wp-block-columns.column-gap {
  flex-wrap: nowrap;
  gap: var(--wp--preset--spacing--50);
  align-items: flex-start;
  margin-top: 4rem;
}
.wp-block-columns.column-no-gap {
  flex-wrap: nowrap;
  align-items: stretch;
  margin-top: 4rem;
  gap: 0;
}
.wp-block-column {
  gap: var(--wp--preset--spacing--30);
  display: grid;
}
.wp-block-column.is-vertically-aligned-center {
	width: auto
}
.wp-block-column.centered {
  align-self: center;
}
.wp-block-column.is-vertically-aligned-bottom {
  align-self: flex-end;
}
/* Pros / cons*/
.wp-block-group.pros-cons > .wp-block-group {
  gap: 0px;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
#pros-cons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 3rem
}
.wp-block-columns.adaptations {
  margin: var(--wp--preset--spacing--60) 0;
  display: grid;
  gap: var(--wp--preset--spacing--60);
  grid-template-columns: 30% 1fr;
  align-items: start;
}
/* make menu more prominent */
.wp-block-navigation__responsive-container-open svg {
    width: 40px;
    height: 40px;
    padding: 4px;
}
.site-nav-dark .wp-block-navigation__responsive-container-open svg {
    border: 2px solid #000;
}
ul.wp-block-navigation__submenu-container.has-text-color.has-custom-black-color.has-background.has-custom-tool-white-background-color.wp-block-navigation-submenu {
	padding-right:.5em
}
p#note-1, .footnote {
	font-size: .8rem;
	scroll-margin-top: 3rem;
    margin-top: 5px;
}
.wp-block-separator.footnotes {
    display: inline-block;
    width: 150px;
    /* float: left; */
    border-bottom: 1px solid #000;
    height: 1px;
    margin: 2em 0 0;
	background-color: black;
}
.wp-block-group.references p {
    padding-left: 2em;
    text-indent: -2em;
}
.wp-block-search .wp-block-search__input {
	border-radius: 0;
}
.wp-block-search .wp-element-button,.wp-block-search .wp-block-button__link {
	padding: 10px 30px;
	cursor: pointer;
	border-radius: 10px;
	letter-spacing: 1px;
	background-color: rgba(0, 174, 152, .8);
	color: white;
}
.buttonHolder {
	opacity: 0;
    transition: opacity 0.3s ease-in-out;
	position: fixed;
	bottom: 30px;
	right: 30px;
}
.buttonHolder.visible {
	opacity: 1;
	z-index: 9999;
}
.wp-block-search .wp-element-button:hover,.wp-block-search .wp-block-button__link:hover, button.backToTabs:hover {
    background-color: var(--wp--preset--color--custom-turquoise);
}

button.backToTabs, button.PrintNutritionTabs, button.nutritionCloseModal, button.nutritionPrintModal  {
	font-size:.9rem;
	background-color: rgba(0, 174, 152, .8);
	color: white;
	border: none;
	padding: 15px 40px;
	cursor: pointer;
	border-radius: 10px;
	letter-spacing: 1px;
}

button.PrintNutritionTabs, button.nutritionCloseModal, button.nutritionPrintModal {
	background-color: rgba(255, 231, 137,.8);
	color: #000000;
    text-transform: uppercase;
}	
button.PrintNutritionTabs:hover, button.nutritionCloseModal:hover, button.nutritionPrintModal:hover {
	background-color: var(--wp--preset--color--custom-yellow);
}

/* new header 
nav.site-nav-color.wp-block-navigation {
    height: 100px;
}
ul.site-nav-color.wp-block-navigation {
    text-transform: uppercase;
	font-size: var(--wp--preset--font-size--small);
    font-weight: 600;
}
li.wp-block-navigation-item.wp-block-navigation-link {
    height: 100px;
    padding: 0 2rem;
}
li.wp-block-navigation-item.wp-block-navigation-link:hover {
	background-color: rgba(0, 174, 153,.2)
} */

/* new header IFPRI */
ul.ifpri-nav.wp-block-navigation {
	font-size:clamp(1.25rem, 1.25rem + ((1vw - 0.2rem) * 0.313), 1.5rem);
	font-weight: 700;
	font-size: 1.2rem;
    color: var(--wp--preset--color--custom-grey-3);
}
/* underline animation */
@media screen and (min-width: 650px) {
  nav.wp-block-navigation.ifpri-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);
	cursor: pointer
  }
  nav.wp-block-navigation.ifpri-nav .wp-block-navigation-item__label::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: var(--wp--preset--color--custom-grey-3);
    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-nav .wp-block-navigation-item__label:hover::before, nav.wp-block-navigation.ifpri-nav .wp-block-navigation-item__label:focus::before, nav.wp-block-navigation.ifpri-nav .wp-block-navigation-item__label:active::before {
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 650px) {
  .wp-block-columns.column-gap, .wp-block-columns.column-no-gap, .wp-block-group.main-header {
    flex-direction: column
  }
  #pros-cons, .wp-block-columns.adaptations {
    grid-template-columns: 1fr
  }
.recommend_tabs.recommendationNav {
    flex-direction: column;
  }
  .recommend_tabs a {
    width: auto;
    border-bottom: 1px solid white;
  }
  .wp-block-navigation__responsive-container-open svg {
    width: 26px;
	height: 26px;
	padding: 0
  }
  /* new header */
  .wp-block-group.new-header-row {
    max-width: 90%;
  }
}



.nutrition_home_num {
  background-color: #C2E7E1;
  margin-right: 0.5rem;
  border-radius: 50%;
  padding: 1rem 1.5rem;
  font-weight: 500;
}
.nutrition_home_item {
    font-weight: 300;
    padding-top: .4em;
    font-size: 1.125rem;
}

/* tool recommendations headings */
.wp-block-cover.section-header {
  align-items: center;
  background-position: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  min-height: 430px;
  overflow: hidden;
  overflow: clip;
  padding: 1em;
  position: relative;
}
.wp-block-cover.section-header .wp-block-cover__image-background, .wp-block-cover.section-header .wp-block-cover-image .wp-block-cover__image-background {
  border: none;
  bottom: 0;
  box-shadow: none;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  object-fit: cover;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.wp-block-cover.section-header .wp-block-cover__background, .wp-block-cover.section-header .wp-block-cover__gradient-background {
  bottom: 0;
  left: 0;
  opacity: .9;
  position: absolute;
  right: 0;
  top: 0;
}
.wp-block-cover.section-header .wp-block-cover__inner-container, .wp-block-cover.section-header .wp-block-cover-image .wp-block-cover__inner-container {
  position: relative;
  width: 100%;
}
h2.wp-block-heading.assessment-header {
  color: #fff;
}

/* Summary button - nutrition tool plugin */
.pathwayStatus.choicesSummary.pathwayShowHide {
    position: fixed;
    right: 0;
    z-index: 999;
    font-style: normal;
    font-weight: 700;
    background-color: var(--wp--preset--color--custom-light-blue);
    top: 19rem;
    display: inline-flex;
    border-radius: 5px 0 0 5px;
    padding: 50px 20px 16px 70px;
    box-sizing: border-box;
    width: 80px;
    background-size: 60px;
    cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
dialog.decisionModal {
    border: 0;
    padding: 2rem 3rem;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/* glossary */
.wp-block-group.glossary {
    margin-top: 60px;
}
.wp-block-group.glossary > .wp-block-group {
    display: flex;
    align-items: flex-start;
    margin-block-start: 0;
}
.wp-block-group.glossary > .wp-block-group:nth-of-type(even) {
    background-color: #00ae9a33;
}
.wp-block-group.glossary > .wp-block-group p {
	padding: 1rem
}
.wp-block-group.glossary > .wp-block-group p:first-child {
	width: 22%
}
.wp-block-group.glossary > .wp-block-group p:last-child {
    width: 78%;
}

/* Oct 25 (incl. feedback button) */
button.nutritionBtn, .nutritionDldBtn, .introBtn, .foodIntroBtn {
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
  background-color: rgba(255, 231, 137,.8);
  letter-spacing: 1px;
  border-radius: 10px;
  text-transform: uppercase;
}
.introBtn:hover, .foodIntroBtn:hover {
  background-color: var(--wp--preset--color--custom-yellow);
}
button.nutritionBtn.feedbackModalBtnRHS {
  background-color: var(--lilac);
  background-size: 90px;
  background-image: url('https://nutrition.agdata.nl/wp-content/uploads/2025/10/feedback.svg');
  top:12rem;
}