/*
Theme Name: HBC v1.0
Author: Matthew Gideon
Author URI: http://www.matthewgideon.com
Description: Hampstead Baptist Church Wordpress Template</a>.
*/

/* MAIN STYLES  ----------------------*/

* { margin: 0; padding: 0; }

html {
	height: 100%;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
}

body {
	height: 100%;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	background-color: #000000;
}

hr, hr.ninja-forms-field {
	width: 100%;
	height: 5px;
	border: 0 none;
	clear: both;
}

hr, #primaryContent hr, #secondaryContent hr {
	margin-left: auto;
	margin-right: auto;
	margin: 60px 0px 60px 0px;
	border: 0 none;
	clear: both;
}

hr, #primaryContent hr {
	background-color: #ffffff;
}

#secondaryContent hr {
	background: rgba(0,0,0,0.15);
}

/* FONT STYLE  ----------------------*/

body, p, li, #primaryContent ul, #secondaryContent ul, #primaryContent blockquote p, #secondaryContent blockquote p, A:link, A:visited, A:active, A:hover, #quickLinks p, #copyright p, H1, H2, H3, H4 { font-family: 'Poppins', sans-serif; padding: 0px 0px 15px 0px; text-decoration: none; letter-spacing: .5px;}

#tagline H3, #quickLinks H3, #events H3, H3 { font-family: 'Kumbh Sans', sans-serif; }

#date, #month { font-family: 'Sofia Sans Condensed', sans-serif; }

H1 { letter-spacing: .5px; padding: 10px 0px 10px 0px; }

H2, H3, H4 { letter-spacing: .5px; padding: 10px 0px 10px 0px; }

body, p, #copyright p, #copyright A:link, #copyright A:visited, #copyright A:active, #copyright A:hover { letter-spacing: .5px; }

#tagline H3 { letter-spacing: 2px; }

p, #primaryContent h2, #primaryContent li, #primaryContent blockquote p, #events H3, H3, #date { color: #333333; }

#primaryContent h3 { padding: 10px 0px 40px 0px!important; }

#secondaryContent p, #secondaryContent li, #secondaryContent blockquote p, #notification p, #tagline H3, #quickLinks p, #month, #serviceDetails p, #serviceDetails li, #copyright p, #tagline H3, #quicklinks H3 { color: #ffffff!important; }

#secondaryContent h2, #secondaryContent h3, #secondaryContent A:link, #secondaryContent A:visited, #secondaryContent A:active, #secondaryContent A:hover, #secondaryContent h1, #secondaryContent h2, #quickLinks H3, #eventDetails h1, #serviceDetails h1, #serviceDetails h2,  #serviceDetails a:link, #serviceDetails A:visited, #serviceDetails A:active, #serviceDetails A:hover, #copyright A:link, #copyright A:visited, #copyright A:active, #copyright A:hover, #eventDetails.secondary h1, #eventDetails.private h1, #eventDetails h1 { color: #e0c389!important; }

#primaryContent A:link, #primaryContent A:visited, #primaryContent A:active, #primaryContent A:hover, .simcal-event-details A:link, .simcal-event-details A:visited, .simcal-event-details A:active, .simcal-event-details A:hover, #primaryContent h1 , #events A:link, #events A:visited, #events A:active, #events A:hover { color: #8d3b46; }

H1, H2, #notification p { font-size: calc(18px + 4 * ((100vw - 320px) / 1130)); line-height: calc(32px + 6 * ((100vw - 320px) / 1130));}

#eventDetails h1 { line-height: 28px!important; }

H3 { font-size: calc(24px + 12 * ((100vw - 320px) / 1130)); }

body, p, li, A:link, A:visited, A:active, A:hover { font-size: 14px; line-height: 22px:important; }

		#primaryContent h2, #secondaryContent h2, #events h2 { font-size: 18px; line-height: 24px:important; }

#copyright p, #copyright A:link, #copyright A:visited, #copyright A:active, #copyright A:hover { font-size: 12px; line-height: 18px; }

#date, #month, .rmp-menu-item-link { font-weight: 700!important; }

H1, H2, H3, #notification p, #events H3, #quickLinks H3, #copyright p, #primaryContent A:link, #primaryContent A:visited, #primaryContent A:active, #primaryContent A:hover, #secondaryContent A:link, #secondaryContent A:visited, #secondaryContent A:active, #secondaryContent A:hover, #serviceDetails a:link, #serviceDetails A:visited, #serviceDetails A:active, #serviceDetails A:hover, #copyright p, #copyright A:link, #copyright A:visited, #copyright A:active, #copyright A:hover, primaryContent h2, #secondaryContent h2, #events h2 , #events A:visited, #events A:active, #events A:hover { font-weight: 600; }

#tagline H3, p.simcal-event-title, .simcal-event-title p, .simcal-tooltip-content A:link, .simcal-tooltip-content A:visited, .simcal-tooltip-content A:active, .simcal-tooltip-content A:hover { font-weight: 500!important; }

p, li, A:link, A:visited, A:active, A:hover, #copyright p, #events A:link { font-weight: 400; }

#primaryContent blockquote p, #secondaryContent blockquote p { font-style: italic; font-weight: 300;}

#notification p, #tagline p, H1, H2, H3, H4, #tagline H3, #date, #month, li.rmp-menu-item { text-transform: uppercase; }

H2, #serviceDetails a:link { text-transform: none; }

#primaryContent A:link, #primaryContent A:visited, #primaryContent A:active, #primaryContent A:hover, #secondaryContent A:link, #secondaryContent A:visited, #secondaryContent A:active, #secondaryContent A:hover, #copyright p, #copyright A:link, #copyright A:visited, #copyright A:active, #copyright A:hover, A:link, A:visited, A:active, A:hover, #events A:link, #events A:visited, #events A:active, #events A:hover { text-decoration: none;}

#primaryContent blockquote p, #secondaryContent blockquote p, H3, #tagline p, #quickLinks p, #copyright p { text-align: center; }

#primaryContent ul, #secondaryContent ul, #serviceTimes ul { list-style: none; padding: 10px 0px 10px 15px; }

#primaryContent li, #secondaryContent li, #serviceTimes li { 
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: top left;
	padding: 0px 0px 15px 25px;
	list-style-type: none;
}

#primaryContent li { 
	background-image: url(http://www.hampsteadbc.org/wp-content/uploads/bullet-maroon.svg);
}

#secondaryContent li, #serviceTimes li { 
	background-image: url(https://www.hampsteadbc.org/wp-content/uploads/bullet-beige.svg);
}

#site-navigation li { padding: 0px; }

blockquote {
	display: block;
	margin: 50px 0px 50px 0px;
	width: 100%;
}

blockquote p {
	font-size: calc(18px + 2 * ((100vw - 320px) / 1130));
	line-height: calc(28px + 4 * ((100vw - 320px) / 1130));
	letter-spacing: 2px!important;
	margin: 0px 25px 0px 25px; ;
	padding: 20px 50px 20px 50px!important;
	width: -moz-calc(100% - 100px)!important;
	width: -webkit-calc(100% - 100px)!important;
	width: calc(100% - 100px!important);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 40px 30px;
}

#primaryContent blockquote p {
	background-image: url(http://www.hampsteadbc.org/wp-content/uploads/quote-left-maroon.svg);
}

#secondaryContent blockquote p {
	background-image: url(http://www.hampsteadbc.org/wp-content/uploads/quote-left-beige.svg);
}

@media screen and (max-width: 767px) { 
	blockquote {
		margin: 20px 0px 20px 0px;
		width: 100%!important;
	}
	blockquote p {
		margin: 0px!important;
	}
}

/* NOTIFICATIONS -----*/

#notificationWrapper { display: block; width: 100%; background-color: #ff0000; }

#notification { display: block; padding: 5px 20px 5px 20px; width: fit-content; margin-left: auto; margin-right: auto; text-align: center; }

/* HEADER -----*/

#headerWrapper { width: 100%; height: 150px; background-color: #ffffff; z-index: 5; position: relative; }

#header { margin-left: auto; margin-right: auto; height: 150px; }

#headerWrapper.nobanner { border-bottom: 30px solid #8d3b46; }

/* LOGO -----*/
#logoWrapper {display: flex; float: left; height: 150px;}
#logo {padding: 0px 0px 0px 50px;}
#logo, #logo a { display: block; align-self: center; }
#logo a {padding: 0px!important;}


@media screen and (max-width: 767px) { 
	#headerWrapper, #header, #logoWrapper { height: 130px; }
	#logo { padding: 0px 0px 0px 40px; }
	#logo img { height: 40px!important; }
}

@media screen and (max-width: 767px) { }
@media screen and (min-width: 768px) and (max-width: 1023px) { }
@media screen and (min-width: 1024px) and (max-width: 1279px) { }
@media screen and (max-width: 1280px) { }

/* NAV -----*/

#navWrapper {
  float: right;
  display: block;
  z-index: 15;
  height: 50px;
  margin-top: 50px;
  padding-right: 50px;
}

/* SOCIAL -----*/

#socialWrapper { display: flex; justify-content: center; }

#socialWrapper.nav { float: left; }
#socialWrapper.footer { float: none; }

#socialIcon { display: flex; padding: 0px 5px 0px 5px; }

#socialIcon img { padding-top: 8px; }

/* FOOTER -----*/
#footerWrapper {
	display: block;
	clear: both;
	background: #000000;
	width: 100%;
}

#footer { 
	margin-left: auto; 
	margin-right: auto;
	width: -moz-calc(100% - 40px)!important;
	width: -webkit-calc(100% - 40px)!important;
	width: calc(100% - 40px!important);
	padding: 50px 20px 50px 20px;
}

#copyright { display: block;}

/* BANNERS -----*/

#bannerWrapper, #banner { 
	width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
	background-size: cover;
}

#bannerWrapper {
	background-color: #000000;
}

.feature { height: 525px; }

.page { height: 325px; }

#banner { opacity: .5; position: absolute; }

@media screen and (max-width: 767px) {
	#bannerWrapper, #banner {
	background-size: auto 700px!important;
	}
}

/* TAGLINE -----*/

#taglineWrapper {
    display: flex;
    width: 100%;
    text-align: center;
	position: absolute;
}

#tagline { 
	max-width: 1130px; 
	align-self: center; 
	padding: 75px; 
	margin-left: auto;
	margin-right: auto;
}

#tagline H3 { 
	font-size: calc(24px + 12 * ((100vw - 320px) / 1130));
	line-height: calc(36px + 12 * ((100vw - 320px) / 1130));
}

@media screen and (max-width: 767px) {
	#tagline {
	padding: 40px;
	width: -moz-calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) { }
@media screen and (min-width: 1024px) and (max-width: 1279px) { }
@media screen and (max-width: 1280px) { }

/* CONTENT -----*/

#primaryContentWrapper {
	background-color: #f1f1f1;
	width: 100%;
	display: block;
}

#secondaryContentWrapper {
	display: block;
	width: 100%;
	background-color: #00385e;
	z-index: 1;
}

#primaryContent, #secondaryContent {
	margin-left: auto;
	margin-right: auto;
	padding: 75px;
	max-width: 1130px;
}

.alignright, .alignleft, .ngg-right, .ngg-left, .aligncenter { 
	height: auto; 
	width: -moz-calc(33.3% - 40px); 
	width: -webkit-calc(33.3% - 40px); 
	width: calc(33.3% - 40px); 
}

.alignright, .ngg-right { margin: 0px 0px 30px 40px; float: right; }

.alignleft, .ngg-left { margin: 0px 40px 30px 0px; float: left; }

.aligncenter, .ngg-center { margin: 0px 0px 30px 0px; float: none; text-align: center;}

#primaryContent p img, #primaryContent .alignright, #primaryContent .ngg-right, #primaryContent .alignleft, #primaryContent .ngg-left, #primaryContent .aligncenter, #headshotImage p img, #headshotImage .alignright, #headshotImage .ngg-right, #headshotImage .alignleft, #headshotImage .ngg-left, #headshotImage .aligncenter { 
	border-bottom: 0px solid #8d3b46;
	-webkit-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
	box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
	background-color: #ffffff;
}

#secondaryContent p img, #secondaryContent .alignright, #secondaryContent .ngg-right, #secondaryContent .alignleft, #secondaryContent .ngg-left, #secondaryContent .aligncenter { 
	border-bottom: 0px solid #e0c389;
	-webkit-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
	box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
}

#primaryContent .noborder.alignright, #primaryContent .noborder.ngg-right, #primaryContent .noborder.alignleft, #primaryContent .noborder.ngg-left, #primaryContent .noborder.aligncenter, #secondaryContent .noborder.alignright, #secondaryContent .noborder.ngg-right, #secondaryContent .noborder.alignleft, #secondaryContent .noborder.ngg-left, #secondaryContent .noborder.aligncenter {
	border-bottom: 0px solid #8d3b46;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
}

#primaryContent .circle.alignright, #primaryContent .circle.ngg-right, #primaryContent .circle.alignleft, #primaryContent .circle.ngg-left, #primaryContent .circle.aligncenter, #secondaryContent .circle.alignright, #secondaryContent .circle.ngg-right, #secondaryContent .circle.alignleft, #secondaryContent .circle.ngg-left, #secondaryContent .circle.aligncenter, #headshotImage .circle.alignright, #headshotImage .circle.ngg-right, #headshotImage .circle.alignleft, #headshotImage .circle.ngg-left, #headshotImage .circle.aligncenter {
	border-bottom: 0px!important;
	border-radius: 50%;
	-webkit-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
	box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
}

@media screen and (max-width: 639px) {
	.alignright, .alignleft, .ngg-right, .ngg-left, .aligncenter, .ngg-center { width: 100%!important; display: inline-block!important; }
	.size-full { width: 100%!important; height: auto!important;}
	.alignright { margin: 0px 0px 30px 0px!important; float: none; }
	.alignleft { margin: 0px 0px 30px 0px!important; float: none; }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
	.alignright, .alignleft, .ngg-right, .ngg-left, .aligncenter, .ngg-center { width: -moz-calc(50% - 40px)!important; width: -webkit-calc(50% - 40px)!important; width: calc(50% - 40px)!important; max-width: 500px!important; display: inline-block!important;}
	.size-full { width: -moz-calc(50% - 40px)!important; width: -webkit-calc(50% - 40px)!important; width: calc(50% - 40px)!important; max-width: 500px; height: auto!important;}
}

@media screen and (max-width: 768px) {
	#primaryContent, #secondaryContent { padding: 40px; width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px);}
}

@media screen and (min-width: 1024px) { 
	.alignright, .alignleft, .ngg-right, .ngg-left, .aligncenter, .ngg-center { max-width: 500px!important; }
}

/* TEAM -----*/

#teamMember {
	display: block;
	padding-bottom: 40px;
}

#teamMember .circle { 
	margin: 0px 40px 30px 0px;
	float: left;
	width: -moz-calc(33.3% - 40px); 
	width: -webkit-calc(33.3% - 40px); 
	width: calc(33.3% - 40px); 
}

#teamMember img { 
	border-bottom: 15px solid #8d3b46;
	-webkit-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
	box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
}

#teamMember .circle {
	border-bottom: 0px!important;
	border-radius: 50%;
	-webkit-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
	box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
}

@media screen and (max-width: 639px) {
	#teamMember h1, #teamMember p { text-align: center!important; }
	#teamMember .circle { margin: 0px 0px 30px 0px!important; float: none; width: 100%!important; display: inline-block!important; }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
	#teamMember .circle { width: -moz-calc(50% - 40px)!important; width: -webkit-calc(50% - 40px)!important; width: calc(50% - 40px)!important; max-width: 500px!important; display: inline-block!important;}
}

@media screen and (min-width: 1024px) { 
	#teamMember .circle { max-width: 500px!important; }
}

/* DOCUMENTS -----*/

#document { display: block; float: left; padding-top: 10px; padding-bottom: 10px; text-align: center; text-transform: uppercase; }

@media screen and (max-width: 767px) { 
	#document { width: 100%; padding-left: 0px; padding-right: 0px; }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	#document { padding-left: 20px; padding-right: 20px; width: -moz-calc(50% - 40px)!important; width: -webkit-calc(50% - 40px)!important; width: calc(50% - 40px)!important; }
}
@media screen and (min-width: 1024px) { 
	#document { padding-left: 20px; padding-right: 20px; width: -moz-calc(33.3% - 40px)!important; width: -webkit-calc(33.3% - 40px)!important; width: calc(33.3% - 40px)!important; }
}

/* QUICK LINKS -----*/

#quickLinksWrapper {
	display: block;
	width: 100%;
	background-repeat: no-repeat;
  	background-position: center center;
	background-attachment: fixed!important;
}

#quickLinks {
	margin-left: auto;
	margin-right: auto;
	padding: 75px;
	max-width: 1130px;
	text-align: center;
}

#quickLinks H3 { 
	font-size: calc(24px + 12 * ((100vw - 320px) / 1130));
	padding: 0px 0px 25px 0px!important;
}

@media screen and (max-width: 768px) {
	#quickLinks{ padding: 40px; width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px);}
}

/* EVENTS -----*/

#eventsWrapper {
	background-color: #f1f1f1;
	width: 100%;
	display: block;
}

#events {
	margin-left: auto;
	margin-right: auto;
	padding: 75px;
	max-width: 1180px;
	position: relative;
	z-index: 0;
}

#events A:link { padding: 0px 0px 40px 0px; }

#events H3 { 
	font-size: calc(24px + 12 * ((100vw - 320px) / 1130));
	padding: 0px 0px 40px 0px!important;
}

#event { 
	display: block;
	float: left;
	margin: 0px 25px 50px 25px;
	width: -moz-calc(50% - 50px); 
	width: -webkit-calc(50% - 50px); 
	width: calc(50% - 50px);
	-webkit-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
	box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15);
	background-color: #ffffff;
}

#singleEvent { display: flex; }

#event.single { display: flex;  
	width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: calc(100% - 50px);
}

#eventImage.single { width: 50%; float: left; margin-top: 0px!important;}

#eventDetails.single { 
	float: right!important;
	width: -moz-calc(50% - 40px); 
	width: -webkit-calc(50% - 40px); 
	width: calc(50% - 40px);
	margin-top: 0px!important;
	align-self: center;
}

#eventImage {
	display: grid;
	width: 100%;
	z-index: 10;
	position: relative;
	margin-top: -105px;
	aspect-ratio: 4 / 3;
}

#eventDetails {
	display: block;
	width: -moz-calc(100% - 40px); 
	width: -webkit-calc(100% - 40px); 
	width: calc(100% - 40px);
	padding: 20px;
	text-align: center;
}

#eventDetails.private, #eventDetails.secondary { 
	width: -moz-calc(100% - 110px); 
	width: -webkit-calc(100% - 110px); 
	width: calc(100% - 110px);
	padding: 20px 5px 20px 5px!important;
	text-align: left;
	float: right!important;
}

@media screen and (max-width: 768px) {
	#events { padding: 40px; margin: 0px 0px 0px 0px!important; width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px);}
}

@media screen and (max-width: 1024px) {
	#eventDetails.private, #eventDetails.secondary  { padding: 20px 0px 20px 0px!important; }
	#event.private, #event.secondary  { text-align: center!important; }
	#calendarIcon.private, #calendarIcon.secondary { float:none!important; text-align: center!important; margin-left: auto!important; margin-right: auto!important; }
	#eventDetails.private, #eventDetails.secondary { float:none!important; text-align: center!important; width: 100%!important; }
	#events A:link { padding-bottom: 0px!important;}
	#event {
		float: none!important;
		width: 100%;
		margin: 0px 0px 50px 0px!important;
	}
	#event.single {
		display: block;
		float: none!important;
		width: 100%;
		margin: 0px!important;}
	#events a:link { float: left; }
	#eventImage.single { width: 100%; float: none!important; }
	#eventDetails.single { 
		width: -moz-calc(100% - 40px); 
		width: -webkit-calc(100% - 40px); 
		width: calc(100% - 40px); 
		float: none!important; }
	#eventImage.single { margin-top: -110px; }
	#eventDetails.single { margin-top: 0px; }
	#eventImage { display: block; }
	#singleEvent { display: block; }
}

#calendarIcon { 
	display: block;
	width: 80px;
	height: 85px;
	margin: 20px 0px 0px 20px;
	background-image: url(http://www.hampsteadbc.org/wp-content/uploads/icon-calendar.svg);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 15;
	position: relative;
}

#calendarIcon.single { position: absolute; }

#calendarIcon.private, #calendarIcon.secondary { float: left; margin: 0px 20px 0px 0px; }

#month { 
	width: 100%;
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	padding-top: 10px;
}

#date { 
	width: 100%;
	height: 55px;
	font-size: 40px;
	line-height: 55px;
	text-align: center;
}

/* SERVICE TIME AND MAP -----*/

#serviceTimesWrapper {
	background-color: #00385e;
	width: 100%;
	display: block;
}

#serviceTimes {
	margin-left: auto;
	margin-right: auto;
	padding: 75px;
	max-width: 1180px;
	display: flex;
}

#serviceDetails, #map {
	float: left;
	margin: 0px 25px 0px 25px;
	width: -moz-calc(50% - 50px); 
	width: -webkit-calc(50% - 50px); 
	width: calc(50% - 50px);
	text-align: center;
	align-self: center;
}

#times {
	display: inline-flex;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px 10px 0px;
	text-align: left;
}

#map img { height: 90%; }

@media screen and (max-width: 767px) { 
	#serviceTimes {
		display: block!important;
		padding: 40px; margin: 0px 0px 0px 0px!important; width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px);
	}
	#serviceDetails, #map {
		float: none!important;
		width: 100%;
		margin: 25px 0px 0px 0px!important;
	}
}

/* ZOOM ANIMATION -----*/

.zoom { transition: transform .2s; }

.zoom:hover { transform: scale(1.025); }

/* FADEIN ANIMATION -----*/

.animated {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/* SLIDE Right ANIMATION -----*/

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  
@-webkit-keyframes slideInDown {
  0% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  
@keyframes slideInDown {
  0% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  } 


/* FADIN ANIMATION -----*/


         
@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
         
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
         
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

/* NINJA FORMS -----*/

form {
	padding: 20px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	display: block;
	width: 100%;
}

.nf-field-label { display: none!important; }

.nf-form-content .listradio-wrap li, .nf-form-content li { background-image: none!important; padding: 0px!important; height: 20px!important; }

.list-radio-wrap .nf-field-element li label { display: inline!important; }

.list-radio-wrap .nf-field-element li input { display: none!important; }

.list-radio-wrap .nf-field-element ul { padding: 5px!important; }

.nf-form-content .listradio-wrap li { line-height: normal!important; }

.nf-field-container { padding: 0px 20px 0px 20px !important; }

.nf-form-contOLD {
	margin: 0px -20px 0px -20px!important;
}

#primaryContent.nf-form-wrap { border: 1px solid #ffffff!important; }

#secondaryContent.nf-form-wrap { border: 1px solid #022949!important; }

.nf-form-content { min-width: 100%!important; padding: 0px!important; color: #ff0000!important; border: 0px solid #333; }

.field-wrap, .nf-field-elementButton, input.ninja-forms-fieldORIG  {width: auto!important;}

.nf-field-element, input.ninja-field { width: 100%!important; }

#nf-field-field_ID-wrap {width: 100%!important;}

.formField-A, .formField-B {margin-bottom: 15px!important; width: 100%;}

.formField-A .nf-error-msg, .formField-A .nf-error-required-error, .formField-B .nf-error-msg, .formField-B .nf-error-required-error  { display: none!important;}

.nf-field-container .textarea-container { margin-bottom: 15px!important; width: 100%; }

#primaryContent.nf-form-errors { margin-left: 20px; }

.nf-field-element li { width: 100%; float: left!important;}

.nf-form-cont { padding: 0px; width: auto;}
.nf-form-fields-required {display: none;}
.nf-form-content .listcheckbox-wrap li::before, .nf-form-content .listradio-wrap li::before { display: none!important; }
.nf-form-content label {font-size: inherit!important; line-height: inherit!important;}

#primaryContent .nf-error .ninja-forms-field, #secondaryContent .nf-error .ninja-forms-field {border-color: #ff0000!important; }

.nf-error-msg, .nf-error-required-error {
	font-family: 'Poppins', sans-serif;
    font-size: 14px;
	line-height: 20px;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    border: 0px;
    letter-spacing: 1px;
	color:#ff0000!important;
}

.nf-error-required-error {
    padding: 5px 0px 0px 0px;
    margin: 0px!important;
}

.nf-error-field-errors, .nf-response-msg {
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 20px!important;
}

.nf-error.field-wrap .nf-field-element:after { display: none!important;}


.nf-form-content input[type="submit"] { color: #ff0000!important; }

.nf-form-content input:not([type="button"]), .nf-form-content textarea.ninja-forms-field, .form-control {
	border: 1px solid #ffffff!important;
	background: #ffffff!important;
	color: #333333!important;
	transition: all .5s!important;
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	appearance: none!important;
}

#secondaryContent .nf-form-content input:not([type="button"]),#secondaryContent .nf-form-content textarea.ninja-forms-field {
	border: 1px solid #00385e!important;
	background: #022949!important;
	color: #ffffff!important;
	transition: all .5s!important;
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	appearance: none!important;
}

.nf-form-content .ninja-forms-field, .form-control, legend {
	font-family: 'Poppins', sans-serif;
	font-size: 14px!important;	
	line-height: 20px!important;
	font-weight: 300!important;
    font-style: normal!important;
    text-transform: none!important;
    letter-spacing: 1px!important;;
	text-decoration: none;
    padding: 15px!important;
    text-align: left!important;
}


.nf-repeater-fieldsets fieldset { border: 1px solid #cccccc;}

.nf-repeater-fieldset { padding-top: 15px; }

button.nf-remove-fieldset, .nf-form-content button.nf-remove-fieldset { display: none!important;}

legend { text-transform: uppercase!important; color: #333333!important; font-weight: 600!important; padding: 0px 20px 0px 20px; }


#primaryContent .button, #secondaryContent .button, #quickLinks .button, .nf-form-content input[type="submit"], .nf-form-content, button.button-primary, button.nf-add-fieldset, .nf-form-content button {
	font-family: 'Kumbh Sans', sans-serif;
	font-size: 13px!important;	
	font-weight: 600!important;
    font-style: normal!important;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;;
	text-decoration: none;
    display: inline-block!important;
    width: auto!important;
    padding: 15px!important;
	float: none!important;
    cursor: pointer!important;
    align-items: flex-start!important;
    box-sizing: border-box!important;
	color: #ffffff!important;
}

.nf-form-content { padding: 0px!important; }

.nf-form-content { text-transform: none!important; }

.nf-form-content p { text-transform: none!important; padding: 5px 0px 5px 0px!important; }

#primaryContent .button, #primaryContent .button A:link, #primaryContent .nf-form-content input[type="submit"], button.button-primary, .nf-form-content button, button.nf-add-fieldset { 
	border: none!important;
	color: #ffffff!important!important;
	background: #8d3b46!important;
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	appearance: none!important;
}

#primaryContent .button, #secondaryContent .button, #quickLinks .button, button.button-primary, button.nf-add-fieldset { margin: 20px 0px 20px 0px!important; }

.nf-form-content input[type="submit"], #secondaryContent .nf-form-content input[type="submit"], .nf-form-content button { margin: 20px 0px 0px 0px!important; }

#primaryContent .button:hover, .nf-form-content input[type="submit"]:hover, button.button-primary, .nf-form-content button:hover, button.nf-add-fieldset  { 
	color: #ffffff!important;
	background-color: #682831;
	transition: background .1s ease-in;
}

#secondaryContent .button, #secondaryContent .nf-form-content input[type="submit"], #quickLinks .button,  #quickLinks .nf-form-content input[type="submit"] { 
	border: none!important;
	color: #ffffff!important;
	background: #e0c389!important;
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	appearance: none!important;
}

#secondaryContent .button:hover, #secondaryContent .nf-form-content input[type="submit"]:hover, #quickLinks .nf-form-content input[type="submit"]:hover  { 
	color: #ffffff!important;
	background-color: #e0c389!important;
	transition: background .1s ease-in!important;
}

.listcheckbox-wrap .nf-field-element label:before { content: "X"!important; color: #333333!important; font-size: 13px!important; font-family: 'Montserrat', sans-serif!important; font-weight: 900; }

.listcheckbox-wrap .nf-field-element label:after { border: 0px solid #ffffff!important; background: #ffffff!important}

.listcheckbox-wrap .nf-field-element label.nf-checked-label:after { border: 0px solid #333333; background: #ffffff!important}

.listcheckbox-container .nf-field-element label:after { top: -9px!important; }

.listcheckbox-container .nf-field-element label:before { left: -23px!important;}

input[type="checkbox"] {
  background: #ff0000!important;
  color: #333;
  text-align: center;
}

.mc4wp-response p {
	padding: 20px 10px 10px 10px;
	font-family: 'Rubik', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 19px;
	letter-spacing: 0.5px;
	color: #ffffff;
	text-align: center;
	word-wrap: break-word;
	list-style: none;
}

@media screen and (min-width: 769px) { 
	#nf-field-field_ID-wrap {width: 33.3%!important; }
	.formField-A {width: 33.3%!important; padding: 0px 20px 0px 20px!important; float: left; clear: none!important;}
	.formField-B {width: 49.95%!important; padding: 0px 20px 0px 20px!important; float: left; clear: none!important;}
	#primaryContent .ninja-button, #secondaryContent .ninja-button { margin: 0px 0px 0px 10px!important; }
}

/* RESPONSIVE MENU -----*/

#responsiveMenu {
  display: inline-block;
  float: right;
  height: 150px;
}

@media screen and (max-width: 767px) { 
	#responsiveMenu { height: 130px; }
}

.rmp_menu_trigger { padding-right: 85px!important; }

@media screen and (max-width: 767px) { 
	#responsiveMenu { height: 130px; }
	.rmp_menu_trigger {padding-right: 70px!important; top: 35px!important; }
}

li.rmp-menu-item, li.rmp-menu-sub-level-item, li.rmp-menu-top-level-item { padding: 0px!important; }

.rmp-menu-item-link { letter-spacing: 1px!important; }

.rmp-menu-open { 
	-webkit-box-shadow: 30px 0px 30px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 30px 0px 30px 0px rgba(0,0,0,0.2);
	box-shadow: 30px 0px 30px 0px rgba(0,0,0,0.2);
}

/* FADEIN ANIMATION -----*/

.animated {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
         
@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
         
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
         
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

/* Google Calendar -----*/

.simcal-default-calendar-grid .simcal-day-number { padding: 10px!important; }

#primaryContent ul .simcal-events, .simcal-events ul, ul.simcal-events { list-style: none!important; padding: 5px!important;}

#primaryContent li .simcal-events, .simcal-events li, li.simcal-events { list-style-type: none!important; padding: 5px!important; background-image: none!important; }

.simcal-event-details p { margin: 0px!important; padding: 5px 0px 5px 0px!important; }

.simcal-event-title p { font-weight: 500!important; }

.simcal-event-bubble {
	-webkit-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15)!important;
	-moz-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15)!important;
	box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.15)!important;
}

.simcal-default-calendar-grid .simcal-day, .simcal-default-calendar-grid, .simcal-day  { border: 0px!important;}

.simcal-event-bubble { border: 5px solid #8d3b46!important; }

.qtip-content { padding: 10px 15px 10px 15px!important; }

/* Add to Calendar -----*/

.atcb-button-wrapper input[type=button] { padding: 0px!important; }

.atcb-button input[type=button] { margin: 0px!important; border-radius: 0px!important; }

/* Password Protected -----*/