/*
 Theme Name: elevate-child
 Template: twentytwentyfour
 Version: 1.0
*/

/* Color variables */
:root {
  --dark: #130f0c;
  --dark-2: #160d0c;
  --brown: #3d2424;
  --green: #3e4020;
  --text-light-1: #f0e5ba;
  --text-light-2: #efe3b8;
}

header .nav{
  display:contents;
}

.main-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:2rem;           
}

.main-menu li{ list-style:none; }

body {
  font-family: 'Montserrat', sans-serif;
  background: var(--dark);
  color: #fff;
}

.triangle-img {
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  overflow: hidden;
}

.nav-link {
  color: #fff !important;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

:root{
  --dark:#0c0c0c;
  --dark-2:#141414;
  --text-light-2:#b5b5b5;
}


body{font-family:'Montserrat',sans-serif;margin:0}
h1,h2,h3,h4,h5,h6{letter-spacing:.3rem;text-transform:uppercase}


header nav ul, header .nav, header ul.menu{display:flex!important;gap:2rem;list-style:none!important;margin:0;padding:0;align-items:center}
header nav ul li{list-style:none!important}
header nav ul a{color:#fff;text-transform:uppercase;font-weight:600;font-size:.95rem;text-decoration:none}

.btn-cta{padding:.75rem 2rem;border:2px solid #fff;border-radius:2rem;font-weight:600;text-transform:uppercase;background:transparent;color:#fff;text-decoration:none;display:inline-block;transition:.3s}
.btn-cta:hover{background:#fff;color:#000}

.hero{position:relative;min-height:100vh}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-logo{width:120px;height:auto;position:absolute;top:2rem;left:2rem;z-index:2}
.hero h1{z-index:2}
.hero .cta-wrap{z-index:2}
.hero::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.5)}

section{overflow:hidden}
.py-7{padding-top:84px!important;padding-bottom:84px!important}


#learning .row{--bs-gutter-x:4rem}

.discover-img{width:100%;height:auto}

.map-wrap{height:360px}
.map-wrap iframe{width:100%;height:100%;border:0}

img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  body {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
  }

  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 22px;
  }

  .container,
  section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-box .item {
    margin-left: 0;
  }
}