/* repair.css — loaded after the captured theme, before enhance.css
 *
 * Everything here exists to make the page WORK. Presentation changes live in
 * enhance.css so this file can be audited on its own.
 *
 * Four problems, all of them invisible to a broken-link check:
 *
 *  1. The hero was a Revolution Slider frozen mid-initialisation. It was
 *     replaced during the rebuild with a static <section class="eis-hero">,
 *     which needs styling from scratch.
 *  2. Four speaker carousels were frozen by slick (76 cloned slides, a pixel
 *     transform on the track, `slick-initialized` blocking re-init). The clones
 *     were removed and the wrappers renamed; the slides now need a layout.
 *  3. style.css @imported flaticon.css and fontawesome-all.css. Neither was
 *     captured, and neither is recoverable — Flaticon builds a custom font per
 *     project, so another site's copy carries different glyphs at the same
 *     codepoints (only 3 of the 8 icons this page uses even exist there). The
 *     8 flaticon icons are redrawn below as inline SVG masks.
 *  4. Font Awesome 4.7 (33 `fa fa-` icons) and FA5 brands (15 `fab fa-` social
 *     icons) needed their webfonts; both were recovered from sibling builds and
 *     are wired up here.
 */

/* ---------------------------------------------------------------- 1. hero */

.eis-hero {
	position: relative;
	display: flex;
	align-items: center;
	min-height: min(78vh, 660px);
	padding: 120px 0 90px;
	overflow: hidden;
	background: #071033;
}

/* The layered background degrades: if main-banner.jpg could not be recovered
   from the archive the image simply does not paint and the gradient beneath it
   carries the hero on its own, rather than leaving a flat navy slab. */
.eis-hero__bg {
	position: absolute;
	inset: 0;
	background-image: url("../images/main-banner.jpg"),
	                  radial-gradient(120% 100% at 12% 0%, #1d2c66 0%, transparent 60%),
	                  radial-gradient(90% 90% at 92% 12%, #3a2170 0%, transparent 55%),
	                  linear-gradient(150deg, #071033 0%, #101c47 55%, #071033 100%);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transform: scale(1.04);
}

.eis-hero__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(105deg, rgba(7, 16, 51, .93) 0%, rgba(7, 16, 51, .78) 45%, rgba(7, 16, 51, .45) 100%);
}

.eis-hero__in {
	position: relative;
	z-index: 2;
	color: #fff;
}

.eis-hero__eyebrow {
	display: inline-block;
	margin-bottom: 18px;
	padding: 7px 18px;
	border: 1px solid rgba(255, 255, 255, .32);
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.eis-hero__eyebrow sup { font-size: .62em; }

.eis-hero__title {
	margin: 0 0 18px;
	color: #fff;
	font-size: clamp(34px, 5.4vw, 68px);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -.02em;
}

.eis-hero__title span {
	background: linear-gradient(100deg, #ffce6a 0%, #ff9d3d 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.eis-hero__meta {
	max-width: 46ch;
	margin: 0 0 34px;
	color: rgba(255, 255, 255, .82);
	font-size: clamp(15px, 1.6vw, 19px);
}

.eis-hero__cta { margin: 0; }

/* ---------------------------------------------------------------- 2. carousels */

/* Grid, not flex percentages: three slides at 33.3333% total a fraction over
   the track and Chrome wraps the third onto its own row. */
.eis-carousel .eis-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 26px;
	width: auto !important;
	transform: none !important;
	opacity: 1 !important;
}

/* slick's clearfix pseudo-elements become grid items and each eats a cell,
   pushing the first real slide into column two. */
.eis-carousel .eis-grid::before,
.eis-carousel .eis-grid::after { content: none; display: none; }

.eis-carousel .eis-gridwrap { overflow: visible; }

.eis-carousel .speaker-block {
	width: auto !important;
	max-width: none;
	float: none;
	visibility: visible !important;
	opacity: 1 !important;
}

@media (max-width: 1199px) { .eis-carousel .eis-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 850px)  { .eis-carousel .eis-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } }
@media (max-width: 520px)  { .eis-carousel .eis-grid { grid-template-columns: minmax(0, 1fr); } }

/* ---------------------------------------------------------------- 3. flaticon */

/* The eight icons this page used, redrawn as inline SVG masks so they inherit
   colour and size the way the original icon font did. */
[class^="flaticon-"],
[class*=" flaticon-"] {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -.125em;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

[class^="flaticon-"]::before,
[class*=" flaticon-"]::before { content: none; }

.flaticon-menu,
.flaticon-menu-2 {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18v2.2H3zM3 10.9h18v2.2H3zM3 15.8h18V18H3z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18v2.2H3zM3 10.9h18v2.2H3zM3 15.8h18V18H3z'/%3E%3C/svg%3E");
}

.flaticon-close {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.7 12 12l6.3 6.3-1.6 1.6L10.4 13.6 4.1 19.9 2.5 18.3 8.8 12 2.5 5.7l1.6-1.6 6.3 6.3 6.3-6.3z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.7 12 12l6.3 6.3-1.6 1.6L10.4 13.6 4.1 19.9 2.5 18.3 8.8 12 2.5 5.7l1.6-1.6 6.3 6.3 6.3-6.3z'/%3E%3C/svg%3E");
}

.flaticon-search-2 {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 3a7.5 7.5 0 1 0 4.6 13.4l4.2 4.2 1.6-1.6-4.2-4.2A7.5 7.5 0 0 0 10.5 3zm0 2.2a5.3 5.3 0 1 1 0 10.6 5.3 5.3 0 0 1 0-10.6z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 3a7.5 7.5 0 1 0 4.6 13.4l4.2 4.2 1.6-1.6-4.2-4.2A7.5 7.5 0 0 0 10.5 3zm0 2.2a5.3 5.3 0 1 1 0 10.6 5.3 5.3 0 0 1 0-10.6z'/%3E%3C/svg%3E");
}

.flaticon-location {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.1 7 13 7 13s7-7.9 7-13a7 7 0 0 0-7-7zm0 9.6A2.6 2.6 0 1 1 12 6.4a2.6 2.6 0 0 1 0 5.2z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.1 7 13 7 13s7-7.9 7-13a7 7 0 0 0-7-7zm0 9.6A2.6 2.6 0 1 1 12 6.4a2.6 2.6 0 0 1 0 5.2z'/%3E%3C/svg%3E");
}

.flaticon-email-1 {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 5h20v14H2zm2 2.3v.4l8 5 8-5v-.4L12 12z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 5h20v14H2zm2 2.3v.4l8 5 8-5v-.4L12 12z'/%3E%3C/svg%3E");
}

.flaticon-alarm-clock-1 {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm.9 8.9-3.4 2.4-1.1-1.6 2.6-1.9V7.7h1.9zM5.4 1.9 6.8 3.4 3.3 6.5 1.9 5zM17.2 3.4l1.4-1.5L22.1 5l-1.4 1.5z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zm.9 8.9-3.4 2.4-1.1-1.6 2.6-1.9V7.7h1.9zM5.4 1.9 6.8 3.4 3.3 6.5 1.9 5zM17.2 3.4l1.4-1.5L22.1 5l-1.4 1.5z'/%3E%3C/svg%3E");
}

.flaticon-chair {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12v9H6zM4 13h16v2.2H4zM5.6 16.4h2.2V22H5.6zM16.2 16.4h2.2V22h-2.2z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12v9H6zM4 13h16v2.2H4zM5.6 16.4h2.2V22H5.6zM16.2 16.4h2.2V22h-2.2z'/%3E%3C/svg%3E");
}

/* ---------------------------------------------------------------- 4. icon fonts */

/* Font Awesome 4.7 — recovered from backup/food-safety-quality-summit */
@font-face {
	font-family: "FontAwesome";
	font-display: swap;
	src: url("fonts/fontawesome-webfont.woff2") format("woff2"),
	     url("fonts/fontawesome-webfont.woff") format("woff"),
	     url("fonts/fontawesome-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

/* Font Awesome 5 brands — recovered from backup/education-innovation-summit-pune.
   The captured CSS only knew about FA4, so `fab` had no rule at all. */
@font-face {
	font-family: "Font Awesome 5 Brands";
	font-display: swap;
	src: url("fonts/fa-brands-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

.fab {
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.fab.fa-facebook-f::before { content: "\f39e"; }
.fab.fa-twitter::before    { content: "\f099"; }
.fab.fa-linkedin-in::before{ content: "\f0e1"; }
.fab.fa-instagram::before  { content: "\f16d"; }
.fab.fa-youtube::before    { content: "\f167"; }

/* ---------------------------------------------------------------- 5. leftovers */

/* WOW.js was removed along with its `wow` hook classes; any element still
   carrying an animate.css class must not be left mid-animation. */
.animated,
[class*="fadeIn"],
[class*="fadeInUp"] {
	visibility: visible !important;
	opacity: 1 !important;
	animation: none !important;
}

/* The theme hid the mobile drawer behind JS that no longer runs its open state
   on load; make sure it starts closed rather than covering the page. */
.sidenav,
.hidden-bar { visibility: hidden; }
.sidenav.open,
.hidden-bar.visible-sidebar { visibility: visible; }