@import url('https://fonts.googleapis.com/css?family=Poppins:300,400');
@import url('https://fonts.googleapis.com/css?family=Pinyon+Script:400');

.card {
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.3em;
  line-height: 30px;
  padding-top: 140px;
  padding-bottom: 20px;
  color: #25442f;
  background: #fff url("background-1.jpg") no-repeat top center;
  background-size: cover;
  background-blend-mode: multiply;
}

.card__content {
  padding: 50px;
}

.title {
  font-size: 13px;
  margin: 0 0 20px;
}

.couple {
  font-size: 40px;
  line-height: 60px;
  font-weight: 300;
  letter-spacing: 0.1em;
  margin: 20px 0;
}

.couple__name {
  color: #bea277;
}

.couple__delimiter,
.announcement,
.invitation {
  font-family: 'Pinyon Script', serif;
  font-size: 25px;
  font-style: italic;
  text-transform: lowercase;
  letter-spacing: 0;
}

.couple__delimiter {
  line-height: 1.2;
}

.datetime,
.location {
  margin: 20px 0;
}

.link,
.button {
  font-weight: 700;
}

.button {
  background: #a89668;
}

/* Variations */

.v2 .card {
  background-image: url("background-2.jpg");
  background-size: contain;
}

.v2 .couple__name {
  color: #938260;
}

.v2 .button {
  background: #938260;
}

.v3 .card {
  color: #a1b9df;
  background-color: #062a4c;
  background-image: url("background-3.png");
  background-blend-mode: normal;
}

.v3 .couple__name {
  color: #c6d0db;
}

.v3 .button {
  color: #062a4c;
  background: #c6d0db;
}

/* Simplified */

.is-simple .card {
  background-image: none;
  padding: 70px 0;
}