:root{--primary-color:#685242;--secondary-color:#3b5637;--font-manrope:Manrope,sans-serif;--font-cormorant:Cormorant Garamond,serif;--main-font-color:#fff;--bs-body-font-size:1rem}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:var(--primary-color);--bs-btn-border-color:var(--primary-color);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--secondary-color);--bs-btn-hover-border-color:var(--secondary-color);--bs-btn-focus-shadow-rgb:123, 175, 172;--bs-btn-active-color:#fff;--bs-btn-active-bg:var(--secondary-color);--bs-btn-active-border-color:var(--secondary-color);--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:var(--secondary-color);--bs-btn-disabled-border-color:var(--secondary-color)}html{scroll-padding-top:calc(4.5rem - 1px);body { color: var(--main-font-color); font-family: var(--font-manrope); line-height: 1.6; h1,h2,h3,h4,h5,h6 { color: var(--main-font-color); opacity: 0.5; font-family: Cormorant Garamond,serif; font-weight: 500; line-height: 1.2 } footer { background-color: var(--primary-color); svg { color: var(--main-font-color); } } }}.clear-section{h1,h2,h3,h4,h5,h6,p { color: var(--primary-color) } .card-booking { overflow: hidden; border-radius: 1rem; transition: transform 0.3s ease, box-shadow 0.3s ease; img { transition: transform 0.4s ease; } .badge { background-color: var(--primary-color) !important; font-size: 1rem; } &:hover { transform: translateY(-1px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.08); img { transform: scale(1.05); } } } .card-step, .card-value { .badge { background-color: #ece7df; } .badge-icon { width: 10rem; height: 10rem; } .badge-number { width: 4rem; height: 4rem; } svg { color: var(--primary-color); } } .card-value { svg { margin-top: 2rem; } }}#mainNav{min-height:3.5rem;background-color:#fff;.navbar-toggler { font-size: 80%; padding: 0.75rem; color: var(--primary-color); border: 1px solid var(--primary-color); &:focus { outline: none; } .navbar-brand { color: #000; font-weight: 700; padding: 0.9rem 0; } .navbar-nav { .nav-item { &:hover { color: fade(#fff, 80%); outline: none; background-color: transparent; } &:active { outline: none; background-color: transparent; } &:focus { outline: none; background-color: transparent; } } } }}@media(min-width:1400px){#mainNav{padding-top:0;padding-bottom:0;border-bottom:none;background-color:transparent;transition:background-color .3s ease-in-out}#mainNav .navbar-brand{padding:.5rem 0;color:rgba(255,255,255,.5)}#mainNav .nav-link{transition:none;padding:2rem 1.5rem;color:rgba(255,255,255,.5)}#mainNav .nav-link:hover{color:rgba(255,255,255,.75)}#mainNav .nav-link:active{color:#fff}#mainNav .logo-img{filter:invert(88%)sepia(100%)saturate(1%)hue-rotate(268deg)brightness(110%)contrast(97%);opacity:.5}#mainNav.navbar-shrink .logo-img{filter:none;opacity:1}#mainNav.navbar-shrink{background-color:#fff}#mainNav.navbar-shrink .navbar-brand{color:#000}#mainNav.navbar-shrink .nav-link{color:var(--primary-color);padding:1.5rem 1.5rem 1.25rem;border-bottom:.25rem solid transparent}#mainNav .btn{margin:1.5rem 1.5rem 1.25rem}#mainNav.navbar-shrink .btn{margin:1.2rem 1.5rem 1.25rem}#mainNav.navbar-shrink .nav-link:hover{color:var(--secondary-color)}#mainNav.navbar-shrink .nav-link:active{color:#467370}#mainNav.navbar-shrink .nav-link.active{color:var(--secondary-color);outline:none;border-bottom:.25rem solid var(--secondary-color)}}.masthead{position:relative;width:100%;height:auto;min-height:35rem;padding:15rem 0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.7) 75%,#000 100%),url(../img/hero.png);background-position:50%;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}.masthead h2,.masthead .h2{max-width:20rem;font-size:1rem}@media(min-width:768px){.masthead h1,.masthead .h1{font-size:4rem;line-height:4rem}}@media(min-width:1400px){.masthead{height:100vh;padding:0}.masthead h1,.masthead .h1{font-size:6.5rem;line-height:6.5rem;letter-spacing:.8rem}.masthead h2,.masthead .h2{max-width:30rem;font-size:1.25rem}}.about-section{padding-top:10rem;background:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.9) 75%,rgba(0,0,0,.8) 100%)}.about-section p{margin-bottom:5rem}.projects-section{padding:10rem 0}.projects-section .featured-text{padding:2rem}@media(min-width:1400px){.projects-section .featured-text{padding:0 0 0 2rem;border-left:.5rem solid var(--secondary-color)}}.projects-section .project-text{padding:3rem;font-size:90%}@media(min-width:1400px){.projects-section .project-text{padding:5rem}}