ul {
	list-style-position: inside;
}
p.x-small {
	font-size: x-small;
}
p.xx-small {
	font-size: xx-small;
}
blockquote {
	border-left: 3px solid #2e486a;
    display: flex;
    padding-left: 15px;
}
.page-link {
    color: #2e486b !important;
}
.page-item.active .page-link {
    background: #2e486b !important;
    color: #fff !important;
}
/* Car hire and lease calculator widgets: hold the space while they load.

   Both start out as an empty box with no height, so the page looks broken
   until they appear and then jumps. Holding their real height stops the jump
   and shows a grey loading shimmer instead of nothing.

   Sizes below are what the widgets actually measure once loaded.
   The mli- names come from the car hire provider's own script, so we can't
   rename them. It swaps mli-loading for mli-loaded when it's ready, which
   turns these rules off by itself. */
.mli-loading {
    min-height: 341px;
    background: linear-gradient(90deg, #f2f4f7 25%, #e6eaf0 37%, #f2f4f7 63%);
    background-size: 400% 100%;
    animation: cap10-widget-shimmer 1.4s ease-in-out infinite;
    border-radius: 4px;
}

.involveme_embed {
    min-height: 300px;
}

@media (max-width: 991.98px) {
    .mli-loading {
        min-height: 355px;
    }
}

@media (max-width: 575.98px) {
    .mli-loading {
        min-height: 424px;
    }
}

@keyframes cap10-widget-shimmer {
    0% { background-position: 100% 50%; }
    100% { background-position: 0 50%; }
}

@media (prefers-reduced-motion: reduce) {
    .mli-loading {
        animation: none;
    }
}