@charset "utf-8";
@import url("GreatVibes_Regular/stylesheet.css");

@font-face {
  font-family: 'GreatVines Regular';
  src: url('GreatVibes-Regular.ttf');
}
/*------------------------------------------------------------------*/
div.wrapper{
	width: 100vw;
	height:100vh;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	
}
html{
	width: 100%;
	height: 100%;
}
body{
	overflow-x: hidden;
	text-align:center;
}
/* MAIN PAGE*/
/*----------------------------------------------------------------*/
div.title{
	padding-top: 50px;
	font-size:92px;
	/*padding-bottom: 50px;*/
}
div.title_white{
	padding-top: 50px;
	font-size:92px;
	color:white;
	/*padding-bottom: 50px;*/
}
div.title_green{
	padding-top: 50px;
	font-size:92px;
	/*padding-bottom: 50px;*/
}
div.title span{
	font-size:56px;	
}
div.main{
	height: 100%;
	width: 100%;
	background:url(pictures/Magnolia_bg1.jpg) no-repeat fixed center center;
	background-size: cover;
	padding-top: 100px;
	vertical-align: middle;
	text-align:center;
	font-family: "GreatVibes Regular";
	font-size: 48px;
	padding-bottom:50px;
	}
	
/* TIMEER BANNER */
/*-------------------------------------------------------------------------------*/
div.banner_timer{
	text-align:center;
	}

div.banner_timer ul{
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	display: inline-block;
}
div.banner_timer ul li{
	background-color:rgba(0,51,0,.8);
	border-radius: 50%;
	display: inline-table;
	font-size: 22px;
	font-weight: 300;
	height: 200px;
	width: 200px;	
	text-align: center;
	float:left;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
}
div.banner_timer ul li span{
	font-size: 82px;
	font-weight: 900;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 90px;
	padding-top: 35px;
	font-family:lora;
}

/* OUR STORY*/
/*-------------------------------------------------------------------------------*/
article.story_main{
	height:1000px;
}
article.story_main_800{
	height:800px;
}
div.story{
	width: 100vw;
	height:100%;
	background: url(pictures/arrow1.png) repeat-x top;
	margin-top:-10px;
	padding-top: 50px;
	font-family:"GreatVibes Regular";
	text-align:center;
	padding-bottom:50px;
	float:none;
}
div.story_left{
	width: 100vw;
	height:100%;
	background: url(pictures/arrow1.png) repeat-x top;
	margin-top:-10px;
	padding-top: 50px;
	font-family:"GreatVibes Regular";
	text-align:left;
	padding-bottom:50px;
}
div.story img{
	padding-bottom:40px;
}
div.text{
	font-size:24px;	
	text-align:left;
}
p {
	max-width:900px;
	margin-left: auto;
    margin-right: auto;
	font-family:Lora, serif;
	line-height:30px;
	margin-bottom:0px;
	margin-top:0px;
	text-align:left;
}

/* MAID OF HONOR */
/*-------------------------------------------------------------------------------*/
article.MOH_main{
	width: 100%;
	height:100%;
	background:url(pictures/crowns3.jpg) no-repeat fixed center center;

}
div.MOH_bg{
	background-image: url(pictures/arrow.png);
	background-position-x: 50%;
	background-position-y: 0%;
	background-size: initial;
	background-repeat: repeat-x;
	background-repeat-y: no-repeat;
	background-attachment: scroll;
	background-origin: initial;
	background-clip: initial;
	background-color: rgba(0, 51, 0, 0.701961);
	height:100%;
}
div.MOH{
	width: 50%;
	height:100%;
	/*background: url(arrow1.png) repeat-x bottom;*/
	margin-top: 0px;
	padding-top: 0px;
	font-family:"GreatVibes Regular";
	float: left;
	text-align:center;
	padding-bottom:100px;
}
div.MOH_img{
	background-color:#003300;
	border-radius: 50%;
	border: 10px solid #cccccc;
	width: 350px;
	height: 350px;
	padding: 0px 0px 0px 0px;
	background-image:url(pictures/Vanessa1.jpg);
	background-size:cover;
	opacity: 1; 
	filter: alpha(opacity=100);
	vertical-align:middle;
	margin-left: auto;
    margin-right: auto;
	margin-top:30px;
}
div.BM_img{
	background-color:#003300;
	border-radius: 50%;
	border: 10px solid #cccccc;
	width: 350px;
	height: 350px;
	padding: 0px 0px 0px 0px;
	background-image:url(pictures/Brian.jpg);
	background-size:cover;
	opacity: 1; 
	filter: alpha(opacity=100);
	vertical-align:middle;
	margin-left: auto;
    margin-right: auto;
	margin-top:30px;
}
div.MOH_text {
	width: 350px;
	height: 350px; 
	margin-top:auto;
	margin-bottom:auto;
	background-color:rgb(0, 51, 0); 
	opacity:0; 
	color:#FFFFFF;
	border-radius: 50%;
	vertical-align:middle;
	
	
}
.MOH_img:hover .MOH_text { 
	opacity:0.8; 
	text-align:center; 
	color:#ffffff; 
	font-family:Lora, serif;
	line-height:30px;
	font-size:24px;	 
	vertical-align:middle;
	font-style: italic;
	 } 
.BM_img:hover .MOH_text { 
	opacity:0.8; 
	text-align:center; 
	color:#ffffff; 
	font-family:Lora, serif;
	line-height:30px;
	font-size:24px;	 
	vertical-align:middle;
	font-style: italic;
	 }
	 
/* DATE*/
/*-------------------------------------------------------------------------------*/ 
article.date_main{
	height:800px;
}

/* CHURCH*/
/*-------------------------------------------------------------------------------*/
article.church_main{
	width: 100%;
	height:100%;
	background:url(pictures/church1.jpg) no-repeat fixed center center;
	background-size:cover;

}
div.church_bg{
	background-image: url(pictures/arrow.png);
	background-position-x: 50%;
	background-position-y: 0%;
	background-size: initial;
	background-repeat: repeat-x;
	background-repeat-y: no-repeat;
	background-attachment: scroll;
	background-origin: initial;
	background-clip: initial;
	background-color: rgba(0, 51, 0, 0.701961);
	height: 100%;
}
div.church{
	width: 100%;
	height:100%;
	/*background: url(arrow1.png) repeat-x bottom;*/
	margin-top:10px;
	padding-top: 50px;
	font-family:"GreatVibes Regular";
	color:#ffffff;
}


span.date{
	text-align:left;
	line-height:50px;
	padding-bottom:150px;
	padding-top:50px;
}
div.left{
	width:50%;
	float:left;
	padding-right:100px;	
}
div.right{
	width:50%;
	padding-left:100px;	
	float:left;
}

.flower{
	float:right;
	margin-left: auto;
	margin-right: auto;
}
div.map{
	text-align:left;
	width:40%;
	float:left;
	height:450px;
}
span.address{
	text-align:left;
	font-family:lora;
	font-size:36px;	
}
div.text_left{
	width: 50%;
	/*background: url(arrow1.png) repeat-x bottom;*/
	margin-top: 0px;
	padding-top: 50px;
	font-family:"GreatVibes Regular";
	float: left;
	text-align:right;
	padding-bottom:100px;
	font-size:42px;
	line-height:50px;
}
div.text_inside{
	width: 400px;
	/*background: url(arrow1.png) repeat-x bottom;*/
	margin-top: 0px;
	padding-top: 50px;
	padding-right:100px;
	font-family:"GreatVibes Regular";
	float: right;
	text-align:left;
	padding-bottom:100px;
	font-size:42px;
	line-height:50px;
}
div.text_right{
	width: 40%;
	/*background: url(arrow1.png) repeat-x bottom;*/
	margin-top: 0px;
	padding-top: 50px;
	padding-left:100px;
	font-family:"GreatVibes Regular";
	float:right;
	text-align:left;
	padding-bottom:100px;
	font-size:42px;
	line-height:50px;
	height: 100%
}
div.text_center{
	font-family:lora;
	text-align:cetner;
	font-size:36px;
}


/*RSVP*/
/*-------------------------------------------------------------------------------*/
article.rsvp_main{
	height:450px;
	text-align:center;
	padding-bottom:40px;
	width: 100vw;
}
div.RSVP_bg{
	width: 100%;
	margin-top:0px;
	padding-top: 50px;
	font-family:"GreatVibes Regular";
	text-align:center;
	padding-bottom:50px;
	float:none;
	display:block;
}
div.RSVP{
	background:url(pictures/Magnolia_bg1.jpg) no-repeat center center;
	background-size: cover;	
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius:25px;
	font-size: 22px;
	font-weight: 300;
	height: 300px;
	width: 550px;
	text-align: center;
	float: none;
	color: #003300;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
	margin-left: auto;
	margin-right: auto;
	display: block;
	opacity: 0.6; 
	filter: alpha(opacity=60);


}
div.RSVP:hover{
	-moz-box-shadow: 0 0 30px #ccc;
	 -webkit-box-shadow: 0 0 30px #ccc;
	  box-shadow: 0 0 30px #ccc;

	  	opacity: 1; 
	filter: alpha(opacity=100);
}
div.RSVP:hover RSVP_img{
	background-color: rgba(0,51,0,0.5);
	height:100%;

}
div.RSVP span{
	font-size: 50px;
	text-align: left;
	line-height: 60px;
}

article.gift_main{
	width: 100%;
	height:1000px;
	background:url(pictures/bookstore.jpg) no-repeat fixed center center;
	background-size:cover;

}
div.gift{
	width: 100%;
	padding-top:200px;
	/*background: url(arrow1.png) repeat-x bottom;*/
	font-family:"GreatVibes Regular";
	color:#ffffff;
}
a{
	text-decoration:none;
}