.btn { font-family: "Libre Baskerville", serif; font-size: 14px; } .btn-primary { background-color: #AB996D; border-color: #AB996D; } .btn-primary:hover { background-color: #917f54; border-color: #917f54; } .btn-primary:active, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus { background-color: #81714a; border-color: #81714a; box-shadow: 0 0 0 0.2rem rgba(129, 113, 74, 0.5); } body { font-family: "Lato", sans-serif; background-color: #ffffff; color: #231F20; margin: 0; overflow-x: hidden; } p, a, li, span, div { font-family: "Lato", sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: "Libre Baskerville", serif; } .page-content { padding: 110px 0 0 0; position: relative; top: -32px; } .page-content .hero-text h1 { font-size: 64px; margin-top: 0; } nav.main-nav { background: #ffffff; border-bottom-left-radius: 100% 64px; border-bottom-right-radius: 100% 64px; box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.16); display: flex; padding: 16px 0 32px; position: fixed; width: 100%; z-index: 1; } nav.main-nav .mobile-nav { align-items: center; display: flex; flex-direction: row; } nav.main-nav .mobile-nav .mobile-nav--logo { display: none; max-width: 100px; } nav.main-nav .mobile-nav .mobile-nav--logo img { width: 100%; } @media (max-width: 991px) { nav.main-nav .mobile-nav .mobile-nav--logo { display: block; } } nav.main-nav .mobile-nav .hamburger { cursor: pointer; display: none; margin-left: auto; position: relative; width: 30px; z-index: 1; } nav.main-nav .mobile-nav .hamburger > div { background-color: #231F20; border-radius: 2px; height: 5px; margin-bottom: 5px; transition: 0.25s; width: 30px; } nav.main-nav .mobile-nav .hamburger > div:last-child { margin-bottom: 0; } nav.main-nav .mobile-nav .hamburger:hover > div { background-color: #585858; } @media (max-width: 991px) { nav.main-nav .mobile-nav .hamburger { display: block; } } nav.main-nav .mobile-nav .hamburger.in div:first-child { position: relative; top: 1px; transform: rotate(45deg); } nav.main-nav .mobile-nav .hamburger.in div:nth-child(2) { transform: translate(-17px); width: 40px; } nav.main-nav .mobile-nav .hamburger.in div:last-child { bottom: 1px; position: relative; transform: rotate(-45deg); } nav.main-nav ul { align-items: center; display: flex; flex-direction: row; margin: 0; padding: 0; } @media (max-width: 991px) { nav.main-nav ul { background-color: #ffffff; flex-direction: column; height: 100%; left: 100%; padding: 24px; position: fixed; top: 0; transition: 0.25s; width: 100%; } nav.main-nav ul.in { left: 0; } } nav.main-nav ul li { font-family: "Libre Baskerville", serif; list-style: none; width: 100%; } nav.main-nav ul li a { font-family: "Libre Baskerville", serif; color: #231F20; display: inline-block; font-size: 11px; letter-spacing: 1px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; } @media (max-width: 991px) { nav.main-nav ul li a { font-size: 14px; padding-bottom: 16px; width: 50%; } } nav.main-nav ul li:nth-child(-n+3) a { text-align: left; } @media (max-width: 991px) { nav.main-nav ul li:nth-child(-n+3) a { text-align: left; } } nav.main-nav ul li:nth-last-child(-n+3) a { text-align: right; } @media (max-width: 991px) { nav.main-nav ul li:nth-last-child(-n+3) a { text-align: left; } } nav.main-nav ul li.main-nav--logo a img { margin: 0 8px; } @media (max-width: 991px) { nav.main-nav ul li.main-nav--logo { display: none; } } @media (max-width: 991px) { nav.main-nav { border-radius: 0; padding: 24px 0; } } .slides { position: relative; } .slides.vineyard { min-height: 300px; } .slides.vineyard img { height: 300px; } .slides.house { min-height: 400px; } .slides.house img { height: 400px; } .slides img { border-radius: 5px; object-fit: cover; opacity: 1; transition: 0.15s; width: 100%; } .slides img::selection { background: rgba(255, 255, 255, 0); } .slides img.out { opacity: 0; } .slides .slides-arrow { align-items: center; background: #ffffff; border-radius: 5px; cursor: pointer; display: flex; height: 50px; justify-content: center; left: -25px; opacity: 1; position: absolute; right: auto; top: 50%; transform: translateY(-50%); transition: 0.15s; width: 50px; } .slides .slides-arrow.out { opacity: 0; pointer-events: none; } .slides .slides-arrow svg { background-color: #bebebe; border-radius: 3px; color: #ffffff; height: 32px; padding: 4px; pointer-events: none; transition: 0.1s; width: 32px; } .slides .slides-arrow:last-child { left: auto; right: -25px; } .slides .slides-arrow:hover svg { background-color: #b1b1b1; border-radius: 4px; transform: scale(1.15); } .slides .slides-arrow:active svg { background-color: #a5a5a5; transform: scale(1.1); } /*# sourceMappingURL=main.css.map */