/* RSVP Button
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button {
	display: inline-block;
	border: 1px solid #6a6a6a; /* Dark Gray */
	text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-decoration: none;
    padding: 10px 55px;
	margin-bottom: 9rem;
	margin-left: auto;
    margin-right: auto;
	margin-top: 2.3rem;
}

.button-nopadding {
	display: inline-block;
	border: 1px solid #6a6a6a; /* Dark Gray */
	text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-decoration: none;
    padding: 10px 55px;
	margin-bottom: 0rem;
	margin-left: auto;
    margin-right: auto;
	margin-top: 2.3rem;
}


/* visited & unvisited links */
a:link.button, a:link.button-nopadding, a:visited.button, a:visited.button-nopadding {
    color: #6a6a6a;
	background-color: #fff;
}

/* mouse over link */
a:hover.button, a:hover.button-nopadding {
    color: #fff;
	background-color: #F33648;
	border: 1px solid #fff;
}

/* selected link */
a:active.button, a:hover.button-nopadding {
	color: #fff;
	background-color: #D12B3B;
	border: 1px solid #fff;
}

/* text alignment */
p.center {
	text-align: center;
}





/* Button2 Overlaying Imagery
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button2 {
	display: inline-block;
	border: 1px solid #fff;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.4);
	text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-decoration: none;
    padding: 10px 55px;
	margin-bottom: 9rem;
	margin-left: auto;
    margin-right: auto;
	margin-top: 2.3rem;
}

/* visited & unvisited links */
a:link.button2, a:visited.button2 {
    color: #fff;
}

/* mouse over link */
a:hover.button2 {
    color: #fff;
	background-color: rgba(243, 54, 72, 0.8);
	border: 1px solid #fff;
}

/* selected link */
a:active.button2 {
	color: #fff;
	background-color: #D12B3B;
	border: 1px solid #fff;
}



/* Images - Including Gallery Functionality
–––––––––––––––––––––––––––––––––––––––––––––––––– */
img {
	display: block;
	margin: auto;
}

.inline {
	padding-bottom: 12rem;
	padding-top: 4rem;
	width: 100%;
}


.threecolumns img {
	margin-bottom: 3.1rem;
}

.threecolumns-nomargin img {
	margin-bottom: 0rem;
}
	
.circleicon {
	padding-bottom: 3rem;
	width: 96px;
}

.grayredhearts_lines {
	padding-bottom: 6rem;
	width: 10rem;
}

.grayredhearts_lines_nopadding {
	padding-bottom: 4rem;
	width: 10rem;
}

.grayredhearts {
	padding-bottom: 2.5rem;
	padding-top: 10.5rem;
	width: 10rem;
}

.littleheart img {
	max-width: 3rem;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: -1.5rem;
	z-index: 500;
}

.hearts {
	width: 10rem;
}

.heartsoverlay {
	position: absolute;
	top: 70%;
	left: 45%;
}


.textonimage {
	position: relative;
	width: 100%; /* for IE 6 */
}

span:hover + .overlay {
	display: block;
}


.p {
	padding-top: 1.25rem;
	font-weight: 300;
	color: #fff; }

.h4 {
	color: #fff; 
	padding-bottom: .5rem;}

.h4-kern {
	color: #fff; 
	text-transform: lowercase;
	font-size: 2rem;
	font-weight: 300;
	font-family: "Merriweather", "Palatino", "Georgia", serif;
	letter-spacing: .2rem;
	padding-top: 8.5rem;
	padding-bottom: .5rem;}

hr {
	border-top: 1px dotted #fff;
	margin: 0;
}

.story {
	border-top: 2px dotted #9a9a9a;
	margin: 0;
}

/* Larger than phone */
@media (min-width: 250px) {

.overlay {
	position: absolute;
	width: 100%;
	left: 20%;
	text-align: center;
	max-width: 60%;
	display: none;	
	top: 25%;
}


.h4 {
	font-size: 2.5rem;
}

.p {
	font-size: 1.8rem;
	line-height: 1.5;	
}  }



/* Larger than portrait tablet */
@media (min-width: 750px) {

.overlay {
	position: absolute;
	width: 100%;
	left: 20%;
	text-align: center;
	max-width: 60%;
	display: none;	
	top: 3%;
}


.h4 {
	font-size: 1.9rem;
}

.p {
	font-size: 1.2rem;
	line-height: 1.5;	
	}}

	
/* Larger than landscape tablet */
@media (min-width: 950px) {

.overlay {
	position: absolute;
	width: 100%;
	left: 20%;
	text-align: center;
	max-width: 60%;
	display: none;	
	top: 15%;
}


.h4 {
	font-size: 2.1rem;
}

.p {
	font-size: 1.4rem;
	line-height: 1.6;	
	}}



.partypics {
  width: 300px;
  position: relative;
  margin: 10px;
  box-sizing: border-box;
}

.partypics:hover > .overlayflex {
  position: absolute;
  top: 0;
  left: 0;
  width:300px;
  height:300px;
  background-color:#000;
  opacity:0.5;
  z-index: 100;
  display: block;
  cursor: pointer;
}

.partypics:hover > .info {
  position: absolute;
  width: 300px;
  height: 300px;
  top: 0;
  left: 0;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 200;
}

.partytext {
	color: #fff; 
	font-size: 2rem;
	line-height: 2.8rem;
	font-weight: 200;
	font-family: "Merriweather", "Palatino", "Georgia", serif;
	letter-spacing: .1rem;
	padding: 4rem;
	text-align: center;
}

.marge, .elizabeth, .grace, .eva, .zooey, .oliver, .annette, .allison, .rebecca, .jen, .kayla, .maureen, .tom, .joel, .tommy, .andrew, .horse, .adam, .nick {
	height: 300px;
	width: 300px;
	background-size:cover;
	background-repeat: no-repeat;
}

.marge {
	background-image: url("../images/marge1.jpg");
}

.elizabeth {
	background-image: url("../images/elizabeth1.jpg");
}

.grace {
	background-image: url("../images/grace.jpg");
}

.eva {
	background-image: url("../images/eva1.jpg");
}

.oliver {
	background-image: url("../images/oliver1.jpg");
}

.zooey {
	background-image: url("../images/zooey3.jpg");
}


.nick {
	background-image: url("../images/nick1.jpg");
}

.adam {
	background-image: url("../images/adam1.jpg");
}

.tom {
	background-image: url("../images/tom.jpg");
}

.joel {
	background-image: url("../images/joel1.jpg");
}

.tommy {
	background-image: url("../images/tommy1.jpg");
}

.andrew {
	background-image: url("../images/andrew1.jpg");
}

.horse {
	background-image: url("../images/paul1.jpg");
}

.annette {
	background-image: url("../images/net.jpg");
}

.maureen {
	background-image: url("../images/mo.jpg");
}

.kayla {
	background-image: url("../images/kayla.jpg");
}

.jen {
	background-image: url("../images/jen.jpg");
}

.rebecca {
	background-image: url("../images/bec.jpg");
}

.allison {
	background-image: url("../images/al.jpg");
}

.textbelowimage {
	position: relative;
	background-color: #fff; 
	text-align: center; 
	color: #333; 
	padding: 1rem 3rem 2rem 3rem;
}
	
	
/* Flexbox Gallery
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.imagegallery1, .imagegallery2, .imagegallery3, .imagegallery4, .imagegallery5,
.imagegallery6, .imagegallery7, .imagegallery8, .imagegallery9, .imagegallery10, .imagegallery11, .imagegallery12, .imagegallery13, .imagegallery14, .imagegallery15, .imagegallery16, .imagegallery17, .imagegallery18, .imagegallery19, .imagegallery20, .imagegallery21, .imagegallery22, .imagegallery23, .imagegallery24 {
  height: 100%;
  width: 100%;
  background-size: cover;
}

.imagegallery1 {
  background-image: url("../images/WeddingPhotos-400x400_BrooklynBridge.jpg");
}
.imagegallery2 {
  background-image: url("../images/WeddingPhotos-ElizabethWedding.jpg");
}
.imagegallery3 {
  background-image: url("../images/WeddingPhotos-400x400_Dorks.jpg");
}
.imagegallery4 {
  background-image: url("../images/WeddingPhotos-400x400_CreightonGame.jpg");
}
.imagegallery5 {
  background-image: url("../images/WeddingPhotos-PaintNight.jpg");
}
.imagegallery6 {
  background-image: url("../images/WeddingPhotos-400x400_Ferry.jpg");
}
.imagegallery7 {
  background-image: url("../images/WeddingPhotos-400x400_HappyFam.jpg");
}
.imagegallery8 {
  background-image: url("../images/WeddingPhotos-HolidayParty.jpg");
}
.imagegallery9 {
  background-image: url("../images/WeddingPhotos-400x400_NYCSunglasses.jpg");
}
.imagegallery10 {
  background-image: url("../images/WeddingPhotos-400x400_PikesPeak.jpg");
}
.imagegallery11 {
  background-image: url("../images/WeddingPhotos-400x400_PinkEye.jpg");
}
.imagegallery12 {
  background-image: url("../images/WeddingPhotos-400x400_TimesSquare.jpg");
}
.imagegallery13 {
  background-image: url("../images/WeddingPhotos-400x400_TheMet.jpg");
}
.imagegallery14 {
  background-image: url("../images/WeddingPhotos-400x400_PackerGameWinter.jpg");
}
.imagegallery15 {
  background-image: url("../images/WeddingPhotos-JessWedding.jpg");
}
.imagegallery16 {
  background-image: url("../images/WeddingPhotos-400x400_PuntaCana2.jpg");
}
.imagegallery17 {
  background-image: url("../images/WeddingPhotos-400x400_LosOjos.jpg");
}
.imagegallery18 {
  background-image: url("../images/WeddingPhotos-400x400_Engaged.jpg");
}
.imagegallery19 {
  background-image: url("../images/WeddingPhotos-400x400_Plane.jpg");
}
.imagegallery20 {
  background-image: url("../images/WeddingPhotos-400x400_PuertoVallarta.jpg");
}
.imagegallery21 {
  background-image: url("../images/WeddingPhotos-400x400_PuertoVallartaWaterfall.jpg");
}
.imagegallery22 {
  background-image: url("../images/WeddingPhotos-400x400_Snapchat.jpg");
}
.imagegallery23 {
  background-image: url("../images/WeddingPhotos-400x400_SugarRiver.jpg");
}
.imagegallery24 {
  background-image: url("../images/WeddingPhotos-PackerGame.jpg");
}



.gallerytext {
	color: #fff; 
	font-size: 1.6rem;
	line-height: 2.4rem;
	font-weight: 200;
	font-family: "Merriweather", "Palatino", "Georgia", serif;
	letter-spacing: .1rem;
	padding: 4rem;
	text-align: center;
}

.main-content{
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex-parent {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.pic {
  height: 300px;
  width: 300px;
  position: relative;
  margin: 10px;
}

.pic:hover > .overlayflex {
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  background-color:#000;
  opacity:0.5;
  z-index: 100;
  display: block;
  cursor: pointer;
}

.info {
  display: none;

}
.pic:hover > .info {
  border: 1px solid white;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 200;
}


.extratoppadding {
	padding-top: 14rem;
}



/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding: 8rem 0 7rem;
  text-align: center;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

.scriptgraphic {
	text-align: center;
	max-width: 960px;
	padding: 0 20px;
	margin-left: auto;
	margin-right: auto;
}

.graybackground {
	background-color:#F6F6F6;
	padding-top: 11rem;
	padding-bottom: 10rem;
}	

.graybackground-gift {
	background-color:#F6F6F6;
	padding-top: 5.5rem;
	padding-bottom: 11rem;	
}


.graybackground-extra {
	background-color:#F6F6F6;
	padding-top: 11rem;
	
}


/* Larger than portrait tablet */
@media (min-width: 250px) {
	
.graybackground-nopadding {
	background-color:#F6F6F6;
	padding-top: 13rem;
	padding-bottom: 2rem;
}
	}


/* Larger than portrait tablet */
@media (min-width: 750px) {

.graybackground-nopadding {
	background-color:#F6F6F6;
	padding-top: 6rem;
	padding-bottom: 2rem;
}
}



	

/* Larger than landscape tablet */
@media (max-width: 1099px) {

.one-fifth, one-seventh {
	display: none;
}
	
.mapicon {
	display: none;}

.whitebackground {
	background-color: #fff;
	padding: 2rem 3rem 3rem 3rem;
	margin-bottom: 5rem;
}	
	
	}


/* Larger than landscape tablet */
@media (min-width: 1100px) {
	
.sixcolumns {
	background-color: #F6F6F6;
	width: 1400px;
}

.sixcolumns a:link, a:visited {color: #575757;}
.sixcolumns a:hover a:active {color: #F33648;}

.map {
	height: 560px; 
	width: 100%;
	border: 2px solid #eee; 
	display: inline-block; 
	overflow: hidden;
}

.mapicon {
	width: 6rem;
	padding-bottom: 5rem;
	margin-top: 3rem;
}

.mapdescription {
	margin-top: 1rem;
}
	
.whitebackground {
	background-color: #fff;
	padding: 2rem 3rem 3rem 3rem;
	margin-bottom: 10rem;
}
	
}


/* RSVP Section */

.rsvp iframe {
	height: 900px; 
	width: 100%;
	display: inline-block; 
	overflow: hidden;
}







/* Sections with background images */

#thankyoubg {
	background-image: url("../images/ThankYou3.jpg");
	background-size: cover;
	background-position: center top; 
	padding-top: 20rem;
	height: 20rem;
	clear: both;
}

@media (min-width: 250px) {
#footer {
	background-image: url("../images/mobile-ourstory.jpg");
	background-size: cover;
	background-position: top center; 
	padding-top: 24rem;
	padding-bottom: 4rem;
	height: 24rem;
	clear: both;
	}}

@media (min-width: 600px) {
#footer {
	background-image: url("../images/footer-mask2.jpg");
	background-size: cover;
	background-position: center center; 
	padding-top: 16rem;
	padding-bottom: 4rem;
	height: 18rem;
	clear: both;
	}}

@media (min-width: 250px) {
#footer2 {
	background-image: url("../images/mobile-accomodations.jpg");
	background-size: cover;
	background-position: top center; 
	padding-top: 24rem;
	padding-bottom: 4rem;
	height: 24rem;
	clear: both;
	}}

@media (min-width: 600px) {
#footer2 {
	background-image: url("../images/footer-mask3.jpg");
	background-size: cover;
	background-position: center center; 
	padding-top: 16rem;
	padding-bottom: 4rem;
	height: 18rem;
	clear: both;
	}}

#footer3 {
	background-image: url("../images/footer-mask4.jpg");
	background-size: cover;
	background-position: center center; 
	padding-top: 16rem;
	padding-bottom: 4rem;
	height: 18rem;
	clear: both;
}

@media (min-width: 250px) {
#footer4 {
	background-image: url("../images/mobile-gallery.jpg");
	background-size: cover;
	background-position: top center; 
	padding-top: 16rem;
	padding-bottom: 4rem;
	height: 18rem;
	clear: both;
	}}

@media (min-width: 600px) {
#footer4 {
	background-image: url("../images/footer-mask5.jpg");
	background-size: cover;
	background-position: center center; 
	padding-top: 16rem;
	padding-bottom: 4rem;
	height: 18rem;
	clear: both;
	}}

@media (min-width: 250px) {
#heproposedbg {
	background-image: url("../images/stormy3.jpg");
	background-size: cover;
	background-position: center top; 
	padding-top: 8rem;
	height: 55rem;
	text-align: center;
	}}

@media (min-width: 600px) {
#heproposedbg {
	background-image: url("../images/stormy3.jpg");
	background-size: cover;
	background-position: center top; 
	padding-top: 14rem;
	height: 48rem;
	text-align: center;
	background-attachment: fixed;
	}}

@media (min-width: 250px) {
#ourstorybg {
	background-image: url("../images/ocean_palms4.jpg");
	background-size: cover;
	background-position: center top; 
	padding-top: 13rem;
	height: 50rem;
	text-align: center;
	}}

@media (min-width: 600px) {
#ourstorybg {
	background-image: url("../images/ocean_palms4.jpg");
	background-size: cover;
	background-position: center top; 
	padding-top: 15rem;
	height: 48rem;
	text-align: center;
	background-attachment: fixed;
	}}

#weddinglocation, #giftregistry {
	background-size: cover;
	background-position: center top; 
	padding-top: 18rem;
	height: 38rem;
	text-align: center;
}

@media (max-width: 350px) {
#accomodations {
	background-image: url("../images/big-insidequiveys2.1.jpg");
	background-size: cover;
	background-position: center top; 
	padding-top: 16rem;
	height: 44rem;
	text-align: center;
	}}

@media (min-width: 351px) {
#accomodations {
	background-image: url("../images/big-insidequiveys2.1.jpg");
	background-size: cover;
	background-position: center top; 
	padding-top: 16rem;
	height: 38rem;
	text-align: center;
}}

#weddinglocation {background-image: url("../images/big-quiveys_dk.jpg");}

#giftregistry {background-image: url("../images/big-flowers4.jpg");}






/* Content Areas -----------------------*/

/* Larger than mobile */
@media (min-width: 250px) {

.accomodations {
	background-color: #fff;
	max-width: 66%;
	padding: 4% 9% 2% 9%;
	margin: 0 auto 0 auto;
}

.accomodationimages{
	max-width: 84%;
	padding: 0;
	margin: 0 auto;	
}

.hotelpic {
	max-width: 100%;
}

.hotelpic_last {
	max-width: 100%;
}

.container_bottompadding {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto 5rem 0;
  clear: both;
	}
}

iframe {
	margin: 0 auto 0 auto;
}


/* Larger than landscape tablet */
@media (min-width: 950px) {

.accomodations {
	background-color: #fff;
	max-width: 42%;
	float: left;
	padding: 1rem 3rem 2rem 5rem;
	margin: 0rem auto 7rem auto;
}

.accomodationimages {
	float: left;
	max-width: 45%;
}
	
.accomodations p {
	padding-top: .55rem;
	padding-bottom: 0;
}
	

.hotelpic {
	max-width: 44.4rem;
}

.hotelpic_last {
	max-width: 44.4rem;
}

.container_bottompadding {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  clear: both;
	}
}


@media (max-width: 932px) {
	.accomodations-extrabottom { max-height: 2rem;
}}





/* Fonts 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.whiteh1, .winfo-h1 {
	color: #fff;
	padding-bottom: 2rem;
}

@media (max-width: 500px) {
	.winfo-h1 {
		padding: 4rem 2rem 2rem 2rem;
		text-shadow:  0 0 2rem rgba(0, 0, 0, 0.8);
	}}

.black-h1 {
	padding-bottom: 2rem;
	font-size: 3rem;	
}

@media (max-width: 500px) {
	.black-h1 {
	padding-top: 2rem;
	}}


h1 {
	padding-bottom: 2rem;
	font-size: 3rem;	
}

.h2maxwidth {
	margin: 1.5rem auto 2.9rem auto;
	padding: 1.6rem 0;
}

/* Bigger than 800 */
@media (min-width: 800px) {
  .h2maxwidth {
		max-width: 65%;
	}
}

/* Bigger than 1050 */
@media (min-width: 1050px) {
  .h2maxwidth {
		max-width: 50%;
	}
}

h5 {
	padding-top: 2.2rem;
}

.center {
	text-align: center;
}

.center-toppadding {
	text-align: center;
	padding-top: 5rem;
}

@media (max-width: 600px) {
.whiteparagraph {
	color: #fff;
	font-weight: 400;
	text-shadow: 0 0 5rem rgba(0, 0, 0, 0.8);
	}}

@media (min-width: 601px) {
.whiteparagraph {
	color: #fff;
	font-weight: 400;
	}}

.threecolumns a:link, .threecolumns a:visited {
	color: #9b9b9b; 
	font-family: "Oswald", "Arial", sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
}

.threecolumns a:hover {
	color: #F33648; 
}

.threecolumns a:active {
	color: #D12B3B;
}

.u-max-full-width {
	opacity: 1;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.u-max-full-width:hover {
	opacity: .20;
}

.textonimage {background-color: #333;}



/* Image Hovers */

/* Bigger than 250 */
@media (min-width: 250px) {
  .h2maxwidth {
		max-width: 50%;
	}

.amazon, .target {

  border: 1px solid black;
  cursor: pointer; cursor: hand; 
	margin-bottom: 4rem;
	}
	
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .h2maxwidth {
		max-width: 50%;
	}

.amazon, .target {

  border: 1px solid black;
  cursor: pointer; cursor: hand; }
	
}

.twothirdscontainer {
  position: relative;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.halloween {
 width: 55%;
margin: 2.5rem auto 0 auto;	
}

.engagementgallery {
  padding: .5vw;
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
}

.engagementpic {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 400px; 
  margin: .5vw; 
}

.registries {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 250px; 
  margin: 2vw; 
  border: 1px solid black;
	background: white;
}

.engagementpic img {
  width: 100%; 
  height: auto;  
}

@media screen and (max-width: 400px) {
  header div { margin: 0; }
  header { padding: 0; } 
}