.header,
.site-header {
    position: absolute;
    width: 100%;
    background: transparent !important;
    z-index: 999;
}

.hero-home {
    height: 100vh;
    background-size: cover;
    background-position: center;
    position: relative;
}

.hero-home::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
}

.hero-title {
    font-family: 'Anton', sans-serif;
    font-size: 90px;
    line-height: 0.95;
    text-transform: uppercase;
    color: #fff;
}



/* ==================================================
   GLOBAL
================================================== */

body {

    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;

    color: #222 !important;
}

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

h1,
h2,
h3,
.hero-title,
.section-title,
.card-title {

    font-family: 'Anton', sans-serif !important;

    text-transform: uppercase !important;

    line-height: 1 !important;

    letter-spacing: 1px !important;
}

/* ==================================================
   HERO TITLE
================================================== */

.hero-title {

    font-size: 90px !important;

    color: var(--text-white) !important;

    max-width: 700px !important;
}

/* ==================================================
   HERO SUBTITLE
================================================== */

.hero-subtitle {

    font-size: 18px !important;

    font-weight: 600 !important;
    letter-spacing: 2px !important;

    text-transform: uppercase !important;

    color: var(--text-white) !important;
}

/* ==================================================
   SECTION TITLES
================================================== */

.section-title {

    font-size: 58px !important;

    margin-bottom: 30px !important;

    text-align: center !important;
}

/* ==================================================
   MENU
================================================== */

.main-navigation a,
.header-menu a,
.menu-item a {

    font-family: 'Montserrat', sans-serif !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    text-transform: uppercase !important;

    letter-spacing: 0.5px !important;
}

/* ==================================================
   BUTTONS
================================================== */

button,
.btn,
.wp-block-button__link,
.elementor-button {

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;
}

/* ==================================================
   PRIMARY BUTTON
================================================== */

.btn-primary,
.elementor-button {

    background: var(--primary-orange) !important;

    border-color: var(--primary-orange) !important;

    color: white !important;

    border-radius: 6px;

    padding: 14px 28px;

    transition: 0.3s ease;
}

.btn-primary:hover,
.elementor-button:hover {

    background: var(--primary-orange-hover) !important;

    border-color: var(--primary-orange-hover) !important;
}

/* ==================================================
   HERO SECTION
================================================== */

.hero-home {

    position: relative;

    height: 100vh;

    display: flex;

    align-items: center;

    background-size: cover;

    background-position: center;
}

.hero-home::before {

    content: '';

    position: absolute;

    inset: 0;

    background: rgba(0,0,0,0.45);
}

/* ==================================================
   ADVENTURE CARDS
================================================== */

.adventure-card {

    position: relative;

    overflow: hidden;

    border-radius: 18px;
}

.adventure-card img {

    transition: transform 0.5s ease;
}

.adventure-card:hover img {

    transform: scale(1.05);
}

.adventure-card-overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(
        to top,
        rgba(0,0,0,0.88) 0%,
        rgba(0,0,0,0.45) 45%,
        rgba(0,0,0,0) 100%
    );
}

/* ==================================================
   CARD TITLES
================================================== */

.adventure-card h3 {

    font-size: 38px;

    color: white;
}

/* ==================================================
   STATS SECTION
================================================== */

.stats-section {

    background: var(--dark-bg);

    color: white;
}

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

footer {

    background: var(--dark-bg);

    color: white;
}

/* ==================================================
   RESPONSIVE
================================================== */

@media(max-width: 1024px) {

    .hero-title {

        font-size: 68px;
    }

    .section-title {

        font-size: 46px;
    }
}

@media(max-width: 768px) {

    .hero-title {

        font-size: 48px;
    }

    .section-title {

        font-size: 34px;
    }

    .adventure-card h3 {

        font-size: 28px;
    }
}

.main-nav a {
    color: var(--text-white) !important;
}   
.header__info {
    display: none !important;
}
.main-nav a:hover{
	color : var(--primary-orange-hover) !important;
}
.main-nav .current-menu-item:after{
	display:none;
	content: none !important;
}
/* ==================================================
   ROOT COLORS
================================================== */

:root {

    --primary-orange: #F97316;
    --primary-orange-hover: #E85D04;

    --dark-bg: #0B0B0B;
    --dark-section: #1F1F1F;

    --text-white: #FFFFFF;
    --text-light: #D1D5DB;
}