.ui-dialog .ui-dialog-titlebar {
  background-color: var(--mt-color-tint);
  border-color: var(--mt-color-tint);
}

/* CSS rule to remove tag image from Campaign content taxonomy tags : */


.node--type-campaigns .field--entity-reference-target-type-taxonomy-term::before {
  content: "";
}
.node--type-campaigns .field--entity-reference-target-type-taxonomy-term {
  padding-left: 0;
  line-height: 0;
}


/* CSS rule to display Campaign content taxonomy tags in a single line : */
/*
.node--type-campaigns .field--entity-reference-target-type-taxonomy-term {
  display: inline-block;
  vertical-align: middle;
  margin: 2px 10px 2px 0;
}
*/

/* Add a shadow to the Icon Features block */
.paragraph--type--mt-icon-features {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
}

/*
However this change will affect all the Icon Features blocks.
If we want the change to affect only the specific block,
edit the layout page, configure the section and from the setting tab,
expand the Container Settings drop down and add a Container wrapperclasses like{{ equal-society-wrapper}}.

Then modify the CSS rule in your local-theme.css file like:

 .equal-society-wrapper .paragraph--type--mt-icon-features {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
}

*/