/*
Theme Name: LifeContin Institutional Swissish v7
Author: LifeContin
Version: 7.0
Description: Floating header, larger hero, and overlapping card like Swiss Re.
*/

body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:#111;
}

/* floating header */
.lc-header{
  position:absolute;
	padding-top:90px;
	top:0; left:0; right:0;
  z-index:999;
  background:transparent !important;
}

.lc-header-inner{
  max-width:1200px;
  margin:18px auto 0;
  padding:14px 22px;
  background:rgba(255,255,255,.92);
  border-radius:14px;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  display:flex;
  justify-content:space-between;
  align-items:center;
}

/* hero */
.lc-hero{
  position:relative;
  min-height:86vh;
  padding-top:110px;
}

.lc-hero-bg{
  position:absolute;
  inset:0;
  background:url('assets/hero.jpg') center/cover no-repeat;
}

.lc-hero-content{
  position:relative;
  z-index:2;
  max-width:1100px;
  margin:0 auto;
  padding:40px 20px;
  color:#fff;
}

/* overlapping card */
.lc-hero-card{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-56px;
  width:min(1100px, calc(100% - 60px));
  background:rgba(255,255,255,.92);
  border-radius:16px;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
  padding:22px 26px;
  z-index:20;
  color:#111;
}

.lc-after-hero{
  padding-top:90px;
  max-width:1100px;
  margin:0 auto;
  padding-left:20px;
  padding-right:20px;
}
/* Hero spacing */

.lc-eyebrow {
    margin-bottom: 20px;
}

.lc-hero h1 {
    margin-bottom: 25px;
}

.lc-subhead {
    margin-bottom: 20px;
    line-height: 1.5;
}

.lc-body {
    margin-bottom: 40px;
    line-height: 1.6;
}
/* Verplaats hero tekst naar beneden */

.lc-hero-inner {
    padding-top: 220px;
}
/* Verplaatst hero tekst naar beneden */
.lc-hero-inner {
  padding-top: 220px;
}
/* Center/positioneer hero-content verticaal */
.lc-hero{
  display: flex !important;
  align-items: flex-start !important;
}

.lc-hero .lc-hero-content{
  margin-top: 0px !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}
.lc-eyebrow{
  font-size: 12px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  opacity: 0.7;
  margin-bottom: 14px;
}

.lc-title{
  font-size: 44px;
  font-weight: 500;
  margin-bottom: 14px;
}

.lc-subhead{
  font-size: 20px;
  font-weight: 400;
  opacity: 0.9;
  margin-bottom: 24px;
  max-width: 640px;
}

.lc-body{
  font-size: 15px;
  line-height: 1.7;
  opacity: 0.85;
  max-width: 640px;
}
/* Hero tekst links uitlijnen zoals Swiss Re */
.lc-hero-content {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    max-width: 720px;
}

/* Zorg dat alles links blijft */
.lc-eyebrow,
.lc-title,
.lc-body {
    text-align: left;
}

/* Optioneel: iets meer naar links positioneren */
.lc-hero-inner {
    display: flex;
    justify-content: flex-start;
}
/* Swiss Re alignment fix */
.lc-hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.lc-hero-content {
    text-align: left;
    max-width: 640px;
}
/* Positioneer hero tekst hoger en links uitgelijnd met content */
.lc-hero{
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  padding-top: 120px !important;
}

.lc-hero .lc-hero-content{
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}
/* FORCE left align hero content (override alles wat center zet) */
.lc-hero .lc-hero-content{
  display: block !important;
  text-align: left !important;

  /* zelfde grid als de textbox eronder */
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Alles binnen de hero ook links (h1, subhead, p etc.) */
.lc-hero .lc-hero-content *{
  text-align: left !important;
}

/* Als er ergens nog flex-centering zit */
.lc-hero{
  justify-content: flex-start !important;
  align-items: flex-start !important;
}
/* Menu links – Swiss Re institutional style */

.lc-header-inner a,
.lc-header-inner a:visited {
    color: #111 !important;
    text-decoration: none !important;
    font-weight: 500;
}

.lc-header-inner a:hover {
    color: #000 !important;
    text-decoration: none !important;
}

/* verwijder browser default underline */
.lc-header-inner a::after {
    display: none !important;
}
/* Menu gebruikt exact hetzelfde lettertype als logo */

.lc-header-inner {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.lc-header-inner a {
    font-family: inherit !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
}
/* Meer ruimte tussen menu items */

.lc-header-inner nav a {
    margin-left: 28px !important;
}

/* eerste item geen extra marge */
.lc-header-inner nav a:first-child {
    margin-left: 0 !important;
}
/* Swiss Re / institutional font voor menu */

.lc-header-inner nav a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    letter-spacing: 0.2px;
    color: #111 !important;
}