// colors
$gold: #AB996D;
$white: #ffffff;
$gray: #585858;
$light-gray: #bebebe;
$black: #231F20;

// breakpoints
$xs-break: 575px;
$s-break: 767px;
$m-break: 991px;
$l-break: 1199px;

// fonts
@mixin Libre {
  font-family: 'Libre Baskerville', serif;
}
@mixin Lato {
  font-family: 'Lato', sans-serif;
}

//btns
.btn {
  @include Libre;
  font-size: 14px;
}

.btn-primary {
  background-color: $gold;
  border-color: $gold;

  &:hover {
    background-color: darken($gold, 10%);
    border-color: darken($gold, 10%);
  }

  &:active,
  &:focus,
  &:not(:disabled):not(.disabled):active,
  &:not(:disabled):not(.disabled):active:focus {
    background-color: darken($gold, 15%);
    border-color: darken($gold, 15%);
    box-shadow: 0 0 0 0.2rem rgba(129, 113, 74, .5);
  }
}

body {
  @include Lato;
  
  background-color: $white;
  color: $black;
  margin: 0;
  overflow-x: hidden;
}

// Enable native smooth-scrolling for in-page anchor navigation
// This complements the JS smooth-scroll and works when JS is unavailable
html {
  scroll-behavior: smooth;
}

p, a, li, span, div {
  @include Lato;
}

h1, h2, h3, h4, h5, h6 {
  @include Libre;
}

.page-content {
  padding: 110px 0 0 0;
  position: relative;
  top: -32px;

  .hero-text {
    h1 {
      font-size: 64px;
      margin-top: 0;
    }
  }
}

@import 'components/nav';
@import 'components/slide';