@import "../../vendor/bower/uikit/src/less/uikit.less";
@import "../../vendor/bower/uikit/src/less/components/variables.less";

//@global-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
//@global-font-size: 16px;
@base-body-font-family: 'Raleway', sans-serif;
@base-heading-font-family: 'Raleway', sans-serif;
@base-body-font-weight: 200;
@base-heading-font-weight: 300;
@form-background: #ffffff;

.uk-home {

  .uk-overlay {
    h3 {
      a {
        text-decoration:none;
        border:0;
        letter-spacing:.15rem;
        text-transform: uppercase;
        &:hover {
          text-shadow: #000000;
        }
      }
    }
  }
  .uk-background-fade {
    transition-duration: .3s;
    transition-timing-function: ease-out;
    transition-property: background-image,transform,filter;
  }

  .uk-our-story-home {
    height:465px !important;
    background-image: url('/images/home_our_story_1.jpg');
    &:hover {
      background-image: url('/images/home_our_story_2.jpg')
    }
  }
  // photo
  // location
  .uk-photo-home {
    background-image: url('/images/home_photo.jpg');
    &:hover {

    }
  }
  .uk-location-home {
    margin-bottom:15px !important;
    background-image: url('/images/home_location.jpg');
    &:hover {

    }
  }
  .uk-doughnut-rsvp {
    margin-bottom:15px !important;
    background-image: url('/images/home_doughnut_1.jpg');
    &:hover {
      background-image: url('/images/home_doughnut_2.jpg');
    }
  }
  .uk-doughnut-get-in-touch-home {
    background-image: url('/images/home_doughnut_2.jpg');
    &:hover {
      background-image: url('/images/home_doughnut_1.jpg');
    }
  }

  .uk-background-home {

  }
}

.uk-input,
.uk-select,
.uk-textarea {
  border:1px solid @global-muted-background;
  background: #ffffff;
}
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  background: #f5fbfe;
  border:1px solid #99baca;
  color: #666;
}
.uk-login-form #password {
  border-top:0 !important;
}
.uk-login-form #password:focus {
  border-top: 1px solid #99baca !important;
}