:root{
    --euras-dark:#1f1f1f;
    --euras-header:#242424;
    --euras-orange:#f79d20;
    --euras-text:#ffffff;
    --euras-text-soft:#cccccc;
}

/* GLOBAL */

body{
    background:var(--euras-dark);
    color:var(--euras-text);
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.6;
}

/* HEADER */

.container-header{
    background:var(--euras-header) !important;
    background-image:none !important;
    box-shadow:none;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

/* LOGO */

.navbar-brand{
    color:var(--euras-text) !important;
    font-weight:700;
    letter-spacing:2px;
    font-size:28px;
}

/* MENU */

.mod-menu{
    gap:30px;
}

.mod-menu a{
    color:var(--euras-text) !important;
    text-decoration:none;
    transition:0.3s;
    font-size:14px;
    letter-spacing:1px;
}

.mod-menu a:hover{
    color:var(--euras-orange) !important;
}

/* ACTIVE MENU */

.mod-menu .active > a{
    color:var(--euras-orange) !important;
}

/* CONTENT */

.site-grid{
    background:var(--euras-dark);
}

.container-component{
    color:var(--euras-text);
}

/* HEADINGS */

h1,h2,h3,h4,h5,h6{
    color:var(--euras-text);
}

/* LINKS */

a{
    color:var(--euras-orange);
}

a:hover{
    color:#ffb347;
}

/* BUTTONS */

.btn-primary{
    background:var(--euras-orange);
    border-color:var(--euras-orange);
}

.btn-primary:hover{
    background:#ffb347;
    border-color:#ffb347;
}

/* FOOTER */

.footer{
    background:var(--euras-header);
    color:#888888;
    border-top:1px solid rgba(255,255,255,0.08);
}

/* REMOVE BLUE EFFECTS */

.container-header::before,
.container-header::after{
    display:none !important;
}
/* Fix oversized logo */
.container-header .navbar-brand img {
    max-height: 60px !important;
    width: auto !important;
    max-width: 360x !important;
    object-fit: contain;
}
/* HERO SECTION */

.hero-home{
    height:90vh;
    background:url('/images/hero-banner.jpg') center center/cover no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

.hero-overlay{
    background:rgba(0,0,0,0.55);
    padding:60px;
    text-align:center;
    max-width:900px;
}

.hero-home h1{
    font-size:72px;
    color:white;
    margin-bottom:20px;
    line-height:1.1;
}

.hero-home p{
    font-size:22px;
    color:#dddddd;
    margin-bottom:40px;
}

.hero-button{
    display:inline-block;
    background:#f79d20;
    color:white;
    padding:16px 36px;
    text-decoration:none;
    font-weight:600;
    transition:0.3s;
}

.hero-button:hover{
    background:#ffb347;
    color:white;
}

/* MOBILE */

@media(max-width:768px){

    .hero-home h1{
        font-size:42px;
    }

    .hero-home p{
        font-size:18px;
    }

    .hero-overlay{
        padding:30px;
    }
}