/*
Lavander - b5b0d8
RGB - 181,176,216,
med purple - 8E7EBB
Dark purple - 54489D
*/

/*===================== GLOBAL STYLES =====================*/ 
html, body { height: 100%; width:100%;}
body {
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #3e3e3e;
	font-weight: 400;
	font-style: normal;
	line-height: 1.75em;
	background-color: #FFFFFF;
	-moz-osx-font-smoothing: grayscale;
}

.bloom-hand { 
	font-family: 'blooming_elegant_handregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.bloom-sans-reg {
	font-family: 'blooming_elegant_sansregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	word-spacing: 0.08em;
}
.bloom-sans-bold {
	font-family: 'blooming_elegant_sansbold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	word-spacing: 0.08em;
}
.bloom-cursive {
	font-family: 'blooming_elegantregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}

.row { margin-left: 0; margin-right: 0;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.5em; font-weight: normal;}

h1 { font-size: 95px; padding: 0.3em 0 0.25em 0;}
h2 { font-size: 32px;}
h3 { font-size: 24px;}
h4 { font-size: 18px;}

.heading-sm { font-size: 55px; padding: 0.4em 0;}
.date-sm { font-size: 40px; padding: 0.3em 0 0.2em 0;}
.location-sm { font-size: 38px; padding: 0.2em 0;}
.address-sm { font-size: 32px; padding: 0;}

p { margin: 1em 0;}

.semi-bold { font-weight: 600;}
.bold { font-weight: 700;}

ul {
	list-style-type: none;
	list-style-position: outside;
	text-indent: -.5em;
	padding-left:0;
}
li { margin-top: 0; margin-bottom: 0;}

.bulleted-list li:before, .bulleted-list li:before {content:"· ";}

a {
    color: #8E7EBB;
	 font-weight: 600;
    text-decoration: none;
}
a:hover, a:focus {
    color: #54489D;
	 font-weight: 600;
    text-decoration: none;
}

a,
a:hover,
a:focus,
a:active* {
	outline: none;
}

@media (max-width: 768px) {
	.container {
		padding-left:1em;
		padding-right:1em;
	}
	h1 { font-size: 90px; padding: 0;}
}
@media (max-width: 480px) {
	h1 { font-size: 82px; padding: 0.15em 0 0.05em 0; line-height: 1em;}
}

/*===================== IMAGE STYLES =====================*/ 
.center-image { margin-left:auto; margin-right:auto; }


/*===================== BUTTON STYLES =====================*/ 
.site-bttn {
  margin: 0.5em 0;
}
.bttn-purple {
	text-align: center;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	background-color: #b5b0d8;
	border: none;
	border-radius: 4px;
}
.bttn-lg {
	font-size: 18px;
	padding: 10px 35px;
}
.bttn-sm {
	font-size: 15px;
	padding: 4px 12px;
	display: inline-block;
	min-width: 138px;
	/*margin-right: 30px;*/
}
.events-section .bttn-sm:first-child {
	margin-right: 30px;
}
.bttn-purple:hover, .bttn-purple:focus {
	color: #FFF;
	background-color: #8E7EBB;
	text-decoration: none;
}

@media (max-width: 480px) {
	.events-section .bttn-sm:first-child {
		margin-right: 8px;
	}	
}

/*===================== NAVIGATION STYLES =====================*/
/* COVER section navigation */
.navbar {
	min-height:0;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}
.navbar-fixed-top { margin: 0 auto;}

#custom-nav {
	background-color: rgba(255,255,255, 0.45);
	border-bottom: 1px solid transparent;
	/*box-shadow: none;*/
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	z-index: 999;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: background .5s ease-in-out, opacity .5s ease;
	-moz-transition: background .5s ease-in-out, opacity .5s ease;
	transition: background .5s ease-in-out, opacity .5s ease;
}
#custom-nav .container {
    padding-top: 2px;
    padding-bottom: 2px;
    -webkit-transition: padding-top .5s ease, padding-bottom .5s ease;
    -moz-transition: padding-top .5s ease, padding-bottom .5s ease;
    transition: padding-top .5s ease, padding-top .5s ease, padding-bottom .5s ease;
}

/* turn navigation bar solid after scroll */
#custom-nav.affix {
	top: 0;
	min-width: 100%;
	background-color: rgba(255,255,255, 1); 
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-transition: background .5s ease-in-out, opacity .5s ease;
	-moz-transition: background .5s ease-in-out, opacity .5s ease;
	transition: background .5s ease-in-out, opacity .5s ease;
}

.navbar-brand,
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	font-family: 'blooming_elegant_sansregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: transparent !important;
	color: #3e3e3e;
	font-size: 25px;
	letter-spacing: 0.05em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1em;
	height: 0.65em;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 1em; /*height of navbar*/
	margin-bottom: 1em; /*height of navbar*/
}
.navbar-default .navbar-toggle .icon-bar { background-color: #FFF; }

/* style to override bootstrap for the default beaking point of 768
from: https://coderwall.com/p/wpjw4w/change-the-bootstrap-navbar-breakpoint */
@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
	 .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    	max-height: 430px;
	}
}

/* match the query above to same breaking point to override the 768 */
@media (max-width: 992px) {
	#wrapwrap { padding-top: 50px; }
	.navbar-fixed-top { z-index: 999; }
	#custom-nav {
    	background-color: rgba(255,255,255, 0.75);
    	border-bottom: 1px solid transparent;
	}
	.navbar-toggle {
		margin-top: 11px;
		margin-right: 19px;
	}
	.navbar-nav {margin:0;}
	.navbar-collapse {border-top: none;}
	.nav > li > a {padding: 10px 8px;}
	
	.navbar-brand,
	.navbar-default .navbar-brand,
	.navbar-default .navbar-brand:hover, 
	.navbar-default .navbar-brand:focus,
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
		margin-top: 0.6em;/*determines height of navbar*/
		margin-bottom: 0.6em;/*determines height of navbar*/
	}
	
	.navbar-default .navbar-nav {background-color: #FFF; margin: 0 6px 12px 0; }
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus { margin: 28px 20px;}
	
	.navbar-toggle {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 12px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: #b5b0d8;
		background-image: none;
		border: 1px solid #b5b0d8;
		border-radius: 4px;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #b5b0d8;
	}
}


/*===================== RETURN TO TOP =====================*/ 
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(181,176,216, 0.65);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index: 9999;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 8px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {background: rgba(181,176,216, 1);}
#return-to-top:hover i {color: #fff; top: 8px;}

@media (max-width: 768px) {
	#return-to-top {
		bottom: 15px;
		right: 15px;
		width: 40px;
		height: 40px;
	}
	#return-to-top i {
		left: 13px;
		top: 2px;
		font-size: 15px;
	}
	#return-to-top:hover i {top: 2px;}
}


/*===================== SECTION STYLES =====================*/ 
.purple-bar { background-color: #b5b0d8; height: 1em;}
.dark-purple-bar { background-color: #8E7EBB; height: 1em;}
.section-container { padding: 0.25em 0 7em 0;}
.boxshadow { box-shadow:0px 0px 25px 0px rgba(192,192,192, .4) inset;}
.title-img { padding: 1em 0;}

/*-- Large devices and Desktops (max 1200px) --*/
@media (max-width: 1200px) {
	.section-container { padding: 0.25em 0 5em 0;}
}
@media (max-width: 768px) {
	.section-container { padding: 0.25em 0 3em 0;}
}

 /* LOGIN and CONTACT form controls section */
.login-section {
    padding: 0 0 3em 0;
    position: relative;
    background-color: #FFFFFF;
	 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.3), 0 6px 20px 0 rgba(0,0,0,0.29);
}
.heading-login {padding: 0.3em 0 0 0;}
.text-login {margin: 0 0 1em 0; padding: 0 1.8em;}
.error-caption {
	color: #8E7EBB;
	font-weight: 600;
}
/*.separator-line {
    color: #b5b0d8;
    margin: 0 auto 20px;
    max-width: 240px;
    text-align: center;
    position: relative;
}
.separator-line:before {
  float: left;
}
.separator-line:after {
  float: right;
}
.separator-line::before, .separator-line::after {
    display: block;
    width: 40%;
    content: " ";
    margin-top: 10px;
    border: 1px solid #b5b0d8;
}*/
.form-group {
    margin: 30px 40px 50px 40px;
}
.contact-section .form-group {
    margin: 30px 0 ;
}
.form-control {
  background-color: #FFFFFF;
  border: 1px solid #B8B8B8;
  border-radius: 4px;
  color: #3e3e3e;
  padding: 10px 10px;
  height: 40px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control:focus {
  background-color: #FFFFFF;
  border: 1px solid #3e3e3e;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 !important;
}
.form-control {
    margin-bottom: 1.875em;
}
.form-control::-moz-placeholder {
  color: #B8B8B8;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-font-smoothing: antialiased;
}
.form-control:-moz-placeholder {
  color: #B8B8B8;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-font-smoothing: antialiased;
}
.form-control::-webkit-input-placeholder {
  color: #B8B8B8;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-font-smoothing: antialiased;
}
.form-control:-ms-input-placeholder {
  color: #B8B8B8;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-font-smoothing: antialiased;
}

.form-control-plain {
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding: 8px 0;
  font-size: 16px;
  background-color: transparent;
  border-color: #D3D3D3;
  resize: vertical;
}
.form-control-plain:focus {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #3e3e3e;
}
label {
    font-family: 'blooming_elegant_sansregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 25px;
	letter-spacing: 0.05em;
	font-weight: normal;
}
.form-group.email-2 { display: none;}
.alert-success {
    color: #3e3e3e;
    background-color: white;
    border-color: #b5b0d8;
	text-align: center;
	margin-top: 1em;
}


/* WELCOME section */
#welcome-section-top {
	background-color:transparent;
	min-height:60px;
	margin-top:-61px;
}

.welcome-parallax {
    background: url(../images/parallax-welcome.jpg);
    /* min-height: 200px; */ 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Turn off parallax scrolling for tablets and phones. */
@media only screen and (max-device-width: 1024px) {
    .welcome-parallax {background-attachment: scroll;}
}
@media only screen and (max-device-width: 768px) {
    .welcome-parallax {
		background: url(../images/parallax-welcome-med.jpg);
		background-attachment: scroll; 
		background-repeat: no-repeat;
		background-position:center top;
	}
}

.welcome-long-text { padding: 0 1em;}
.date { font-size: 75px; padding: 0.3em 0;}
.location { font-size: 35px; padding: 0.3em 0 0.08em 0;}
#countdown { font-size: 45px; padding: 0.3em 0 1.2em 0;}

/*-- Small devices Tablets/phones (768px) --*/
@media (max-width: 768px) {
	.date { font-size: 68px; padding: 0.15em 0;}
	#countdown { font-size: 42px; padding: 0.3em 0 0.5em 0;}
}
@media (max-width: 480px) {
	.date { font-size: 68px; padding: 0.2em; line-height: 0.8em;}
	#countdown { font-size: 38px; padding: 0.3em 0 0.8em 0;}
}

/* EVENTS section */
#events-section-top {
	background-color:transparent;
	min-height:60px;
	margin-top:-61px;
}
.events-section .section-container { 
	padding: 0.25em 0 0 0;
}

.events-parallax {
    background: url(../images/parallax-events.jpg);
    /* min-height: 200px; */ 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Turn off parallax scrolling for tablets and phones. */
@media only screen and (max-device-width: 1024px) {
    .events-parallax {background-attachment: scroll;}
}
@media only screen and (max-device-width: 768px) {
    .events-parallax {
		background: url(../images/parallax-events-med.jpg);
		background-attachment: scroll; 
		background-repeat: no-repeat;
		background-position:center top;
		box-shadow:0px 0px 25px 0px rgba(192,192,192, .4) inset; 
	}
}

/*.park-photos { margin: 1em 0 2em 0}*/
.events-long-text { padding: 0 0.3em;}
.w-events {margin-bottom: 2.5em;}
.w-ceremony, .w-reception {margin-bottom: 1.5em;}
.img-venue  {border-radius: 6px;}

@media (max-width: 767px) {
	.w-ceremony, .w-reception { text-align: center;}
}

/*event modal*/
.modal-dialog {
    position: relative;
    width: auto;
    margin: 5em 0.5em;
}
.modal-content {
    background-color: #fffcf1;
}
.modal-header {
    padding: 15px;
    border-bottom: none;
}
.modal-body {
    position: relative;
    padding: 0 15px 15px 15px;
}
@media (min-width: 768px) {
	#myModal-park .modal-dialog {
		width: 750px;
		margin: 5em auto;
  }
  #myModal-golf .modal-dialog {
		width: 670px;
		margin: 5em auto;
  }
}


/* TRAVEL section */
#travel-section-top {
	background-color:transparent;
	min-height:60px;
	margin-top:-61px;
}

.travel-parallax {
    background: url(../images/parallax-travel.jpg);
    /* min-height: 200px; */ 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.img-hotel  { margin: 1em 0 0.5em 0; border-radius: 6px;}

/* Turn off parallax scrolling for tablets and phones. */
@media only screen and (max-device-width: 1024px) {
    .travel-parallax {background-attachment: scroll;}
}
@media only screen and (max-device-width: 768px) {
    .travel-parallax {
		background: url(../images/parallax-travel-med.jpg);
		background-attachment: scroll; 
		background-repeat: no-repeat;
		background-position:center top;
	}
}

.travel-long-text { padding: 0 0.5em;}

@media (max-width: 768px) {
	.w-parking { padding-bottom: 2em;}
}


/* RSVP section */
#rsvp-section-top {
	background-color:transparent;
	min-height:60px;
	margin-top:-61px;
}

.rsvp-parallax {
    background: url(../images/parallax-rsvp.jpg);
    /* min-height: 200px; */ 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Turn off parallax scrolling for tablets and phones. */
@media only screen and (max-device-width: 1024px) {
    .rsvp-parallax {background-attachment: scroll;}
}
@media only screen and (max-device-width: 768px) {
    .rsvp-parallax {
		background: url(../images/parallax-rsvp-med.jpg);
		background-attachment: scroll; 
		background-repeat: no-repeat;
		background-position:center top;
	}
}

.rsvp-long-text { padding: 0 0.5em;}


/* WEDDING PARTY section */
#wed-party-section-top {
	background-color:transparent;
	min-height:60px;
	margin-top:-61px;
}
.wed-party-parallax {
    background: url(../images/parallax-events.jpg);
    /* min-height: 200px; */ 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones. */
@media only screen and (max-device-width: 1024px) {
    .wed-party-parallax {background-attachment: scroll;}
}
@media only screen and (max-device-width: 768px) {
    .wed-party-parallax {
		background: url(../images/parallax-events-med.jpg);
		background-attachment: scroll; 
		background-repeat: no-repeat;
		background-position:center top;
		box-shadow:0px 0px 25px 0px rgba(192,192,192, .4) inset; 
	}
}

p.wed-party-name { margin: 0.5em 0;}


/* REGISTRY section */
#registry-section-top {
	background-color:transparent;
	min-height:60px;
	margin-top:-61px;
}
.registry-parallax {
    background: url(../images/parallax-welcome.jpg);
    /* min-height: 200px; */ 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones. */
@media only screen and (max-device-width: 1024px) {
    .registry-parallax {background-attachment: scroll;}
}
@media only screen and (max-device-width: 768px) {
    .registry-parallax {
		background: url(../images/parallax-welcome-med.jpg);
		background-attachment: scroll; 
		background-repeat: no-repeat;
		background-position:center top;
	}
}

.img-registry {padding: 1.5em 3.5em 0.6em 3.5em}



/* CONTACT US section */
#contact-section-top {
	background-color:transparent;
	min-height:60px;
	margin-top:-61px;
}

.contact-parallax {
    background: url(../images/parallax-contact.jpg);
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Turn off parallax scrolling for tablets and phones. */
@media only screen and (max-device-width: 1024px) {
    .contact-parallax {background-attachment: scroll;}
}
@media only screen and (max-device-width: 768px) {
    .contact-parallax {
		background: url(../images/parallax-contact-med.jpg);
		background-attachment: scroll; 
		background-repeat: no-repeat;
		background-position:center top;
	}
}

.contact-long-text { padding: 0 1.5em;}




/*===================== FOOTER STYLES =====================*/ 
footer {
	background-color: #b5b0d8;
	padding:4em 0 6em 0;
}
.copyright {
	font-size: 18px;
	line-height: 1.75em;
	text-align: center;
	color: #FFF;
}

@media (max-width: 768px) {
	footer {
		padding: 2.5em 0;
	}
	.copyright {
		padding: 0.25em 4em;
	}
}






/*===================== MEDIA QUERIES =====================*/ 

/*-- Large devices and Desktops (max 1200px) --*/
@media (max-width: 1200px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

/*-- Medium devices Desktops (max 992px) --*/
@media (max-width: 992px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

/*-- Small devices Tablets (768px) --*/
@media (max-width: 768px) {
}

@media (max-width: 767px) {
}

/*-- Extra Small devices Tablets (less than 768px) --*/
@media (max-width: 480px) {
}

@media (max-device-width: 480px) and (orientation: landscape) {
}

@media (max-device-width: 480px) and (orientation: portrait) {
}

/*-- 
iPad Air and iPad Mini - Retina 1-4		P-1536 x 2048	L-2048 x 1536
iPadMini, 1-2 - 768 x 1024 	1024 x 768

iPhone X - Retina HD -	P-1125 x 2436 	L-2436 x 1125
iPhone 6+-8+ - Retina HD					P-1080 x 1920 	L-1920 x 1080 
iPhone 6-8 	Retina 	750 x 1334 	1334 x 750
iPhone 5	Retina 	640 x 1136 	1136 x 640
iPhone 4	Retina 	640 x 960 	960 x 640
  --*/