:root{ --brand:#c7a008; --brand-darker:#b18e07; } body{ scroll-behavior:smooth; } .btn-brand{ --bs-btn-bg: var(--brand); --bs-btn-border-color: var(--brand); --bs-btn-hover-bg: var(--brand-darker); --bs-btn-hover-border-color: var(--brand-darker); color:#212529; font-weight:600; } .btn-outline-brand{ --bs-btn-color: var(--brand); --bs-btn-border-color: var(--brand); --bs-btn-hover-color:#212529; --bs-btn-hover-bg: var(--brand); --bs-btn-hover-border-color: var(--brand); font-weight:600; } .text-brand{ color:var(--brand); } .hero { min-height: 62vh; display:flex; align-items:center; } .hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.25; } .hero .container{ position:relative; } .product-card .card-img-top{ height:220px; object-fit:cover; } .navbar-brand img{ object-fit:cover; } footer a:hover{ opacity:.8; } .shadow-sm{ box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important; }