/*
 * InterDiamant Dealer Teaser 1.5.1 — Designed and built by Delta 3 B.V.
 * Homepage band that links to the dealer globe. Scoped to .idt; fonts follow the theme
 * (Orbitron-Black / Kanit as uploaded in Divi) and can be overridden with the variables below.
 */
.idt {
	--idt-orange: #e9530d;
	--idt-ink: #020202;
	--idt-muted: #5d6166;
	--idt-line: #e6e6e6;
	--idt-head: "Orbitron-Black", Orbitron, Helvetica, Arial, sans-serif;
	--idt-body: "Kanit-Light", Kanit, Helvetica, Arial, sans-serif;
	position: relative;
	box-sizing: border-box;
	padding: 0; /* vertical spacing comes from the page section, like every other homepage section */
	background: #fff;
	color: var(--idt-ink);
	font-family: var(--idt-body);
	font-weight: 300;
	overflow: hidden;
	text-align: left;
}
.idt *, .idt *::before, .idt *::after { box-sizing: border-box; }
.idt .idt__in { position: relative; z-index: 1; width: 80%; max-width: 1250px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 5.5%; row-gap: 36px; align-items: center; } /* same width and gutter as a Divi row */
.idt .idt__eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; padding: 0; font-family: var(--idt-body); font-size: 20px; font-weight: 500; line-height: 1.3; color: var(--idt-ink); }
.idt .idt__eyebrow::before { content: ""; flex: none; width: 0; height: 0; border-left: 14px solid transparent; border-bottom: 14px solid var(--idt-orange); }
.idt .idt__title { margin: 0 0 18px; padding: 0; font-family: var(--idt-head); font-weight: 500; font-size: 32px; line-height: 1.2; letter-spacing: normal; text-transform: uppercase; color: var(--idt-ink); text-wrap: balance; }
.idt .idt__lead { margin: 0 0 22px; padding: 0; max-width: 34em; font-size: 16px; font-weight: 500; line-height: 1.6; color: var(--idt-ink); }
.idt .idt__stats { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0 0 26px; padding: 14px 0; border-top: 1px solid var(--idt-line); border-bottom: 1px solid var(--idt-line); font-size: 15px; line-height: 1.4; color: var(--idt-muted); }
.idt .idt__stats strong { margin-right: 4px; font-family: var(--idt-head); font-weight: 900; font-size: 22px; line-height: 1; color: var(--idt-ink); vertical-align: -2px; }
.idt .idt__form { display: flex; margin: 0 0 18px; padding: 0; }
.idt .idt__field { position: relative; flex: 1; min-width: 0; margin: 0; }
.idt .idt__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.idt .idt__field svg { position: absolute; left: 14px; top: 50%; width: 18px; height: 18px; margin-top: -9px; color: #8a8f95; pointer-events: none; }
.idt .idt__field input { display: block; width: 100%; height: 52px; margin: 0; padding: 0 14px 0 42px; border: 1px solid #cfd2d6; border-right: 0; border-radius: 0; background: #fff; color: var(--idt-ink); font-family: var(--idt-body); font-size: 16px; font-weight: 400; box-shadow: none; outline: none; -webkit-appearance: none; appearance: none; }
.idt .idt__field input:focus { border-color: var(--idt-orange); box-shadow: inset 0 0 0 1px var(--idt-orange); }
.idt .idt__btn { display: inline-flex; align-items: stretch; height: 52px; margin: 0; padding: 0; border: 0; border-radius: 0; background: var(--idt-orange); color: #000; cursor: pointer; font-family: var(--idt-head); font-weight: 900; font-size: 15px; line-height: 1; text-transform: uppercase; white-space: nowrap; }
.idt .idt__btn span { display: flex; align-items: center; padding: 0 18px 0 22px; }
.idt .idt__btn i { display: grid; place-items: center; width: 44px; margin: 6px 6px 6px 0; background: #000; color: var(--idt-orange); font-style: normal; font-size: 18px; }
.idt .idt__btn:hover, .idt .idt__btn:focus-visible { background: #ff6a24; }
.idt .idt__links { display: flex; flex-wrap: wrap; gap: 8px 26px; font-size: 15px; line-height: 1.5; }
.idt .idt__links a { padding-bottom: 2px; border-bottom: 1px solid var(--idt-orange); color: var(--idt-ink); font-weight: 400; text-decoration: none; }
.idt .idt__links a:hover { color: var(--idt-orange); }
.idt .idt__links a.idt__sub { border-bottom-color: #c9c9c9; color: var(--idt-muted); }
.idt :focus-visible { outline: 2px solid var(--idt-orange); outline-offset: 2px; }

.idt .idt__card { position: relative; background: #07090b; color: #fff; clip-path: polygon(0 0, calc(100% - 56px) 0, 100% 56px, 100% 100%, 56px 100%, 0 calc(100% - 56px)); }
.idt .idt__cover { position: absolute; inset: 0; z-index: 1; }
.idt .idt-map { position: relative; z-index: 2; display: block; width: 100%; height: auto; pointer-events: none; }
.idt .idt-map .idt-pin { pointer-events: auto; cursor: pointer; }
.idt-land { fill: #14181c; stroke: #262c33; stroke-width: 0.8; stroke-linejoin: round; fill-rule: evenodd; }
.idt-land--hi { fill: #1b2026; stroke: #3a424b; }
.idt-cty { fill: #6f7780; font: 500 11px "Kanit-Regular", Kanit, Helvetica, Arial, sans-serif; letter-spacing: 0.22em; text-anchor: middle; }
.idt-cty--dim { fill: #3f464d; }
.idt-pin > g { transition: transform 0.15s; }
.idt-pin:hover > g, .idt-pin:focus > g { transform-box: fill-box; transform-origin: 50% 100%; translate: 0 -3px; }
.idt-pin:focus { outline: none; }
.idt-halo { fill: none; stroke: rgba(232, 178, 58, 0.55); stroke-width: 2; transform-box: fill-box; transform-origin: center; animation: idt-ping 2.4s ease-out infinite; }
@keyframes idt-ping { 0% { transform: scale(0.6); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } }
.idt .idt__legend { position: absolute; z-index: 3; left: 18px; top: 18px; display: grid; gap: 4px; padding: 10px 14px 10px 10px; background: rgba(13, 15, 18, 0.9); border: 1px solid #262b31; border-radius: 10px; font-family: "Kanit-Regular", Kanit, Helvetica, Arial, sans-serif; font-size: 12.5px; font-weight: 400; line-height: 1.4; color: #f3f1ee; pointer-events: none; }
.idt .idt__legend > span { display: flex; align-items: center; gap: 9px; }
.idt .idt__open { position: absolute; z-index: 3; right: 22px; bottom: 20px; display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; background: rgba(13, 15, 18, 0.9); border: 1px solid var(--idt-orange); font-family: var(--idt-head); font-weight: 900; font-size: 12px; line-height: 1.2; letter-spacing: 0.04em; text-transform: uppercase; color: #fff; pointer-events: none; }
.idt .idt__open::after { content: "\2197"; color: var(--idt-orange); font-size: 14px; }
.idt .idt__card:hover .idt__open { background: var(--idt-orange); color: #000; }
.idt .idt__card:hover .idt__open::after { color: #000; }

@media (max-width: 980px) {
	.idt .idt__in { grid-template-columns: minmax(0, 1fr); }
	.idt .idt__title { font-size: 28px; }
	.idt .idt__form { flex-direction: column; gap: 10px; }
	.idt .idt__field input { border-right: 1px solid #cfd2d6; }
	.idt .idt__btn { justify-content: space-between; }
	.idt .idt__legend { left: 12px; top: 12px; font-size: 11.5px; padding: 8px 10px 8px 8px; }
	.idt .idt__open { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.idt-halo { animation: none; }
	.idt-pin > g { transition: none; }
}