/*


dP   dP   dP  88888888b 888888ba  888888ba  dP 888888ba   .88888.
88   88   88  88        88    `8b 88    `8b 88 88    `8b d8'   `88
88  .8P  .8P a88aaaa    88     88 88     88 88 88     88 88
88  d8'  d8'  88        88     88 88     88 88 88     88 88   YP88
88.d8P8.d8P   88        88    .8P 88    .8P 88 88     88 Y8.   .88
8888' Y88'    88888888P 8888888P  8888888P  dP dP     dP  `88888'

*/
/**!
 * The king of the stylesheets.
 *
 * Combines all LESS files into a single LESS file, which compiles to a single CSS file
 * stylesheet: ~/_css/global.css
 * ============================================================================
 */
.navbar {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background-color: #ffffff;
}
.mobile-logo {
  font-family: 'Oswald', sans-serif;
  color: #2956B2;
  display: inline-block;
  text-transform: uppercase;
  font-size: 36px;
  padding-left: 10px;
}
@media screen and (min-width: 768px) {
  .mobile-logo {
    display: none;
  }
}
#login {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-image: url('http://tessanderik.com/_img/wedding/backgrounds/welcome-us.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-color: #f2f6f8;
  background-color: linear-gradient(135deg, #f2f6f8 0%, #d8e1e7 20%, #7a878f 60%, #e6e6e6 100%);
}
#login .container {
  display: flex;
  align-items: center;
  align-content: center;
}
#login .welcome-header {
  font-family: 'Oswald', sans-serif;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
  border: solid 8px #ffffff;
  color: #ffffff;
  box-shadow: 2px 2px 2px #000000;
  text-align: center;
  text-transform: uppercase;
}
#login .welcome-header i {
  text-shadow: none;
}
#login .welcome-header h1 {
  font-size: 48px;
  text-shadow: 2px 2px #000000;
}
#login .welcome-header p.location {
  font-size: 24px;
}
#login .welcome-header p.date {
  font-size: 20px;
}
#login .hero-date-container {
  width: 250px;
  height: auto;
  margin-top: 30px;
}
@media (min-width: 768px) {
  #login .welcome-header {
    padding-left: 25px;
    padding-right: 25px;
  }
}
#welcome {
  background-image: url('http://tessanderik.com/_img/wedding/backgrounds/welcome-us.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-color: #f2f6f8;
  background-color: linear-gradient(135deg, #f2f6f8 0%, #d8e1e7 20%, #7a878f 60%, #e6e6e6 100%);
}
#welcome .welcome-header {
  font-family: 'Oswald', sans-serif;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
  border: solid 8px #ffffff;
  color: #ffffff;
  text-shadow: 2px 2px #000000;
  box-shadow: 2px 2px 2px #000000;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  margin-top: -55px;
}
#welcome .welcome-header h1 {
  font-size: 48px;
}
#welcome .welcome-header p.location {
  font-size: 24px;
}
#welcome .welcome-header p.date {
  font-size: 20px;
}
#location {
  background-image: url('http://tessanderik.com/_img/wedding/backgrounds/location.jpg');
  background-position: bottom;
}
#location .panel {
  background-color: rgba(246, 226, 182, 0.8);
  border: none;
}
#location a {
  color: #F92112;
}
#events {
  background-color: #fff;
  background-image: url('/_img/extras/palm-bottom-right.png'), url('/_img/extras/palm-top-left.png');
  background-position: right bottom, left top;
  background-repeat: no-repeat, no-repeat;
  background-size: 33%;
}
#events .panel {
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
}
#accommodations {
  background-image: url('http://tessanderik.com/_img/wedding/backgrounds/accommodations.jpg');
  background-position: bottom;
}
#accommodations .panel {
  background-color: rgba(240, 127, 115, 0.95);
  border: none;
}
#accommodations a {
  color: #FEBC32;
}
#transportation {
  background-color: #FEBC32;
  background-image: url('http://tessanderik.com/_img/wedding/backgrounds/transportation.jpg');
  background-position: bottom;
}
#transportation .panel {
  background-color: rgba(246, 226, 182, 0.8);
  border: none;
}
#transportation a {
  color: #F92112;
}
#faq {
  background-image: url('http://tessanderik.com/_img/wedding/backgrounds/faq.jpg');
  background-position: bottom;
}
#faq .panel {
  background-color: rgba(254, 188, 50, 0.8);
  border: none;
}
#faq .never-forget {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
#faq .never-forget img {
  width: 50%;
  height: auto;
}
#faq a {
  color: #F92112;
}
#registry {
  background-color: #fff;
}
#rsvp {
  background-color: #F07F73;
  color: #fff;
}
#rsvp .help-block {
  color: #fff;
}
#rsvp h2.section-header span {
  border-color: #fff;
}
#rsvp a {
  color: #FEBC32;
}
#rsvp #attending {
  display: none;
}
#rsvp #not-attending {
  display: none;
  text-align: center;
}
#rsvp #second-guest-group {
  display: none;
}
#rsvp #food-restrictions-details-group {
  display: none;
}
html,
body {
  height: 100%;
}
body {
  padding-top: 50px;
}
.navbar {
  background: #ffffff;
}
img {
  width: 100%;
}
.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}
.section {
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
.section-header {
  font-family: 'Galada';
  text-align: center;
  margin-bottom: 50px;
}
iframe {
  width: 100%;
  height: 500px;
  border: none;
}
#hero {
  width: 100%;
  height: 100%;
  background-color: #000;
}
#hero-image {
  width: 100%;
  height: 100%;
  background-image: url(/_img/homepage/he-be-she-be.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
a {
  font-weight: bold;
}
h2.section-header {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
}
h2.section-header span {
  padding: 10px;
  border: solid 3px #333;
}
.section {
  background-size: cover;
  background-repeat: no-repeat;
}
.pp-scrollable {
  padding-bottom: 200px;
  padding-top: 200px;
}
.navbar {
  background: linear-gradient(270deg, #e8b113, #dc4726, #b74674, #8976aa);
  background-size: 600% 600%;
  -webkit-animation: AnimationName 20s ease infinite;
  -moz-animation: AnimationName 20s ease infinite;
  animation: AnimationName 20s ease infinite;
}
@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.navbar-default .navbar-nav > .active > a {
  background-color: rgba(255, 255, 255, 0.3) !important;
  color: #000 !important;
}
.navbar-default .navbar-nav > li > a {
  color: #fff !important;
  font-family: "Comfortaa";
  letter-spacing: .15em;
}
#rsvp-submit {
  background: linear-gradient(270deg, #e8b113, #dc4726, #b74674, #8976aa);
  background-size: 600% 600%;
  -webkit-animation: AnimationName 20s ease infinite;
  -moz-animation: AnimationName 20s ease infinite;
  animation: AnimationName 20s ease infinite;
  color: #fff;
  font-weight: bold;
}
@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.color-scarlet {
  color: #F92112;
}