@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html, body {
	
}

BODY{
	background-color: #FFFFFF;
	color:#ffffff;
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-style: normal;
	font-variation-settings: "wdth" 100;	
}

H1,
H2,
H3{
	font-family: "PT Serif", serif;
	font-weight: 700;
	font-style: normal;
}

H4,
H5{
	font-family: "PT Serif", serif;
	font-style: normal;
	font-weight: 400;
}
H1{ 
	font-size: 3.45em;
	margin-bottom: 30px;
	font-weight: 900;
}
H2{ 
	font-size: 1.5em;
	margin-bottom: 30px;
}
H3{ 
	font-size: 1.85em;
	margin-bottom: 50px;	
	color: #000000;	
	letter-spacing: 20px;
}
H4{ 
	font-size: 1.85em;
	line-height: 1.5em;
	margin-bottom: 30px;	
	color: #FFFFFF;
}

P{
	/*font-family: 'facto', sans-serif;*/
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 16px;
}
a{
	color: #089ea9;
	text-decoration: underline;
	font-weight: 400;
}
a:hover{
	color: #089ea9;
	font-weight: 200;
}

.btn.btn-primary,
.rsvp-btn{
	background-color: #FFFFFF;
	color: #000000;
	border-color: #EBEBEB;
	border-radius: 5;
	padding: 5px 40px 10px 40px;
	margin: 10px 0 30px 0;
}
.btn.btn-primary:hover{
	background-color: #A4A4A4;
}

.logo-bar{
	padding: 30px;
	margin-bottom: 30px;
}

.main-title h4{
	padding:15px;
	border: 1px solid #089EA9;
	color: #089EA9;
}

.community-logo{
	max-width: 50%;
	max-height: 50%;
	padding: 30px 0 ;
}

.brown-bar{
	background-color: #3D3935;
	padding: 30px;
}

.content-box{
	padding: 30px;
	/*border: 1px solid #089EA9;*/
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: rgba(0,0,0,0.5);
}

/* Header-bar */
.header-bar{
	background-color: #001020;
}

.main-logo{
    height: auto;
    width: 350px;
	display: block;
	margin: 0 auto;
	padding: 85px 0;
}

.hero-bar{
	background-color: #f3efd6;
	background-image: url('../img/hero-bar-bg.png');
	background-size: cover;
	background-position: bottom;
	min-height: 600px;
}

.hero-bar .bg-main-image{

}

.hero-bar .hero-bar-content{
	padding: 100px 150px;	
}

.hero-bar-content H2,
.hero-bar-content H5,
.hero-bar-content P{
	color: #351B0E;	
}

.hero-bar .bg-light-blue{
	
}



.hero-bar-xs{
	background-color: #F3EFD6;
	min-height: 500px;
	padding-top: 100px;
}

.main-content{
	color: #000000;
	padding: 100px 0;
}

.form-footer-bar{
	position: relative;
  	overflow: hidden;
	padding-top: 100px;
	background-color: #351B0E;
}


.form-footer-bar::before {
  background: #351B0E;
}

.form-container{
	
}

.form-container .form-control{
	background-color: #F3EFD6;
	color: #000000;
	border-color: #F3EFD6;
	padding: 5px 0 10px 10px;
}
.form-container .form-control::placeholder{
	color: #351B0E;
}

.map-bar{
	min-height: 500px;
	margin: 50px 0 150px 0;
}
.map-bar iframe{
    display: block;       /* iframes are inline by default */
    border: none;         /* Reset default border */
    height: 500px;        /* Viewport-relative units */
}

.copyright-bar{
	border-top: 1px solid #F3EFD6;
	padding-top: 30px;
	padding-bottom: 100px;
	color: #F3EFD6;
}
.copyright-bar P,
.copyright-bar a{
	color: #F3EFD6;
}



.pad-content{
	padding: 0px 85px;
}
.white{
	color: #ffffff !important;
}
.black{
	color: #000000 !important;
}