.lead-block{
  padding: var(--lead-top-image) var(--default-pad) var(--lead-bottom) var(--default-pad) !important;
}

.elementor .lead-block{
  min-height: 0px !important;
}

.faq-content,
.lead-inner{
    max-width:750px !important;
}

.max-60{
  max-width: 600px!important
}

.max-1000{
  max-width: 1000px!important
}


/* Tablet */
@media (max-width:1024px){
    .lead-block{
        padding-top:5rem;
    }

    .lead-inner{
        width:100%;
    }
}

/* Mobile */
@media (max-width:767px){
    .lead-block{
        padding-top:3rem;
    }

    .lead-inner{
        width:100%;
    }
}

/*heroes*/
 
  a.tile-linked *{
    color: var(--h-black);
  }
  a.tile-linked:hover{
    box-shadow: var(--drop-shadow);
  }
  a.tile-linked:hover h3{
    color:var(--coral);
  }


  .search-filter{
    margin-top:-8rem;
}

/* -- ingredients meta: default mode -- */

.ingredient-meta-grid__item{
  border-top: 1px solid var(--divider-l-grey);
  padding-top: 0.75rem;
}

.ingredient-meta-grid__heading{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.ingredient-meta-grid__icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

.ingredient-meta-grid__icon svg{
  width: 24px;
  height: 24px;
  display: block;
}

.ingredient-meta-grid__title{
  margin: 0;
  font-weight: 600 !important;
}

.ingredient-meta-grid__terms{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
}

a.ingredient-meta-grid__term,
span.ingredient-meta-grid__term{
  font-size:0.9rem;
  display: inline-flex;
  align-items: center;
  background: var(--h-offgrey);
  padding: 0.3rem 0.8rem;
  border-radius: 2rem;
  margin: 0;
  color: var(--h-charcoal);
  text-decoration: none;
}

a.ingredient-meta-grid__term:hover{
  background: var(--h-sand);
}

.ingredient-meta-grid__text{
  margin-top: 0.25rem;
}

/* -- inline mode: used when show_heading="0" -- */

.ingredient-meta-grid--inline-icons{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap:1rem;
  row-gap: 0.2rem;
}

.ingredient-meta-grid--inline-icons .ingredient-meta-grid__item{
  display: flex;
  align-items: center;
  gap: 0;
  padding-top: 0;
  margin: 0;
  border-top: 0;
}



.ingredient-meta-grid--inline-icons .ingredient-meta-grid__heading{
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin: 0;
  margin-bottom: 0;
  padding: 0;
  border: 0;
}

.ingredient-meta-grid--inline-icons .ingredient-meta-grid__terms{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  margin: 0;
}

.ingredient-meta-grid--inline-icons .ingredient-meta-grid__term{
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  background: none;
  border-radius: 0;
  line-height: 1.2;
  white-space: nowrap;
}

.ingredient-meta-grid--inline-icons .ingredient-meta-grid__term + .ingredient-meta-grid__term{
  padding-left: 0;
  margin-left: 0;
  border-left: 0;
}

.ingredient-meta-grid--inline-icons .ingredient-meta-grid__icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
.ingredient-meta-grid__term--inline{
	margin:0 0.4rem !important;
}

.ingredient-meta-grid--inline-icons .ingredient-meta-grid__icon svg{
  width: 24px;
  height: 24px;
  display: block;
}


/* =========================
   Supplier card
   ========================= */

.ecs-supplier-card-block{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.ecs-supplier-card-block .ecs-supplier-card-block__logo{
  display:flex;
  align-items:center;
  justify-content:center;
}

.ecs-supplier-card-block .ecs-supplier-card-block__logo img{
  display:block;
  width:60%;
  height:auto;
  object-fit:contain;
}

.ecs-supplier-card-block .ecs-supplier-card-block__company{
  position:relative;
  padding-top:2rem;
  border-top:1px solid var(--divider-l-grey);
}

.ecs-supplier-card-block .ecs-supplier-card-block__name{
  margin:0 3rem 0.5rem 0;
}

.ecs-supplier-card-block .ecs-supplier-card-block__linkedin{
  position:absolute;
  top:2rem;
  right:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.5rem;
  height:1.5rem;
  text-decoration:none;
  color:inherit;
}

.ecs-supplier-card-block .ecs-supplier-card-block__linkedin svg{
  width:100%;
  height:100%;
  display:block;
}

.ecs-supplier-card-block .ecs-supplier-card-block__company-details{
  display:flex;
  flex-direction:column;
  gap:0.8rem;
}

.ecs-supplier-card-block .ecs-supplier-card-block__detail a{
  color:inherit;
  text-decoration:none;
}

.ecs-supplier-card-block .ecs-supplier-card-block__contacts-wrap{
  padding-top:2rem;
  border-top:1px solid var(--divider-l-grey);
}

.ecs-supplier-card-block .ecs-supplier-card-block__contacts-title{
  margin:0 0 1.5rem 0;
}

.ecs-supplier-card-block .ecs-supplier-card-block__contacts-grid{
  display:flex;
  flex-direction:column;
  gap:1.25rem;
}

.ecs-supplier-card-block .ecs-supplier-card-block__contact-tile{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  padding:1rem;
  border:1px solid var(--divider-l-grey);
  border-radius:0.75rem;
}

.ecs-supplier-card-block .ecs-supplier-card-block__contact-main{
  min-width:0;
  flex:1 1 auto;
}

.ecs-supplier-card-block .ecs-supplier-card-block__contact-name{
  margin:0 0 0.2rem 0;
}

.ecs-supplier-card-block .ecs-supplier-card-block__contact-role{
  margin:0;
}

.ecs-supplier-card-block .ecs-supplier-card-block__contact-actions{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:0.4rem;
  flex:0 0 auto;
}

.ecs-supplier-card-block .ecs-supplier-card-block__contact-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.35rem;
  height:1.35rem;
  text-decoration:none;
  color:inherit;
}

.ecs-supplier-card-block .ecs-supplier-card-block__contact-action svg{
  width:100%;
  height:100%;
  display:block;
}

.ecs-supplier-card-block .ecs-supplier-card-block__linkedin:hover,
.ecs-supplier-card-block .ecs-supplier-card-block__contact-action:hover,
.ecs-supplier-card-block .ecs-supplier-card-block__detail a:hover{
  opacity:0.8;
}

.ecs-supplier-card-block a,
.ecs-supplier-card-block a svg{
	color:var(--h-green);
}

.ecs-supplier-card-block a:hover,
.ecs-supplier-card-block a:hover svg{
	color:var(--coral);
}

.ecs-supplier-card-block__contact-name{
	font-weight:700;
}

h4.ecs-supplier-card-block__contacts-title{
	font-size:1.3em;
}

/*---suppliers grid----*/

.ecs-suppliers-grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:var(--gap-l);
  align-items:center;
}

.ecs-suppliers-grid .ecs-supplier-card{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  height:100%;
  aspect-ratio:1 / 1;
}


.ecs-suppliers-grid a{
	padding:var(--pad-m-res);
	border-radius:var(--rad-m);
	background:#fff;
	-webkit-transition: all var(--ui-timing);
transition: all var(--ui-timing);
}
.ecs-suppliers-grid a:hover{
	box-shadow:var(--drop-shadow);
	-webkit-transition: all var(--ui-timing);
transition: all var(--ui-timing);
}

.ecs-suppliers-grid .ecs-supplier-logo{
  display:block;
  max-width:100%;
  height:auto;
  object-fit:contain;
}

@media (max-width:1024px){
  .ecs-suppliers-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}

@media (max-width:767px){
  .ecs-suppliers-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

.ecs-suppliers-pagination{
  margin-top:var(--gap-l);
}

.ecs-suppliers-pagination ul{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.5rem;
  margin:0;
  padding:0;
  list-style:none;
}

.ecs-suppliers-pagination li{
  margin:0;
  padding:0;
}

.ecs-suppliers-pagination a,
.ecs-suppliers-pagination span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:2rem;
  height:2rem;
  border-radius:999px;
  text-decoration:none;
  color:var(--h-charcoal);
  background:transparent;
}

.ecs-suppliers-pagination .current{
  background:var(--h-eggshell);
}

.ecs-suppliers-pagination .prev::before,
.ecs-suppliers-pagination .next::before{
  content:none;
}

.ecs-suppliers-pagination .prev,
.ecs-suppliers-pagination .next{
  font-size:2rem;
}

/*-supplier row dividers--*/
.ecs-supplier-card{
	--width-full: calc(100% + 64px);
	--width-end: 100%;
	position: relative;
}
.ecs-supplier-card::before{
	content:"";
	width: var(--width-full);
	position: absolute;
	background: var(--divider-l-grey);
	height: 1px;
	left: 0!important;
	bottom: -32px;
}

.ecs-supplier-card:nth-child(4n)::before {
  width: var(--width-end)
}

@media (max-width: 1024px) {
  .ecs-supplier-card:nth-child(4n)::before {
  width: var(--width-full);
}
	.ecs-supplier-card:nth-child(3n)::before {
  width: var(--width-end);
}
}

@media (max-width: 767px) {
	.ecs-supplier-card:nth-child(3n)::before {
  width: var(--width-full);
}
		.ecs-supplier-card:nth-child(2n)::before {
  width: var(--width-end);
}
}

@media (max-width: 520px) {
	.ecs-supplier-card:before{
  width: var(--width-end);
}
}
/*-pagination--*/

.page-numbers,
.page-numbers.current{
	margin-top: var(--default-pad);
  height: 2.6rem;
	width: 2.6rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
	background:#fff;
	border-radius:100%;
}
.page-numbers.current{
	background: var(--c-coral-20);
	color:white;
}

.page-numbers{
	justify-self: center;
	align-self: center;
}

/*----MENU LOG OUT BUTTON---*/
a.log-out-button{
	background:#fff !important;
	color:var(--charcoal) !important;
}

/*---ACCOUNT PAGE EVENT AND INSIGHT LISTING--*/
.ecs-ingredient-row,
.ecs-insight-row,
.ecs-event-row{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-m);
		border:1px solid var(--h-eggshell);
	border-radius:var(--rad-s);
	padding:var(--pad-m);
	margin-bottom:var(--gap-s)
}
.ecs-ingredient-row h3,
.ecs-insight-row h3,
.ecs-event-row h3{
  margin: 0;
  flex: 1;
}
.ecs-ingredient-row a,
.ecs-insight-row a,
.ecs-event-row a{
	  flex-shrink: 0;
	background:var(--green);
	color:var(--white);
	padding:var(--pad-s) var(--pad-m);
	border-radius:var(--rad-s);
	font-size:0.8rem;
}
.ecs-list-more:hover,
.ecs-ingredient-row a:hover,
.ecs-insight-row a:hover,
.ecs-event-row a:hover{
	background:var(--c-black-40);
}
.ecs-list-more{
background:var(--sand);
	color:var(--charcoal);
	padding:var(--pad-s) var(--pad-m);
	border-radius:var(--rad-s);
	font-size:0.8rem;
	border:none;	
}

/*---HIDE SAVE DRAFT BUTTON in Formidable--*/

.frm_save_draft{
	display:none !important;
}


.ecs-status-label{
  padding: 0.4rem 0.8rem;
  font-size: 0.8rem;
  border-radius: 0.8rem;
  background: #ededed; 
  display:inline-block;
  margin-bottom:0.6rem;
}
.ecs-status-label--draft,
.ecs-status-label--pending{
background:var(--c-sand-10);
}

.ecs-forgot-msg--error,
.ecs-alert{
	background:var(--c-coral-10);
	display:inline-block;
	padding:var(--gap-m-res);
	border-radius:var(--rad-m);
  margin-bottom:var(--gap-m-res);
}
.ecs-alert p{
	margin:0;
}

.ecs-alert.ecs-alert--success {
    background: #f2f2f2;
    border: 1px solid var(--c-green-10);
}

.ecs-supplier-awaiting .hide-for-awaiting { display:none; }
.ecs-supplier-active .show-for-active { display:block; }
body:not(.ecs-supplier-active) .hide-unless-active { display:none; }

