/* ================================================== */
/* Hero Caption */
/* ================================================== */

.hero-caption{
    position:absolute;
    left:0;
    right:0;
    bottom:100px;
}


.hero-buttons{
    margin-top:30px;
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.hero-buttons .btn-main{
    padding:10px 25px;
}


.btn-outline{
    display:inline-block;
    padding:10px 25px;
    background:rgba(0,0,0,.65);
    color:#fff;
    border:2px solid #C8A45D;
    backdrop-filter:blur(8px);
    text-decoration:none;
    letter-spacing:2px;
    transition:all .35s ease;
}

.btn-outline:hover{
    background:#C8A45D;
    color:#111;
    transform:translateY(-3px);
}


/* ==========================================
   Sticky Header
========================================== */

header {
    margin-top: 0 !important;
    transition: all .35s ease;
}

header.transparent {
    background: transparent !important;
}

header.smaller {
    margin-top: 0 !important;
    background: rgba(var(--bg-dark-1-rgb), .95) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

header.scroll-down,
header.scroll-up,
header.scrollOn,
header.scrollOff {
    margin-top: 0 !important;
    transform: none !important;
    top: 0 !important;
}