body
{
  background-color: aliceblue;
  overflow: scroll;
}

.content
{
  font-size:   28px;
  text-align:  center;
  font-family: "Crimson Text", serif;
}

.content .password input
{
  margin-top: 20px;
}

.content input, .content textarea
{
  border:           solid;
  font-size:        28px;
  font-family:      "Crimson Text", serif;
  background-color: white;
}

.content input[type="submit"]
{
  border-radius: 10px;
}

.content .hidden
{
  display: none;
}

.header
{
  text-align: center;
}

.header a
{
  text-decoration: none;
  color:           black;
}

.header a:hover
{
  color: tan;
}

.header_ela_wrap
{
  display: inline-block;
  margin:  0px 10px;
}

.header_ela_wrap .ela
{
  font-size:   72px;
  font-family: "Pinyon Script", cursive;
}

.header_a_wrap a
{
  font-family: "Crimson Text", serif;
  font-size:   20px;
  margin:      0px 10px;
}

.header_a_wrap
{
  display: inline-block;
}

.header2
{
  font-size:  60px;
  text-align: center;
}

.logo
{
  margin-top: 40px;
}

.home_picture
{
  /* margin-top: 40px; */
  /* border-radius: 25px; */
}

.content .para
{
  font-size:  18px;
  width:      50%;
  text-align: justify;
  margin:     15px auto;
}

.content .para::first-letter
{
  font-size:    36px;
  line-height:  24px;
  padding-left: 24px;
}

.content .title
{
  font-size:   36px;
  font-family: "Pinyon Script", cursive;
}

.content .title2
{
  padding-top: 30px;
  font-size:   24px;
  font-family: "Pinyon Script", cursive;
}

.gallery_picture
{
  width: 500px;
}

.registry_picture_wrap
{
  display:        inline-block;
  height:         102px;
  width:          272px;
  padding-top:    1px;
  vertical-align: middle;
}

.registry_picture_wrap:hover
{
  height:         100px;
  width:          270px;
  padding-top:    0px;
  border:         solid 1px black;
}

.registry_picture
{
  width:  250px;
  margin: 10px;
}

.registry_picture_wrap .macy
{
  margin-top: 18px;
}

.registry_picture_wrap .bloom
{
  margin-top: 27px;
}

.registry_picture_wrap .amazon
{
  margin-top: 0;
}

.details_block
{
  color: black;
}

.details_block:hover
{
  color: tan;
}

.contact table
{
  margin: 0 auto;
}

.contact td.send
{
  text-align:     center;
}

.contact td
{
  text-align:     left;
  vertical-align: top;
}

.contact td.label
{
  font-size: 24px;
}

.contact input, .contact textarea
{
  margin-bottom: 20px;
}

.contact textarea
{
  font-size: 18px;
  width: 100%;
}

div.errors
{
  border:           solid 3px red;
  background-color: pink;
  padding:          0 20px;
  text-align:       left;
  margin-bottom:    20px;
  font-size:        18px;
}

.disabled
{
  color: rgb(128,128,128);
}

.disabled input, .disabled textarea
{
  background-color: rgb(211,211,211);
  border-color: rgb(128,128,128);
}

/* Photo album effect */
/* https://codepen.io/oloman/pen/WNdZzZ */
.tuckedcorners {
  position: relative;
  display: table;
  max-width: 90%;
  margin: 50px auto; /* give some space up and down */
}

.tuckedcorners img {
  display: table-cell;
  max-width:100%;
  height: auto;
  margin: 0 auto;
  padding: 8px; /* white picture border width */
  background: #fff; /* white picture border color */
  box-shadow: 0 0 2px #666; /* slightly darker edge around picture */
  box-sizing: border-box;
}

/* tuck under boxes */
/* setup all initial, but specifically top-left & bottom-right */
.tuckedcorners:before,
.tuckedcorners:after,
.tuckedcornersall:before,
.tuckedcornersall:after {
  position: absolute;
  bottom: -20px;
  right: -40px;
  content: "";
  height: 40px;
  width: 80px;
  background: aliceblue; /* Same color as the background */
  box-shadow: 0 -6px 9px -8px #333; /* shading under the tucks on bottom */
  transform: rotate(-45deg);
}

.tuckedcorners:after,
.tuckedcornersall:after {
  top: -20px;
  left: -40px;
  box-shadow: 0 6px 9px -8px #333; /* shading under the tucks on top */
}

/* bottom left */
.tuckedcornersall:before {
  top: auto;
  left: -40px;
  transform: rotate(45deg);
}

/* top right */
.tuckedcornersall:after {
  left: auto;
  right: -40px;
  transform: rotate(45deg);
}