.elementor-53 .elementor-element.elementor-element-d58ffcb{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-53 .elementor-element.elementor-element-476140b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-53 .elementor-element.elementor-element-d58ffcb{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-476140b */:root{
  --el-blue:#1F3092; --el-gold:#C7A34B; --el-white:#fff; --el-maxw:1200px;
}

/* Header */
.elham-header{
  background:var(--el-blue);
  border-bottom:0 !important;             /* remove any border line */
  position:relative; z-index:9999;
}
.elham-header.is-sticky{ position:sticky; top:0; }

/* Grid: logo | center area | burger/cta */
.elham-wrap{
  max-width:var(--el-maxw); margin:0 auto; padding:16px 40px;
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; column-gap:32px;
}

/* Logo size (larger) */
.elham-logo img{ height:72px; width:auto; display:block; }

/* Hidden checkbox */
.elham-nav-toggle{ position:absolute; left:-9999px; }

/* Burger (always keep on the RIGHT) */
.elham-burger{
  width:34px; height:28px; position:relative; cursor:pointer;
  justify-self:end; display:none;
}
.elham-burger span{
  position:absolute; left:0; right:0; height:2px; background:var(--el-white);
  border-radius:2px; transition:.25s;
}
.elham-burger span:nth-child(1){ top:4px; }
.elham-burger span:nth-child(2){ top:13px; }
.elham-burger span:nth-child(3){ top:22px; }

/* Centered nav block */
.elham-nav{ display:flex; align-items:center; gap:28px; justify-self:center; }
.elham-menu{ list-style:none; margin:0; padding:0; display:flex; gap:36px; }
.elham-menu > li > a{
  color:var(--el-white); text-decoration:none; font-weight:600; font-size:18px;
  padding:12px 18px; border-radius:24px; transition:.2s;
}
.elham-menu > li > a:hover{ background:rgba(255,255,255,.15); color:var(--el-gold); }
.elham-menu > li > a.is-active{ background:var(--el-gold); color:var(--el-blue); font-weight:700; }

/* CTA */
.elham-btn{
  background:var(--el-gold); color:var(--el-blue) !important;
  padding:14px 26px; border-radius:40px; font-weight:700; font-size:18px; text-decoration:none;
}

/* Overlay (click to close) */
.elham-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.35);
  opacity:0; visibility:hidden; transition:.25s; z-index:9998;
}

/* Close button inside panel */
.elham-close{
  position:absolute; top:18px; right:18px;
  width:38px; height:38px; border-radius:50%; border:0;
  background:rgba(255,255,255,.2); color:var(--el-white); font-size:26px; line-height:38px;
  cursor:pointer;
}

/* Mobile / tablet */
@media (max-width:992px){
  .elham-burger{ display:block; }
  .elham-nav{
    position:fixed; top:0; right:-100%;
    width:min(85vw,420px); height:100dvh; background:var(--el-blue);
    border-left:1px solid rgba(255,255,255,.2);
    box-shadow:-8px 0 30px rgba(0,0,0,.25);
    padding:70px 28px 28px;
    flex-direction:column; align-items:stretch; gap:18px;
    transition:right .3s ease; overflow-y:auto; z-index:9999;
  }

  /* Open state (stays fixed until closed) */
  .elham-nav-toggle:checked ~ .elham-overlay{ opacity:1; visibility:visible; }
  .elham-nav-toggle:checked ~ .elham-nav{ right:0; }

  /* Burger morph to X */
  .elham-nav-toggle:checked + .elham-burger span:nth-child(1){ top:13px; transform:rotate(45deg); }
  .elham-nav-toggle:checked + .elham-burger span:nth-child(2){ opacity:0; }
  .elham-nav-toggle:checked + .elham-burger span:nth-child(3){ top:13px; transform:rotate(-45deg); }

  .elham-menu{ flex-direction:column; align-items:flex-start; gap:8px; }
  .elham-menu > li > a{ width:100%; padding:14px 12px; border-radius:12px; }
}

/* Lock scroll when open */
body.elham-locked{ overflow:hidden; }


/* --- Quick patch for your current header --- */

/* 1) Remove any visible borders/lines on the blue bar */
.elham-header{
  border:0 !important;
  box-shadow:none !important;
}

/* 2) Keep header height tighter (adjust if you want more padding) */
.elham-wrap{ padding:14px 32px !important; }
.elham-menu{ gap:28px !important; }
.elham-menu > li > a{ padding:10px 16px !important; }

/* 3) Logo stays prominent but not oversized */
.elham-logo img{ height:64px !important; }

/* 4) Hide the close button by default (so it won't appear on desktop) */
.elham-close{ display:none !important; }

/* 5) Overlay hidden by default; only visible when panel is open */
.elham-overlay{ opacity:0; visibility:hidden; }

/* 6) Mobile/Tablet behaviour */
@media (max-width: 992px){

  /* Burger stays on the right */
  .elham-burger{ display:block !important; justify-self:end; }

  /* Off-canvas panel closed state (parked off-screen) */
  .elham-nav{ right:-100% !important; }

  /* When toggled: show overlay + slide panel in + show the close button */
  .elham-nav-toggle:checked ~ .elham-overlay{
    opacity:1; visibility:visible;
  }
  .elham-nav-toggle:checked ~ .elham-nav{
    right:0 !important;
  }
  .elham-nav-toggle:checked ~ .elham-nav .elham-close{
    display:block !important;
  }

  /* Make touch targets comfy */
  .elham-menu{ gap:8px !important; }
  .elham-menu > li > a{
    width:100%; padding:14px 12px !important; border-radius:12px;
  }
}

/* 0) Safety: kill any theme/section borders & shadows */
.elementor-location-header header.elham-header,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container,
.elementor-location-header .elementor-column {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 1) Remove the white line + right gutter and force full-bleed */
.elementor-location-header .elham-header{
  background: #1F3092;               /* keep royal blue */
  border: 0 !important;
  width: 100vw;                       /* full viewport width */
  margin-left: calc(50% - 50vw);      /* full-bleed trick */
  margin-right: calc(50% - 50vw);
}
html, body { overflow-x: hidden; }    /* prevent horizontal scroll from full-bleed */

/* 2) Nuke default padding/gaps Elementor adds on the header section */
.elementor-location-header .elham-wrap{
  padding: 12px 32px !important;      /* adjust if you want taller/shorter bar */
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  column-gap: 28px;
}

/* 3) Bigger logo (desktop) */
.elementor-location-header .elham-logo img{
  height: 84px !important;            /* was ~64/72; bump to 84 */
  width: auto;
  display: block;
}

/* 4) Menu spacing & pills (match your current style) */
.elementor-location-header .elham-menu{ gap: 32px !important; }
.elementor-location-header .elham-menu > li > a{
  padding: 10px 18px !important;
  border-radius: 999px;
}

/* 5) Mobile / tablet adjustments */
@media (max-width: 992px){
  .elementor-location-header .elham-logo img{ height: 72px !important; }
  .elementor-location-header .elham-wrap{
    grid-template-columns: auto 1fr auto;
    padding: 10px 20px !important;
  }
}

/* === 1) Logo +50% size === */
/* If your old desktop height was 84px, 50% up ≈ 126px */
.elham-logo img{ height: 126px !important; width: auto; display:block; }

@media (max-width: 992px){
  /* mobile/tablet larger too */
  .elham-logo img{ height: 96px !important; }
}

/* === 2) Right-align the whole nav block === */
.elham-wrap{
  /* logo | spacer | nav (menu+button) */
  grid-template-columns: auto 1fr auto !important;
}
.elham-nav{
  justify-self: end !important;      /* pushes menu+button to the right edge */
  gap: 22px !important;
}
.elham-menu{
  gap: 28px !important;
}
.elham-menu > li > a{
  padding: 10px 16px !important;
  border-radius: 999px;
}

/* Keep burger on the right for mobile */
@media (max-width: 992px){
  .elham-wrap{ grid-template-columns: auto 1fr auto !important; }
  .elham-burger{ display:block !important; justify-self:end; }
}

/* === 3) Admissions as a popup button (outlined by default) === */
.elham-btn{
  font-weight: 800;
  font-size: 18px;
  text-decoration: none;
  border-radius: 40px;
  padding: 12px 22px;
  transition: .2s ease;
}

/* Outline style (default) */
.elham-btn--outline{
  background: transparent;
  border: 2px solid var(--el-gold, #C7A34B);
  color: #fff !important;                 /* white text on blue header */
  box-shadow: none;
}
.elham-btn--outline:hover{
  background: var(--el-gold, #C7A34B);
  color: var(--el-blue, #1F3092) !important;
}

/* On mobile drawer, make it solid for clarity */
@media (max-width: 992px){
  .elham-nav .elham-btn--outline{
    background: var(--el-gold, #C7A34B);
    color: var(--el-blue, #1F3092) !important;
    border-color: var(--el-gold, #C7A34B);
    width: 100%;
    text-align: center;
    padding: 14px 18px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d58ffcb *//* ===== ELHAM Header – Blue background with gold & white accents ===== */
:root{
  --el-blue: #1F3092;   /* Elham Royal Blue */
  --el-gold: #C7A34B;   /* Gold accent */
  --el-white: #FFFFFF;
  --el-maxw: 1200px;
}

/* Header base */
.elham-header{
  background: var(--el-blue);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  position: relative;
  z-index: 9999;
}
.elham-header.is-sticky{
  position: sticky;
  top: 0;
  backdrop-filter: saturate(180%) blur(6px);
}

/* Layout: Logo | Center menu | CTA */
.elham-wrap{
  max-width: var(--el-maxw);
  margin: 0 auto;
  padding: 16px 40px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  column-gap: 36px;
}

/* Bigger Logo */
.elham-logo img{
  height: 72px;   /* increased from 46px */
  width: auto;
  display: block;
}

/* Hide toggles by default */
.elham-nav-toggle{ position: absolute; left: -9999px; }

/* Burger menu */
.elham-burger{
  display: none;
  width: 34px;
  height: 28px;
  position: relative;
  cursor: pointer;
}
.elham-burger span{
  position: absolute;
  left: 0; right: 0;
  height: 2px;
  background: var(--el-white);
  border-radius: 2px;
  transition: transform .25s ease, opacity .25s ease, top .25s ease;
}
.elham-burger span:nth-child(1){ top: 4px; }
.elham-burger span:nth-child(2){ top: 13px; }
.elham-burger span:nth-child(3){ top: 22px; }

/* Nav */
.elham-nav{
  display: flex;
  align-items: center;
  gap: 28px;
  justify-self: center;
}
.elham-menu{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 36px;
}

/* Nav links */
.elham-menu > li > a{
  display: block;
  text-decoration: none;
  color: var(--el-white);
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  padding: 12px 18px;
  border-radius: 24px;
  transition: all 0.2s ease;
}
.elham-menu > li > a:hover{
  background: rgba(255,255,255,0.15);
  color: var(--el-gold);
}
.elham-menu > li > a.is-active{
  background: var(--el-gold);
  color: var(--el-blue);
  font-weight: 700;
}

/* CTA Button */
.elham-btn{
  display: inline-block;
  background: var(--el-gold);
  color: var(--el-blue) !important;
  padding: 14px 26px;
  border-radius: 40px;
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.elham-btn:hover{
  background: #D5B35A;
}

/* ===== Mobile / Tablet ===== */
@media (max-width: 992px){
  .elham-wrap{
    grid-template-columns: auto auto auto;
  }
  .elham-burger{ display: block; justify-self: end; }
  .elham-nav{
    position: fixed;
    top: 0; right: -100%;
    width: min(85vw, 420px);
    height: 100dvh;
    background: var(--el-blue);
    border-left: 1px solid rgba(255,255,255,0.2);
    box-shadow: -8px 0 30px rgba(0,0,0,.2);
    padding: 90px 30px 30px;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    transition: right .3s ease;
    overflow-y: auto;
  }
  .elham-nav-toggle:checked ~ .elham-nav{ right: 0; }

  /* Burger animation */
  .elham-nav-toggle:checked + .elham-burger span:nth-child(1){ top: 13px; transform: rotate(45deg); }
  .elham-nav-toggle:checked + .elham-burger span:nth-child(2){ opacity: 0; }
  .elham-nav-toggle:checked + .elham-burger span:nth-child(3){ top: 13px; transform: rotate(-45deg); }

  .elham-menu{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .elham-menu > li > a{
    width: 100%;
    padding: 14px 12px;
    border-radius: 12px;
    color: var(--el-white);
  }
  .elham-menu > li > a.is-active{
    background: var(--el-gold);
    color: var(--el-blue);
  }
  .elham-btn{
    width: 100%;
    text-align: center;
  }
}



/* --- ELHAM Logo Size Control --- */

/* Increase logo size globally (desktop) */
.elementor-53 .elementor-element.elementor-element-d58ffcb .elham-logo img {
  height: 140px !important;  /* increase or adjust as needed (e.g., 150px, 160px) */
  width: auto !important;
  display: block;
  transition: all 0.3s ease;
}

/* Keep alignment consistent */
.elementor-53 .elementor-element.elementor-element-d58ffcb .elham-wrap {
  align-items: center;
  min-height: 150px;         /* ensures nav height adjusts with bigger logo */
}

/* Adjust spacing to prevent crowding with the menu */
.elementor-53 .elementor-element.elementor-element-d58ffcb .elham-menu {
  gap: 40px !important;      /* increase if menu looks tight */
}

/* Mobile/tablet adjustments */
@media (max-width: 992px) {
  .elementor-53 .elementor-element.elementor-element-d58ffcb .elham-logo img {
    height: 100px !important; /* moderate size for mobile screens */
  }
  .elementor-53 .elementor-element.elementor-element-d58ffcb .elham-wrap {
    min-height: 120px;
    padding: 8px 20px;
  }
}/* End custom CSS */