.elementor-321 .elementor-element.elementor-element-8bb80a4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-8bb80a4 *//* =========================================================
   CORNEX 2027 — COMPLETE FOOTER CSS
   GLOBAL / INDEPENDENT VERSION
========================================================= */


/* =========================================================
   RESET / SAFETY
========================================================= */

.cornex-footer,
.cornex-footer *,
.cornex-footer *::before,
.cornex-footer *::after{
  box-sizing:border-box;
}


/* =========================================================
   FOOTER
========================================================= */

.cornex-footer{
  position:relative;
  width:100%;
  overflow:hidden;

  margin:0;
  padding:25px 0 0;

  color:#fff;

  background:
    linear-gradient(
      125deg,
      #071e15 0%,
      #0c3021 35%,
      #103d2a 65%,
      #09271b 100%
    );
}


/* =========================================================
   BACKGROUND GLOW
========================================================= */

.footer-glow{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}


.footer-glow-one{
  width:450px;
  height:450px;

  right:-180px;
  top:-230px;

  background:
    radial-gradient(
      circle,
      rgba(201,164,92,.13),
      transparent 68%
    );
}


.footer-glow-two{
  width:420px;
  height:420px;

  left:-220px;
  bottom:-240px;

  background:
    radial-gradient(
      circle,
      rgba(125,47,54,.20),
      transparent 68%
    );
}


/* =========================================================
   SUBTLE BACKGROUND PATTERN
========================================================= */

.footer-pattern{
  position:absolute;

  right:5%;
  top:20%;

  width:300px;
  height:300px;

  opacity:.035;

  transform:rotate(45deg);

  border:1px solid #fff;
  border-radius:35%;

  pointer-events:none;
}


.footer-pattern::before,
.footer-pattern::after{
  content:"";

  position:absolute;

  border:1px solid #fff;
  border-radius:35%;
}


.footer-pattern::before{
  inset:45px;
}


.footer-pattern::after{
  inset:90px;
}


/* =========================================================
   FOOTER CONTAINER
   Independent from Elementor / WPBakery / Theme Containers
========================================================= */

.cornex-footer .footer-container{
  position:relative;
  z-index:2;

  width:100%;
  max-width:1280px;

  margin-left:auto;
  margin-right:auto;

  padding-left:40px;
  padding-right:40px;

  box-sizing:border-box;
}


/* =========================================================
   TOP GOLD DETAIL
========================================================= */

.footer-top-line{
  display:flex;
  align-items:center;
  justify-content:center;

  gap:12px;

  margin-bottom:55px;
}


.footer-top-line span{
  width:90px;
  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(201,164,92,.70)
    );
}


.footer-top-line span:last-child{
  background:
    linear-gradient(
      90deg,
      rgba(201,164,92,.70),
      transparent
    );
}


.footer-diamond{
  width:8px;
  height:8px;

  transform:rotate(45deg);

  border:1px solid #c9a45c;

  background:
    rgba(201,164,92,.15);
}


/* =========================================================
   MAIN FOOTER GRID
========================================================= */

.footer-grid{
  display:grid;

  grid-template-columns:
    1.4fr .65fr .9fr;

  gap:80px;

  padding-bottom:65px;
}


/* =========================================================
   BRAND
========================================================= */

.footer-brand{
  max-width:470px;
}


.footer-eyebrow{
  margin:0 0 15px;

  font-size:9px;
  font-weight:700;

  letter-spacing:.20em;

  text-transform:uppercase;

  color:#e2c27a;
}


/* =========================================================
   LOGO LIGHT PLATE
========================================================= */

.footer-logo-wrap{
  position:relative;

  width:100%;
  max-width:380px;

  margin:4px 0 24px;

  padding:15px 20px;

  display:flex;
  align-items:center;
  justify-content:flex-start;

  overflow:hidden;

  border-radius:16px;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.98),
      rgba(251,249,247,.94)
    );

  border:
    1px solid rgba(226,194,122,.28);

  box-shadow:
    0 12px 30px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.9);

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}


/* subtle gold glow */

.footer-logo-wrap::before{
  content:"";

  position:absolute;

  width:130px;
  height:130px;

  left:-45px;
  top:-65px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(201,164,92,.14),
      transparent 70%
    );

  pointer-events:none;
}


/* small gold line */

.footer-logo-wrap::after{
  content:"";

  position:absolute;

  left:20px;
  right:45%;
  bottom:0;

  height:2px;

  background:
    linear-gradient(
      90deg,
      #c9a45c,
      transparent
    );
}


/* actual logo */

.footer-logo{
  position:relative;
  z-index:2;

  display:block;

  width:100%;
  max-width:245px;
  height:auto;

  object-fit:contain;
  object-position:left center;

  filter:none;

  transition:
    transform .3s ease;
}


.footer-logo-wrap:hover{
  transform:translateY(-3px);

  box-shadow:
    0 17px 35px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.9);
}


.footer-logo-wrap:hover .footer-logo{
  transform:scale(1.025);
}


/* =========================================================
   DESCRIPTION
========================================================= */

.footer-description{
  max-width:440px;

  margin:0;

  font-size:13px;
  line-height:1.8;

  color:
    rgba(255,255,255,.62);
}


/* =========================================================
   CONFERENCE DATE
========================================================= */

.footer-date{
  display:inline-flex;
  align-items:center;

  gap:15px;

  margin-top:28px;

  padding:
    10px 18px
    10px 10px;

  border-radius:12px;

  background:
    rgba(255,255,255,.055);

  border:
    1px solid rgba(255,255,255,.08);
}


.footer-date-number{
  min-width:67px;
  height:49px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0 10px;

  border-radius:8px;

  background:
    linear-gradient(
      135deg,
      #7d2f36,
      #542027
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15);

  font:
    600 19px/1
    'Cormorant Garamond',
    serif;

  color:#fff;
}


.footer-date-info strong{
  display:block;

  font-size:11px;

  color:#fff;
}


.footer-date-info small{
  display:block;

  margin-top:3px;

  font-size:9px;

  color:
    rgba(255,255,255,.48);
}


/* =========================================================
   COLUMN HEADINGS
========================================================= */

.footer-heading{
  position:relative;

  margin:0 0 24px;

  padding-bottom:12px;

  font:
    600 20px/1.1
    'Cormorant Garamond',
    serif;

  color:#fff;
}


.footer-heading::after{
  content:"";

  position:absolute;

  left:0;
  bottom:0;

  width:34px;
  height:2px;

  background:
    linear-gradient(
      90deg,
      #c9a45c,
      transparent
    );
}


/* =========================================================
   QUICK LINKS
========================================================= */

.footer-links{
  display:flex;
  flex-direction:column;

  gap:11px;
}


.footer-links a{
  display:flex;
  align-items:center;

  gap:10px;

  width:max-content;

  font-size:12px;

  color:
    rgba(255,255,255,.62);

  text-decoration:none;

  transition:
    color .25s ease,
    transform .25s ease;
}


.footer-links a span{
  width:4px;
  height:4px;

  flex-shrink:0;

  border-radius:50%;

  background:#c9a45c;

  transition:
    transform .25s ease,
    background .25s ease;
}


.footer-links a:hover{
  color:#fff;

  transform:translateX(5px);
}


.footer-links a:hover span{
  transform:scale(1.6);

  background:#fff;
}


/* =========================================================
   VENUE
========================================================= */

.footer-location-icon{
  width:44px;
  height:44px;

  display:flex;
  align-items:center;
  justify-content:center;

  margin-bottom:17px;

  border-radius:50%;

  color:#e2c27a;

  background:
    rgba(201,164,92,.10);

  border:
    1px solid rgba(201,164,92,.18);

  transition:
    transform .3s ease,
    background .3s ease;
}


.footer-location-icon:hover{
  transform:translateY(-3px);

  background:
    rgba(201,164,92,.16);
}


.footer-location-icon svg{
  width:19px;
  height:19px;
}


.footer-venue-name{
  max-width:260px;

  margin:0;

  font:
    600 19px/1.3
    'Cormorant Garamond',
    serif;

  color:#fff;
}


.footer-venue-location{
  margin:9px 0 0;

  font-size:11px;
  line-height:1.65;

  color:
    rgba(255,255,255,.50);
}


/* =========================================================
   VENUE LINK
========================================================= */

.footer-venue-link{
  display:inline-flex;
  align-items:center;

  gap:9px;

  margin-top:20px;

  color:#e2c27a;

  font-size:10px;
  font-weight:700;

  letter-spacing:.08em;

  text-transform:uppercase;
  text-decoration:none;

  transition:
    gap .25s ease,
    color .25s ease;
}


.footer-venue-link svg{
  width:15px;

  transition:
    transform .25s ease;
}


.footer-venue-link:hover{
  gap:13px;

  color:#fff;
}


.footer-venue-link:hover svg{
  transform:translateX(3px);
}


/* =========================================================
   FOOTER BOTTOM
========================================================= */

.footer-bottom{
  min-height:70px;

  display:grid;

  grid-template-columns:
    1fr auto 1fr;

  align-items:center;

  gap:30px;

  border-top:
    1px solid rgba(255,255,255,.09);
}


.footer-copyright{
  margin:0;

  font-size:9px;

  color:
    rgba(255,255,255,.38);
}


/* =========================================================
   CENTER MOTTO
========================================================= */

.footer-bottom-center{
  display:flex;
  align-items:center;

  gap:9px;
}


.footer-bottom-center span{
  width:18px;
  height:1px;

  background:
    rgba(201,164,92,.45);
}


.footer-bottom-center small{
  font:
    italic 400 11px/1
    'Cormorant Garamond',
    serif;

  letter-spacing:.06em;

  color:
    rgba(226,194,122,.65);
}


/* =========================================================
   BACK TO TOP
========================================================= */

.footer-back-top{
  justify-self:end;

  display:flex;
  align-items:center;

  gap:9px;

  font-size:9px;
  font-weight:600;

  text-transform:uppercase;

  letter-spacing:.08em;

  color:
    rgba(255,255,255,.48);

  text-decoration:none;

  transition:
    color .25s ease;
}


.footer-back-top > span{
  width:28px;
  height:28px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  color:#e2c27a;

  border:
    1px solid rgba(201,164,92,.25);

  transition:
    transform .3s ease,
    background .3s ease,
    color .3s ease;
}


.footer-back-top:hover{
  color:#fff;
}


.footer-back-top:hover > span{
  transform:translateY(-4px);

  color:#103d2a;

  background:#e2c27a;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

  .cornex-footer .footer-container{
    padding-left:28px;
    padding-right:28px;
  }


  .footer-grid{
    grid-template-columns:
      1.3fr .7fr;

    gap:55px;
  }


  .footer-venue{
    grid-column:1 / -1;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:650px){

  .cornex-footer{
    padding-top:20px;
  }


  .cornex-footer .footer-container{
    padding-left:22px;
    padding-right:22px;
  }


  .footer-top-line{
    margin-bottom:42px;
  }


  .footer-grid{
    grid-template-columns:1fr;

    gap:45px;

    padding-bottom:50px;
  }


  .footer-brand{
    max-width:100%;
  }


  /* Logo */

  .footer-logo-wrap{
    width:100%;
    max-width:290px;

    padding:13px 17px;

    margin-bottom:20px;

    border-radius:14px;
  }


  .footer-logo{
    max-width:230px;
  }


  .footer-description{
    max-width:100%;
  }


  .footer-venue{
    grid-column:auto;
  }


  /* Date */

  .footer-date{
    max-width:100%;
  }


  /* Bottom */

  .footer-bottom{
    grid-template-columns:1fr;

    gap:18px;

    padding:25px 0;

    text-align:center;
  }


  .footer-bottom-center{
    justify-content:center;
  }


  .footer-back-top{
    justify-self:center;
  }


  .footer-copyright{
    text-align:center;
  }


  .footer-pattern{
    right:-130px;

    opacity:.025;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:400px){

  .cornex-footer .footer-container{
    padding-left:18px;
    padding-right:18px;
  }


  .footer-date{
    width:100%;
  }


  .footer-logo-wrap{
    max-width:100%;
  }


  .footer-logo{
    max-width:210px;
  }


  .footer-date-number{
    flex-shrink:0;
  }


  .footer-date-info{
    min-width:0;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

  .footer-logo,
  .footer-logo-wrap,
  .footer-location-icon,
  .footer-links a,
  .footer-links a span,
  .footer-venue-link,
  .footer-venue-link svg,
  .footer-back-top,
  .footer-back-top > span{
    transition:none;
  }

}/* End custom CSS */