/* odin-home.css
 *
 * The root index.html is the 2025 odinbd.com page. It is the one page on the
 * site that odin-theme.css does NOT cover - that file is for the .net pages,
 * whose job was to be made to look like this one. So wherever the platform's
 * own stylesheet does something unhelpful, the .net pages have a correction
 * and the home page does not, and the two halves of the site drift apart.
 * This is the home page's equivalent, linked last so it wins.
 *
 * Loaded only by index.html, so the selectors can be broad without reaching
 * anything else.
 */

/* ------------------------------------------------------------- direction */

/* static_style.css sets direction:rtl on link elements. On a word it makes no
   visible difference, but the contact button's text is "SEND >" and RTL
   renders it "< SEND" - the arrow jumps to the wrong end and points the wrong
   way. odin-theme.css already clamps this to ltr for the .net pages, which is
   why the .net contact page reads correctly and the home page does not. */
.preview-element.Link,
.preview-item-links a,
.preview-item-links span,
.blocks-preview-item-links a,
.blocks-preview-item-links span,
a.Link,
.item-link {
	direction: ltr !important;
}

/* ----------------------------------------------------------------- forms */

/* The contact form sits on a dark photograph of a boardroom, and the
   platform's fields are near-white boxes with grey placeholder text - the
   labels were barely legible against it. These are the same values
   odin-theme.css gives the .net forms, so both halves now match. */
.preview-form .Field,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select {
	background-color: rgba(255, 255, 255, 0.10) !important;
	color: rgb(255, 255, 255) !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.35) !important;
	border-radius: 0 !important;
}

::placeholder {
	color: rgba(255, 255, 255, 0.75) !important;
	opacity: 1;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
	background-color: rgba(255, 255, 255, 0.16) !important;
	outline: 1px solid rgba(255, 255, 255, 0.45) !important;
}

/* ------------------------------------------------------------- stats row */

/* The four figures under the hero - 10 YEARS / 10B / 70% / 95% - carry
   captions of uneven length. Two run to one line and two wrap to two, so the
   four blocks ended up different heights and their captions sat at different
   levels across the row. Reserving two lines on all four lines them up
   without touching the copy. The id is the stripe that holds them. */
#vbid-840ede91-3uwznafx .preview-title {
	display: block;
	min-height: 2.2em;
}