/* Replacement styling for assets that were never captured with this site
   (assets/images/* and assets/index.bin are all missing on disk).
   Colours taken from the site's own compiled CSS: .bg-gradient / .bg-red. */

.ely-brand-bg { background: linear-gradient(357.79deg, #558ed5, #224d82); }

/* header banner image (assets/index.bin) is missing -> brand gradient */
.ely-header-bg { background: linear-gradient(357.79deg, #558ed5, #224d82) !important; }

/* the header logo file was a white knock-out (logo_white.png, missing);
   main.logoUrl is the full-colour mark, so knock it out in CSS */
.ely-logo-white { filter: brightness(0) invert(1); }

/* home hero: the banner carousel images are gone */
.ely-hero { min-height: 420px; }
@media (max-width: 767px) { .ely-hero { min-height: 320px; } }

/* page hero strips that lost their background image */
.ely-hero-strip { min-height: 160px; }
@media (min-width: 768px) { .ely-hero-strip { min-height: 256px; } }
.ely-hero-tall { min-height: calc(100vh - 88px); }

/* any media box left without an image collapses instead of showing a gap */
.ely-media:not(:has(img)) { display: none; }

/* partner / branch tiles */
.ely-tile { display: flex; align-items: center; justify-content: center; min-height: 72px; }
.ely-tile img { max-height: 56px; width: auto; object-fit: contain; }
.ely-carousel-item { flex: 0 0 auto; width: 50%; padding: 0 1rem; }
@media (min-width: 768px) { .ely-carousel-item { width: 16.6666%; } }
.react-multi-carousel-track { transition: transform .6s ease-in-out; }

/* footer organisation identity block */
.ely-org-line i { width: 1.25rem; text-align: center; }

/* article references block */
.ely-refs { border-top: 1px solid #e5e7eb; margin-top: 2rem; padding-top: 1rem; }
.ely-refs h4 { font-weight: 500; margin-bottom: .5rem; }
.ely-refs ol { padding-left: 1.25rem; list-style: decimal; }
.ely-refs a { color: rgb(228 30 37); }