@import url("../css/reset.css");
@import url("../css/unsemantic-grid-responsive-tablet.css");
@import url("../css/font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Pacifico|Indie+Flower|Droid+Sans:400,600,700|Open+Sans:300,400italic,700italic,400,700");
/************************************/
/*	COLORS (SASS) 					*/
/************************************/
/************************************/
/*	GENERAL		 					*/
/************************************/
html, body {
  font-size: 100%; }

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }
  html *, html *:before, html *:after {
    box-sizing: inherit; }

body {
  background-color: #cfcfcf;
  color: #333333;
  font-family: 'Droid Sans', sans-serif;
  font-size: 100%; }
  body .wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    clear: both;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  body b, body strong {
    font-weight: 700; }
  body i, body em {
    font-style: italic; }
  body .fa {
    font-weight: 400 !important; }
  body img {
    max-width: 100%; }
  body a {
    color: #137feb;
    text-decoration: none; }
    body a:hover {
      color: #0b4c8d; }
  body small {
    display: block;
    font-size: 1.3rem; }
  body .text-left {
    text-align: left; }
  body .text-right {
    text-align: right; }
  body .text-center {
    text-align: center; }
  body .prettydivider {
    border-top: 1px solid #d0d0d0;
    margin: 4rem 0; }
  body .invisibledivider {
    margin: 2rem 0; }

ul, ol {
  list-style: inherit;
  margin: 1rem 0;
  font-size: 1.4rem;
  line-height: 2.6rem;
  margin-left: 1rem;
  padding-left: 1rem; }
  @media all and (min-width: 769px) {
    ul, ol {
      font-size: 1.6rem;
      line-height: 2.8rem; } }
  @media all and (min-width: 1025px) {
    ul, ol {
      font-size: 1.8rem;
      line-height: 3rem; } }

p {
  font-size: 1.4rem;
  line-height: 1.89rem;
  margin: 1rem 0; }
  @media all and (min-width: 769px) {
    p {
      font-size: 1.6rem;
      line-height: 2.16rem; } }
  @media all and (min-width: 1025px) {
    p {
      font-size: 1.8rem;
      line-height: 2.43rem; } }
  p.post-date {
    font-size: 1.4rem;
    color: #999;
    margin: -.8rem 0; }

/************************************/
/*	HEADLINES						*/
/************************************/
h1 {
  font-family: 'Pacifico', sans-serif;
  font-size: 6.6rem;
  line-height: 6.6rem;
  font-weight: 400;
  margin: 2rem 0;
  color: #333333; }
  h1 a {
    color: #333333; }

h2 {
  font-family: 'Pacifico', sans-serif;
  font-size: 6rem;
  line-height: 6rem;
  font-weight: 400;
  margin: 2rem 0;
  color: #333333; }
  h2 a {
    color: #333333; }

h3 {
  font-family: 'Pacifico', sans-serif;
  font-size: 5.4rem;
  line-height: 5.4rem;
  font-weight: 400;
  margin: 2rem 0;
  color: #333333; }
  h3 a {
    color: #333333; }

h4 {
  font-family: 'Pacifico', sans-serif;
  font-size: 4.8rem;
  line-height: 4.8rem;
  font-weight: 400;
  margin: 2rem 0;
  color: #333333; }
  h4 a {
    color: #333333; }

h5 {
  font-family: 'Pacifico', sans-serif;
  font-size: 4.2rem;
  line-height: 4.2rem;
  font-weight: 400;
  margin: 2rem 0;
  color: #333333; }
  h5 a {
    color: #333333; }

h6 {
  font-family: 'Pacifico', sans-serif;
  font-size: 3.6rem;
  line-height: 3.6rem;
  font-weight: 400;
  margin: 2rem 0;
  color: #333333; }

h6 {
  color: #999; }

h1 {
  font-family: 'Pacifico', sans-serif; }

h3 {
  font-family: 'Indie Flower', sans-serif;
  margin: 0; }

.wrapper {
  padding: 2rem 2rem 5rem; }

#white {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1; }

#invitasjon {
  position: relative;
  z-index: 99;
  background: white;
  box-shadow: 5px 5px 0 0 silver;
  padding: 5rem;
  max-width: 700px;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center; }
  #invitasjon #map {
    background-color: #999;
    padding: 2rem;
    margin: -2.65rem -5rem -5rem;
    border-radius: 0 0 4px 4px; }
  #invitasjon .btn {
    display: inline-block;
    border: 2px solid black;
    border-radius: 5px;
    padding: 0.5rem 1rem; }
    #invitasjon .btn.btn-success {
      background: #21ba45;
      border-color: #198f35;
      color: #fff; }
      #invitasjon .btn.btn-success:hover {
        background: #15792d; }
    #invitasjon .btn.btn-sad {
      font-size: 1.4rem;
      background: #f0ad4e;
      border-color: #df8a13;
      color: #81500b; }
      #invitasjon .btn.btn-sad:hover {
        background: #ec971f; }

.text-success {
  color: #3c763d; }

.text-sad {
  color: #8a6d3b; }