/* Trial: white backgrounds instead of dark navy / tinted sections. To revert, remove this file's <link> in index.html. */
.ul-2-about,
.ul-2-ticker,
.ul-calculator,
.ul-2-footer {
  background-color: #fff;
  color: #0B1B2E;
}
.ul-2-ticker { border-block: 1px solid #DCE3EC; }
.ul-calculator::before { opacity: 0.06; }
.ul-2-footer { border-top-color: var(--artha-accent); }

/* text that was white on the dark backgrounds */
:is(.ul-2-ticker, .ul-calculator, .ul-2-footer) :is(h1, h2, h3, h4, h5, h6, p, span, li, label, a:not(.ul-btn), i, div):not(.ul-btn *, .ul-2-footer-nwsltr-widget, .ul-2-footer-nwsltr-widget *, .artha-legal, .artha-legal *) {
  color: #0B1B2E;
}
:is(.ul-calculator) :is(input, select, textarea) {
  color: #0B1B2E;
  border-color: #DCE3EC;
}
:is(.ul-calculator, .ul-2-footer) :is(input, textarea)::placeholder { color: #98A2B3; }
.ul-2-footer :is(p, li, a:not(.ul-btn)):not(.artha-legal *) { color: #5B6577; }
.ul-2-footer a:not(.ul-btn):not(.artha-legal *):hover { color: #0B2545; }

/* Newsletter sits on the white footer too: no navy side panel */
.ul-2-footer-vectors { display: none; }
.ul-2-footer .ul-2-footer-nwsltr-widget .ul-2-footer-widget-title { color: #0B1B2E; }
.ul-2-footer .ul-2-footer-nwsltr-widget input {
  border: 1px solid #DCE3EC;
  color: #0B1B2E;
}
.ul-2-footer .ul-2-footer-nwsltr-widget input:focus { border-color: var(--ul-2-primary); }
.ul-2-footer .ul-2-footer-nwsltr-widget button {
  background-color: var(--ul-2-primary);
  border-color: var(--ul-2-primary);
  color: #fff;
}
.ul-2-footer .ul-2-footer-nwsltr-widget button:hover {
  background-color: var(--artha-accent);
  border-color: var(--artha-accent);
  color: var(--ul-2-primary);
}