@charset "UTF-8";
/*
* COLORS
* sage rgb(147,169,150) hex #93a996
* logo #8d9b92
* lighter #C3D1C8
*
* text hex #2c322d
*/

@font-face {
  font-family:"allura";
  src: url("../font/allura/Allura-Regular.otf") format("truetype");
}
@font-face {
  font-family:"amadea";
  src: url("../font/amadea/Amadea.ttf") format("truetype");
}
@font-face {
  font-family:"amsterdam";
  src: url("../font/amsterdam-handwriting/Amsterdam-Handwriting.ttf") format("truetype");
}
@font-face {
  font-family:"caslon";
  src: url("../font/Libre-Caslon-Display/fonts/OTF/LibreCaslonDisplay-Regular.otf") format("truetype");
}
@font-face {
  font-family:"glitten";
  src: url("../font/glitten/Glitten-Regular.otf") format("truetype");
}
@font-face {
  font-family:"italianno";
  src: url("../font/italianno/Italianno-Regular-OTF.otf") format("truetype");
}
@font-face {
  font-family:"selitta";
  src: url("../font/Selitta/Selitta.ttf") format("truetype");
}
@font-face {
  font-family:"tenderness";
  src: url("../font/tenderness.otf") format("truetype");
}
@font-face {
  font-family:"wedding-signature";
  src: url("../font/the-wedding-signature/TheWeddingSignature-Regular.ttf") format("truetype");
}


html{
  width:100%;
  height:100%;
  -moz-hyphens:auto;
  word-wrap:break-word;
  color:#2c322d;
}
* {
  font-weight:lighter;
  max-width:100%;
}
h1{font-size:5rem;font-family: 'Tenderness', sans-serif;}
h3 {font-family: 'Tenderness', sans-serif;font-weight:100;}
h1, h2, h3, h4, h5, h6, p {color:#2c322d;}
h3, h4, h5, h6, p {line-height:1.5em !important;}


body {
  font-family: 'Tenderness', sans-serif;
  font-weight:100;
  text-align:center;
  vertical-align:middle;
  background-color:#ffffff;
  letter-spacing:1px;
  font-size:1rem;
  line-height:1.5em;
  width:100%;
  padding-left:0px;
  margin-left:0px;
}

/* LINKS */
a:link,a:visited{text-decoration:none;color:#2c322d;}

a:not(#rsvp-link, #address){color:#2c322d;background-color:white;}
a#rsvp-link{background-color:#8d9b92;}
a#address{text-decoration: underline;}

a:hover:not(#address){color:#8d9b92 !important;background-color:white !important;}


/* NAVBAR */
.navbar {
  background-color: white;
  opacity: 1;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 #8d9b92;
}
.navbar *{
  font-family: 'Tenderness', sans-serif;
}

/* LEFT INITIALS */
.navbar-initials h2 {
  background-image:url(../imgs/logo.png);
  background-repeat:no-repeat;
  margin-top:2%;
  margin-left:4%;
  text-indent:-3000px;
  width:5em;
  background-size:contain;
  height:2em !important;
}

/* MOBILE MENU TOGGLER */
.custom-toggler.navbar-toggler {
  border-color: transparent;
  margin: 0 auto;
  float: right;
  right: 2%;
  top:1.5rem !important;
  position:absolute;
  }

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(147,169,150,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.custom-toggler:focus {
  box-shadow:none !important;
}
.custom-toggler:not(.collapsed):focus .navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(147,169,150,1)' x='0px' y='0px' width='100' height='100' viewBox='0 0 50 50'%3E%3Cpath d='M 7.71875 6.28125 L 6.28125 7.71875 L 23.5625 25 L 6.28125 42.28125 L 7.71875 43.71875 L 25 26.4375 L 42.28125 43.71875 L 43.71875 42.28125 L 26.4375 25 L 43.71875 7.71875 L 42.28125 6.28125 L 25 23.5625 Z'%3E%3C/path%3E%3C/svg%3E");
}


/* SECTIONS */
#logo-section {
  margin:0 auto;
  width: 100%;
  height: 700px;
  padding-top:6em;
  background-color: white;
}
#logo-section img {
    width: auto;
    height: 100%;
    margin: 0 auto;
}

.main-page * {
  background-color:white;
}

#names{font-family:caslon !important;}

.colored *{
  background-color:#C3D1C8;
}

#wedding-info-section {
  padding-top:12.5rem;
  padding-bottom:12.5rem;
  background-color:#C3D1C8;
}
#wedding-date { margin-top:1rem; }

#church, #church *, #church-row,#church-row *, #reception, #reception *{
  background-color:white !important;
}
#church-row,#reception-row {
  height:380px;
  width:100%;
}
#reception-row{
    margin-top:4rem !important;
}

#church-info{
  margin-top:1rem;
}
#church-info,#reception-info{
  text-align:center;
}

#rsvp-section{
  margin-top:4em;
  margin-bottom:1em;
}

#rsvp-section span{
  margin:3em 0 1em 0;
}
#rsvp-section a{
  background-color: #8d9b92;
  padding:1em;
}

#registry-section:before {
  content: '';
  display: block;
  margin: 2em auto 3rem auto;
  width: 35%;
  height: 1px;
  background-color: #8d9b92;
}


#scrollToTop{
  margin:10px auto 0 auto;
  display:inline-block;
  width:3.8em;
  height:5em;
  text-align:center;
  background-repeat:no-repeat;
  background-image:url(../imgs/arrow64.png);
}
#scrollToTop:hover{text-decoration:none}


@media screen and (min-width: 600px)  {
      .mobile-break { display: none; }
}

/* MOBILE */
@media only screen and (max-width: 800px) {
  body {
    width:98%;
    margin-left:1em;
  }

  h1 {font-size:3.5rem;font-weight:500;line-height: 5rem;}
  h2, h3, h4, h5, h6, p, a, label, button {font-weight:500;}
  p {font-size:1.2rem;}

  #names{font-size:2.5rem !important;}

  #wedding-info-section {
    padding-top:13rem;
    padding-bottom:13rem;
  }

  #logo-section {
    margin-top:7rem;
    margin-bottom:8rem;
    padding-top: 8em;
    height: 420px !important;
  }


  #church-section{
    padding: 0px !important;
    margin-top:3em !important;
    margin-left:0px !important;
    margin-right:0px !important;
  }

  #reception-section{
    padding: 0px !important;
    margin-top:0em !important;
    margin-left:0px !important;
    margin-right:0px !important;
  }
  #reception-row{
    margin-top:0px !important;
  }


  #registry-section {
    padding-bottom:2em !important;
  }
  #scrollToTop {
    display:none;
  }
}