@import url(fonts.googleapis.com/css?family=Lato:300,400,700); // @import url(fonts.googleapis.com/css?family=Roboto:100,300); $font-family-sans-serif: “Lato”; $headings-font-weight: 300;

$brand-primary: darken(#428bca, 6.5%);

$navbar-default-bg: white; $navbar-default-border: white; $navbar-default-link-color: black;

$navbar-default-link-hover-bg: lighten( $brand-primary, 50% ); $navbar-default-link-active-bg: lighten( $brand-primary, 30% );

$body-bg: white;

$slideup-navbar-height: 150px;

$border-radius-base: 2px; $border-radius-large: 2px;

@import 'bootstrap-sprockets'; @import 'bootstrap';

@import 'components/slideup_header';

// $slideup-navbar-height: $navbar-height !default;

.btn-lg {

text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;

}

$splash-section-padding: 4em;

body.splash {

text-align: center;

p.info {
  font-size: 1.5em;
}

section {
  padding-top: $splash-section-padding;
  padding-bottom: $splash-section-padding;
  @extend .clearfix;
}

header {
  height: 0;
}
.affix-top .navbar {
  background: transparent;
}

.lightimage {
  padding-top: 4 * $font-size-base + $slideup-navbar-height;
  background-size: cover;
  min-height: 600px;
  p {padding: 2em 0;}
  overflow: hidden;
  position: relative;

  .row {
    position:relative;
    z-index:2;
  }
  &:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.6;
    background-image: url('https://s3.amazonaws.com/assets.happyfuncorp.com/splash-assets/unsplash_Matthew_Wiebe.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
}

.colored.primary {
  background: $brand-primary;
  color: white;

  p {
    padding: 2em 0;
    font-size: 1.3em;
  }
}

.inner-column {
  @extend .col-sm-8;
  @extend .col-sm-offset-2;
}

.inner-block {
  @extend .col-md-3;
  @extend .col-sm-6;

  @media (max-width: $screen-xs-max) {
    padding-left: 0;
    padding-right: 0;
  }
}

.quarter-block {
  width: 25%;
  float: left;

  img {
    @extend .img-responsive;
  }
}

}

.btn-primary {

&:hover {
  border: 1px solid $brand-primary;
  background: white;
  color: $brand-primary;
}

} .btn-primary-inverted {

background: white;
color: $brand-primary;

&:hover {
  border: 1px solid white;
  background: $brand-primary;
  color: white;
}

}