@charset "UTF-8";

/* =========================================================
   FONTS
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url("https://use.typekit.net/hkj5cxh.css");

/* =========================================================
   DESIGN TOKENS (SINGLE SOURCE OF TRUTH)
========================================================= */
:root {
  /* Core colors */
  --primary: #0092D0;
  --primary-dark: #0071ac;
	 --primary-med-dark: #2d2d2d;
	--warning:#fbc112;

  --black: #0a0a0a;
  --dark-gray: #1a1a1a;
  --medium-gray: #2d2d2d;
  --medium-gray1: #404040;
  --light-gray: #e0e0e0;
  --light-gray2: #ecedee;
  --light-gray3: #e2e3e3;
  --white: #ffffff;
  --yellow: #fbc112;
  --yellow-light: #fff1c7;
  --yellow-hover: #ffd700;
  --yellow-dim: rgba(245, 197, 24, 0.1);
  --danger: #c42026;

  /* Typography */
  --font-sans: "Open Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-display: komet, var(--font-sans);

  /* Bootstrap hook override (safe) */
  --bs-body-font-family: var(--font-sans);
}

/* =========================================================
   RESET (Bootstrap-safe minimal)
========================================================= */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  font-size: 16px;
  color: var(--black);
}

/* =========================================================
   TYPOGRAPHY (Bootstrap-safe overrides only)
========================================================= */
h1, h2, h3, h4, h5, h6 {
  font-family: komet, open-sans, helvetica-neu, arial;
  font-weight: 700;
  line-height: 1.2;
}

h1 { font-size: 2rem; text-transform: uppercase; text-align: center; }
h2 { font-size: 1.75rem; text-transform: uppercase;font-family:komet, open-sans, helvetica-neue, arial, sans-serif;font-weight:900 }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1rem; }
h6 { font-size: .875rem; }

.small-text { font-size: .875rem; }
.smaller-text { font-size: .75rem; }
.small { font-size: .75rem !important; }
.fw-900 { font-weight: 900; }

.sectionheader {
	font-family: komet, open-sans, sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: calc(1.375rem + 1.5vw);
	line-height: 1em;
}


@media (min-width:1200px) {
.sectionheader {
	font-size: 2.5rem;
	line-height: 1em;
}
}

.jumboheadline {
    font-family: komet, open-sans, sans-serif !important;
    font-size: 3.25em !important;
    font-weight: 900;
    line-height: 1;
     text-transform: uppercase;
	/*  text-shadow: #102655 1px 0 10px;*/
}

@media (max-width: 576px) {
.jumboheadline {
    font-size: 1.25em !important;
}
}

@media (max-width: 768px) {
.jumboheadline {
    font-size: 1.75em !important;
}
}

.utility-nav-header { font-family: komet, open-sans, arial, sans-serif;
    font-weight: 900;margin-bottom:0}
.utility-nav-links{text-decoration: none;font-size:12px;line-height:10px;color:#ffffff;}
.utility-nav-links:hover{color:#fbc112;}


/* =========================================================
   LINKS (Bootstrap-safe override only)
========================================================= */
a {
  color: var(--primary);
  text-decoration: none;
}

a:hover {
  color: var(--primary-dark);
}

/* Utility link variants */
.link-yellow { color: var(--yellow); }
.link-yellow:hover { color: #fddd92; }

.link-white { color: var(--white); }
.link-white:hover { color: #ccc; }

/* =========================================================
   BUTTONS (Bootstrap-safe overrides ONLY)
========================================================= */
.btn {
  font-family: var(--font-display);
  font-weight: 800;
  text-transform: uppercase;
  border-radius: 20px;
  padding: 10px 20px;
}

/* Primary overrides Bootstrap safely */
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:hover {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}

/* Accent button */
.btn-yellow {
  background-color: var(--yellow);
  color: var(--black);
  border: none;
}

.btn-yellow:hover {
  background-color: var(--yellow-hover);
}


/* =========================================================
  HEADER DATES AND LOGO
========================================================= */

.header-date{font-size:.85rem;font-weight:700;text-align:right;margin-top:20px;text-transform:uppercase;}
	@media (max-width: 575.98px) { 
	.header-date {;text-align:left;margin-top:0}
	}
	
.header-logo{width:100%;margin-top:20px;margin-bottom:20px}
	@media (max-width: 575.98px) { 
	.header-logo {margin-bottom:10px}
	}


/* =========================================================
   NAVBAR (Bootstrap-safe override only)
========================================================= */
.navbar-custom {
  background-color: #404040;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
  color: rgba(255,255,255,.85);
}

.navbar-custom .nav-link {
  color: rgba(255,255,255,.6);
}

.navbar-custom .nav-link:hover {
  color: var(--yellow);
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #fff;
  color: #000;
}

/* =========================================================
   LAYOUT UTILITIES (non-conflicting)
========================================================= */
.text-center { text-align: center; }
.text-uppercase { text-transform: uppercase; }

.text-white { color: var(--white); }
.text-yellow { color: var(--yellow); }
.text-gray { color: #777; }

.bg-black { background-color: var(--black); }
.bg-dark { background-color: var(--dark-gray); }
.bg-light { background-color: var(--light-gray-2); }
.bg-medium-gray { background-color: var(--medium-gray); }
.bg-medium-gray1 { background-color: var(--medium-gray1); }
.bg-yellow {background-color: var(--yellow) !important;}
.bg-yellow-light {background-color: var(--yellow-light) !important;}
.bg-light-gray {background-color: #f8f9fa;}
.bg-light-gray2 {  background-color: var(--light-gray2) !important;}
.bg-light-gray3 {  background-color: var(--light-gray3) !important;}

.card {overflow: hidden} /* so header border matched card border*/
.card-header {font-weight:700}

.card-header-medium-gray{background-color: #2d2d2d;border-top-left-radius: 12px; border-top-right-radius: 12px; color:#ffffff}


.section-padding {
  padding: 60px 0;
}
.newsection {padding-top:30px;padding-bottom:30px}

/* =========================================================
   COMPONENTS
========================================================= */

/* Boxes */
.box-curved{border-radius:20px}

.topicbox {
  background: rgba(91,144,161,.1);
  border: 1px solid #5b90a1;
  border-radius: 10px;
  padding: 20px;
}

.graybox {
  background: var(--medium-gray);
}

/* Speaker */
.speaker-name {
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

.speaker-title {
  text-align: center;
  font-size: .85rem;
}

/* Jumbotron */
.jumbotron {
  border-radius: 0;
}

/* =========================================================
   HIGHLIGHTS BOXES SECTION
========================================================= */

.highlights-section {
  background: var(--dark-gray);
  position: relative;
}
.highlight-card {
  background: var(--medium-gray);
  border: 1px solid rgba(245, 197, 24, 0.1);
  transition: all 0.4s ease;
}
.highlight-card:hover {
  transform: translateY(-8px);
  border-color: var(--yellow);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 30px rgba(245, 197, 24, 0.1);
}
.highlight-card .card-icon svg {
  transition: transform 0.3s ease;
}
.highlight-card:hover .card-icon svg {
  transform: scale(1.1);
}

.highlight-card-white {
  background: var(--white);
  border: 1px solid #fbc112;
  transition: all 0.4s ease;
}
.highlight-card-white:hover {
  transform: translateY(-8px);
  border-color: var(--md-gray);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 30px rgba(245, 197, 24, 0.1);
}
.highlight-card-white .card-icon svg {
  transition: transform 0.3s ease;
}
.highlight-card-white:hover .card-icon svg {
	transform: scale(1.1);
}
	


.highlight-card-yellow {
  background: var(--yellow);
  border: 1px solid #fbc112;
  transition: all 0.4s ease;
}
.highlight-card-yellow:hover {
  transform: translateY(-8px);
  border-color: var(--md-gray);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 30px rgba(245, 197, 24, 0.1);
}
.highlight-card-yellow .card-icon svg {
  transition: transform 0.3s ease;
}
.highlight-card-yellow:hover .card-icon svg {
  transform: scale(1.1);
}


/* =========================================================
   TESTIMONIALS
========================================================= */

.testimonial-copy {
	font-family: open-sans, sans-serif;
	font-size: 1.25em;
	font-weight:700;
}
.testimonial-company {
	font-family: Komet, sans-serif;
	font-size: 1.15em;
	font-weight: 800;
	color:#fbc112;
}
.testimonial-box {
	background-color:#ffffff;
	border:0;
	border-radius:0;
	padding:20px;
	
}

.testimonial-left-quote{font-size:70px;font-family:source-sans, sans-serif; font-weight:700;color:#fbc112; vertical-align: top;padding:top:0}
.testimonial-right-quote{font-size:70px;font-family:source-sans, sans-serif; font-weight:700;color:#fbc112; vertical-align: bottom;line-height:0}


/* =========================================================
   FOOTER
========================================================= */
.footer {
  background: #404040;
  padding: 30px;
  color: var(--white);
}

/* =========================================================
   FORMS (Bootstrap-safe enhancement)
========================================================= */
.form-control:focus {
  border-color: var(--yellow);
  box-shadow: 0 0 0 0.2rem rgba(251, 193, 18, .25);
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 768px) {
  h1 { font-size: 1.6rem; }

  .section-padding {
    padding: 40px 0;
  }
}