/* BBUILD stijl */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Jost:wght@300;400&display=swap');
body, #sb_main, .sb-layout, button, input, select, textarea { font-family: 'Jost', 'Noto Sans', sans-serif !important; }
h1, h2, h3, h4, .title-main, .title, #events h3 { font-family: 'Cormorant Garamond', Georgia, serif !important; font-weight: 400 !important; }
#header, #header.web, .nav-wrapper { background: #0B0B0A !important; border-bottom: 1px solid rgba(197,164,109,0.3) !important; }
#header a, #header .nav-item a, #header .menu-item a { color: #F4EEE3 !important; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; }
#header a:hover, #header .active a { color: #C5A46D !important; }
.nav-trigger, #header .nav-trigger, button.nav-trigger { background: transparent !important; border: 1px solid #C5A46D !important; border-radius: 0 !important; box-shadow: none !important; }
.nav-trigger i, .nav-trigger i::before { background: transparent !important; color: #C5A46D !important; }
.nav, .nav-wrapper .nav, .popup-menu, .mobile-menu { background: #0B0B0A !important; }
.title-main { color: #C5A46D !important; letter-spacing: 0.08em !important; font-weight: 400 !important; }
.sb-layout .header-content .title-main, #sb_main .page--index h1 { text-transform: uppercase; letter-spacing: 0.3em !important; font-weight: 300 !important; }
.btn, .btn-with-icon, .book-btn-container .btn, .btn-primary, .btn-success { border-radius: 0 !important; letter-spacing: 2px; text-transform: uppercase; font-size: 13px; }

/* Geen roze banner: zwart-goud */
#main-buttons, #main-buttons.default-bg, section#main-buttons { background-image: radial-gradient(ellipse 60% 55% at 50% 50%, rgba(197,164,109,0.22), rgba(197,164,109,0) 70%), linear-gradient(180deg, #0B0B0A 0%, #1A1510 60%, #0B0B0A 100%) !important; background-color: #0B0B0A !important; }
#main-buttons::before, #main-buttons::after, #main-buttons .overlay, #main-buttons .bg-overlay { background: transparent !important; }
#main-buttons .title-main, #main-buttons h1 { color: #D9BF8C !important; text-shadow: none !important; }
#main-buttons .btn { background: linear-gradient(135deg, #DCC28F, #C5A46D 55%, #A8864F) !important; color: #0B0B0A !important; border: 0 !important; }
a, .contacts a, .contact-item a { color: #A8864F; }

#header .login-btn, #header [class*=login], #header [class*=login] *, #header .fa, #header i, #header svg { color: #C5A46D !important; fill: #C5A46D !important; }